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

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

arcanum

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

arcanum

Проекты

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

Мастерская

arcanum

Моддинг игр

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

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

Аватар — «малярной кистью» в Photoshop

Урок 15

Анимированный аватар san_san

Эффект предельно простой, но довольно зрелищный. Все аниматоры рисуют его по-своему, поскольку методов несколько. Будем делать его сразу на прозрачной основе.

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

  • Adobe Photoshop CS2;
  • Adobe ImageReady CS2.

Выглядит этот эффект примерно так:

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

Начнем пожалуй.

Берем нужную картинку и загружаем ее в Photoshop и форматируем до нужного размера. Пусть — 150×150, Рис.1.

Жмем на иконку Создать новый слой Рис.2 и именуем его Маска. Сильно масштабируем изображение, чтобы хорошо видеть нужный фрагмент. Заливаем слой белым.

Выбираем нужный инструмент (Рис.3) — Карандаш и задаем его параметры: Мел 23 пикс. (набор кистей по-умолчанию), цвет черный, непрозрачный. Активируем этот новый слой щелкнув по нему. Взяв карандаш закрашиваем нужное — Рис.4. Лучше сделать слой немного прозрачным, чтобы закрасить нужное. Подправляем-исправляем кистью меньшего размера (при необходимости).

Заготовка для аватараАнимированная аватаркаАнимированная аватаркаАнимированная аватарка
Рис.1Рис.2Рис.3Рис.4

Создав нужный рисунок устанавливаем прозрачность обратно, 100% (Рис.5). Входим в меню режима наложения и устанавливаем его как Замена светлым. Что сделает черный рисунок прозрачным. Теперь сведем оба слоя в один (Рис.6). Создаем дубликат слоя Кадр_01. Активируем его и опять берем тот же карандаш с прежними настройками и закрашиваем кусочек рисунка. Повторяем процесс: дублируем слой Кадр_02 и закрашиваем на его дубликате (Кадр_03) еще кусочек изображения (рис.8).

На Рис.9 процесс повторяется и продолжается.

Анимированная аватаркаАнимированная аватаркаАнимированная аватаркаАнимированная аватарка
Рис.5Рис.6Рис.7Рис.8

Таким образом доходим до конца, пока рисунок окончательно не исчезнет. На один проход кисти я брал 2 или 3 кадра, всего у меня получилось их 22. Теперь уберем белый фон. Можно опять же, по-разному. Ну мы берем Волшебную палочку (Рис. 10), заходим в меню Выделение и открываем подменю Цветовой диапазон (активный слой любой, у меня последний. Удалять фон надо с каждого кадра). Тюкаем пипеткой по белому фону на картинке, все белое выделяется (Рис.11). Жмем кнопку Delete на клавиатуре, удаляя фоновый цвет. На Рис.12 процедура повторяется со следующим слоем. Попутно делаем очищенные слои невидимыми (Рис.13), сняв с них «глазик».

Анимированная аватаркаАнимированная аватаркаАнимированная аватаркаАнимированная аватарка
Рис.9Рис.10Рис.11Рис.12

Очистив все слои переходим в ImageReady для анимации (Рис.14).

Там все понятно, подробней, наверное, и не надо. Первый кадр  — около 1 сек, остальные — на усмотрение, у меня 01 сек. Можно реверсировать кадры и дать еще обратное стирание картинки, это дело вкуса (Рис.15).

Сохраняем готовую анимацию, как прописано в предыдущих уроках. Полуфабрикат готов. Можно добавить каких-то эффектов. А можно и так оставить.

Можно все то же самое сделать с непрозрачным фоном и не чистить картинку, тогда стоит сделать картинку-маску Кистью, это быстрее. Но не факт, что лучше.

Кадров много, эффект довольно «тяжелый».

Анимированная аватаркаАнимированная аватаркаАнимированная аватарка
Рис.13Рис.14Рис.15

Удачи Вам в освоении анимации и надеюсь, что мои записки Вам хоть немного помогут в этом.

Вопросы (если возникнут) — можно задать на нашем Форуме аватар.

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


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

Все новости

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

Arcanum: Of Steamworks and Magick Obscura

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