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

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


Нравится

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


ВикаKL ВИКТОРИЯ      25-01-2019 19:38 (ссылка)
Re: Урок по анимации №4.
Урок по анимации №4.



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


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

Открываем в фотошопе скаченный файл в формате PSD - "Урок".

Становимся на слой с фоном и создаем дубликат слоя.



Слою добавляем текстуру.





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



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



Слою делаем наложение - "Мягкий свет".



Загружаем "Вырез" в формате PSD и устанавливаем.



Становимся на слой - "Фон копия 2" и загружаем клипарт с девушкой.



Слой устанавливаем как показано на скрине.



Создаем дубликат слоя с девушкой.



Берем инструмент "Прямолинейное лассо", "Растушевка" ноль.



Делаем выделение на слое по форме выреза.



Далее:
Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение



Переходим на слой ниже. На верхнем слое с девушкой отключаем глазик. "Прямолинейным лассо" на слое выделяем руку у девушки.



Далее:
Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение



Слой переносим на передний план.



Создаем дубликат слоя с рукой.



Нижнему слою с рукой делаем наложение слоя - "Экран". На верхнем слое отключим глазик, чтобы нам виден был результат.



Становимся на верхний слой с рукой. Глазик на слое не включаем. Берем инструмент "Прямолинейное лассо", "Растушевка" 2 пикс. и делаем выделение как на скрине.



Включаем глазик на слое и очищаем по выделению.



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

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



Загружаем файл в формате PSD - Брызги".



Группу переносим в рабочее окно и устанавливаем как на скрине.



Становимся на слой с рукой, берем "Мягкий ластик" 33 пикс. и удаляем белую полосу с руки от стыка слоев.



Становимся на слой "Девушка копия".



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

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



Переносим группу в работу и устанавливаем как показано на скрине.



Группу я назвала - "Анимация воды". Группе делаем наложение "Перекрытие".



Стоим на группе "Анимация воды", зажимаем клавишу Ctrl и левой кнопочкой мыши кликаем по маленькому окошку на слое "Девушка копия", у нас появилось выделение по форме выреза.



Добавляем слой маску.





Берем инструмент "Прямолинейное лассо", "Растушевка" 2 пикс.



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



Очищаем.



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



Берем "Мягкий ластик" 123 пикс. "Непрозрачность" ластику ставим 53%. На скрине я выделила участки по которым нужно пройтись ластиком.



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



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



Мы открыли группу, нам теперь нужно распределить слои футажа по кадрам. У нас 26 слоев в футаже и 26 кадров в анимации. На один кадр - один слой от футажа.

Первый слой от футажа в данный момент горит на всех кадрах. Нам нужно чтобы он горел только на первом кадре. Для этого мы со второго по 26 кадр выделяем. Становимся на второй кадр, зажимаем клавишу Shift, прокручиваем до последнего кадра и кликаем по последнему кадру. У нас выделились все кадры. Теперь
отключаем глазик на первом слое.

Так мы сразу отключили глазик первого слоя со всех кадров. Теперь становимся на второй кадр и второй слой и на втором слое включаем глазик. Переходим на третий кадр и на третий слой и включаем глазик на третьем слое. И так до конца распределяем слои по кадрам.

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





Распределяем слои по кадрам. Как распределять слои по кадрам я описывала чуть выше.





Закрываем группу.





Теперь плагином добавим анимацию волосам девушки. Смотрите подробный урок ЗДЕСЬ.



Далее:
Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение



Создаем два дубликата слоя с волосами. Всего у нас три слоя с волосами.





Код цвета - 361d32





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





Удаляем ластиком по очереди с трех слоев.





Теперь нам нужно работу украсить рамочкой.

Создаем новый слой.

Жмем на квардратик с палитрой цветов. В палитре цветов вписываете нужный код цвета. Код цвета - f7ef14

Берем инструмент - "Прямоугольная область".

"Растушевка" - ноль.



Чертим рамочку.







Добавляем рамочке тень. Настройки стандартные.



Дублируем слой с рамочкой.



Нижний слой с рамочкой удаляем.



Подписываем работу.



Становимся на группу "Анимация воды".



