-Рубрики


Урок по анимации №5 от Photoshop + (Онлайн фотошоп - Эдитор)

Вторник, 05 Февраля 2019 г. 17:15 + в цитатник

Размер работы 600х555пикселей







Работу в оригинале можно посмотреть здесь.


Рабочий материал здесь -

В этом уроке мы будем учиться двигать рукой. На примере данного урока в работе можно будет сделать движение руки и ноги одновременно. Для этого нужно будет отдельно отделять руку и отдельно ногу на разных слоях. Со слоями нужно будет работать отдельно, а потом слои распределять по кадрам. Чем больше у вас будет кадров в анимации, тем плавнее будут движения.

Загружаем фон в фотошоп. Дублируем слой. На нижнем слое отключаем глазик. Берем - "Прямолинейное лассо" - "Растушевка" ноль.



Чтобы красиво выделить руку инструментом, нам нужно увеличить размер изображения.

Идем: Изображение - Размер изображения



У наш ширина работы 800 пикс, мы в окошке - где ширина работы - вписываем цифру два. Теперь у нас ширина работы не 800 пикс как было, а 2800 пикс. Окошко где высота работы - мы не трогаем, высота определится автоматически - и жмем ОК.



Теперь у нас изображение увеличилось.



Выделяем руку и волшебную палочку.



Выделение - Инверсия



Редактирование - Очистить



Выделение - Отменяем выделение



Руку мы вырезали, теперь вернем работе наш прежний размер изображения - 800 пикс.

Изображение - Размер изображения



В верхнем окошке удаляем цифру два и жмем - ОК.



Получится так.



Включаем глазик на фоне. Создаем новый слой. Идем в палитру цветов и выбираем цвет нашего фона. Кликаем пипеткой там где стоит галочка на скриншоте.



Стоим на новом слое. Берем - "Прямолинейное лассо" - "Растушевка" ноль. Делаем выделение как на скрине.



Берем ведерко, заливаем слой по выделению и отменяем выделение.



В палитре цветов выбираем более светлый цвет из фона. Это нам нужно для того, чтобы инструментом "Палец" сделать размытие слоя по краю.



Берем мягкую кисть - 139 пикс.



Растираем по краям слой.



Берем твердый ластик. Ластиком удаляем все лишнее со слоя, что попадает на лицо и одежду феечки.





Дублируем слой с фоном. Берем - "Прямолинейное лассо" - "Растушевка" 10 пикс. Делаем выделение как показано на срине.



Выделение - Инверсия

Редактирование - Очистить

Выделение - Отменить выделение

Слой перемещаем вперед.





В фильтре добавляем резкость слою.



Загружаем кисти в фотошоп, они есть у вас в рабочем материале. Создаем новый слой. В палитре цветов выбираем белый цвет.







Выбираем кисть - размер кисти 172 пикс.



Кликаем в центр волшебной палочки кистью. Центр волшебной палочки я пометила красной точкой.



Фильтр - Усиление резкости - Резкость +



Дублируем слой с кистью.



Выделяем три верхних слоя и объединяем слои.



Слой который мы объединили назовем - "Рука". Создаем 15 дубликатов слоя с рукой.



На верхних слоях с рукой отключаем глазки. Оставляем включенные глазки
на слое - "Рука копия" и "Рука копия 2". На слое "Рука" - глазик отключаем и с этим слоем ничего не делаем, на случай - если у нас в работе пойдет что-то не так. Чтобы потом вновь не вырезать руку из фона.



Создаем новый слой. В палитре цветов выбираем красный цвет. Берем твердую кисть и на новом слое ставим точку на плече. По этой точке у нас будет движение руки.



Становимся на слой - "Рука копия 2".

Берем инструмент - "Перемещение".
Редактирование - Свободное трансформирование



Желтым цветом на скрине я выделила центр слоя - "точка с крестиком", этот крестик нам нужно мышкой перетаскивать на красную точку.



Перетащили крестик на красную точку, теперь запомните цифру которая в первом окошке на верхней панели фотошопа слева. У меня цифра в окошке - 371,29 пикс. У вас может быть совсем другая цифра. Вы свою цифру лучше запишите на листочек, чтобы потом не путаться на слоях. Если на каждом слое в первом окошке будут разные цифры, рука при анимации будет прыгать.



Пятое окошко (считаем слева направо) на верхней панели фотошопа - там отображается градус поворота слоя.

В это окошко мы вписываем цифру с минусом -0,80. Это потому, что слой с рукой мы опускаем вниз. Если бы мы поднимали слой с рукой, тогда цифра была без минуса.



На каждом последующем слое цифра у нас будет увеличиваться на 80. Значит градус следующего слоя у нас в окошке будет с минусом -1,60.



