double arrow

Анимация

Чем меньше видимая разница между кадрами и чем больше кадров вы используете — тем естественнее выглядит ваша анимация.

Для этого вам понадобится изображение горящей свечи.

То, что мы будем делать, можно разбить на две части: подготовка к анимации и непосредственно анимация. На этапе подготовки к анимации мы будем создавать копии слоев и деформировать изображение на них посредством инструмента Деформировать (Wrap Tools) фильтра Пластика (Liquify). На этапе анимации мы будем делать кадры с уже подготовленными нами для них слоями.

1) Открываем изображение горящей свечи

2) Копируем существующий слой (Ctrl+J)

3) Убедившись, что вы находитесь на скопированном слое, нажимаете (Ctrl+Shift+X). Эта комбинация клавиш откроет окно инструментов Filter > Liquify (Фильтр-Пластика).

4) Выбираем инструмент Деформировать (Forward Wrap Tools):

5) Делаем настройки: Brush Size 200, Brush Density 50, Brush Pressure 50.

6) Выделяем то, что будем деформировать.

7) Деформируем изображение. Для этого помещаем кисть на пламя и слегка сдвигаем ее влево, удерживая левую клавишу мыши нажатой:

Действовать кистью надо аккуратно,чтобы изменение в сравнении с первым слоем были довольно незначительное. Однако оно есть, а эта самая незначительность обеспечит впоследствии плавность анимации.

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

Каждый слой составит впоследствии новый кадр анимации. И поэтому, важны эти различие между кадрами (слоями). Это даст понимание того, как делать качественную анимацию.

8) Копируем деформированный слой (Ctrl+J) и повторяем над ним ту же операцию, которую мы проделали с его предшественником (пункты с 3 по 7).

9) Делаем копию получившегося слоя (третьего по счету) и снова повторяем пункты с 3 по 7. Таким образом, мы сделали 10 слоев, считая первый. Вы можете остановиться и раньше, а можете пойти и дальше, заставляя играть пламя послушно вашей воле. Главное: будьте внимательны, копируйте все время верхний слой, чтобы сохранялась последовательность переходов между слоями.

Когда вы решите, что вам достаточно слоев, то переходите ко второму этапу урока.

Второй этап урока Анимация горящей свечи

10) Приступаем к анимированию изображения. Открываем панель анимации: Окно – Анимация (Window - Animation). Открывается первый кадр. Здесь мы будем создавать наши кадры и устанавливать длительность их экспонирования. Для того чтобы выбрать время в течении которого кадр будет длиться, пока его не сменит последующий, нужно нажать на черный треугольник под кадром. Чтобы создать дубликат существующего кадра необходимо нажать на пиктограмму «листочек с загнутым концом».

11) Выбираем длительность кадра: 0,1 секунды

12) Выбираем режим воспроизведения анимации:

Однажды (Once) проиграет ее только раз

Всегда (Forever) будет крутить, пока мы ее не остановим

Другой (Other) позволяет задать фиксированное количество проигрышей.

Выбираем режим: Всегда

13) Чтобы создать первый кадр, сделайте все слои невидимыми (через палитру слоев) кроме самого нижнего и создайте дубликат кадра.

14) Находясь на втором кадре, сделайте видимым второй слой и сделайте дубликат второго кадра.

Повторяйте процедуру, пока ваши слои не закончатся.

После того, как мы сделали видимым самый верхний слой, в нашем случае мы получили 10 кадров (по числу слоев).

Но это не все, продолжаем делать все тоже самое, только теперь мы будем, делая новые кадры, отключать видимость слоев последовательно сверху вниз, пока не дойдем до самого первого слоя. Его отключать не нужно. Итого у нас получилось всего 18 кадров. Анимация готова. Вот список всех кадров:

1 кадр - видимый 1 слой

2 кадр - видимый 2 слой

...

9 кадр - видимый 9 слой

10 кадр - видимый 10 слой

11 кадр - видимый 9 слой

...

17 кадр - видимый 3 слой

18 кадр - видимый 2 слой

Чтобы проиграть анимацию, нажмите кнопку «Play» на панели инструментов «Анимация»

Сохранять анимацию нужно в формате GIF. Сохраненный файл вы можете вставлять в веб-документы. Чтобы сохранить файл в формате GIF, нажмите «Alt+Shift+Ctrl+S» или Save for Web (так лучше сохранять в данном случае).


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



Сейчас читают про: