1 Star2 Stars3 Stars4 Stars5 Stars
| 27 Ноя 2009 | комментария 4

Дизайн в Photoshop: Создание стильного рекламного блока

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

Создайте новый документ и заполните его линейным градиентом (Gradient Tool) с цветами #0582ae и #0ab7db.

hdisa1

После этого откройте Ваше рекламное изображение и пометите его в документ. Используя инструмент выделения Rectangular Marquee Tool, создайте область выделения, как на рисунке:

hdisa2

Инвертируйте выделение Select > Inverse и нажмите Del.

hdisa3

Снимите выделение (Ctrl+D). Примените следующие стили слоя (Layer > Layer Style > Blending Options).

hdisa4

hdisa5

Должно получиться так:

hdisa6

Теперь создайте новый слой под слоем с изображением. Выберите инструмент Polygonal Lasso Tool, создайте выделение, как на рисунке и заполните его черным цветом (Edit > Fill).

hdisa7

Снимите выделение (Ctrl+D) и примените фильтр Filter > Blur > Gaussian Blur c Radius 2px. Измените непрозрачность (Opacity) слоя на 35%.

hdisa8

Дублируйте слой с тенью (Ctrl+J) и отразите его по горизонтали (Edit > Transform > Flip Horizontal). Передвиньте слой вправо ко второму углу.

hdisa9

Теперь выберите инструмент Pen Tool и создайте фигуру c цветом #aa2041, как на рисунке.

hdisa10

Примените следующие стили к слою:

hdisa11

hdisa12

hdisa13

Вот, что должно получиться:

hdisa14

Создайте слой выше и объедините его с предыдущим (Ctrl+E), чтобы при редактировании стили слоя не влияли на изображение. После этого с помощью инструмента Polygonal Lasso Tool создайте выделение, как показано ниже, и нажмите Del.

hdisa15

hdisa16

Создайте новое выделение, как на рисунке. Выберите инструмент Dodge Tool (Brush: 65 px, Range: Highlights, Exposure: 50%), и проведите по ленте в месте области выделения для того, чтобы сделать эту область немного ярче.

hdisa17

Снимите выделение (Ctrl+D). Создайте новый слой. Выберите инструмент Brush Tool с мягкой кистью, размером 7px и непрозрачностью (Opacity) 40%. Нарисуйте две прямые белые линии по концам ленты (одну горизонтальную, другую вертикальную), как на рисунке:

hdisa18

hdisa19

Добавьте Ваш текст. И в режиме трансформирования (Ctrl+T) поверните его и поместите на ленту.

hdisa20

Аналогичным способом добавьте еще одну ленту справа внизу.

hdisa21

Вот и все!

Опубликовать пост в социальных сетях
Оцените запись
1 Star2 Stars3 Stars4 Stars5 Stars
Комментарии Вконтакте
Комментарии
  • Сайт приятный и информация полезная

  • vaggah

    Стараюсь!

  • Артём

    отлично!

  • Действительно полезный сайт, спасибо! Мне помогли несколько уроков для изменения дизайна на своем сайте.