Урок анимации "Движение поезда - иллюзия
12-08-2015 04:27
к комментариям - к полной версии
- понравилось!
Это цитата сообщения R-Oksana Оригинальное сообщение
Урок анимации "Движение поезда - иллюзия"
Сегодня мы с вами рассмотрим – как создать иллюзию движения в картинке. Я взяла вот такую картинку
[показать]
Работать будем инструментом – Лассо
[показать]
Аккуратно обводим вагон
[показать]
И созлаем 5 копий этого слоя, нажимая комбинацию клавиш - клавишами Ctrl + J, можно делать и три слоя, но лучше, когда слоев больше, движения будут более естественными.
[показать]
Отключаем видимость всех слоев вагонов, кроме первого , делаем его активным ( нажимаем на слой, чтобы он выделился – стал синим) и переходим в закладку - Фильтр - Размытие - Размытие в движении
[показать]
В открывшемся окошке ставим угол поворота -0 ( поезд у нас движется , а не вертится), смещение - 10 пикселей.
[показать]
Делаем активным слой вагон -2 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 30.
Слой – Вагон -3 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 50
Слой – Вагон -4 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 70
Слой – Вагон -5 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 100
Можно бы было все так и оставить - уйти в анимационную панель, собрать анимацию, но.. мы размывали слои с вагоном, девушка у нас с вами на переднем плане и если мы начнем собирать анимацию, то слои с вагонами , размытыми краями будут наплывать на девушку, что быть не должно. Поэтому возьмем инструмент Лассо и выделим из рисунка все, что не относится к вагону
[показать]
Вы обратили внимание, что выделяла я картинку не четко по линиям контура, а немного отступая. Сейчас объясню, для чего я это сделала. Если вырезать четко по контурам и поставить на передний план, то она будет смотреться грубо, будет видно, что вы ее вырезали, единой с основной картинкой она не будет. Сейчас расскажу, как я сама поступаю, когда вношу в картинку другие элементы, это пригодится вам при создании коллажей.
Итак, не снимая выделения - ставим курсор на выделенную область, щелкаем по правой клавише мышки и выбираем команду - Растушевка
[показать]
В появившемся окошке я ставлю значение 5 и нажимаю Ок. Для каждой картинке значение подбирают индивидуально, все зависит от того, как близко вы прошлись выделение по контуру, как сильно вам нужно размыть края.
[показать]
Не снимая выделения, вы ставите курсор опять же на выделенную часть картинки и щелкаете правой клавишей мышки. В появившемся окне выбираете команду – Скопировать на новый слой
[показать]
А вот теперь посмотрите на края вырезанного фрагмента
[показать]
Перемещаем этот слой вверх
[показать]
Все. Открываем анимационную панель и собираем анимацию. Слой – Основная картинка будет у нас постоянно включен на всех кадрах, к нему будем добавлять слои ( включать глазки) поочередно всех слои Вагон
Итак – 1 кадр - Глазок включен у - Основная картинка + Вагон -1
2 кадр - Глазок включен у - Основная картинка + Вагон -2
3 кадр - Глазок включен у - Основная картинка + Вагон -3
4 кадр - Глазок включен у - Основная картинка + Вагон -4
5 кадр - Глазок включен у - Основная картинка + Вагон -5
А вот теперь выделяем первый кадр нашей анимации, включаем видимость слоя с девушкой и просто пере щелкиваем по анимационным кадрам, чтобы на всех слой с девушкой появился. Или в панели анимации - через команду - синхронизировать слой во всех кадрах
Ставим задержку кадров 0,1 сек, и смотрим, что у нас получилось
![]()
А вот теперь выделяем первый кадр нашей анимации, включаем видимость слоя с девушкой и просто пере щелкиваем по анимационным кадрам, чтобы на всех слой с девушкой появился. Или в панели анимации - через команду - синхронизировать слой во всех кадрах
Ставим задержку кадров 0,1 сек, и смотрим, что у нас получилось
[показать]
от сюда http://bestanimationgif.com/lessons/view?id=12
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения R-Oksana Оригинальное сообщение
Урок анимации "Движение поезда - иллюзия"
[показать]Работать будем инструментом – Лассо
[показать]Аккуратно обводим вагон
[показать]И созлаем 5 копий этого слоя, нажимая комбинацию клавиш - клавишами Ctrl + J, можно делать и три слоя, но лучше, когда слоев больше, движения будут более естественными.
[показать]Отключаем видимость всех слоев вагонов, кроме первого , делаем его активным ( нажимаем на слой, чтобы он выделился – стал синим) и переходим в закладку - Фильтр - Размытие - Размытие в движении
[показать]В открывшемся окошке ставим угол поворота -0 ( поезд у нас движется , а не вертится), смещение - 10 пикселей.
[показать]Делаем активным слой вагон -2 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 30.
Слой – Вагон -3 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 50
Слой – Вагон -4 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 70
Слой – Вагон -5 Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 100
Можно бы было все так и оставить - уйти в анимационную панель, собрать анимацию, но.. мы размывали слои с вагоном, девушка у нас с вами на переднем плане и если мы начнем собирать анимацию, то слои с вагонами , размытыми краями будут наплывать на девушку, что быть не должно. Поэтому возьмем инструмент Лассо и выделим из рисунка все, что не относится к вагону
[показать]Вы обратили внимание, что выделяла я картинку не четко по линиям контура, а немного отступая. Сейчас объясню, для чего я это сделала. Если вырезать четко по контурам и поставить на передний план, то она будет смотреться грубо, будет видно, что вы ее вырезали, единой с основной картинкой она не будет. Сейчас расскажу, как я сама поступаю, когда вношу в картинку другие элементы, это пригодится вам при создании коллажей.
Итак, не снимая выделения - ставим курсор на выделенную область, щелкаем по правой клавише мышки и выбираем команду - Растушевка
[показать]В появившемся окошке я ставлю значение 5 и нажимаю Ок. Для каждой картинке значение подбирают индивидуально, все зависит от того, как близко вы прошлись выделение по контуру, как сильно вам нужно размыть края.
[показать]Не снимая выделения, вы ставите курсор опять же на выделенную часть картинки и щелкаете правой клавишей мышки. В появившемся окне выбираете команду – Скопировать на новый слой
[показать]А вот теперь посмотрите на края вырезанного фрагмента
[показать]Перемещаем этот слой вверх
[показать]Все. Открываем анимационную панель и собираем анимацию. Слой – Основная картинка будет у нас постоянно включен на всех кадрах, к нему будем добавлять слои ( включать глазки) поочередно всех слои Вагон
Итак – 1 кадр - Глазок включен у - Основная картинка + Вагон -1
2 кадр - Глазок включен у - Основная картинка + Вагон -2
3 кадр - Глазок включен у - Основная картинка + Вагон -3
4 кадр - Глазок включен у - Основная картинка + Вагон -4
5 кадр - Глазок включен у - Основная картинка + Вагон -5
А вот теперь выделяем первый кадр нашей анимации, включаем видимость слоя с девушкой и просто пере щелкиваем по анимационным кадрам, чтобы на всех слой с девушкой появился. Или в панели анимации - через команду - синхронизировать слой во всех кадрах
Ставим задержку кадров 0,1 сек, и смотрим, что у нас получилось
А вот теперь выделяем первый кадр нашей анимации, включаем видимость слоя с девушкой и просто пере щелкиваем по анимационным кадрам, чтобы на всех слой с девушкой появился. Или в панели анимации - через команду - синхронизировать слой во всех кадрах
Ставим задержку кадров 0,1 сек, и смотрим, что у нас получилось
[показать]от сюда http://bestanimationgif.com/lessons/view?id=12
Вы сейчас не можете прокомментировать это сообщение.
Дневник Урок анимации "Движение поезда - иллюзия | Luska13 - Дневник Luska13 |
Лента друзей Luska13
/ Полная версия
Добавить в друзья
Страницы:
раньше»