Ваш браузер устарел. Рекомендуем обновить его до последней версии.
Урок № 4 Анимация покачивания цветка.

Урок № 4 Анимация покачивания цветка.

Опубликовано 03.02.2016

Реалистическое покачивание цветка В этом уроке попробуем создать покачивание цветка, с движением тени. Будем работать с инструментом  - Свободное трансформирование, Штамп, Выделение,  Puppet Warp (Мареонеточная деформация) и фильтром  Пластика. Инструментов много, но урок не настолько сложный, чтобы бояться.


анимация покачивания цветка

Открываем картинку с цветком, на котором есть тень. Двойным щелчком по замочку на  слое - разблокируем слой или перетащим мышкой сам замочек в корзинку

Выбираем инструмент - Прямолинейное лассо, обязательно должен быть активный "Добавить к выделенной области", это даст нам возможность выделить все необходимое нам на картинке

урок - анимация движения цветка

 


И выделим все тени на нашем цветке

 

 Поставим на выделенную область мышку и сделаем растушевку края. Для этого - щелкаем правой клавишей мышки и  открывшемся окне  выбираем - Растушевка

 

 

 Откроется еще одно окошко - радиус  ставим - 1

 

 

Копируем выделенную часть на новый слой - для этого нажмите клавиши Clrt + J. Это будет у нас вынесенный слой тени.  А теперь нам нужно убрать тень с самого  цветка. Чтобы еще раз не выделять ее заново на цветке, поступим таким образом - активный слой ( синий) у нас сама картинка, зажмите клавишу Clrt и щелкните мышкой  по квадратику вынесенного слоя - на картинке появится выделение вокруг тени

 

В закладке  - Редактирование - выбираем - Выполнить заливку


В открывшимся окошке проверим, чтобы стояла эта функция и нажимаем ОК

Закладка - Выделение - Отменить выделение. Тень стала более размытой, смещать мы будем в левую сторону, поэтому можно поработать немного штампом, чтобы убрать тень с тех мест, с которых она будет уходить. Выбираем штамп и ставим размер 3 ( мне больше нравится работать небольшим размером)

 

Как работать штампом - ставим мышку на тот участок, цветом которого будем закрывать тень - нажимаем клавишу  Alt - курсор превратится в кружок с целью - удерживая клавишу - щелчок левой клавишей мышки - мы скопировали цвет - перемещаем курсор в нужное место и щелкаем снова левой клавишей мышки - закрашиваем. Вот таким образом удалим тень с тех мест, где она нам не нужна. Вот, что у нас получится

 

Включаем глазок на скопированной на новый слой тени ( у меня слой называется Тень-1) и создаем копию слоя - Clrt + J, называю новый слой Тень -2. Отключаю глазок на слое Тень -1 и работаем со слоем Тень-2. Нам нужно этот слой сдвинуть, для этого будем использовать инструмент - Свободное трансформирование, который вызовем клавишами Ctrl + T. Вокруг  тени появится рамочка, с центом посередине. Вот этот центр мы перетащим мышкой ближе к бутону, чтобы смещение происходило от этой точки, угол наклона я взяла  -0,30

Копируем слой Тень -2 еще раз, называем его Тень -3 и повторяем все предыдущее - свободное трансформирование,  смещаем центр в тоже место и даем угол наклона. Затем слой Тень -3 копируем еще раз и  делаем тоже самое.
Итак - у нас получилось 4 слоя тени. Включаем слой Тень -1 и немного ее деформируем инструментом - Puppet Warp. Редактирование - Puppet Warp

Тень покроется сеточкой, которую нам надо сначала зафиксирован - для этого мышкой щелкайте по краям - появятся точки, которые потом мы и сдвинем немного - деформируем тень

Не активные точки - серые, та точка, с которой работаем имеет желтый цвет и посередине черную точку. Чтобы работать с точкой - нужно просто на нее нажать - щелкнуть. Я сдвинула немного точки посередине лепестков влево, а верхние точки - немного вверх.
Тоже самое нужно сделать с точками, которые находятся на вершинах лепестков - я их чуть подняла

Создадим анимацию. Первый кадр - основная картинка + слой Тень -1, создаем дубликат кадра - основная картинка + слой Тень -4

 

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


 

В появившемся окне ставим 2 кадра и жмем ОК

 

Теперь добавим ( включим ) слои к кадру 2 - слой Тень -2 и к кадру 3 - слой Тень - 3

 

 

Выделяем кадры и создаем дубликат кадров

 

Дубликат кадров переворачиваем - Обратный порядок кадров

Задаем время - 0,2 сек и смотрим, что у нас получилось

 

Что то не хватает )) В панели анимации становимся на первый кадр - сейчас немного поработаем не удаляя анимацию. Активный слой - основная картинка. Берем инструмент - Прямолинейное лассо и выделяем лепестки цветка, растушевываем край и копируем эти лепестки на новый слой. Будем работать Фильтр  - Пластика

 

Выбираем инструмент - Заморозить и закрашиваем места крепления лепестков к бутону - это делаем для того, чтобы при деформации они не сдвигались с места

 

Выбираем инструмент  - Деформация и немного поднимаем им лепестки вверх

Создаем из этого слоя копию и повторяем предыдущие действия - слой Лепестки  -2, создаем из него копию и снова проводим тоже действия - слой Лепестки -3
А вот теперь будем добавлять эти слои к нашей анимации - 1 кадр оставляем как есть, ко второму кадру - добавляем слой Лепестки -1, к третьему кадру добавляем слой Лепестки  -2, к четвертому и пятому слою  - добавляем слой Лепестки - 3, к шестому слою - слой Лепестки -2, к седьмому кадру - добавляем слой Лепестки - 1, восьмой кадр оставляем таким, каким он был и смотрим, что у нас получилось

 

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