Создаем анимированный gif баннер

В этой статье я познакомлю вас с принципами создания анимированных gif баннеров при помощи программ Photoshop и ImageReady. Желательно, чтобы вы уже имели некоторый опыт работы с Photoshop, т.к. данная статья в основном посвящена работе с программой ImageReady.

Первое, что необходимо сделать — это разработать сценарий баннера, т. е. решить каким будет фон, что именно будет двигаться. А когда вы все это представили себе, создайте в Photoshop файл с размерами равными размерам баннера. Теперь создаем фон баннера. Он не будет изменяться при анимации. Все остальные элементы баннера, которые будут принимать участие в анимации — текст, изображения поместим в отдельные слои. В самом верхнем слое поместите рамку баннера.

Теперь можно приступать к созданию анимации. Для этого, нажав самую нижнюю кнопку основной палитры программы Photoshop (“Jump to ImageReady” ) или нажав комбинацию клавиш Ctrl+Shift+M, перейдите в ImageReady. Эта программа откроется с уже загруженным в нее баннером.

Программа ImageReady напоминает программу Photoshop, но у нее есть и собственные вкладки. При создании анимации используется вкладка Animation. Созданный нами файл уже помещен в первый кадр вкладки Animation, его увеличенное изображение вы можете видеть на вкладке Original.