Как сделать баннер в фотошопе

4 комментария

Здравствуйте! Многие однажды сталкиваются с ситуацией, когда для рекламных целей бизнесмену необходимо заказать себе рекламный баннер. Но вот вопрос, а нельзя ли его сделать самому! Как сделать баннер в фотошопе и справится ли с этим обычный пользователь, не обладающий профессиональными знаниями по этой программе? Ответ: да! И сегодня я вам покажу, как это сделать!
баннер_в_фотошопе_banner_v_fotoshope

Для начала создайте документ нужного вам формата. Обратите внимание на строку: Содержимое фона – Должна стоять позиция «Прозрачный». Далее скопируйте (Ctrl+C) нужное вам изображение любым инструментом выделения и вставьте (Ctrl+V) его в новый документ.

баннер_в_фотошопе_banner_v_fotoshope

Теперь переместим нашу фотографию машины на место, где она должна быть в итоговом рекламном баннере в фотошопе. Для этого активируем инструмент «Свободное трансформирование» — Free Transform (Ctrl+T)  и перетащим за квадратиками в нужное место. После чего нажмем «Enter».

баннер_в_фотошопе_banner_v_fotoshope

На панели инструментов создадим новый слой (Shift+Ctrl+N) и переместим его вниз, так,  чтобы после заливки машина была видна.

баннер_в_фотошопе_banner_v_fotoshope

Зальем новый слой нужным цветом – я воспользовалась инструментом Градиент (Gradient) на панели инструментов:

баннер_в_фотошопе_banner_v_fotoshope

Вот что должно у вас получиться, этот рисунок будет первым кадром анимированного баннера в фотошопе.

баннер_в_фотошопе_banner_v_fotoshope

Перейдем к Анимации в меню Окно (Window). Подробнее о создании анимации вы можете прочитать в моей статье Анимация в фотошопе

баннер_в_фотошопе_banner_v_fotoshope

Как видим, первый кадр у нас уже есть. Можем установить ему задержку напримем0,5 сек. Создадим следующий кадр. Для этого нажмем на квадратик внизу панели.

баннер_в_фотошопе_banner_v_fotoshope

Теперь добавим текст рекламы на наш новый слой.

баннер_в_фотошопе_banner_v_fotoshope

Внизу панели анимации вы можете найти кнопочку многоточия по диагонали. Нажав на нее, вы можете создать промежуточные кадры, так, чтобы ваш текст как бы медленно появлялся. Я создала 4 промежуточных кадра, тем самым добавила 4 дополнительных анимированных слоя:

баннер_в_фотошопе_banner_v_fotoshope

баннер_в_фотошопе_banner_v_fotoshope

Задержку промежуточных кадров я установила на 0,1  сек. Теперь наш текст будет медленно появляться на баннере.

баннер_в_фотошопе_banner_v_fotoshope

Чтобы текст снова исчез, создайте новый анимированный слой, затем продублируйте слой фона и машины, и установите сверху в таком положении, чтобы текст не был виден. И снова примените Промежуточные кадры, вот так:

баннер_в_фотошопе_banner_v_fotoshope

Таким же образом я сделаю потом и анимацию следующего текста.  Но сейчас у нас задачка посложнее, надо, чтобы Машина «Поехала». Для этого нам придется каждый раз создавать новый анимированный слой, а после дублировать слой фона и машины. И с помощью инструмента «Свободное трансформирование» двигать её по чуть-чуть вправо, пока она полностью не  окажется с правой стороны.

баннер_в_фотошопе_banner_v_fotoshope

Вот и все! Таким образом можно сделать баннер в фотошопе! Теперь вам необходимо установить постоянное повторение на панели «Анимация»

баннер_в_фотошопе_banner_v_fotoshope

И сохранить её в формате «Gif». Для этого перейдем в меню Файл – File :> Сохранить Для Веб и устройств — Save for web-devices и сохраним наш баннер в фотошопе в Gif формате.

баннер_в_фотошопе_banner_v_fotoshope

Вот и все! Сегодня мы узнали, как сделать баннер в фотошопе! Удачи!

баннер_в_фотошопе_banner_v_fotoshope

4 comments

  1. Aндрей

    Круто! Спасибо! Не знал, что это так просто!

    • admin

      Пожалуйста! Удачи в познании фотошопа!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *