Урок 6. Анимация дождя в Photoshop.
[250x80] [250x80]


[показать]

Урок 6

На этом уроке мы создадим анимацию дождя в Фотошопе. Урок очень простой, рассчитан на новичков.

Способов «дождевой анимации» существует бесконечное множество, предлагаем Вашему вниманию наиболее простой и быстрый.

Инструментарий.

1. Adobe Photoshop CS2,

2. Adobe ImageReady CS2.

Открываем Фотошоп, создаем новый файл (120×120 пикселей, например), загружаем в редактор нужную нам картинку (я выбрал в стиле фэнтези, Рисунок 1).

[показать]

Рис.1

Создаём три новых слоя и заливаем их чёрным цветом (Рисунок 2).

Смотрим Рисунок 3. Делаем активным второй слой (Кадр 2) и открываем вкладку Фильтры (Фильтр ->Шум ->Добавить шум).

Устанавливаем обозначенные на Рисунке 4 значения параметров фильтра.

Смотрим Рисунок 5. Делаем активным третий слой (Кадр 3), повторяем процесс установки шума, увеличив немного его значение (опытным путём, вам поможет собственная фантазия).

		[показать]
Рис.2	Рис.3	Рис.4	Рис.5

Повторяем предыдущую операцию, но уже с четвёртым кадром будущей анимации (Рисунок 6).

Создаем сам дождь, в соответствии с очередностью, указанной на Рисунке 7. А именно: активизируем второй слой, заходим в Фильтр, выбираем Размытие ->Размытие в движении.

Выставляем значение угла и смещения штрихо, как на Рисунке 8 (например). Повторяем процесс с двумя оставшимися слоями, Кадрами 3 и 4.

Рисунок 9. Делаем слои с шумом (Кадры 2, 3, 4) полупрозрачными. Стоит пробовать разную прозрачность для разных картинок.

Рис.6	Рис.7	Рис.8	Рис.9

Рисунок 10. Выключаем видимость шумовых слоев, включаем видимость художественного, основного слоя. Делаем именно его активным и переходим в ImageReady.

Рисунок 11. Активизируем первый слой и делаем видимым последний. Через меню анимации Создаем кадры из слоев (Make frames from layers). Должно получиться как на Рисунке 12.

Смотрим Рисунок 13. Выключаем видимость всех слоёв и делаем активным первый, художественный слой. В окне анимации выделяем первый кадр и удаляем его.

[показать]		[показать]	[показать]
Рис.10	Рис.11	Рис.12	Рис.13

Переходим к Рисунку 14. Делаем активным первый слой и включаем видимость первого и второго слоя. Внизу, в окне анимации проявились (наконец) три кадра дождя. Осталось только выставить их длительность (Рисунок 15), сохранить оптимизированный «как анимация gif» и насладиться готовой работой (Рисунок 16, готовая анимированная аватара). Дождь в Фотошопе — это простая и эффектная анимация.

[показать]	[показать]	[показать]
Рис.14	Рис.15	Рис.16

Надеюсь, было всё понятно, удачи! LexA

[250x80] [250x80]