На девятом слое с рукой у нас угол поворота уже возрастет до минус -6,40.



На двенадцатом слое -8,80.



На пятнадцатом -10,40.



Слой с точкой удаляем.



Выделяем слои с рукой. Теперь нам слои нужно объединить в группу. Жмем сочетание клавиш Ctrl+G.



Открываем группу с рукой.



На верхних слоях отключаем глазки.



Открываем окно с анимацией.



Ставим строку - "Постоянно".
Время ставим - 0,15 сек.
Добавляем 14 кадров.





Распределяем слои с рукой по кадрам. На один кадр - один слой. При распределении слоев по кадрам я думаю вы не ошибетесь, так как номера слоев и кадров совпадают. Слой первый - кадр первый. Кадр второй - на втором слое включаете глазик. И так до конца распределяете по одному слою на каждый кадр.





Становимся на первый кадр и закрываем группу.



Становимся на первый кадр. Создаем новый слой. В палитре цветов выбираем цвет фона. Берем "Прямолинейное лассо" и выделяем маленький треугольник на слое где рука и зальем слой цветом. Это нам нужно для того, чтобы при анимации руки не выглядывал нижний слой.



Отменяем выделение.



Выделить все кадры.



Скопировать кадры.



Вставить кадры.





Обратный порядок кадров.



Включаем анимацию и смотрим.



Можете так оставить и сохранить работу. А если есть желание, можно еще анимацию добавить с помощью футажей.

Загружаем футаж - "Звезды". Выделяем слои и прячем их в группу.



Становимся на первый кадр и переносим футаж в работу, устанавливаем.



Делаем наложение слоя - "Экран".



Выделяем кадры со второго по тридцатый.



На первом слое футажа отключаем глазик. Нам нужно чтобы глазик от первого слоя горел только на первом кадре.



Распределяем слои по кадрам.



В футаже у нас 15 кадров, а в анимации у нас 30 кадров.Поэтому мы делаем повторение при распределении футажа.



Становимся на первый кадр и закрываем группу.



Так как у нас рука опускается при анимации, нам нужно чтобы и футаж опускался вместе с рукой. Поэтому начиная со второго кадра - берем инструмент - "Перемещение" и кнопочками вниз, влево, вправо или вверх устанавливаем футаж по центру волшебной палочки. Устанавливать футаж будем переходя от одного кадра к другому, чтобы футаж был по центру волшебной палочки до 30 кадра.





Наша задача на каждом кадре группу с футажем передвинуть в центр волшебной палочки.

На скрине я показываю где находится группа с футажем, а вам группу нужно установить по центру.



У нас так.



Должно стать так.



Становимся на первый кадр и загружаем футаж сияние звезды.



Стоим на первом кадре и делаем наложение группе - "Экран".



В футаже семь слоев. При распределении слоев по кадрам будете повторять футаж столько раз - пока не закончатся все кадры. Становитесь на первый кадр и закрываете группу.

При желании футаж можно развернуть при установке.



В этом футаже как и в предыдущем начиная со второго кадра нужно кнопочками передвигать звезду в центр волшебной палочки. И так на всех тридцати кадрах.



Загружаем футаж "Боке", устанавливаем по рабочему окошку.
Группе делаем наложение - "Экран", "Непрозрачность" группе ставим - 50%. Распределяем слои по кадрам.



Становитесь на первый кадр, подписываете работу. При желании работу можете украсить рамочкой.

Если рамочке добавите тень или стиль, то в конце работы перед сохранением, продублируйте слой с рамочкой, чтобы у вас тень или стиль были видны на всех кадрах. Нижний слой удалите, оставьте только дубликат слоя. Точно так же и с подписью.

Работу сохраняйте в формате - GIF.

Свои работы по уроку выставляйте в комментарии под уроком, для удобства просмотра работ!!!

Жду ваши работы!!! Успеха в творчестве!!!

Вопросы будут - обращайтесь!!!

Photoshop + (Онлайн фотошоп - Эдитор)




BFlash


Благодарю за цитирование и нажатие кнопочки "Нравится".


Рубрики:  ► УРОКИ В ФОТОШОПЕ/* Уроки 1 *
Beautiflash_
Метки:  

Процитировано 6 раз
Понравилось: 40 пользователям

Нина_Зобкова   обратиться по имени Вторник, 05 Февраля 2019 г. 18:05 (ссылка)
Теплого и уютного вечера,Томочка! Работы все просто очаровательные!)))
В цитатник
Перейти к дневнику

Вторник, 05 Февраля 2019 г. 18:07ссылка
спасибо большое!Нинуличка! прекрасной недельки!