Анимационные аватарки всегда привлекают внимание. Многие считают, что очень сложно сделать свою неповторимую аватарку с анимацией. Фотошоп CS5 все сделает за Вас. Стоит только попробовать и у Вас все получится.

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

Командой "Файл - Создать" задаем размеры нового документа.

[500x313]

Для примера будем использовать шаблон с размерами 500х500 пикс. и с разрешением 72 пикс/дюйм.

Выбираем картинку для аватарки и переносим ее на наш шаблон.

[500x502]

Такой забавный рисунок я нашла в скрап наборах.

Сделаем выделение инструментом "Прямоугольная область" и применим команду "Редактирование - Выполнить обводку".

[500x500]

Сделаем копию слоя со слоненком, а нижний слой "Фон" удалим.

[500x354]

Анимацию сделаем из двух кадров.

Первый кадр - слоненок смотрит направо. Второй кадр делаем из первого кадра командой "Редактирование - Трансформирование - Отразить по горизонтали".

Слоненок на вторм кадре будет смотреть налево.

[500x500]

Включаем панель анимации командой "Окно - Анимация".

Второй кадр добавляем, щелкнув по кнопочке "Создание копии выделенных кадров".

[500x373]

Принцип анимации заключается в последовательном просмотре отдельно взятого кадра.

Выделяем первый кадр на панели анимации, а на панели слоев второй слой отключаем.

Так мы будем видеть только первый кадр (или первый слой).

[500x335]

Задаем параметры просмотра: время показа кадра "0,5 сек"и время просмотра анимации "Постоянно".

Выделяем второй кадр и на панели слое отключаем первый слой. Также задаем время показа для второго кадра и время просмотра анимации.

[500x172]

Включаем просмотр:

[500x500]

Сохраняем командой "Файл - Сохранить для Web и устройств" обязательно в формате gif.

В формате jpg картинка будет неподвижной.

Анимация готова - можем посылать друзьям и размещать в блоге.

Аватарка от обычной картинки отличается только размером. Уменьшаем размер картинки до 100 пикс. командой "Изображение - Размер изображения" и так же сохраняем командой "Файл - Сохранить для Web и устройств" в формате gif.

Смотрим готовые анимационные аватарки со слоненком, с малышом и с котом.



Главное понять принцип создания анимационных картинок. Чем больше кадров - тем интереснее будет анимация.

Сделаем многослойную анимацию. Готовое изображение для будущей анимационной картинки со всеми включенными слоями выглядит следующим образом:

[450x250]

На палитре слоев видно будущее количество кадров.

[213x292]

Сделано пять копий слоя с бабочкой. На каждом скопированном слое размеры бабочки были уменьшены и изменено расположение на общем рисунке.

На панели анимации в первом кадре был включен только слой с розой. В каждом следующем кадре был включен слой с розой и только один из слоев с бабочкой. Эффект полета бабочки получился.

[450x250]

источник: www.adobemaster.ru/index.html

[420x35]

Серия сообщений "Создание анимации":

Часть 1 - ОЖИВЛЯЕМ ВОДОПАДЫ. УРОК PHOTOSHOP.
Часть 2 - ПРОСТОЙ СПОСОБ АНИМАЦИИ ВОЛОС В PHOTOSHOP
...
Часть 17 - Генератор создания анимации
Часть 18 - Анимация в ФШ инструментами "Губка", "Осветлитель" и "Кисть"
Часть 19 - Создание анимационной аватарки в программе Photoshop CS5