МИР ВЕБМАСТЕРА
Меню сайта
Категории каталога
ВебМастеру [111]Раскрутка сайта [122]Уроки Photoshop [44]Who is who в Инете [21]
PC [13]Разное [0]CopyPaste [4]
Главная » Статьи » Уроки Photoshop

Разбираем готовый баннер

это бомба $550 дают просто так

Это описание рассчитано на тех, кто уже немного освоился в пользовании

Photoshop 6.0 и работе с  GIF аниматорами.

 

Возьмем для примера баннер каталога ПИНГВИН.

 

Gifанимация Как сделать баннер

 

Загружаем этот рисунок в Ulead GIF Animator 5.0 ( но можете воспользоваться любым другим )

File =>> Open image

 

Перед Вами разложенный по кадрам рисунок

 

Gifанимация Как сделать баннер

 

Попробуем изготовить что-либо подобное.

Создаем в Photoshop трехслойный рисунок:

 

Слой 1 Слой 2 Слой3

 

Сохраняем его как кадр №1.

Все слои вместе

 

Далее Редактирование =>> Произвольная трансформация

Поворачиваем немного слой №2 против часовой стрелки.

Далее Фильтр  =>> Смазывание =>> Смазывание движения...

Искажение: -60

Дистанция: 9

С помощью Произвольной трансформации, поворачиваем немного слой №3 по часовой стрелке.

Получаем:

 

Gifанимация Как сделать баннер

 

Сохраняем как кадр №2

 

Далее продолжаем поворачивать слои, последовательно сохраняя кадры:

 

Gifанимация Как сделать баннер

 

Gifанимация Как сделать баннер

 

Gifанимация Как сделать баннер

 

Создаем кадр №6

 

Gifанимация Как сделать баннер

 

Склеиваем кадры в порядке 5, 4, 3, 2, 1, 6  в gif аниматоре, расставляем необходимые временные задержки, оптимизируем, сохраняем,  получаем следующее:

 

Gifанимация Как сделать баннер

 

Успехов в баннеризации Вашего сайта!

 



BBCode:
HTML:  
[ Скрыть ссылки ]




Категория: Уроки Photoshop | Добавил: ya (04.10.2008)
Просмотров: 19555 |
Всего комментариев: 0




avatar
Форма входа
Поиск
TRANSLATOR
Друзья сайта
Статистика
p
IP:34.228.41.66


Здесь и Сейчас: 3
Прохожих: 3
VIP: 0
l
n