(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Создание анимированного GIF баннера

Источник: globator
MasterOK

Весь процесс создание баннера можно условно разделить на несколько этапов:

1. Проработка общей концепции (для чего он служит, что должно быть изображено, тексты и пр.)
2. Подбор или создание клипарта (изображений, фотографий)
3. Разработка баннера в Adobe Photoshop
4. Анимация баннера в Adobe Image Ready
Данная классификация этапов разработки достаточно условна и не претендует на полноту.

1. Запускаем Adobe Photoshop, создаем файл размером 468х60 (один из стандартных размеров баннеров)
2. Вставляем на отдельном слое изображение, делаем на отдельном же слое рамочку
3. Делаем на отдельном слое фон под изображение ...
4. Делаем заготовки под анимацию руки персонажа. Смотрите на анимацию - выделяем части тела, режем, вставляем на отдельные слои, смещаем - короче военно-полевой госпиталь в действии! Smile В итоге у нас будет два слоя - на одном рука смещена вправо-назад, что создает эффект ее движения - красит молчел валиком.
5. Два этих слоя сложим в папку. Потом делаем ее копию и смещаем вправо. Операцию повторим еще раз. Таким образом готово три кадра под будущую анимацию! Ну теперь рисуем на отдельных слоях мазки валика, пишем текст. СОХРАНЯЕМ! В Adobe Photoshop ВСЕ!

 

6. Теперь анимация в Adobe Image Ready. Поскольку основную работу по подготовке анимации мы провели в Adobe Photoshop то теперь вся анимация будет сводится к включению - выключению слоев! Ну и конечно нужно не позабыть сохранить результаты своей работы! Smile Особо детально расписывать процесс анимации (а она совсем несложная ) не буду - смотрите картинку ниже. Если что могу выслать или выложить куда исходник в psd, в архиве он всего около 90 Кб.


 

Ну вот пожалуй и все! Вот наш готовый баннер. Очередной рубеж преодолен!
Успеха вам друзья!

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 29.01.2007 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
AutoCAD LT 2022 Commercial New Single-user ELD Annual Subscription
erwin Data Modeler Standard Edition r9.7 - Product plus 1 Year Enterprise Maintenance Commercial
Oracle Database Standard Edition 2 Processor License
Allround Automation PL/SQL Developer - Unlimited license
TeeBI for RAD Studio Suite with source code single license
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Мир OLAP и Business Intelligence: новости, статьи, обзоры
Все о PHP и даже больше
Corel DRAW - от идеи до реализации
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100