• Авторизация


Анимация движения поезда 12-09-2011 17:41 к комментариям - к полной версии - понравилось!

Это цитата сообщения morela4 Оригинальное сообщение

Анимация движения поезда

В этом уроке я расскажу, как создать иллюзию движения поезда [показать]

Настроение в картинках

Я взяла вот такую картинку

[500x337]

Инструментом – Лассо  выделим вагон

[443x320]

Аккуратно обводим вагон

[540x369]

И делаем две копии  5 копии этого слоя, нажимая  комбинацию клавиш – клавишами Ctrl + J, можно делать и три слоя, но лучше, когда слоев больше, движения будут более естественными.

[541x271]

Отключаем видимость всех слоев вагонов, кроме первого , делаем его активным ( нажимаем на слой, чтобы он выделился – стал синим) и переходим в закладку Фильтр – Размытие – Размытие в движении [598x306]

Делаем активным слой вагон -2 

Фильтр – Размытие – Размытие в движении

Угол поворота -0, смещение – 30. Слой – Вагон -3  Фильтр – Размытие – Размытие в движении

Угол поворота -0, смещение – 50 Слой – Вагон -4  Фильтр – Размытие – Размытие в движении

Угол поворота -0, смещение – 70 Слой – Вагон -5 

Фильтр – Размытие – Размытие в движении Угол поворота -0, смещение – 100

Можно бы было все так и оставить -  уйти в анимационную панель, собрать анимацию, но.. мы размывали слои с вагоном, девушка у нас с вами на переднем плане и если мы начнем собирать анимацию, то слои с вагонами , размытыми краями будут наплывать на девушку, что быть не должно. Поэтому возьмем инструмент Лассо и выделим из рисунка все, что не относится к вагону [514x350]

Вы обратили внимание, что выделяла я картинку не четко по линиям контура, а немного отступая. Сейчас объясню, для чего я это сделала. Итак,не снимая выделения  – ставим курсор на выделенную область, щелкаем по правой клавише  мышки и выбираем команду -  Растушевка [502x340]

В появившемся окошке я ставлю значение 5  и нажимаю Ок. Для каждой картинки значение подбирают индивидуально, все зависит от того, как близко вы прошлись выделение по контуру, как сильно вам нужно размыть края.

[505x342]

Не снимая выделения, вы ставите курсор опять же на выделенную часть картинки и щелкаете правой клавишей мышки. В появившемся окне выбираете команду – Скопировать на новый слой [560x344]

А вот теперь посмотрите на края вырезанного фрагмента

[509x342]

Перемещаем этот слой вверх

[530x338]

Все.Открываем анимационную панель и собираем анимацию.

Слой – Основная картинка будет у нас постоянно включен на всех кадрах, к нему будем добавлять слои ( включать глазки) поочередно всех слои  Вагон

Итак – 1 кадр -  Глазок включен у – Основная картинка + Вагон -1            

2 кадр -  Глазок включен  у  – Основная картинка + Вагон -2            

3 кадр -  Глазок включен  у  – Основная картинка + Вагон -3            

4 кадр -  Глазок включен  у  – Основная картинка + Вагон -4            

5 кадр -  Глазок включен  у  – Основная картинка + Вагон -5

[263x246]

А вот теперь  выделяем первый кадр нашей анимации, включаем видимость слоя с девушкой и просто пере щелкиваем по анимационным кадрам, чтобы на всех слоях анимации появилась наша девушка Ставим задержку кадров 0,1 сек, и смотрим, что у нас получилось [500x337]

Таким приемом можно создать иллюзию движения не только поезда.

Серия сообщений "ФШ анимация":
Часть 1 - Урок-как добавить в фотошопе анимашку
Часть 2 - Урок "Оживляем лицо и предметы"
...
Часть 98 - Добавляем анимацию(один из способов)
Часть 99 - Движение блика-Анимация.
Часть 100 - Иллюзия движения-световые эффекты.Движение глаз.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация движения поезда | Yollanda - В ПОТОКЕ ДНЕЙ... | Лента друзей Yollanda / Полная версия Добавить в друзья Страницы: раньше»