[показать]

Доброго времени суток.
Решил сделать небольшой урок по анимации дыма, то есть, как можно создать аватар, например, с дымящейся сигаретой, используя маску слоя. Урок несложный, но всё равно постараюсь описывать поподробнее, и если у вас есть навыки работы с Фотошопом, тогда вперёд.

1. Выбираем исходную картинку, желательно фон чёрный, серый... вобщем, не очень сложный и не сильно цветной - ведь дым сигареты должен просматриваться. 
По поводу размера картинки - лучше использовать размер не более 200 пикселей на сторону, во-первых, вес анимированной картинки имеет немаловажное значение, а во-вторых, чем крупнее картинка, тем сложнее будет создать реалистичную анимацию дыма. 
Я использовал вот этот исходник.

[показать]

2. Загружаем (выбираем) кисть дыма, которая на ваш взгляд более подходит к данной картинке.
Smoke_Brushes_1
Smoke_Brushes_2
Smoke_Brushes_3

3. Укажем контуры нашего анимированного дыма.
Создаём новый слой  [показать], и слой-маску Add Layer Mask  [показать] к нему же, после чего заливаем инструментом  [показать] Paint Bucket "G" слой-маску чёрным цветом "000000". Затем используя белый цвет "ffffff" и нашу выбранную кисть (в нужном месте и нужного размера) наносим на слой- маску. Кстате, тут же можно применить и небольшое размытие фильтром Gaussian Blur - размытие по Гауссу, радиусом 0,2-0,5 - но это не обязательно. Не бойтесь пробовать разные варианты. Чтобы просмотреть содержимое маски слоя, нужно щелкнуть по ее миниатюре на палитре Layers (Слои) удерживая клавишу Alt. Чтобы скрыть маску слоя, следует повторить это действие.
Должно получиться так.

[показать]

4. Чтобы маска нам пока не мешала - отключим её. Правая кнопка мыши на миниатюре слоя-маски - выключить слой-маску, или просто щелкнуть на ее миниатюре, удерживая клавишу Shift. При отключении маски на панели "Слои" на ее миниатюре появляется значок "X" красного цвета. 

5. Создадим теперь сам дым. Тут я использовал кисть, но можно и любые другие способы.
Переходим к основному слою кликнув левой кнопкой мыши на миниатюре слоя.

[показать] 

Выбираем кисть дыма, можно другую, но можно и ту, что уже использовали, но только немного увеличив её размер (так анимация будет лучше - проверено опытным путём). И т белым цветом наносим её на основной слой, ну или другим цветом дыма, например "cfd3fd". Если необходимо, то используем ластик Eraser [показать] с мягким краем - инструмент "Е", и подтираем лишнее снизу и чуть-чуть сверху, левый и правый края нам сейчас для анимации не важны.

[показать]

теперь копируем слой CTRL+J, одним кликом левой кнопки мыши на пиктограмме  [показать] отключаем связь слоя и маски, ещё один клик на миниатюре основного слоя, после чего выбираем инструмент  [показать] Move Tool - перемещение "V" и используя стрелки клавиатуры смещаем копию дыма вниз (строго вниз , ничуть не влево и не вправо), как на этом скриншоте (стрелками показаны все последние 4 действия).

[показать]

Теперь объединяем этот слой с предыдущим для этого в Photoshop есть своя команда: Layer > Merge Down (Ctrl-E).

6. Ну вот, приступаем непосредственно к анимации.
Включаем Window> Animation (Окно>Анимация), если оно у вас ещё не включено, выбираем время анимации 0,1 сек, и цикл анимации - постоянно.

[показать]

Включаем слой-маску (просто щелкнуть на ее миниатюре, удерживая клавишу Shift).
Одним кликом левой кнопки мыши на пиктограмме  [показать] отключаем связь слоя и маски.
Один клик на миниатюре основного слоя, что бы выбрать его.
Выбираем инструмент  [показать] Move Tool - перемещение "V".
Ставим галочку "показывать управляющие элементы"

[показать]

В палитре анимации один клик мышки на пиктограмме  [показать] - "Duplicate current frame" (создание копии выделенного кадра), после чего он остаётся выделен синим цветом, затем используя стрелки клавиатуры смещаем копию дыма вверх, следя за тем, чтобы рисунки совпали (см. скриншот) и потом чуть-чуть вниз, для плавного перехода анимации к первой картинке.

[показать] 

или вот гифка (с отключенной маской): 

[показать]

теперь нажимаем на пиктограмму  [показать] "Tween" (создание промежуточных кадров), добавить... ну, например, 25 кадров и "ОК".

ВСЁ! Спасибо за внимание.

Другие примеры использования данного метода:

[показать]  [показать]  [показать]  [показать]  [показать]  [показать]

http://demiart.ru/