18 нояб. 2011 г.

Как в Фотошопе сделать анимированную аватарку (динамический аватар)

Как создать анимированный аватар?  Для создания простейшего анимированного аватара мне потребуется фон и собственно персонаж аватарки.  Поскольку аватарка анимированная то и главное действующее лицо должно быть подвижным. Ну а если уж подвижным – значит вырезанным из основного изображения, а раз вырезанным - это является   наложенным на основной фоновый рисунок Клип Артом. Как видите всё просто и всё взаимосвязано.

Открою вот такую картинку. Она будет использоваться как фон.


И вот такой клип Арт для наложения на фон.


Инструментом «Прямоугольная область»  который находится в левой палитре инструментов обведу изображение


И тут же вкладка РЕДАКТИРОВАНИЕ – СКОПИРОВАТЬ.  Перейду к картинке с персонажем и во вкладке РЕДАКТИРОВАНИЕ – ВКЛЕИТЬ (ВСТАВИТЬ). Получится вот так.


Если перемещаемый слой находится вверху, левой кнопкой мыши, именно вот в этой вкладочке, перетянуть его под нижний слой.  Получится вот так.


Так как  персонаж будущей аватарки делает вид , что едет с горки на своём панцире, значит фон должен иметь необходимый наклон вниз. «Становлюсь» на слой с фоном и во  вкладке РЕДАКТИРОВАНИЕ – СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ  делаю необходимый  наклон фона.


У меня получился первый, основной кадр анимации.  Во вкладке «Окно» нахожу пункт «Анимация» и ставлю птичку напротив.  Внизу окна программы Фотошоп появилась вот такая шкала анимации.


Как видите первый кадр уже есть.  Нажав вот эту кнопочку сделаю дубликат кадра.



Находясь в положении второго кадра, левой кнопкой мыши на самом изображении потяну и   опущу персонаж вниз, на снег. Теперь при нажатии кнопки запуска воспроизведения анимации произойдёт покадровый показ картинки. Персонаж будет перемещаться вверх-вниз так как остальное останется неподвижным. Задам необходимый интервал в секундах , а так же  создам пару-тройку промежуточных кадров для плавности отображения движения.


Далее во вкладке ИЗОБРАЖЕНИЕ – РАЗМЕР ИЗОБРАЖЕНИЯ  изменяю размерность анимации на стандартный размер  аватарки. 100 х 100 пикселов.


Сохраняю изображение в формате ГИФ.  Для этого во вкладке Файл открою «СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ».   ВНИМАНИЕ: в некоторых версиях портативных, русифицированных программ Фотошоп данная функция сохранения  отключена или работает не корректно.


В итоге у меня получилась вот такая  анимированная  аватарка. 
Предыдущая статья "Как в Фотошопе сделать статичный аватар"


Как обычно статья не является прямым указанием к беспрекословному исполнению, а написана в целях ознакомления с возможностями тех или иных инструментов графического редактора Фотошоп. Удачи!  :)

Комментариев нет:

Отправить комментарий

Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.