На этом уроке фотошопа мы узнаем, как делается анимация горящей свечи.
Сложность урока: легкая
Язык урока: урок «Анимация горящей свечи» сделан на русском и английском языках, чтобы вы могли выполнить его независимо от того, какая версия фотошопа установлена на вашем компьютере.
Результат урока:

Мы бы сказали, что урок не просто легкий. А очень легкий и не требует специальной подготовки. Если вы никогда до этого не делали анимацию в фотошопе, то вам он будет особенно полезен, потому что поможет прочувствовать ее дух и понять один из основных принципов анимации. А именно: чем меньше видимая разница между кадрами и чем больше кадров вы используете — тем естественнее выглядит ваша анимация.
Для урока вам понадобится изображение горящей свечи, мы используем следующее:

То, что мы будем делать в течение урока, можно разбить на две части: подготовка к анимации и непосредственно анимация.
На этапе подготовки к анимации мы будем создавать копии слоев и деформировать изображение на них посредством инструмента Деформировать (Wrap Tools) фильтра Пластика (Liquify). На этапе анимации мы будем делать кадры с уже подготовленными нами для них слоями.
1) Открываем изображение горящей свечи
2) Копируем существующий слой (Ctrl+J)
3) Убедившись, что вы находитесь на скопированном слое, нажимаете (Ctrl+Shift+X). Эта комбинация клавиш откроет окно инструментов Filter > Liquify (Фильтр-Пластика).
4) Выбираем инструмент Деформировать (Wrap Tools):

5) Делаем настройки, как показано на рисунке:

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

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

Чтобы лучше увидеть различие между будущими кадрами, пощелкайте мышкой по глазику верхнего слоя в вашей палитре слоев, делая его то видимым, то невидимым.
Мы сознательно уделяем большое внимание различию между слоями. Ведь каждый слой составит впоследствии новый кадр анимации. И мы хотим, чтобы вы поняли, как важны эти различие между кадрами (слоями). Это даст вам понимание того, как делать качественную анимацию, а не абы какие движущиеся картинки.
7) Копируем деформированный слой (Ctrl+J) и повторяем над ним ту же операцию, которую мы проделали с его предшественником (пункты с 3 по 6).
8) Делаем копию получившегося слоя (третьего по счету) и снова повторяем пункты с 3 по 6. Таким образом, мы, увлекшись, наделали 10 слоев, считая первый. Вы можете остановиться и раньше, а можете пойти и дальше, заставляя играть пламя послушно вашей воле. Главное: будьте внимательны, копируйте все время верхний слой, чтобы сохранялась последовательность переходов между слоями. 
Когда вы решите, что вам достаточно слоев, то переходите ко второму этапу урока.

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

9) Приступаем к анимированию изображения. Открываем панель анимации: Окно – Анимация (Window - Animation). Если ваша открывшаяся панель анимации выглядит так:

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

Здесь мы будем создавать наши кадры и устанавливать длительность их экспонирования. На рисунке стрелочками показано, куда нажать для того, чтобы выбрать время, которое кадр будет длиться, пока его не сменит последующий и куда надо нажать, чтобы создать дубликат существующего кадра.
10) Выбираем длительность кадра: 0,1 секунды
11) Выбираем режим воспроизведения анимации :
Однажды (Once) проиграет ее только раз
Всегда (Forever) будет крутить, пока мы ее не остановим
Другой (Other) позволяет задать фиксированное количество проигрышей.
Мы выбираем режим : Всегда

12) Чтобы создать первый кадр, сделайте все слои невидимыми (через палитру слоев) кроме самого нижнего и создайте дубликат кадра. 
13) Находясь на втором кадре, сделайте видимым второй слой и сделайте дубликат второго кадра.
Повторяйте процедуру, пока ваши слои не закончатся.
После того, как мы сделали видимым самый верхний слой, в нашем случае мы получили 10 кадров (по числу слоев).
Но это не все, продолжаем делать все тоже самое, только теперь мы будем, делая новые кадры, отключать видимость слоев последовательно сверху вниз, пока не дойдем до самого первого слоя. Его отключать не нужно. Итого у нас получилось всего 18 кадров. Анимация готова. Вот список всех кадров:
1 кадр - видимый 1 слой
2 кадр - видимый 2 слой
...
9 кадр - видимый 9 слой 
10 кадр - видимый 10 слой
11 кадр - видимый 9 слой 
...
17 кадр - видимый 3 слой 
18 кадр - видимый 2 слой

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

Сохранять анимацию нужно в формате GIF. Сохраненный файл вы можете вставлять в веб-документы. Чтобы сохранить файл в формате GIF, нажмите «Alt+Shift+Ctrl+S».
Урок «Анимация горящей свечи» закончен. Если вы вдруг не совсем поняли, как же все-таки создавать кадры, то смотрите наш самый простой урок на тему анимации, там расписано это досконально, а слоев используется только два, что, конечно, облегчает понимание процесса.