Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Уроки Photoshop - Создание глянцевого клубного постера

Уроки Photoshop - Создание глянцевого клубного постера

Автор: Tina | Категория: Уроки Photoshop » Креатив | 22-11-2011, 17:19
Уроки Photoshop - Создание глянцевого клубного постера

Ресурсы урока
Текстуры эффекта Bokeh как альтернатива можно взять кисти из этой же серии, Фото Ночной клуб, Изображение Диджейского пульта, Изображение зеркального шара, Изображение бокала мартини, Шрифт “Forty Second Street”, Изображение “крутого” парня

Шаг 1
Создайте новый документ размерностью 600х700 пикселей.

Залейте весь ваш холст черным цветом:

Уроки Photoshop - Создание глянцевого клубного постера


Вставьте на холст одну из текстур с эффектом Bokeh из раздела ресурсов урока.

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

Уроки Photoshop - Создание глянцевого клубного постера


Просто примените слой-маску (layer mask) и при помощи большой мягкой черной кисти замаскируйте верхнюю часть изображения. Затем уменьшите непрозрачность слоя до 20%.

Уроки Photoshop - Создание глянцевого клубного постера


Повторите этот шаг, разместив в верхней части изображения вторую текстуру Bokeh.

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 2
Создайте новый слой и назовите его “Белое свечение”.

Наложите несколько радиальных градиентных пятен От Белого к Прозрачному (white to transparent) в центральной части холста:

Уроки Photoshop - Создание глянцевого клубного постера


Измените режим наложения (blend mode) слоя на Перекрытие (overlay) и продублируйте его, что бы сделать свечение более интенсивным:

Уроки Photoshop - Создание глянцевого клубного постера


Выберите инструмент Зеркальный Градиент (reflected gradient) (вы можете найти его на панели опций инструмента Градиент, сразу после линейного и радиального градиента).

Градиентом От Белого к Прозрачному проведите сверху вниз, начиная чуть ниже центра холста. В силу особенности инструмента, вы получите область, переходящую от прозрачного к белому, затем обратно к прозрачному. Это создаст своего рода светлый луч:

Уроки Photoshop - Создание глянцевого клубного постера


Измените режим наложения (blend mode) слоя на Перекрытие (overlay):

Уроки Photoshop - Создание глянцевого клубного постера


Теперь продублируйте этот слой, чтобы усилить эффект свечения:

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 3
Вставьте на холст фото ночного клуба, разместив его в левой части относительно центра холста:

Уроки Photoshop - Создание глянцевого клубного постера


Теперь уменьшите непрозрачность слоя до 60%. Создайте слой-маску (layer mask), и при помощи черной мягкой кисти замаскируйте резкие грани вставленного изображения, смешивая их Фоном.

Уроки Photoshop - Создание глянцевого клубного постера


Примените Слой Коррекции Цветового тона/Насыщенности (Hue/Saturation Adjustment Layer) (не забудьте применить с ним обрезающую маску). Это застрахует вас от модифицирования всех остальных слоев.

Установки Слоя Коррекции Цветового тона/Насыщенности
Цветовой тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): 0

Уроки Photoshop - Создание глянцевого клубного постера


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

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 4
Повторите шаг 3, поместив в нижней части композиции изображения Диджейского пульта и бокала с мартини.

Не забывайте применять к каждому добавляемому фото Слой Коррекции Цветового тона/Насыщенности, и соответствующим образом маскировать их. Корректируйте Непрозрачность (Opacity) слоев, пока не будете полностью удовлетворены результатом:

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 5
Вырежьте и вставьте на ваш холст изображение зеркального шара.

Уроки Photoshop - Создание глянцевого клубного постера


Уменьшите непрозрачность данного слоя до 25%, и замаскируйте правую нижнюю часть шара:

Уроки Photoshop - Создание глянцевого клубного постера


Примените Слой Коррекции Цветового тона/Насыщенности (с обрезающей маской) и обесцветьте ваше изображение зеркального шара:

Уроки Photoshop - Создание глянцевого клубного постера


Наконец, нам предстоит добавить света в верхней части шара.

Примените стиль Внутренняя Тень (inner shadow) для режима наложения слоя.

Установки стиля Внутренняя Тень
Режим наложения (Blend Mode): Перекрытие (Overlay)
Цвет (Color): ffffff
Непрозрачность (Opacity): 100%
Угол (Angle): 90
Расстояние (Distance): 0px
Стягивание (Choke): 0%
Размер (Size): 6px

Уроки Photoshop - Создание глянцевого клубного постера

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 6
Создайте новый слой и назовите его “Наложение цвета”.

Заполните слой линейным градиентом (linear gradient) в диапазоне от 8e0fd2 до c53cf3:

Уроки Photoshop - Создание глянцевого клубного постера


Измените режим наложения этого слоя на “Цвет” (color) и уменьшите его Непрозрачность (Opacity) до 40%. Это придаст композиции красивый пурпурный оттенок:

Уроки Photoshop - Создание глянцевого клубного постера


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

Создайте новый документ 30х30 пикселей. Я залил мой холст черным цветом только для того, что бы нагляднее продемонстрировать узор, но очень важно, что бы вы использовали прозрачный фон при создании своего узора.

Создайте серию однопиксельных точек, пересекающих ваш холст по диагонали, что бы в итоге получился крест:

Уроки Photoshop - Создание глянцевого клубного постера


Еще раз убедившись, что вы работаете на прозрачном фоне, пройдите в меню Редактирование > Определить узор (edit>define pattern).

Назовите его “Крестообразный узор”:

Уроки Photoshop - Создание глянцевого клубного постера


Теперь вернитесь к вашему основному документу, и создайте слой “Верхний узор”. Пройдите в меню Редактирование > Выполнить заливку (edit>fill) и залейте слой 50% - серым.

Затем примените к этому слою стиль Наложение узора (pattern overlay).

Установки стиля Наложение узора
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 7%
Узор (Pattern): (укажите созданный вами Крестообразный узор)
Масшатб (Scale): 100%

Ниже вы можете увидеть, что из-за малой непрозрачности в 7%, узор практически неразличим. Важно, что бы он таким и оставался:

Уроки Photoshop - Создание глянцевого клубного постера


Кликните ОК. Измените режим наложения слоя на Перекрытие, что бы скрыть 50%-серую заливку, оставив только проступающий узор. Замечу еще раз, хоть ваш узор и еле-еле видим, в общем, он оживляет постер за счет красивых деталей.

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 8
Пора добавить немного текста.

Скачайте бесплатный шрифт на нашем сайте.

Напечатайте “CLUBWORLD” посередине верхней части вашего холста.

Установки шрифта заголовка
Шрифт (Font Face): FortySecondStreetHB
Размер (Font Size): 66pt
Интервал (Kerning): -50
Цвет (Color): d9c6e1

Уроки Photoshop - Создание глянцевого клубного постера


Примените стили Внутренняя Тень (inner shadow), Внешнее свечение (outer glow) и Наложение Градиента (gradient overlay)

Установки стиля Внутренняя тень:
Режим наложения (Blend Mode): Умножение (Multiply)
Цвет (Color): 000000
Непрозрачность (Opacity): 36%
Угол (Angle): 90
Расстояние (Distance): 1px
Стягивание (Choke): 0%
Размер (Size): 5px

Установки стиля Внешнее Свечение:
Режим наложения (Blend Mode): Экран (Screen)
Непрозрачность (Opacity): 11%
Цвет (Color): ffffff
Размах (Spread): 0%
Размер (Size): 40px

Установки стиля Наложение Градиента:
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Градиент (Gradient): от 550876 к bd4ef3
Стиль (Style): Линейный (Linear)
Угол (Angle): 90
Масштаб (Scale): 100%

Уроки Photoshop - Создание глянцевого клубного постера

Уроки Photoshop - Создание глянцевого клубного постера


Создайте новый слой с названием “выделение надписи CLUBWORLD ”. Удерживая клавишу Ctrl, кликните на иконке слоя с текстом (на палитре слоев), для того, что бы образовать выделение вокруг текста. Затем, удостоверившись, что активен слой " выделение надписи CLUBWORLD ", в центре надписи наложите сверху вниз радиальный градиент от Белого к Прозрачному. В силу активного выделения, градиент не выйдет за ограниченную область.

Уроки Photoshop - Создание глянцевого клубного постера


Теперь измените режим наложения слоя на Перекрытие, и уменьшите его непрозрачность до 50%. Это создаст красивый эффект выделения центральной части вашей надписи:

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 9
Разместите текст с меньшим размером шрифта выше и ниже заголовка.

Установки шрифта мелкого текста
Шрифт (Font Face): Aller
Размер (Font Size): 14pt
Интервал (Kerning): -50
Цвет (Color): cf83f0

Уроки Photoshop - Создание глянцевого клубного постера


Примените к этому слою стиль Внешнее Свечение.

Установки стиля Внешнее Свечение:
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 40%
Шум (Noise): 0
Цвет (Color): ffffff
Размах (Spread): 0%
Размер (Size): 27px

Уроки Photoshop - Создание глянцевого клубного постера

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 10
Вырежьте из изображения в ресурсах урока фотографию мужчины и вставьте ее на ваш рабочий холст.

Уроки Photoshop - Создание глянцевого клубного постера


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

Уроки Photoshop - Создание глянцевого клубного постера


Теперь создайте Слой Коррекции Цветового Баланса (color balance adjustment layer), не забыв применить обрезающую маску.

Установки Слоя Коррекции Цветового Баланса
Света (Highlights): -8 / -12 / -4
Полутона (Midtones): -8 / -8 / +6
Тени (Shadows): +1 / -1 / +4

Уроки Photoshop - Создание глянцевого клубного постера


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

Установки стиля Внешнее Свечение:
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 50%
Шум (Noise): 0
Цвет (Color): ffffff
Размах (Spread): 0%
Размер (Size): 100px

Уроки Photoshop - Создание глянцевого клубного постера

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 11
Выберите 2-пиксельную белую мягкую кисть.

Затем создайте новый слой и назовите его “Светящийся контур”. При помощи инструмента Перо (Pen) создайте волнистую линию вокруг туловища мужчины. Затем, кликните ПКМ на иконке контура (на палитре контуров), и выберите “выполнить обводку контура” (stroke path). Для получения более натурального эффекта, поставьте галочку на пункте "имитировать нажим" (simulate pressure).

Это обведет вашу контурную линию белой 2-пиксельной кистью.

Уроки Photoshop - Создание глянцевого клубного постера


Добавьте еще линий, используя те же перо и кисть, и помещая каждую линию на отдельном слое.

Уроки Photoshop - Создание глянцевого клубного постера


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

Уроки Photoshop - Создание глянцевого клубного постера


Примените Перекрытие, для того, что бы добиться еще более сильного светящегося эффекта.

Установки стиля Внешнее Свечение:
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): d566ec
Размах (Spread): 0%
Размер (Size): 8px

Уроки Photoshop - Создание глянцевого клубного постера

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 12
Самое время, что бы добавить еще немного световых эффектов!

При помощи инструмента Зеркальный градиент (reflected gradient) создайте белую полосу поперек холста:

Уроки Photoshop - Создание глянцевого клубного постера


Теперь измените режим наложения слоя на Перекрытие, и уменьшите его непрозрачность до 80%.

Уроки Photoshop - Создание глянцевого клубного постера


Продублируйте слой несколько раз и расположите дубликаты на разной высоте (в верхней и нижней части холста). Я так же создал слои-маски и замаскировал левые и правые концы светящихся полос, смешивая их с фоном:

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 13
Теперь нам предстоит создать темную область дымки вокруг ног мужчины.

Для этого создайте новый слой с именем “Облака”. Нанесите несколько черно-белых облаков (Фильтр > Рендринг > Облака (filter>render>clouds)).

Уроки Photoshop - Создание глянцевого клубного постера


Измените режим наложения этого слоя на Перекрытие, и замаскируйте все облака у ног мужчины в нижней части холста:

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 14
Создайте новый слой с названием “Наложение радиального свечения”.

Наложите насколько радиальных градиентов От Белого к Прозрачному в на ключевые места композиции, которые вы хотели бы акцентировать:

Уроки Photoshop - Создание глянцевого клубного постера


Теперь измените режим наложения слоя на Перекрытие, и уменьшите его непрозрачность до 20%.

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 15
Создайте новый слой с именем “Виньетка”.

Нам предстоит сформировать легкий эффект виньетки в области углов и граней холста, с целью сосредоточить внимание на центральной части композиции.

Выберите большую, мягкую черную кисть с непрозрачностью около 20%, для того, что бы обработать углы и грани холста:

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 16
Добавьте немного текста в нижнюю часть холста. Используйте тот же шрифт, что и для мелкого текста в заголовке:

Уроки Photoshop - Создание глянцевого клубного постера


Шаг 17
Наконец, примените два Корректирующих слоя, что бы придать целостность композиции. НЕ ИСПОЛЬЗУЙТЕ для этих двух слоев обрезающую маску, так как нам нужно, что бы коррекция коснулась всей композиции в целом.

Установки Слоя Коррекции Уровней (Levels Adjustment Layer):
5 / 1.09 / 229

Установки Слоя Коррекции “Карта Градиента” (Gradient Map Adjustment Layer):
Градиент (Gradient): Стандартный – оранжевый – желтый – оранжевый (orange-yellow-orange)
Режим наложения слоя (Layer Blend Mode): Перекрытие (overlay)
Непрозрачность слоя (Layer opacity): 7%

Уроки Photoshop - Создание глянцевого клубного постера

Уроки Photoshop - Создание глянцевого клубного постера


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

Уроки Photoshop - Создание глянцевого клубного постера

Ключевые теги: уроки фотошоп

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

Другие новости по теме:


Просмотров: 13427 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.