Загружаем клипарт "Боке" в формате PSD.



Устанавливаем клипарт по центру рабочего окошка.



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

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

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

Любовь Быкова      25-01-2019 20:14 (ссылка)
Re: Урок по анимации №4.
Вика,здорово!!!!!!! спасибо за урок!!!!!
М@ЛИНК@ *****      25-01-2019 20:41 (ссылка)
Re: Урок по анимации №4.
большое спасибо
LANA ***LINA      25-01-2019 22:10 (ссылка)
Re: Урок по анимации №4.
Вика, благодарность за ваш титанический труд для нас, студентов! Вас поздравляю с Всемирным Днем студента! Прекрасный урок, но сложность исполнения увеличивается!
Татьяна Гартенцаун      25-01-2019 22:32 (ссылка)
Re: Урок по анимации №4.
Спасибо за интересный урок и красивый коллаж. трудновато пока.

Валентина ⁣      25-01-2019 22:39 (ссылка)
Re: Урок по анимации №4.
Спасибо!
Людмила Шарова      26-01-2019 00:30 (ссылка)
Re: Урок по анимации №4.
Спасибо за урок, Вика.
Лариса Красняк      26-01-2019 02:52 (ссылка)
Re: Урок по анимации №4.
Спасибо Викулечка за урок !!!
Людмила Бычковая      26-01-2019 02:52 (ссылка)
Re: Урок по анимации №4.
Виктория! Огромное спасибо за прекрасный урок. Благо во всём и мир Вашему дому!
Надежда Врублевская      26-01-2019 05:59 (ссылка)
Re: Урок по анимации №4.
Огромнейшее спасибо Виктория!
Вера Рожкова      26-01-2019 09:53 (ссылка)
Re: Урок по анимации №4.
Виктория, огромное спасибо за ваши великолепные уроки!!!
Юрий Сергеев      26-01-2019 10:14 (ссылка)
Re: Урок по анимации №4.
Благодарю!
Фрида Серденко      26-01-2019 11:20 (ссылка)
Re: Урок по анимации №4.
Викуля спасибо дорогая за прекрасный урок , но в дневник вставить не могу! Всё у меня закрыто.
Ольга Букова      26-01-2019 12:05 (ссылка)
Re: Урок по анимации №4.
Спасибо!!!
надежда степанова      26-01-2019 13:56 (ссылка)
Re: Урок по анимации №4.
Спасибо,дорогая Виктория, за Ваш труд! Урок замечательный
Лариса Красняк      26-01-2019 15:15 (ссылка)
Re: Урок по анимации №4.
Вика сам принцип урока поняла.но не люблю делать один в один-попробовала просто с водой сделать:
valya borzdun      26-01-2019 22:22 (ссылка)
Re: Урок по анимации №4.
Людмила Шарова      27-01-2019 13:14 (ссылка)
Re: Урок по анимации №4.
Добрый день. Вика, подскажите, пожалуйста, как исправить дергание на брызгах? Все проверила, кадры слоям соответствуют. Но не получается.

LANA ***LINA      27-01-2019 18:45 (ссылка)
Re: Урок по анимации №4.
Вика! Старалась, но не совсем, как у вас получилось!
LANA ***LINA      27-01-2019 19:16 (ссылка)
Re: Урок по анимации №4.
Частота кадров -- поставила 0,1 сек
марія селезньова      27-01-2019 20:33 (ссылка)
Re: Урок по анимации №4.
Добрый вечер Виктория!Замечательный урок!Спасибо большое!
nadyusha nadyuzhok      29-01-2019 13:27 (ссылка)
Re: Урок по анимации №4.
Виктория,спасибо за урок! Вот что получилось,правда со второго раза.

Тетушка ⁣      31-01-2019 21:36 (ссылка)
Re: Урок по анимации №4.
Спасибо за урок!


Галина Фирсова      04-02-2019 01:06 (ссылка)
Re: Урок по анимации №4.
Вика что то не получилось по уроку
ВАЛЕНТИНА ХУДЯКОВА      07-02-2019 16:19 (ссылка)
Re: Урок по анимации №4.