Анимация для аватарки в программе фотошопа CS5.

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

 

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

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

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

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

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

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

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

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

Первый кадр - слоненок смотрит направо.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

Помещаем свою ожившую анимационную картинку в гостевые книги или в блог. Успех гарантирован.

 

Серия сообщений "мои уроки":
Часть 1 - Фотомонтаж "Сари".
Часть 2 - Уроки фотошопа в CS5. Работа фильтра "Размытие в движении".
...
Часть 4 - Уроки фотошопа в CS5. Аватарка для блога.
Часть 5 - Уроки фотошопа CS5. Масштабирование с учетом содержания.
Часть 6 - Анимация для аватарки
Часть 7 - Цветное и черно-белое фото. Урок фотошопа.