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


Движение поезда - иллюзия 27-01-2015 16:31 к комментариям - к полной версии - понравилось!


Движение поезда - иллюзия

Сегодня мы с вами рассмотрим – как создать иллюзию движения в картинке. Я взяла вот такую картинку

[500x337]

Работать будем инструментом – Лассо 

[443x320]

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

[540x369]

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

[541x271]

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

[598x306]

В открывшемся окошке ставим угол поворота -0 ( поезд у нас движется , а не вертится), смещение  - 10 пикселей.

[599x389]

Делаем активным слой вагон -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

[показать]


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

[500x337]

Источник: http://bestanimationgif.com/lessons/view?id=12

вверх^ к полной версии понравилось! в evernote


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

Дневник Движение поезда - иллюзия | Lina_SN - Дневник Lina_SN | Лента друзей Lina_SN / Полная версия Добавить в друзья Страницы: раньше»