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

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

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

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

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

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

Расписание углов поворота по слоям в градусах. Цифры в окошко градусов вписываете с минусом.

Слой - "Рука копия" мы не трогаем. Начиная со слоя - "Рука копия 2" - мы опускаем руку.

Рука копия 2 -0,80
Рука копия 3 -1,60
Рука копия 4 -2,40
Рука копия 5 -3,20
Рука копия 6 -4,00
Рука копия 7 -4,80
Рука копия 8 -5,60
Рука копия 9 -6,40
Рука копия 10 -7,20
Рука копия 11 -8,00
Рука копия 12 -8,80
Рука копия 13 -9,60
Рука копия 14 -10,40
Рука копия 15 -11.20

Кто брал урок себе в дневник, добавьте себе расписание цифр по слоям - в урок. У меня ошибка в скриншоте.

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

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

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

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

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

Жду ваши работы!!! Успеха в творчестве!!!
Вопросы будут - обращайтесь!!!

Рубрики:

Уроки анимации
Уроки от Виктории

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