Как нарисовать баннер? Разработка графического тизера в фотошопе

urok18

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

Как говорится у нас России, «Встречают по одежке, провожают по уму». Так вот сейчас, мы будем пробовать создать «одежку», ведь самое главное в бизнесе — это заманить клиента, а основная реклама идет именно с баннеров. Прежде чем рисовать баннер для сайта, требуется его создать. Идеальным выбором будет воспользоваться услугами лучших конструкторов сайтов, найти которые можно по ссылке.


Исходные материалы: Иконка с будильникомШрифты Myriad Pro

  • 1. Создаем новый документ 500×300, цвет фона — белый.
  • 2. Выбираем инструмент Прямоугольник со скругленными углами (радиус: 5 пикселей) и рисуем прямоугольник, цвет #1e729e

12

  • 3. После этого, нажимаем правой кнопкой мыши по слою с нашей фигурой > Параметры наложения. После этого выберите Наложение градиента и выставьте настройки как на скриншоте ниже:

11

  • 4. Растрируем слой (правой кнопкой мыши по слою > Растрировать слой). Затем с зажатой клавишой Ctrl нажимаем по иконке с изображением в палитре слоев, чтобы выделить слой. Выбираем инструмент Прямоугольная область (M) в режиме Вычитание из выделенной области и выделяем нужную нам область как показано на рисунке ниже:

10

Затем нажимаем правой кнопкой мыши по выделенной области > Скопировать на новый слой

  • 5. Хорошо, теперь нам требуется вставить в наш баннер иконку будильника, которую можно скачать в начале урока, в графе Исходные материалы. Загружаем иконку в наш документ, после чего Ctrl+T, чтобы уменьшить иконку до нужных размеров. Примерно так:

9

Также можно использовать инструмент Резкость для улучшения резкости изображения будильника sharpen.

  • 6. Ок, далее берем инструмент Горизонтальный текст и пишем название заголовка. Я использовал шрифт Myriad Pro, но вы можете использовать любой другой.

8

После в параметрах наложения накладываем тень:

7

  • 7. Отлично, заголовок сделан. Теперь нам необходимо украсить наш баннер небольшими декоративными элементами. Выбираем инструмент произвольная фигура shape и выберите одну из стандартных фигур.

6

Добавляем два элемента на наш баннер.

4

Далее нам требуется обрезать лишние части декоративных фрагментов. Итак, растрируем оба слоя с элементами (правой кнопкой мыши по слою > Растрировать слой). Берем инструмент Прямоугольная область и выделяем выступающие части элементов.

3

Нажимаем Delete

2

Повторяем ту же операцию с другой фигурой и перекрашиваем их в белый цвет. Непрозрачность выставляем на 20%

5

  • 8. Теперь нам требуется удалить декоративный элемент из заголовка. Для этого выбираем инструмент Прямоугольная область и выделяем поле нашего заголовка.

1

Жмем Delete

20

  • 9. Выбираем инструмент Горизонтальный текст и добавляем текст. Шрифт тот же — Myriad pro.

21

  • 10. Добавляем кнопку для будущей ссылки на наш сайт. Выбираем инструмент Прямоугольник со скругленными углами (радиус: 2пикс). Рисуем фигуру, цвет #0d6999

22

  • 11. Теперь используем Горизонтальный текст, чтобы добавить текст в нашу ссылку. Итак, сегодня мы узнали, как сделать тизер, всем счастливо!

 Итог

urok17

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

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