Все игры
Запись

Урок по анимации №5.


Нравится

Вы не можете комментировать, т.к. комментарии запрещены автором.


ВикаKL ВИКТОРИЯ      05-02-2019 04:11 (ссылка)
Re: Урок по анимации №5.
Урок по анимации №5.



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


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

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

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



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

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



У наш ширина работы 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.

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

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

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

Нина Дунай      05-02-2019 11:25 (ссылка)
Re: Урок по анимации №5.
Большое спасибо за красивый урок, Вика!!!
М@ЛИНК@ *****      05-02-2019 11:36 (ссылка)
Re: Урок по анимации №5.
спасибо,Вика
nadyusha nadyuzhok      05-02-2019 14:30 (ссылка)
Re: Урок по анимации №5.
Волшебно, красиво!!!!!!!!!!!
Валентина ⁣      05-02-2019 14:36 (ссылка)
Re: Урок по анимации №5.


Эльвира Павлова      05-02-2019 14:45 (ссылка)
Re: Урок по анимации №5.
Прекрасный урок, Вика! Итак, порадовать нечем, напортачила по полной программе, буду переделывать, я даже не стала сохранять работу.
Лариса Красняк      05-02-2019 15:35 (ссылка)
Re: Урок по анимации №5.
Спасибо Викулечка за урок !!! Вот принимай мою работу:
Татьяна Гартенцаун      05-02-2019 18:26 (ссылка)
Re: Урок по анимации №5.
Спасибо за интересный урок. Все вроде понятно. разобралась. только один вопрос. у меня на 15 слое с рукой получилось не -10,40 а -11,20 может нужно было 14 и 15 слои оставить -10,40 ?

nadyusha nadyuzhok      05-02-2019 19:28 (ссылка)
Re: Урок по анимации №5.
Виктория,получилось вот так,неточность все же допустила.Спасибо! Урок отличный.
Людмила Трахунова      05-02-2019 21:27 (ссылка)
Re: Урок по анимации №5.
Вика ,я не поняла , в слоях выставлять какие цифры: 1 слой- -0.80, 2 слой --1.60 ,а с 3 слоя по 8- й слой, какие цифры писать - -1.60 ? , а потом 9 слой 6.40 , 10 слой и 11 слой ?, 12 -8.80, а 13 и14 слой ?,15 слой -10.40 .Распишите пожалуйста . Тут у меня ступор.
Татьяна Гартенцаун      06-02-2019 15:10 (ссылка)
Re: Урок по анимации №5.
Понятно. Спасибо за науку. Думаю нужна практика.
Елена Тронова      08-02-2019 10:13 (ссылка)
Re: Урок по анимации №5.
Спасибо Викулечка за урок !Ох и намучилась я ,впервые делала по такому методу движение ,обычно марионеточной деформацией и старалась без вырезов деталей ,вечно рука прыгает или мышка ,косю.Первая моя ошибка,взяла цветной фон ,всё таки для учения нужен однотонный ,приходилось добавлять фон и заливать чёрным,чтоб рассмотреть звёздочки для перемещения,вторая ошибка,руку отрезать надо было под прямым углом ,а я наискось ,наверно из за этого ,после среза .получилась нестыковка ,пришлось наростить немного руку ,но всё равно срез виден,хоть и проходила мягким ластиком ,и сверху при движениях шов разъединяется ,раз десять переделывала .У меня вопрос ,вот при движениях вообще ,всегда надо надо на первом слое отключать глазик и начинать со второго?Я понимаю,что первый кадр-слой -без изменений ,начинается движение со второго ,я раньше проходила всё равно с первого кадра-слоя ,а здесь ,глазик выключен

надежда степанова      08-02-2019 12:52 (ссылка)
Re: Урок по анимации №5.
Спасибо,Вика! Урок замечательный! Сначала не получилось(Урок большой,а я решила сделать в один подход,вот и ошибалась,особенно,когда цифры вставляла в маленькие окошечки) Несколько раз переделывала.Пока без рамочки...
LANA ***LINA      09-02-2019 00:54 (ссылка)
Re: Урок по анимации №5.
Викочка, доброго времени суток! Много раз переделывала работу. Моя главная ошибка в том, что хотела проявить фантазию в работе, создав цветочный фон и взяв другую цветочную фею. Задание само по себе сложное, а я ещё и усложнила его этим. Поэтому сделала только половину урока, но обязательно выполню в полном объеме . Кроме того, опыта слишком мало.
LANA ***LINA      09-02-2019 02:53 (ссылка)
Re: Урок по анимации №5.
Спасибо за отличный урок, который дал возможность расширить свои знания в области анимации.
Люси- КНВ      13-02-2019 23:33 (ссылка)
Re: Урок по анимации №5.
Спасибо, Викуля, за урок! А это мой вариант!
ВАЛЕНТИНА ХУДЯКОВА      19-02-2019 14:15 (ссылка)
Re: Урок по анимации №5.