[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 1
  • 1
Форум - все для вебмастера и ucoz » Форум по Photoshop » Уроки » Создание анимированного баннера сайта в стиле Vista
Создание анимированного баннера сайта в стиле Vista
AnasyДата: Четверг, 10.09.2009, 15:06 | Сообщение # 1
★ AN4SY™ ★
проверенный
Сообщений: 181
В этом уроке мы будем создавать анимированный баннер в стиле Vista.

Шаг 1.
Создаем новый документ (Ctrl+N) размером 88х31.
Создаем новый слой (Shift+Ctrl+N) и закрашиваем его в любой цвет.

Шаг 2.
В окне слоев правой кнопкой мыши щелкаем на верхний слой, выбираем “Blending Options” и настраиваем “Inner Glow” и “Gradient Overlay” как на картинках:



Шаг 3.
Создаем новый слой.
С помощью инструмента Rectangular Marquee Tool (M) создаем выделение как на рисунке:

Шаг 4.
Берем инструмент Paint Bucket Tool (G) и заливаем выделение белым цветом:

Шаг 5.
Меняем “Opacity” для этого слоя на 20-25%:

Шаг 6.
Берем инструмент “Horizontal Type Tool (T)” и пишем текст (Я использовал шрифт “Arial”, размер 14рх):

Шаг 7.
Пишем вторую надпись (она должна быть на другом текстовом слое) и запускаем “Image Ready (Shift+Ctrl+M)” (если используется Photoshop CS3, то в этом шаге вам просто нужно открыть окно анимации “Window > Animation”). Скрываем слои с текстом:

Шаг 8.
В окне анимации нажимаем на “Duplicates selected frames” и делаем первый слой с текстом видимым:

Шаг 9.
Убедитесь, что у вас выбран второй кадр и нажмите “Tweens animation frames”, в появившемся окне выставите “Tweens With: Previous Frame” и “Frames to Add: 2”:

Шаг 10.
Снова нажимаем “Duplicates selected frames”, скрываем первый слой с текстом и повторяем действия из девятого шага, но для третьего кадра:

Шаг 11.
Теперь повторите все шаги с восьмого по десятый, но для второго слоя с текстом, должно выглядеть так:

Шаг 12.
Теперь установите для кадров №4 и №10 время 0,5 sec, для этого нажмите под кадром на маленький треугольник:

Шаг 13.
Теперь нажмите “Alt+Shift+Ctrl+S” и сохраните в формате .GIF

 
TimДата: Воскресенье, 13.09.2009, 11:33 | Сообщение # 2
пользователь
Сообщений: 6
Новичку сойдет..

 
ViraGДата: Воскресенье, 20.09.2009, 18:01 | Сообщение # 3
пользователь
Сообщений: 14
Tim, я новичок!! но у меня и это не получилось!!!

 
HeinДата: Воскресенье, 20.09.2009, 18:37 | Сообщение # 4
проверенный
Сообщений: 55
Старайся, доводи то что начал до конца, не ленись! И все получится))

RusBall-Все о Российском футболе и околофутболе

 
Форум - все для вебмастера и ucoz » Форум по Photoshop » Уроки » Создание анимированного баннера сайта в стиле Vista
  • Страница 1 из 1
  • 1
Поиск:

Design by Anasy. Все материалы предназначены исключительно для ознакомления!

Хостинг от uCoz