Как создать анимированный аватар? Для создания простейшего анимированного аватара мне потребуется фон и собственно персонаж аватарки. Поскольку аватарка анимированная то и главное действующее лицо должно быть подвижным. Ну а если уж подвижным – значит вырезанным из основного изображения, а раз вырезанным - это является наложенным на основной фоновый рисунок Клип Артом. Как видите всё просто и всё взаимосвязано.
Открою вот такую картинку. Она будет использоваться как фон.
И вот такой клип Арт для наложения на фон.
Инструментом «Прямоугольная область» который находится в левой палитре инструментов обведу изображение
И тут же вкладка РЕДАКТИРОВАНИЕ – СКОПИРОВАТЬ. Перейду к картинке с персонажем и во вкладке РЕДАКТИРОВАНИЕ – ВКЛЕИТЬ (ВСТАВИТЬ). Получится вот так.
Если перемещаемый слой находится вверху, левой кнопкой мыши, именно вот в этой вкладочке, перетянуть его под нижний слой. Получится вот так.
Так как персонаж будущей аватарки делает вид , что едет с горки на своём панцире, значит фон должен иметь необходимый наклон вниз. «Становлюсь» на слой с фоном и во вкладке РЕДАКТИРОВАНИЕ – СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ делаю необходимый наклон фона.
У меня получился первый, основной кадр анимации. Во вкладке «Окно» нахожу пункт «Анимация» и ставлю птичку напротив. Внизу окна программы Фотошоп появилась вот такая шкала анимации.
Как видите первый кадр уже есть. Нажав вот эту кнопочку сделаю дубликат кадра.
Находясь в положении второго кадра, левой кнопкой мыши на самом изображении потяну и опущу персонаж вниз, на снег. Теперь при нажатии кнопки запуска воспроизведения анимации произойдёт покадровый показ картинки. Персонаж будет перемещаться вверх-вниз так как остальное останется неподвижным. Задам необходимый интервал в секундах , а так же создам пару-тройку промежуточных кадров для плавности отображения движения.
Далее во вкладке ИЗОБРАЖЕНИЕ – РАЗМЕР ИЗОБРАЖЕНИЯ изменяю размерность анимации на стандартный размер аватарки. 100 х 100 пикселов.
Сохраняю изображение в формате ГИФ. Для этого во вкладке Файл открою «СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ». ВНИМАНИЕ: в некоторых версиях портативных, русифицированных программ Фотошоп данная функция сохранения отключена или работает не корректно.
В итоге у меня получилась вот такая анимированная аватарка.
Предыдущая статья "Как в Фотошопе сделать статичный аватар"
Как обычно статья не является прямым указанием к беспрекословному исполнению, а написана в целях ознакомления с возможностями тех или иных инструментов графического редактора Фотошоп. Удачи! :)
Комментариев нет:
Отправить комментарий
Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.