|
Анимированный баннер
| |
| No_comments | Дата: Среда, 2008-02-06, 7:41 PM | Сообщение # 1 | |
|
Студиграфист
Группа: Модераторы
Сообщений: 195
Репутация: 6
Статус: Offline
|
Приветствую Вас начинающие и профессиональные web-дизайнеры.
Сегодня мы с Вами будем делать очень простой и в то же время очень красивый баннер.
Создаем новый слой 400х75.
Закрашиваем его градиентом, любым цветом.
Я закрасил зеленым.
Теперь берем elliptical marquee tools и отмечаем левую часть. (как на рисунке снизу)
Закрашиваем его таким же цветом как и наш основной слой, только наоборот. Ну т.е. если до этого у нас был светлый оттенок сверху, а более темный снизу, то сейчас делаем темный сверху, светлый – снизу.
Теперь идем select > modify > contract и ставим 5. У нас как бы отрезается не большая часть. Большую часть закрашиваем цветом #CCCCCC и #F1F1F1.
У нас получается такая штука:
Теперь с левой стороны вставляем какую нибудь картинку.
Справа пишем любой текст, можем добавить какое нить оформление.
Теперь пишем анимационную часть, т.е. ту часть, которая будет двигаться.
Пишем, в моем случаи, «уроки», создаем дубликат этого слоя и заходим filter > blur > motion blur делаем настроечку - 11. При вопросе, хотите ли вы сделать rasterize отвечаем – да.
Теперь делаем все то же самое, только для других слов (словосочетаний).
При создании анимации первый кадр у нас будет все начальные слои (фон, левая часть, картинка, текст вверху и первый слой нижнего слова) ставим скорость 1с, след кадр все теже слои только вместе «нижнего текста» дубликат этого слоя и скорость 0,2 сек. И так далее.
Конечно каждый пункт вы можете дополнять и изменять по своему усмотрению.
Все представлено, как пример. Удачи Вам товарищи. Свои работы выкладывайте в этой теме. Оригинальный текст: tutorialized.com
Обработка и перевод: No_comments
Идет набор DJ'еев!
Лучшие статьи со всего РУнета.
|
| |
| |
| kydapodatsya | Дата: Четверг, 2008-02-07, 2:35 PM | Сообщение # 2 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
примечание к теме верно на 100% 
|
| |
| |
| No_comments | Дата: Суббота, 2008-02-09, 7:27 PM | Сообщение # 3 | |
|
Студиграфист
Группа: Модераторы
Сообщений: 195
Репутация: 6
Статус: Offline
|
Quote (kydapodatsya) примечание к теме верно на 100%
Идет набор DJ'еев!
Лучшие статьи со всего РУнета.
|
| |
| |
| Anva | Дата: Суббота, 2008-02-09, 8:52 PM | Сообщение # 4 | |
|
Спектографист
Группа: Студенты - 2 курс
Сообщений: 16
Репутация: 2
Статус: Offline
|
Ничего себе баннер, здоровенный! 
|
| |
| |
| broneloko7 | Дата: Воскресенье, 2008-04-06, 8:41 PM | Сообщение # 5 | |
Начинающий дезиГнер
Группа: Помощник D4U
Сообщений: 163
Репутация: 19
Статус: Offline
|
Неприкололо=/
Лось-вечен, не спорь..
one shot, one kill,
no luck, just skill.
|
| |
| |
| Andi | Дата: Вторник, 2008-06-03, 8:32 AM | Сообщение # 6 | |
|
Спектографист
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
|
Раскажите как сделать анимированный баннер 88х31 с рисунками(ну кароче подробно)просто я почти не разбираюсь в фотошопе(и напишите через какой именно Фотошоп ето всё делать
|
| |
| |
| kydapodatsya | Дата: Вторник, 2008-06-03, 10:01 AM | Сообщение # 7 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Andi, через любой
лучше через какую-нибудь последнюю версию - там лучше реализована анимация, а подробно вам никто не расскажет - все зависит от конечно цели...
|
| |
| |
| twik | Дата: Суббота, 2009-02-07, 2:58 PM | Сообщение # 8 | |
|
Спектографист
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
|
А у меня так получилось :
токо без анимации фотошоп не читает и не сохраняет GIF форматДобавлено (2009-02-07, 2:58 Pm)
---------------------------------------------
кстати помогите у меня фотошоп не читает и не сохраняет GIF формат , вы с таким сталкивались ?????
|
| |
| |
| kydapodatsya | Дата: Понедельник, 2009-02-09, 11:47 AM | Сообщение # 9 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
twik, версия фотошопа?
|
| |
| |
| GT1 | Дата: Понедельник, 2009-03-09, 11:44 PM | Сообщение # 10 | |
|
Спектографист
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
|
А детальней незя? Допустим как текст такой зделать переходящий на другой!!!
[url=http://depositfiles.com/signup.php?ref=brat13][img]http://img2.depositfiles.com/adroot/df/referral/360_rus.gif[/img][/url]
|
| |
| |
| APKO | Дата: Среда, 2009-03-11, 9:06 PM | Сообщение # 11 | |
|
Спектографист
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
|
Чуть чуть детальней я не понял  Добавлено (2009-03-11, 9:06 Pm)
---------------------------------------------
Ну вот тип как тут я б хотел знать как делать анемированный текст 
|
| |
| |
| Inf1n1ty | Дата: Четверг, 2009-03-12, 2:22 PM | Сообщение # 12 | |
Спектографист
Группа: Пользователи
Сообщений: 7
Репутация: 0
Статус: Offline
|
как сделать чтобы текст растворялся а не просто мигал
|
| |
| |
| kydapodatsya | Дата: Четверг, 2009-03-12, 2:30 PM | Сообщение # 13 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
APKO, покадровая анимация....
Inf1n1ty, покадровая анимация с уменьшением прозрачности слоя...
|
| |
| |
| Slipknoter | Дата: Суббота, 2009-03-21, 2:58 PM | Сообщение # 14 | |
Спектографист
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Offline
|
Люди пожалуйста подскажите как сделать баннер чтобы когда нажимаешь он выходил на главную страницу етого же сайта????пожалуйста помогите
|
| |
| |
| kydapodatsya | Дата: Воскресенье, 2009-03-22, 11:37 AM | Сообщение # 15 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
|
| |
| |
|
