Совет 1: Как сделать аватар gif

Сохранить анимацию в формат gif – неплохой способ обзавестись забавной движущейся аватаркой для форума или блога. Для этого всего лишь надо создать последовательность кадров и подогнать ее размер под стандарты для картинок пользователя.
Вам понадобится
  • - программа VirtualDub;
  • - программа Photoshop;
  • - видеофайл.
Инструкция
1
Последовательность кадров, из которой будет состоять анимированная картинка пользователя, можно нарисовать своими руками, а можно извлечь из видео. В этом случае вам пригодится программа VirtualDub. Откройте в этом редакторе файл, содержащий подходящее для аватарки изображение с помощью горячих клавиш Ctrl+O.
2
Включив воспроизведение файла, или воспользовавшись клавишами, управляющими перемещением курсора, найдите кадр, с которого будет начинаться анимация. Скопируйте его, используя комбинацию клавиш Ctrl+1.
3
Скопированное изображение вставьте в новый документ Photoshop. Для создания нового файла используйте опцию New из меню File. Нажмите на кнопку ОК в окне настроек документа и добавьте в него первый слой при помощи опции Paste меню Edit.
4
Переключитесь на окно VirtualDub и перейдите к следующему кадру при помощи опции Next frame из меню Go. Скопируйте кадр и вставьте его в документ, открытый в Photoshop. Таким способом сделайте столько слоев, сколько нужно для того чтобы захватить движение объекта, который вы собираетесь поставить на аватарку.
5
Обрежьте ненужную часть изображения инструментом Crop Tool, оставив прямоугольник, соответствующий пропорциям будущей аватарки. Для применения обрезки нажмите на клавишу Enter.
6
Измените размер многослойного документа до размера картинки пользователя, разрешенной правилами того ресурса, где вы собираетесь ее использовать. Это можно сделать командой Image Size из меню Image. Вставьте нужные значения в поля для ширины и высоты изображения и кликните по кнопке ОК.
7
Отключите все слои в созданном документе кроме самого нижнего. Для этого в палитре слоев щелкните по пиктограмме в виде глаза слева от каждого слоя.
8
Откройте палитру анимации. Это можно сделать командой Animation меню Window. Содержимое видимого слоя уже отображено в этой палитре в качестве первого кадра анимации. Создайте второй кадр кнопкой Duplicate Selected Frames, находящейся в нижней части палитры анимации. Включите второй снизу слой в палитре слоев. После этого изображение во втором кадре анимации будет соответствовать содержимому включенного слоя.
9
Создайте столько кадров анимации, сколько слоев содержится в вашем документе. Установите продолжительность кадров. Для этого выделите все содержимое палитры анимации и выставите нужное время, кликнув по кнопке Sets frame delay time. Это треугольник, который можно заметить в нижней части каждого кадра.
10
Запустите воспроизведение анимации при помощи кнопки Play. Отредактируйте результат, удалив ненужные кадры. Для этого кликните по кадру и нажмите на значок корзины в нижней части палитры.
11
Сохраните аватарку в файл с расширением gif командой Save for Web из меню File.

Совет 2: Как нарисовать аватар

Аватар — это ваше лицо в интернете: на форумах, в социальных сетях, и в других сервисах. Если ваш аватар будет уникален и оригинален, вы привлечете к себе гораздо больше внимания и уважения со стороны других сетевых пользователей. В этой статье мы рассмотрим создание оригинального анимированного аватара в Фотошопе.
Инструкция
1
Откройте Фотошоп и создайте новый объект. Укажите размер 100 на 100 пикселей. В созданном объекте откройте новый слой, а затем, выбрав инструмент заливки, закрасьте его каким-нибудь цветом (например, черным).
2
Щелкните по этому слою правой кнопкой мыши и зайдите в Blending options. Вы увидите вкладки различных эффектов и параметров. Выберите Inner Shadow, укажите в blend mode пункт Multiply.
3
Затем откройте вкладку Gradient Overlay в том же окне и выставьте следующие значения: opacity 100%, angle -76, scale 70%. Установите градиент нужных вам оттенков. Примените изменения, чтобы настроенный градиент залил слой.
4
Создайте еще один слой. Возьмите небольшую декоративную кисть с любой фактурой и контрастным цветом нарисуйте на аватаре любой набор точек и полос. На слое с рисунком укажите Blending mode overlay по отношению к остальным слоям.
5
Затем создайте новый слой и заполните его черным цветом со значением Fill 0%.

Снова откройте Blending options по отношению к этому слою и зайдите во вкладку Pattern Overlay. В списке текстур (pattern) выберите текстуру в виде косой штриховки по прозрачному фону.

Примените изменения, а затем выберите инструмент text и напишите на аватаре любой текст — свое имя, лозунг, аббревиатуру, и так далее.
6
Снова откройте Blending options и откройте вкладку Stroke. Укажите размер контура в 1 пиксель, прозрачность контура — 50%, цвет — черный. Откройте вкладку gradient Overlay и установите градиент от серого к белому с параметрами angle 90, opacity 100%, scale 100%, blend mode normal. Откройте вкладку inner glow и установите на слой внешнее свечение, чтобы ваш текст получил иллюзию сияния.
7
Создайте еще один слой. Возьмите инструмент polygonal lasso tool и выделите произвольную область в верхней части аватара. С помощью градиента (gradient tool) залейте эту область бело-прозрачным переходом цветов, чтобы аватар приобрел иллюзию объема.
8
Опять создайте новый слой, залейте его каким-нибудь цветом, зайдите в Blending options и установите на слой внутреннее свечение (inner glow), затем откройте вкладку Stroke и установите на слой контур параметры — 1 пиксель, черный цвет, прозрачность 100%. Нажмите ОК — у аватара появится рамка.
9
Затем возьмите снова lasso tool и в нижней части аватара произвольно выделите некоторую область. Залейте эту область белым цветом, затем поместите туда какую-нибудь текстуру по собственному желанию. Зайдите в Blending Options и установите на выделение внутреннюю тень (Inner Shadow).

Создайте новый слой и напишите на этой области то, что хотите — например, адрес своего сайта.
10
Теперь осталось сделать аватар анимированным. В меню «Файл» нажмите edit in ImageReady. Откроется ImageReady, в котором нужно найти панель Animation и установить в линию несколько кадров (Duplicates current frame).
11
Начиная со второго кадра, слегка видоизменяйте изображение аватара в каждом из них — уменьшайте постепенно прозрачность свечения или наоборот увеличивайте его.
12
Наконец, сохраните готовый аватар в формате gif с параметром 64 цвета.
Видео по теме
Видео по теме
Источники:
  • Создание анимации в Photoshop
  • как нарисовать анимированный gif аватар
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500