Создаем баннер в Photoshop 6.0

Главная   Как сделать баннер   Paint   Ulead Gif Animator 5.0   Coffee Cup GIF Animator 4.0   ImageReady 3.0

Разбираем готовый баннер   Размещаем баннер на странице

 
Gifанимация Как сделать баннер

В меню Файл выбираем Новый... и создаем новый файл для рисунка

 

Gifанимация Как сделать баннер

Устанавливаем размер рисунка 88х31 пиксел, разрешение пиксели/см и режим RGB цвет.

 

 
Gifанимация Как сделать баннер

Вы создали первый слой изображения.

Для удобства увеличим изображение до 400%. Для этого кликните по иконке инструмента Линза Gifанимация Как сделать баннер. Наведите его на изображение и кликните. Также можно воспользоваться скроллингом мыши, если он есть. Затем, растяните окно до размеров вмещающих увеличенный рисунок.

 

 
Gifанимация Как сделать баннер

Выберите инструмент Заливка Gifанимация Как сделать баннер.

Для выбора цвета заливки кликните по иконке Выбор цвета

Gifанимация Как сделать баннер.

На появившейся панели Сборщика цветов выберите необходимый.

 

 
Gifанимация Как сделать баннер

Залейте слой. Для этого наведите курсор заливки на рисунок и кликните.

 

 
Gifанимация Как сделать баннер

Выберите инструмент Текст Gifанимация Как сделать баннер.

Установите цвет шрифта. Для этого кликните по иконке установки цвета шрифта. Там же установите другие параметры.

Далее установите курсор на рисунок и введите текст. Автоматически создается текстовой слой.

Отведите курсор с надписи. Он принимает вид стрелки . Удерживая нажатой левую клавишу мыши, Вы можете сдвинуть текстовой слой, тем самым разместить надпись в любом месте рисунка.

После всего кликните левой клавишей по закладке текстового слоя в меню Слои.

 

 
Gifанимация Как сделать баннер

Теперь текстовой слой сольем с графическим.

Обратите внимание на такой момент: активный (текущий) слой выделен на панели слоев синим цветом.

Выберите в меню Слой опцию Слить с нижним. При этом текстовой (верхний)слой должен быть активным.

Итак, первый кадр готов:

 

Gifанимация Как сделать баннер

 

 
Gifанимация Как сделать баннер

Приступаем к созданию нового слоя. Кликните в верхней панели по меню Слой и выберите Новый =>Слой.... Далее повторите операции по заливке слоя, создайте текстовой слой с новой надписью и т.д.

Второй кадр:

Gifанимация Как сделать баннер

Создайте аналогичным образом и третий кадр.

Третий кадр:

Gifанимация Как сделать баннер

 

 
Gifанимация Как сделать баннер

На панели Слои кликнув по иконкам Gifанимация Как сделать баннер делаем невидимыми верхние слои. Оставляем только нижний:

Gifанимация Как сделать баннер

 

 
Gifанимация Как сделать баннер

Теперь сохраним первый кадр. Войдите в меню Файл и выберите Сохранить для Web...

 

 
Gifанимация Как сделать баннер

В меню Settings выберите GIF, Web, No Dither. Для оптимизации рисунка можно уменьшить количество цветов Colors.

OK.

 

 

 

Далее, последовательно делая невидимыми лишние слои рисунка, сохраните остальные кадры аналогичным образом.

Возможен также вариант без создания множества слоев. Вы просто поверх первого кадра делаете новую заливку, накладываете текст, сохраняете вариант и так далее.

Данный способ немного осложнит работу,  если Вы решите использовать для анимации кадров баннера Adobe ImageReady 3.0

 

В итоге Вы получили три кадра:

Gifанимация Как сделать баннер Gifанимация Как сделать баннер Gifанимация Как сделать баннер

Теперь можно приступить к их склеиванию в GIFанимторе.

 

Главная   Как сделать баннер   Paint   Ulead Gif Animator 5.0   Coffee Cup GIF Animator 4.0  ImageReady 3.0

Разбираем готовый баннер   Размещаем баннер на странице

 

Hosted by uCoz