Реклама и Статистика


SEO sprint - Всё для максимальной раскрутки!





Профессиональный дизайнерский баннер

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

Итак, сначала необходимо создать новый документ размером 500×300 пикселей и залейте его белым цветом.

Выберите Rectangle Tool (Прямоугольник) (Радиус: 5 px), создайте фигуру цветом #6d9e1e как на рисунке.

Затем примените Gradient Overlay (Наложение градиента) со следующими настройками.

Результат будет следующим:

Перейдем к следующему шагу. Пришло время создать «заголовок» баннера. Нажмите Ctrl + клик по иконке слоя, чтобы загрузить выделение фигуры, затем с помощью Rectangular Marquee Tool (Прямоугольное выделение) отрежьте часть выделения. Зажмите Alt и отрежьте нижнюю часть как на рисунке. После этого залейте оставшуюся часть белым цветом.

Снимите выделение с помощью Ctrl+D, после этого измените layer mode (режим смешивания) на Overlay (Наложение) и установите opacity (прозрачность) на 20%.

Перейдем к следующему шагу. Я хочу добавить несколько графических элементов в заголовок. Перейдите в Картинки Google и найдите подходящую картинку, которую хотите добавить. Неважно, что это будет за картинка. Она зависит только от области предмета баннера. Я предпочел использовать картинку будильника, который вы можете скачать отсюда . Откройте картинку и скопируйте ее в рабочий документ. После этого нажмите Ctrl+T для небольшого уменьшения размера картинки.

Примените Sharpen Tool (Резкость) для создания большей резкости объекту.

Перейдем к следующему шагу. Выберите Horizontal Type Tool (Горизонтальный текст) и напишите текст в заголовок.

Я использовал шрифт Myraid Pro и белый текст для написания текста. Вообще-то он коммерческий, но если у вас нет его, вы можете с легкостью найти хорошую замену. Далее примените Drop Shadow (Тень) со следующими настройками.

Вот результат:

Мы закончили с заголовком. Теперь я хочу добавить еще несколько графических элементов на наш баннер. Возьмите Custom Shape Tool (Произвольные фигуры) и выберите одну из стандартных фигур Photoshop, которые показаны на рисунке.

Добавьте две фигуры белого цвета на баннер.

Склейте оба слоя с этими фигурами в один слой. Теперь необходимо отрезать все, что вне области баннера. Как мы это можем сделать? Нажмите Ctrl+ клик по иконке слоя с баннером, чтобы загрузить выделение баннера и затем инвертируйте выделение с помощью Ctrl+Shift+I. Затем нажмите Delete для удаления выделенной области.

Снимите выделение с помощью Ctrl+D. и поэкспериментируйте с layer mode (режим смешивания) и opacity/fill (прозрачность/заливка). Я установил Soft Light (Мягкий Свет) с opacity (прозрачностью) 20%.

Теперь необходимо очистить заголовок баннера от этих элементов. С помощью Rectangular Marquee Tool (Прямоугольное выделение) сделайте выделение как на рисунке и нажмите Delete для очистки выделенной области.

Снимите выделение снова с помощью Ctrl+D и добавьте еще текст с помощью Horizontal Type Tool (Горизонтальный текст). Снова используйте белый цвет для текста.

Пришло время добавить последний текст. Но сначала я хочу разместить полоску внизу. С помощью Rounded Rectangle Tool (Прямоугольник с закругленными краями) (Радиус: 2 px) добавьте фигуру цветом #69990d.

С помощью Horizontal Type Tool (Горизонтальный текст) добавьте текст на полоску.

Мы закончили урок. Теперь у нас есть профессиональный дизайнерский баннер. Выглядит красиво, не так ли?

создание профессионального дизайнерского баннера



Источник www.photoshopstar.com
Просмотров: 5732

  Коментарии (5)
 1 Написал(а) Gosha, в 12:31 12.04.2010
Супер щя скачаю программу и буду делать как сделаю покажу)))
 2 Написал(а) Delores, в 06:56 17.05.2017
Another awesome post, Doug!Starting on my trip, and continuing, I began finally LOOKING AT/reading a book I've wanted to see for years (that I own) called "Conventual Frnsaiaccns."It traces the history and saints of the order, and places a heavy emphasis on the "Sacro Convento" at Assisi (w/ dozens and dozens of glorious pictures).The year this beautiful book was published? 1996 (the year before the disastrous earthquake), Sigh.Looking forward to the next entry!
 3 Написал(а) Danyon, в 16:24 17.05.2017
And to think I was going to talk to somenoe in person about this.
 4 Написал(а) Sailor, в 16:30 19.05.2017
And I thought I was the sensible one. Thanks for setting me sttgiahr. http://tfhijnltbo.com [url=http://cyfweqeflo.com]cyfweqeflo[/url] [link=http://itvaylv.com]itvaylv[/link]
 5 Написал(а) Robinson, в 07:11 21.05.2017
IMHO you've got the right anwser!

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама