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

Создание простого стильного рекламного баннера в Фотошопе

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

 

Создание простого стильного рекламного баннера в Фотошопе

 

Шаг 1

 

Создание простого стильного рекламного баннера в Фотошопе

 

Одним из основных размеров рекламных баннеров является размер в 300 на 250 пикселей. Откройте Adobe Photoshop и создайте новый документ, который будет немного больше, чем указанные размеры. Для фона я использовал простую гранж-текстуру и серый цвет.

 

Шаг 2

 

Создание простого стильного рекламного баннера в Фотошопе

 

С помощью инструмента Прямоугольник (Rectangle Tool (U))  создайте темно-серый прямоугольник. Как мы уже говорили, прямоугольник должен  быть 300 на 250 пикселей. Примените к нему стиль Внешнее свечение (Outer glow) и используйте цвет (# 343434).


 

Шаг 3

 

Создание простого стильного рекламного баннера в Фотошопе

 

Также примените стиль  Внутреннее свечение (Inner Glow). Даже если он выглядит размытым на данный момент, то позже эффект будет намного лучше.

 

Шаг 4

 

Создание простого стильного рекламного баннера в Фотошопе

 

Далее примените стиль Наложение текстуры (Pattern Overlay). Текстура должна быть едва заметной, для этого измените Режим наложения (Blend Mode) на Мягкий свет (Soft Light) и снизьте непрозрачность до 5 процентов. Я использовал текстуру из  этого набора.

 

Шаг 5

 

Создание простого стильного рекламного баннера в Фотошопе

 

И последним примените стиль Обводка (Stroke). Размер установите в  1 пиксель и используйте цвет чуть темнее, чем основной цвет нашего прямоугольника.

 


Шаг 6

 

Создание простого стильного рекламного баннера в Фотошопе

 

Найдите в интернете любой набор декоративных векторных элементов. Многие из них доступны бесплатно, и содержат большое количество элементов. Я использовал две идентичных декоративных формы  найденных в Интернете, и поместил их соответствующим образом. Для нашего заголовка, мы будем использовать шрифт Bebas Neue размером в  48 пикселей. Примените стиль Тень (Drop Shadow) на заголовок и декоративные формы.

 

Шаг 7

 

Создание простого стильного рекламного баннера в Фотошопе

 

Возьмите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U)), установите радиус скругления в 2 пикселя и создайте форму размером в 260 на 125 пикселей. Примените стиль Тень (Drop Shadow) к нему. Вам придется дублировать данную форму два раза, и снизить размер первого на 1 процент, а второй на 2 процента.

 

Шаг 8

 

Создание простого стильного рекламного баннера в Фотошопе

 

Напишите рекламный текст с помощью шрифта Museo Slab используя цвет (# 887e7e). Возьмите любые иконки размером в 16 на 16 пикселей из набора IconSweets2  и разместите их соответствующим образом. С помощью инструмента Линия (Line Tool (U)) создайте две тонких линий, используйте цвет(# e6e6e6). Эти линии будут работать как разделители для текста.

 

Шаг 9

 

Создание простого стильного рекламного баннера в Фотошопе

 

Возьмите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U)) и создайте красную форму (# dc4027). Это будет основа для нашей кнопки. Примените к ней стиль Тень (Drop Shadow).

 

Шаг 10

 

Создание простого стильного рекламного баннера в Фотошопе

 

Примените стиль Внутренняя тень (Inner Shadow). Снизьте непрозрачность до 15 процентов.

 

Шаг 11

 

Создание простого стильного рекламного баннера в Фотошопе

 

Далее примените стиль Наложение градиента (Gradient Overlay) и измените Режим наложения (Blend Mode) на Мягкий свет (Soft Light) и снизьте непрозрачность до 35 процентов.

Шаг 12

 

Создание простого стильного рекламного баннера в Фотошопе

 

Теперь добавьте стиль Обводка (Stroke). Установите тип заливки - заливка градиентом, и настройте градиент  используя более темно-красный цвет для нижней части и более яркий для верхней части кнопки.

 

Шаг 13

 

Создание простого стильного рекламного баннера в Фотошопе

 

Напишите текст на кнопке используя шрифт Bebas Neue. Примените к надписи стиль Тень (Drop Shadow).

 

Шаг 14

 

Создание простого стильного рекламного баннера в Фотошопе

 

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

 

Скачать PSD

 


Автор урока: Stelian Subotin

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 20.12.2012
  •   Просмотров: 13082
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки