Создаем в фотошопе надпись на текстурном флажке со строчкой

0

13266
13-11-2012

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

Шаг 1.
Создаем в фотошопе новый документ 500х250 пикселей, заливаем его белым цветом.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 2.
Воспользуемся «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add Noise…).Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 3.
На новом слое создаем прямоугольник 416х74 пикселя, заливаем его #2b1b2d цветом. Потом также применим к нему фильтр «Шум» из Шага 2.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 4.
Создаем прямоугольник 261х128 пикселей, заливаем его цветом #681e6d.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 5.
Применим стиль слоя «Наложение градиента» (Gradient Overlay). Цвет от #460e4a слева к #812a87 справа.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 6.
Так выглядит градиент при ближайшем рассмотрении.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 7.
Применим стиль слоя «Внутренняя тень» (Inner Shadow).Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 8.
Применим стиль слоя «Внешнее свечение» (Outer Glow), цвет #3d0048.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 9.
Применим стиль слоя «Тиснение» (Bevel and Emboss).Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 10.
Получили такой результат.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 11.
Воспользуемся текстурой N17 из этого набора фабричных текстур. Кладем ее поверх основного прямоугольника.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 12.
В меню выбираем пункт Изображение (Image) > Коррекция (Adjustments) > Цветовой фон\Насыщенность (Hue/Saturation) и устанавливаем настройки как на рисунке ниже.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 13.
Меняем режим наложения слоя на «Умножение» (Multiply) и получили такой результат.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 14.
Теперь с помощью шрифта делаем строчку, цвет #ae92b3.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 15.
Получили такой результат. Для контрастности можно добавить однопиксельную черную тень из Шага 27.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 16.
Делаем дубликат слоя из Шага 4, заливаем его цветом #563a5c.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 17.
В меню выбираем пункт Редактирование (Edit) > Трансформирование (Transform) > Деформация (Warp) и изгибаем прямоугольник как на рисунке ниже.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 18.
Получили такой результат.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 19.
Теперь на панели инструментов выбираем «Размытие» (Blur Tool) и мягкой кистью размером 10 пикселей размываем края фигуры.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 20.
Поочередно воспользуемся инструментами «Осветлитель» (Dodge Tool) и «Затемнитель» (Burn Tool) и осветлим тень на краях, а затемним в центре снизу. Кисть мягкая, размер 90 пикселей.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 21.
Теперь мягкой черной кистью, размер 10 пикселей, на новом слое ниже слоя с тенью, аккуратно нарисуем горизонтальную тень в центре над верхней частью флажка.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 22.
Пишем текст DedigNonstop.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 23.
Применим стиль слоя «Обводка» (Stroke). Подойдет любой пиксельный узор.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 24.
Стиль слоя «Внутреннее свечение» (Inner Glow), цвет
#7b398a.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 25.
Получили такой результат.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 26.
Пишем текст «Блог о веб-дизайне», цвет #9969a0.Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 27.
Применим стиль слоя «Тень» (Drop Shadow).Создаем в фотошопе надпись на текстурном флажке со строчкой

Шаг 28.
Получили такой вот флажок с текстом.Создаем в фотошопе надпись на текстурном флажке со строчкой

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=7911
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

41 queries in 0,427 seconds.