Of Steamworks and Magick Obscura
АРКАНУМ
арканум
arcanum

Читальный зал

arcanum

Поддержи Клуб!

arcanum

Проекты

arcanum
Файловый архив
Архивы

Мастерская

arcanum

Моддинг игр

arcanum
Arcanum
Главная | Форумы | О проекте | Новости | Графика | Мануалы | Моддинг | Поиск | Контакты

Уроки анимации для начинающих, как сделать анимацию, уроки по созданию анимированных аватар

Дождь в Фотошопе: анимация

Урок 6

Анимированная аватара LexA

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

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

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

  • Adobe Photoshop CS2;
  • 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

В случае возникновения вопросов — спрашивайте на Форуме Арканум-Клуб, посвящённому гиф-анимации.

В начало страницы   Оглавление раздела


Arcanum
Arcanum жив!
Рекомендуем
Новости проекта

Все новости

Арканум Клуб: Фэнтези, RPG, творчество. Нарисуй свой Арканум!

Arcanum: Of Steamworks and Magick Obscura

© 2005–2022 Арканум-Клуб