В этом уроке я попробую объяснить, как можно сделать интересный баннер для сайта. Сразу скажу, что сначала лучше все сделать в Photoshope, а анимацию в ImageReady.
Итак, начнем!
Создаем новый документ. Размером 468Х60 (Стандартный размер баннера). И заливаем фон темным цветом, (каждый может сделать фон по вкусу).
Берем инструмент эллипс, выбираем цвет его заливки темнее фонового и рисуем в нижней части нашего баннера. Так чтобы что бы в видимой части находилось только половина эллипса.
Берем инструмент custom shape tool и выбираем фигуру World (хотя, по моему мнению, это не обязательно, каждый может выбрать другую форму) и рисуем его на нашем баннере, как показано на рисунке.
Далее мы меняем режим наложения этой фигуры на overlay и прозрачность на 50%. В результате у нас должно получиться:
Создаем новый слой и с помощью инструмента Type Tool пишем на нем любую надпись. В данном случае не важно, какой шрифт использовать.
После того как вы это сделали, мы опять возвращаемся к инструменту custom shape tool и выбираем фигуру под названием magnifying glass. И рисуем его на нашем баннере, и так чтобы размер окружности был чуть больше размера текста.
Дальше мы идем в Blending Options и настраиваем этот слой, как показано на рисунке.
Продолжим. Теперь мы дублируем слой с текстом и изменяем тип шрифта, размер и цвет.
Теперь мы рисуем круг. Как показано на рисунке.
Нажимаем Ctrl+Alt+G на втором текстовом слое, чтоб сделать маску.
В результате у нас должно получиться, что-то такое.
Далее мы создаем новый слой и вставляем туда логотип и название компании.
Далее мы открываем наш баннер в ImageReady, и переходим к окну анимации. В первом же кадре у нас должно быть все слои кроме название компании, то есть кроме последнего.
Теперь самое интересное. Мы в панели слоев выбираем только два слоя. Это наше увеличительное стекло и слой с маской.
Теперь мы дублируем каждый кадр и перемещаем нашу линзу через весь текст.
Теперь ведем наше стекло обратно к началу. Также дублируя кадры и передвигая форму увеличительного стекла
Теперь создаем еще один кадр и на нем вставляем название фирмы и логотип, а остальные слои отключаем.
Теперь дублируем кадр с названием фирмы чтоб сделать эффект мигания.
Ну вот и все, теперь нажимаем Ctrl+Alt+Shift+S, чтобы оптимизировать и наслаждаемся.
Просмотров: 4978
 Ваш коментарий будет первым | |