Последние исследования в области веб-дизайна
Как показывают, последние исследования, пользователи, положительно реагируют, на видео материалы на сайте.

Дек 26, 2012

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

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

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

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

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

Страница: 1 из 2    -   Следующая

Навигация: 1  2  

Другие статьи по теме:

- О том, как делаются баннеры
- Рисуем баннеры
- Как сделать эффективный баннер
- Эволюция баннерного искусства
- Законы жанра

На российский рынок приходит крупнейший продавец стоковых изображений - Depositphotos.
Издательство "ИндексМаркет" анонсирует книгу Александры Саньковой - под названием "23"
Российская компания создала первый сайт по дизайн-исследованиям, так как тема дизайна не достаточна развита в России
     Баннеры | Советы web-дизайнеру | Flash | Html и CSS | Уроки Photoshop | Юзабилити
2003-2016 © sredaboom.ru
карта сайта обратная связь на главную