В этом уроке я попробую объяснить как можно сделать интересный баннер
для сайта. Сразу скажу что сначала лучше все сделать в Photoshope, а
анимацию в ImageReady.
Итак начнем!
Шаг 1.
Создаем новый документ. Размером 468Х60 (Стандартный размер баннера).
И заливаем фон темным цветом, (каждый может сделать фон по вкусу).
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010147.jpg)
2.
Берем инструмент эллипс
![ellipse.gif](http://demiart.ru/forum/html/psicons/ellipse.gif)
, выбираем цвет его заливки темнее фонового и рисуем в нижней части
нашего баннера. Так чтобы что бы в видимой части находилось только
половина эллипса.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010347.jpg)
3.
Берем
инструмент shape tool:custom shape: и выбираем фигуру World (хотя по
моему мнению это не обязательно, каждый может выбрать другую форму) и
рисуем его на нашем баннере как показано на рисунке.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010484.jpg)
Далее мы меняем режим наложения этой фигуры на color dodge и прозрачность на 50%. В результате у нас должно получиться:
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010593.jpg)
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010643.jpg)
4.
Создаем новый слой и с помощью инструмента Т
![horisontal_type.gif](http://demiart.ru/forum/html/psicons/horisontal_type.gif)
пишем на нем
«searching for best deal». В данном случае автор не акцентирует свое внимание на шрифте текста.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010822.jpg)
5.
После
того как вы это сделали мы опять возвращаемся к инструменту shape tool
и вбираем фигуру под названием magnifying glass. И рисуем его на нашем
баннере, и так чтобы размер окружности был чуть больше размера текста.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010903.jpg)
Дальше мы идем в Blending Options и настраиваем этот слой как показано на рисунке.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201010991.jpg)
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011115.jpg)
6.
Продолжим. Теперь мы дублируем слой с текстом и изменяем тип шрифта, размер и цвет.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011186.jpg)
7.
Теперь мы рисуем круг. Как показано на рисунке.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011292.jpg)
Нажимаем Ctrl+Alt+G чтоб сделать маску.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011382.jpg)
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011384.jpg)
В результате у нас должно получиться что то такое.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011485.jpg)
8.
Далее мы создаем новый слой и вставляем туда логотип и название компании.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011564.jpg)
9.
Далее
мы открываем наш банер в ImageReady, и переходим к окну анимации. В
первом же кадре у нас должно быть все слои кроме название компании, то
есть кроме последнего.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011747.jpg)
10
Теперь самое интересное. Мы в панели слоев выбираем только два слоя. Это наше увеличительное стекло и слой с маской.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011825.jpg)
Теперь мы дублируем каждый кадр и перемещаем нашу линзу через весь текст.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201011917.jpg)
У
автора данной работы получилось всего 7 кадров. Чтобы пройти от начала
до конца. Теперь ведем наше стекло обратно к началу. Также дублируя
кадры и передвигая форму увеличительного стекла
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201012318.jpg)
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201012408.jpg)
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201012410.jpg)
Шаг 11.
Теперь на 14 кадре мы вставляем название фирмы и логотип, а остальные слои отключаем.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201012554.jpg)
Теперь дублируем кадр с названием фирмы чтоб сделать эффект блика
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201012669.jpg)
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201012671.jpg)
Ну вот и все, теперь нажимаем Ctrl+Alt+Shift+S чтобы оптимизировать и наслаждаемся.
![Баннер с эффектом увеличения](http://demiart.ru/forum/uploads/post-33465-1201012840.gif)