Как сделать баннер или рекламный Баннер своими руками

Инструкция для школьника, плюс Видео Урок, ТВОРИТЕ!

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

Кстати, а для чего ВЫ хотите его создать?

На подписную страницу и на свой многостраничный сайт?

Надеюсь, вы уже умеете делать Хедеры на сайт, потому что основы создания сайта это Хедер.

Ну и я просто не имею права скрывать от Вас свою готовую уникальную рассылку по Созданию сайта . даже если у Вас он уже есть, можете подарить ее своим друзьям, голову на отсечение даю, что она понравится всем!

Итак, начнем:

Слева Вы можете увидеть готовый рекламный баннер. который мы с Вами будем делать.

Первым делом конечно же нужно запустить саму программу Adobe Photoshop CS3. Cоздаём новый документ (Файл > Новый) или нажимаем Ctrl+N.

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

Я буду делать баннер размером 200 х 270 пикселей. Разрешение указываем 72 пикс./дюйм, глубину цвета 8 или 16 бит, 32 не указывайте, а то не сможете сохранить анимацию. Цветовой режим выбираем RGB, содержимое фона можете выбрать в приципе любое из 3 предложенных вариантов, но я всегда выбираю прозрачное.

После того как все значения внесли нажимаем на кнопку «Да».

В программе откроется окно с чистым документом. Давайте его сразу же сохраним, нажав сочетание клавиш Shift+Ctrl+S или Файл > Сохранить как…

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

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

Самое первое, что нам необходимо сделать, это сделать фон для будущего баннера. Можно просто Залить каким-нибудь цветом, градиентом или поставить картинку.

Я буду заливать фон голубым цветом который плавно переходит в белый, т. е градиентом.

Как сделать баннер в Фотошопе. Шаг1

На панели инструментов находим инструмент Цвет и кликаем по нему ЛКМ. Перед нами появится окно где необходимо выбрать цвет.

Я выбираю голубой цвет и нажимаю кнопку «Да».

Теперь нужно залить градиентом  фон нашего будущего баннера. Выбирем на «Панели инструментов» Инструмент градиент. Переходим к окну с нашим баннером. И в 1см от верхнего края рабочей области по центру располагаем курсор нажимаем ЛКМ и не отпуская тянем вниз.

В 1 см от нижнего края отпускаем ЛКМ. В итоге фон должен

окраситься в такой цвет.

На следующем этапе нам нужно вставить изображение рекламируемого продукта в баннер. Так как изображение находится в отдельном файле, то сперва его нужно открыть в фотошопе.

Сделать это можно двумя способами:  перетащить непосредственно в программу или открыть через Файл > Открыть (Ctrl+S). В результате проделанных действий должно получиться следующее.

Вы конечно можете использовать своё изображение.

На панели инструментов Выбираем инструмент перемещение, и ЛКМ перетаскиваем картинку на будущий баннер.

В результате, должно получиться что-то похожее как на картинке ниже.

Продолжаем разбирать, как сделать баннер. мы видим изображение слишком большое и его необходимо уменьшить.

Сделать это очень просто: Наводим курсор мыши на один из квадр

атиков, расположенных по углам, нажимаем ЛКМ и чтобы размеры картинки изменялись пропорционально зажимаем Shift и  уменьшаем изображение до необходимого размера.

В том случае если у вас нет такой пунктирной линии с квадратиками, то нужно поставить галочку «Показать управляющие элементы»

После всех выполненных действий должно получиться примерно следующее.

А теперь давайте попробуем анимировать появление изображения продукта. По задумке он должен появиться сверху.

Для этого Вам нужно вызвать панель Анимации Окно>Анимация. Появится такая панель анимации:

Это «покадровая анимация», мы её использовать не будем, но здесь необходимо сделать некоторые настройки, если конечно это нужно. У меня продолжительность кадра 10 сек. У Вас может быть любая другая и даже 0.

Чтобы получить красивый рекламный баннер нужно изменить продолжительность кадра кликните ЛКМ на треугольник обозначенный стрелкой «0» и выберите необходимую продолжительность кадра.

Если мы сейчас перейдём во «временную панель анимации», нажав  на  кнопку, обозначенную стрелкой «2». то максимальная продолжительность анимации будет составлять 10 секунд, в том случае если вы хотите сделать анимацию продолжительностью более 10 секунд, то нажмите на кнопку обозначенную стрелкой «1», при этом создастся ещё один такой же кадр и в этом случае продолжительность анимации будет составлять 20 секунд, думаю логику Вы улавливаете. Но сейчас нам достаточно будет 10 секунд.

Переходим во временную панель анимации ( нажимаем на кнопку обозначенную стрелкой 2), откроется следующее окно.

Для удобства работы давайте переименуем слои 1 и 2. Сделать это можно в окне слои, достаточно 2 раза кликнуть на названии слоя и вписать своё.

Анимировать будем слой который называется «продукт».

Переходим к  «Панель анимации» и открываем свойства слоя, которые можно анимировать.

Сейчас мы будем анимировать свойство Position. Кликаем ЛКМ на хронометраж  (изображение будильника) при этом на ленте времени создаётся ключевой кадр (выглядит как жёлтый ромбик).

Источник: lady-alt.ru

Категория: Электронная почта

Похожие статьи: