Как создавать анимированные аватары?

3 ноября 2014 г. Просмотров: 591
Насмотревшись на мигающие и переливающиеся анимированные аватарки, многие пользователи форумов и социальных сетей задумывались над тем, как сделать себе такую же красоту. Тем более что процесс создания анимации в формате GIF средствами редактора Photoshop не особенно сложен.

Вам понадобится

  • Графический редактор Photoshop

Инструкция

  • Создайте в редакторе Photoshop документ с размерами картинки пользователя, допустимой на том интернет-ресурсе, куда вы собираетесь ее загружать. Используйте команду New («Новый») из меню File («Файл»).
  • В палитре инструментов выберите инструмент Paint Bucket Tool («Заливка»). Щелкнув по верхнему из двух цветных квадратов в нижней части палитры «Инструменты», выберите на открывшейся цветовой палитре цветом переднего плана какой-нибудь нейтральный цвет. Щелкните по кнопке ОК. Щелкните левой кнопкой мыши по новому документу и залейте его цветом переднего плана.
  • В палитре «Инструменты» выберите инструмент Horizontal Type Tool («Горизонтальный текст»). Щелкните левой кнопкой мыши по полю документа и напишите какое-нибудь слово. В готовой анимации оно будет мигать. Щелкните указателем курсора по текстовому слою в палитре «Слои» для того чтобы закончить редактирование текста.
  • Продублируйте текстовый слой. Для этого щелкните правой кнопкой мыши по текстовому слою в палитре «Слои» и выберите пункт Dublicate Layer («Дублировать слой»).
  • В свойствах копии текстового слоя настройте параметр Outer Glow. Для этого щелкните правой кнопкой мыши по копии текстового слоя и в контекстном меню выберите пункт Blending Options. В открывшемся окне щелкните по пункту Outer Glow и выставите для параметра Spread величину 6%, а для параметра Size величину 18 пикселей. Нажмите на кнопку ОК.
  • Продублируйте копию текстового слоя. Откройте окно Blending Options, щелкнув правой кнопкой мыши по новому слою, и в настройках Outer Glow выставьте величину Size на 59 пикселей. Нажмите кнопку ОК. Основа для анимации готова.
  • Откройте палитру «Анимация». Для этого в меню Window выберите пункт Animation.
  • Создайте первый кадр анимации. Для этого в палитре слоев отключите видимость обоих слоев с сиянием вокруг текста, щелкнув по пиктограмме в виде глаза.
  • Создайте второй кадр анимации. Для этого щелкните левой кнопкой мыши по кнопке с треугольником в правом верхнем углу палитры «Анимация». В появившемся меню выберите команду New Frame. Включите видимость слоя с сиянием текста, лежащего над слоем без сияния, щелкнув левой кнопкой мыши по пиктограмме в виде глаза слева от слоя.
  • Создайте третий кадр анимации. Для этого снова воспользуйтесь командой New Frame и включите видимость последнего слоя с сиянием текста.
  • Настройте длительность кадра в анимации. Для этого щелкните по всем трем кадрам левой кнопкой мыши при нажатой клавише Ctrl. Щелкните по треугольнику с указанием длительности кадра под любым кадром. В раскрывающемся меню выберите длительность. Включите воспроизведение кнопкой Play, которая находится в нижней части палитры «Анимация» и посмотрите на результат. Если нужно, измените длительность кадра.
  • Сохраните анимированный аватар при помощи команды Save For Web из меню File. В верхней правой части открывшегося окна выберите один из пресетов для сохранения в файл формата GIF. Нажмите кнопку Save.
  • Оцените статью!