Как создать банер

Как создать банер

Для создания банера есть специализированные программы но будем создавать простой банер в фотошопе.

Инструкция

Уровень сложности: Несложно

Что вам понадобится:

  • Photoshop

1 шаг

Как создать банер

Откроем Adobe Photoshop cs3 .
Создаем новый файл выберем стандартный размер банера 468х60 пикселей.

2 шаг

Как создать банер

Заливаем тем цветом который нам нравится наш фон

3 шаг

Как создать банер

Выбираем инструмент “текст” пишем “Мой первый банер” можно изменить текст, мы же для простоты менять текст не будем

4 шаг

Как создать банер

Копируем слой текстом два раза первый “текст1” второй “текст2”.

5 шаг

Как создать банер

В слое “текст1” пременим “фильтр – размытие” Фильтр\размытие\размытие в движении с “угол” 0, и “смещение” от 300 до 350 пикселов.Перемещаем слой влево, в начало банера

6 шаг

Как создать банер

В слое “текст2” (как в первом) только “смещение” от 120 -150 пикселов. Сдвигаем слой что бы он оказался по центру как на рис

7 шаг

Как создать банер

Активируем инструмент “текст”. Пишем “Простой банер”

8 шаг

Как создать банер

Переходим в окно\анимация.
Делаем копию 1 го см.рис. в первом кадре , на панели “слои” оставляем видимыми: фон,“текст1” и “текст4” у в других слоях откл. видимость и т.д. у второго: фон 2,4, у третьего: фон, 3,4

9 шаг

Как создать банер

Устанавливаем задержку кадров: первый 0,1сек, второй подберите сами,третьему 2-3 секунды. Нажимаем запуск анимации .Сохраняем наш шедевр с разрешением .gif (Сохранить для web устройств)

10 шаг

Все остальное зависит от Вашей фантазии я привел пример очень простого банера но смысл я думаю понятен

Обсуждение

Avatar_micro
Рейтинг
  1. +
  2. 1
brem (01:35 29.12.2009)

Работает, побольше кадров, красивее будет.+

348_micro
Рейтинг
  1. +
  2. 0
demonbig (17:09 04.01.2010)

Та да это так наброски, самое главное смысл

972_micro
Рейтинг
  1. +
  2. 1
TaisiaTenich (01:44 29.03.2010)

Разные версии фотошопа русифицированы по-разному, а большинство пользуется и вовсе английским, так что добавь оригинальные названия )

348_micro
Рейтинг
  1. +
  2. 0
demonbig (21:50 14.07.2010)

на чем на банере? Для заработка одной этой инструкции мало

Ваш комментарий

Запросить инструкцию

Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!

Рейтинг
  1. +
  2. 1
3
1908