і
м
ер файла графи-
ческого баннера не
должен превышать 40
Кб. За этим надо будет
проследить на финаль-
ной стадии сохранения
баннера в файл GIF.
Тема баннера
З
адумываясь о том, каким будет ваш будущий
баннер, учтите, что самые так называемые
продающие цвета -
это белы й, синий и красный.
Остальные цвета рекомендуется применять лишь,
если они являются корпоративными цветами, т.е.
входящими в состав символики (логотипа) компа-
нии, или если того требует сюжет баннера.
Допустим, наша задача сделать рекламный
баннер психолога.
Нам заданы 2 фразы:
“Личный психолог” и
“Детский психолог”.
Будем чередовать
эти две фразы в на-
шей анимации.
Рисуем
заготовки
для баннера
И
так, можем
приступать к
созданию баннера.
Для этого нам пона-
добятся установлен-
ные программы Pho-
toshop и ImageRea-
dy. Запускаем программу
Photoshop, заходим в меню
Ф а й л
>
Н овы й
>
вводим
имя нашего проекта, например, “Ьаппег468х60”,
указываем ширину
4 6 8
и высоту
60
пикселей,
разрешение
7 2 пикс/дю йм ,
цветовой режим
R G B/8 бит,
цветовой профиль
"
Отменить уп-
р а в л ен и е цветом в докум ент е” .
У нас появится документ, в котором будет один
слой “Задний план” - делаем его копию (тащим
слой на кнопку
“Создает новы й с л о й
”,
показан-
ную стрелкой на
ри с. 1),
а старый слой удаляем
(тащим в корзину,
рис. 2).
Слой “Задний план (ко-
пия)” переименовываем в “Фон”.
Теперь этот фоновый слой за-
льем градиентом. Для этого опре-
делим цвета заливки. На панели
инструментов кликаем на области
основного цвета и в появившемся
окне “Палитра цветов” в поле #
указываем код цвета
008FFA,
на-
жимаем
Ok.
Снова на панели ин-
струментов кликаем на области
фонового цвета и в окне “Палитра
цветов” в поле # вводим код цве-
та
0070С0,
нажимаем
Ок.
Выбираем инструмент
“Градиент
> на панели
под главным меню должна
быть включена опция
“Л и-
нейный градиент” .
Здесь
же кликаем на полосе гра-
диента, чтобы войти в ре-
дактор градиента и там
уже выбираем установку
“ От основного к ф оново-
му”
(она самая первая в палитре стилей градиента),
нажимаем
Ок
(рис. 3).
Теперь на слое “Фон” выпол-
няем заливку градиентом вертикально сверху вниз.
Затем основной цвет устанавливаем белый
(FFFFFF) и инструментом
“Горизонтальный
текст”
создаем текстовый слой с текстом “ЛИЧ-
НЫЙ ПСИХОЛОГ”. Шрифт ставим Arial 24 пике,
жирный, сглаживание “плавное”. Параметры нало-
жения выставляем:
“ Тень”,
режим “Умножение”, непрозрачность 75,
угол 120, смещение 5, размах 0, размер 5, шум 0;
“В н еш н ее с в е ч е н и е ”,
режим “Осветление”, не-
прозрачность 50, шум 0, цвет свечения FFFFBE,
метод “Мягкий”, размах 0, размер 5, диапазон 50,
колебание 0, сглаживание отключено.
Выглядеть это будет так
(ри с. 4).
Копируем
текстовый слой и заменяем в новом слое текст
на вторую нашу фразу “ДЕТСКИЙ ПСИХОЛОГ”,
корректируем ее центрирование. Пока что слой
“ДЕТСКИЙ ПСИХОЛОГ” скрываем.
Анимируем баннер
Т
еперь у нас все готово для перехода к ани-
мации в программе ImageReady. Сначала
сохраняем наш проект в формат PSD (меню
Ф а й л > Сохранить как).
Затем переключаемся в
программу ImageReady (меню
Ф а й л
>
Редакт и-
ровать в Im a geR eady).
В окне данной программы мы увидим наш про-
ект, очень похожую на Photoshop палитру инстру-
ментов, аналогичную палитру
слоев и панель анимации. Если
панель анимации у вас не вид-
на,
включите ее через меню
Окно > Анимация.
В панели анимации уже
должен быть первый кадр на-
шего баннера, т.е. виден
слой “Фон”, а поверх него
отображается слой “ЛИЧНЫЙ
ПСИХОЛОГ” со всеми вклю-
ченными эффектами, кото-
I СпоиКатти X Контуы
V | Hwac-sp.-iwiS Tj
J
*}• А 3*пиис»;|100*і
j
я>р*плгк. □
0
4*
% 'SVU*.*
предыдущая страница 17 Компьютер 2014 02 читать онлайн следующая страница 19 Компьютер 2014 02 читать онлайн Домой Выключить/включить текст