Рис. 17
Есть у меня в запасе еще один прием, за-
ключающийся в том, что баннер делается в
три уровня (слоя). Первый уровень - самый
нижний, т.е. под всеми остальными слоя-
ми. На таком слое как раз располагается
пестрый фон. На втором уровне (поверх
первого) размещается посто-
_____
янная для всех кадров плашка
в виде полупрозрачной волны
или что вам фантазия подска-
жет
( р и с . 1 3 , 1 4 , 1 5 ).
Главное, чтобы фон плашки
хорошо контрастировал с тек-
стом, который будет поверх
плашки на третьем уровне.
Такой прием позволяет под-
ставлять абсолютно любые
изображения в баннер, а по-
лупрозрачная плашка будет
создавать эффект информа-
ционной панели к этому изоб-
ражению, не сильно перекры-
вая его
( р и с . 1 6 и 1 7 ).
Этот прием еще полезен и в тех
случаях, когда в баннере исполь-
зуются изображения одинаковой
ширины, но в силу разного их фор-
мата, не имеющие достаточного
размера по высоте баннера, что-
бы заполнить его полностью. Как
раз плашка позволяет скрыть ниж-
ний край короткой по высоте кар-
тинки
( р и с . 1 8 ).
Баннер горячей линии
В
завершение
сегодняшнего
урока хочу показать ещё один малень-
кий прием. Предположим, нам необходимо
сделать баннер какой-то горячей линии. Но
надо сделать такой баннер, который желез-
но привлек бы внимание зрителя.
Будем отталкиваться от прямой ассоциации: го-
рячая линия - это теле-
ф
фон, вернее телефонный
аппарат. Сгодится первый по-
павшийся абстрактный, даже
лучше мультяшный телефон-
чик, который можно найти в
Яндекс или Гугл в режиме по-
иска картинок. Вот такой по-
пался мне
( р и с . 1 9 ).
Создаем
в Photoshop новый
проект,
вставляем туда наш телефон. На слое он
изображен горизонтально - это нормаль-
но. Копируем его слой, нажимаем
Ctrl+T
(или через меню
Редактирование
>
С в о -
бод н ое
трансформирование),
повора-
чиваем по часовой стрелке на 10 градусов
и нажимаем на клавиатуре
Enter.
Всего в
проекте получилось 2 слоя.
Теперь давайте при помощи анимации
сделаем так, чтобы наш телефончик звонил,
забавно содрогаясь. Для этого переключа-
емся в ImageReady (меню
Файл > Редак-
тировать в ImageReady).
Первым кад-
ром делаем горизонтальный телефон, и
ставим для него паузу 0,1 с. Вторым кад-
ром ставим слой с повернутым телефо-
ном и пауза для него должна быть 0,05 с.
Далее снова повторяем эту пару кад-
ров с аналогичными параметрами. По-
вторяем эту пару 3-6 раз, чтобы создать
эффект длительного дребезжания теле-
фона
(h ttp ://c o m p u t.c o m .u a /im a g e s/b a n -
ner_phone.gif).
А уже после последнего
кадра можно пускать кадры с каким-то
сопроводительным текстом баннера,
например, с текстовым изображением
номера телефона нашей горячей линии.
Всё! Иду принимать первый звонок :)
Друзья! Надеюсь, сегодняшний урок вам по-
нравился и обязательно пойдет на пользу. А в
следующий раз я расскажу вам, как делать бан-
неры, используя технологию Adobe Flash.
Мария
Бы ст ро и качест венно:
- от беливаем зубы;
- удаляем р о д и н ки ;
-
кр аси м волосы;
-м е н я е м пигм ент ацию
к о ж и .
Ф ирм енное оборудование
(А4оЬе РЬоЮ зЬор
С 5 )
Если м олодой человек го-
ворит
своей
девуш ке
н а
св и д ан и и чт о о н а у м н а я
,
прекрасно выглядит и о т -
л ичная собеседница
,
он го-
ворит
правильны е
вещ и
правильном у человеку - и
эт о м аркет инг. Если м о л о -
дой человек говорит девуш -
ке, чт о он сам ум ен и у с п е -
ш ен
-
эт о р е к л а м а . Если
кт о-нибудь другой говорит
девуш ке, чт о т от парень
ум ен и успеш ен - эт о Р К .
М олодой
писат ель Гош а
Кавригин написал книгу. Вы-
пустил ее т и р а ж о м 100 т ы -
сяч экземпляров. Смот рит -
никт о не покупает . Тогда он
дал объявление в газету:
«М олодой
сим пат ичны й
миллионер ж е л а л бы позна-
комит ься с девуш кой, п о хо -
ж е й на героиню книги Г.Ков-
ригина». Н а следующ ий день
весь т и р а ж был раскуплен.
©
©
©
-
Х о р о ш и й реклам ны й
агент м о ж е т продат ь всё!
-
Н у и ка к, по-ваш ему, м о -
ж н о продат ь бракованную
п ар т и ю пианино, у ко т о -
р ы х нет черны х клавиш?
- Очень прост о. Д аелі р е к -
лам у: «Специальная парт ия
пи ан и но для расист ов! Все
клавиш и - белые!»
предыдущая страница 20 Компьютер 2014 02 читать онлайн следующая страница 22 Компьютер 2014 02 читать онлайн Домой Выключить/включить текст