Уроки Фотоманипуляция Марат Садыгалиев 28 февраля 2012

Пиковая дама в Фотошоп

Сложность урока: Средний

Итоговый результат

Исходные материалы:

Архив

ШАГ 1. Создайте новый документ (700X800px). Залейте документ цветовым оттенком # 17161d:

ШАГ 2. Сейчас, создайте новый документ (100X100px). С помощью инструмента Произвольная фигура (custom shapes tool), нарисуйте фигуру пиковой масти ‘пики’.

Затем, идём Редактирование – Определить узор (edit>define pattern). Назовите свой новый узор ‘контур пики’.

Примечание переводчика: после того, как вы нарисуете масть “пики”, не забудьте растрировать слой.

Далее, создайте новый документ (1000X1000px). Создайте новый слой и залейте всё изображение любым цветом на ваш вкус. Затем, уменьшите Заливку (FILL) этого слоя до 0 %, сохранив Непрозрачность (OPACITY) слоя на 100%. Далее, примените стили слоя Наложение узора (pattern overlay), используя недавно созданный узор ‘контур пики’.

Примечание переводчика: если при уменьшении заливки, вы не будете видеть узор, то скорее всего, цвет фона и цвет заливки совпадает. Я в своей работе использовал более удобный для себя метод, в оригинале документа, я создал новый слой и на новом слое с помощью инструмента заливки, залил узор  ‘контур пики’, а потом уменьшил непрозрачность слоя.

Примените узор и Выполните сведение (flatten) изображения:

Скопируйте и вклейте объединённый слой на наш оригинальный документ. Назовите этот слой ‘контур пики 1′.

Далее, уменьшите непрозрачность этого слоя до 27% и поменяйте режим наложения на Умножение (multiply).

Итак, идём Редактирование – Трансформация – Деформация (edit>transform>warp) и с помощью инструмента деформации, деформируем узор пиковой масти, пока не получится, как на скриншоте ниже:

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

ШАГ 3. Сейчас, скачайте набор текстур Карточный фон (см. раздел исходный материалы для этого урока).

Переместите текстуру на наш документ и расположите в правом верхнем углу изображения.

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

Повторите ту же самую технику, переместите ещё раз ту же самую текстуру в нижнюю правую часть изображения. Только на этот раз, вместе того, чтобы поменять режим наложения на перекрытие, оставьте режим наложения Нормальный (normal) и уменьшите непрозрачность слоя до примерно 10%. Так же к этому слою добавьте слой- маску и кистью скройте края текстуры для создания плавного перехода:

ШАГ 4. Переместите первое изображение туманности на наш документ. Расположите его по центру изображения:

Уменьшите непрозрачность этого слоя до 10% и также на слой- маске скройте края изображения туманности:

ШАГ 5. Далее, скачайте набор кистей Акварельные кисти по ссылке вначале этого урока.

Создайте новый слой, назовите этот слой ‘акварель’. Нарисуйте пару акварельных штрихов по центру изображения, используя акварельную кисть, цвет кисти # 3f645a:

Сейчас, уменьшите непрозрачность этого слоя до примерно 10%:

Создайте новый слой, назовите этот слой ‘акварель 2′. Выберите второй набор акварельных кистей и с помощью них, нарисуйте несколько белых акварельных мазков:

Поменяйте режим наложения этого слоя на Перекрытие (overlay):

Продублируйте слой ‘акварель 2′. Режим наложение оставьте тот же Перекрытие (overlay), но уменьшите непрозрачность слоя до 60%. Это должно сделать акварельные мазки более чётче и видимее:

ШАГ 6. Переместите второе изображение туманности на наш документ. Уменьшите непрозрачность этого слоя до 10% и поменяйте режим наложения этого слоя на Перекрытие (overlay). Туманность на этом слое едва можно увидеть, но это поможет для создания фона и добавления деталей:

ШАГ 7. Создайте новый слой, назовите этот слой ‘фоновые блики’. Используя очень большую мягкую кисть (цвет: # fcfcee), нарисуйте несколько световых бликов поверх вашего изображения:

Далее, уменьшите непрозрачность этого слоя до 50%.

Продублируйте слой ‘фоновые блики’. Непрозрачность слоя сохраните ту же самую, т.е. 50 %, а поменяйте режим наложения на Перекрытие (overlay). Это поможет сделать фоновые блики более интенсивными:

ШАГ 8. Итак, пришло время добавить неоновые блики на задний фон!

Создайте новый слой, назовите этот слой ‘фоновые неоновые блики’. С помощью большой мягкой кисти (цвет: # fd00ee), нарисуйте несколько ярких розовых световых блика:

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

Продолжаем дальше создавать фоновые блики с помощью серии дополнительных слоёв со световыми бликами, используя неоново-голубые и неоново-зелёные цветовые оттенки:

ШАГ 9. Сейчас, создайте новый слой, назовите этот слой ‘виньетка’. Выберите большую круглую чёрную кисть. Прокрасьте кистью по углам и краям вашего документа:

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

ШАГ 10. Вырежьте изображение девушки, изображение можно скачать по ссылке вначале урока, а затем переместите на наш документ:

С помощью инструмента Перо (pen tool) вырежьте нижнюю часть изображения девушки, создав элегантное выделение возле шеи девушки:

Идём, Фильтр - Преобразовать для смарт - фильтров (filters>convert for smart filters). За счёт смарт- фильтра любая коррекция не повредит изображение при восстановлении оригинала изображения.

Далее, идём Фильтр – Резкость – Контурная резкость (filter>sharpen>unsharp mask) и применяем настройки, которые указаны ниже к изображению девушки для лёгкой контурной резкости:

Настройки Контурной резкости (UnSharp Mask):

Эффект (Amount): 31%
Радиус (Radius): 1.0 px
Порог (Threshold): 0 уровней (levels)

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

Настройки для корректирующего слоя Цветовой баланс (Color Balance):

Света (Highlights): -12 / +2 / -12
Средние тона (Midtones): -19 / -16 / +22
Тени (Shadows): -11 / -5 / -1

ШАГ 11. Сейчас, создайте новый слой, назовите этот слой ‘тени на плечах девушки’.

Нажмите клавишу Ctrl + щёлкните по миниатюре слоя с девушкой в палитре слоёв. Таким образом, мы сделаем выделение девушки активным. Стоя на созданном слое для теней, выберите среднего размера мягкую кисть (цвет: # 130c16). Пройдитесь кистью по плечам девушки у основания изображения. Так как наше выделение активно, то зайти кистью за пределы контура девушки будет невозможно:

Далее, уменьшите непрозрачность слоя с тенью на плечах до 25%.

ШАГ 12. Сейчас, создайте новый слой, назовите этот слой ‘нижняя часть девушки’.

Удерживая клавишу Ctrl + ещё раз щёлкните по миниатюре слоя с девушкой, чтобы сделать активным выделение девушки.

Затем, в палитре слоёв перейдите на созданный слой, не снимая выделения, залейте выделение цветовым оттенком # 130c16.

Далее, просто сдвиньте верх выделение, которое всё ещё активно, примерно на 8px с помощью курсора. Нажмите клавишу delete, оставив тёмную часть выделения в нижней части девушки:

В верхней части девушки вы заметите небольшие тёмные участки. Удалите их, оставляя только тёмный участок у основания девушки:

Далее, удерживая клавишу Ctrl + щёлкните по миниатюре слоя ‘тени на плечах девушки’ в палитре слоёв, чтобы выделить эту область.

Активировав эту область, создайте новый слой ‘светлая нижняя часть’. С помощью белой мягкой кисти, пройдитесь по области нижней линии. Мы придадим ощущение глубины и контурного рельефа.

Итак, уменьшите непрозрачность этого слоя до 12%, чтобы сделать рельеф более утончённым:

ШАГ 13. Загрузите изображение короны, вырежьте её и переместите на наш документ. Поверните и примерно расположите на голове девушки:

Далее, с помощью инструмента Лассо (lasso tool) вырежьте меховое основание короны. Затем, идём Редактирование- Трансформация – Марионеточная Деформация (edit>transform>puppet warp). С помощью инструмента марионеточная деформация, деформируйте нижнюю часть короны таким образом, как будто она по настоящему находится на голове девушки:

(Если у вас не установлена версия программы Photoshop CS5, в которой есть инструмент марионеточная деформация (puppet warp tool), то вы можете воспользоваться инструментом деформация (warp tool) или инструментом Пластика (liquify tool).

Далее, идём Фильтр – Резкость – Контурная резкость (filter>sharpen>unsharp mask) и применяем настройки, которые указаны ниже к изображению с короной, чтобы немного усилить резкость:

Настройки Контурной резкости (UnSharp Mask):

Эффект (Amount): 90%
Радиус (Radius): 1.0 px
Порог (Threshold): 0 уровней (levels)

Далее, примените корректирующие слои Цветовой тон / Насыщенность (hue/saturation) и Уровни (Level) и Цветовой баланс (color balance), примените корректирующее слои, в качестве обтравочных масок:

Настройки для корректирующего слоя Цветовой тон / Насыщенность (hue/saturation):

Цветовой тон (Hue): 0
Насыщенность (Saturation): -85
Яркость (Lightness): 0

Настройки для корректирующего слоя Уровни (Level):

42 / 0.87 / 232

Настройки для корректирующего слоя Цветовой баланс (Color Balance):

Света (Highlights): -19 / -4 / +6
Средние тона (Midtones): -13 / -9 / -4
Тени (Shadows): -8 / +1 / +5

В заключении, необходимо немного лучше совместить корону с девушкой. Создайте новый слой, назовите этот слой ‘тень короны’. С помощью мягкой чёрной кисти, непрозрачностью примерно 20%, нарисуйте тени в нижней и в правой части короны. Это поможет создать более единый источник света:

ШАГ 14. Из короны вырежьте один из драгоценных камней, вклейте на новый слой и расположите на ушке девушки. Таким образом, мы придадим ощущение настоящего украшения:

Нам нужно, чтобы серебряная часть сережки по настоящему привлекала внимание, поэтому, создайте новый слой, назовите этот слой ‘осветление серёжки’. Выберите небольшую мягкую белую кисть (непрозрачностью 50%). И пройдитесь кисть по серебряной серёжке. Затем, поменяйте режим наложения на Перекрытие (overlay). Это должно помочь сделать наше украшение светлее и более насыщеннее:

ШАГ 15. Далее, мы применим инструмент Произвольная фигура (custom shapes tool), чтобы создать форму карточной масти – пики справа от девушки (цвет фигуры: # 17161d):

Сейчас, мы применим стили слоя, опции Внешнее свечение (outer glow) и Внутреннее свечение (inner glow).

Настройки для опции Внешнее свечение (Outer Glow):

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

Настройки для опции Внутреннее свечение (Inner Glow):

Режим наложения (Blend Mode): Осветление (Screen)
Непрозрачность (Opacity): 7%
Шум (Noise): 0%
Цвет (Color): ffffff
Стягивание (Choke): 0%
Размер (Size): 16px

ШАГ 16. Ниже всех слоёв с девушкой, нарисуйте окружность белого цвета. Уменьшите непрозрачность этого слоя до 35%:

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

Далее, продублируйте слой с окружностью. Увеличьте непрозрачность этого слоя до 100%.

Далее, выделите окружность и залейте её Радиальным градиентом (radial gradient),  цветовые пределы для градиента установите в пределах от 5f4362 до 141123.

Сейчас, мы применим стили слоя, опции Внутреннюю тень (inner shadow) и Внешнее свечение (outer glow).

Настройки для опции Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Перекрытие (Overlay)
Цвет (Color): ffffff
Непрозрачность (Opacity): 120
Смещение (Distance): 9px
Стягивание (Choke): 0%
Размер (Size): 24px

Настройки для опции Внешнее свечение (Outer Glow):

Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 20%
Цвет (Color): ffffff
Размах (Spread): 0%
Размер (Size): 35px

ШАГ 17. Итак, повторите Шаг 16, создайте серию небольших окружностей ниже основной окружности:

ШАГ 18. Далее, с помощью инструмента Произвольная фигура (custom shape tool), создайте карточную фигуру - пики. Расположите эту фигуру в нижней центральной части изображения. Уменьшите заливку этого слоя до 50%, сохранив непрозрачность слоя на 100%.

Сейчас, мы применим стили слоя, опции Внешнее свечение (outer glow) и Обводку (stroke).

Настройки для опции Внешнее свечение (Outer Glow):

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 50%
Цвет (Color): ffffff
Размах (Spread): 0%
Размер (Size): 62%

Настройки для опции Обводка (Stroke):

Размер (Size): 1px
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 70%
Цвет (Color): ffffff

ШАГ 19. Итак, с помощью инструмента Перо (pen tool), создайте серию контурных линий прямо поверх левой кромки контура девушки.

Не забудьте в настройках установить белую кисть размером 1px, а затем щёлкните правой кнопкой мыши по контуру и выберите опцию Создать обводку контура (stroke path). За счёт создания обводки, мы создадим отчётливую светлую кромку девушки:

ШАГ 20. Создайте новый слой, назовите этот слой ‘поверхностный свет’. С помощью кисти (цвет: # cd1fdd), нарисуйте несколько световых пятен на изображении.

Далее, уменьшите непрозрачность этого слоя до 8% и поменяйте режим наложения на Перекрытие (overlay):

ШАГ 21. Создайте новый слой, назовите этот слой ‘нижняя фигура’. С помощью инструмента Перо (pen tool), создайте абстрактную фигуру в нижней левой части изображения.

Залейте эту фигуру радиальным градиентом, цвета градиента от # 93767c до # 342232.

Сейчас, мы применим стили слоя к слою с абстрактной фигурой, опции Внутреннюю тень (inner shadow) и Обводку (stroke).

Настройки для опции Внутреннее свечение (Inner Glow):

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 75%
Цвет (Color): 000000
Стягивание (Choke): 0%
Размер (Size): 65%

Настройки для опции Обводка (Stroke):

Размер (Size): 1px
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Цвет (Color): ffffff

ШАГ 22. Далее, повторите Шаг 21, создайте синюю абстрактную фигуру в верхней правой части изображения. Примените те же самые стили слоя, которые вы применили к первой фигуре:

ШАГ 23. Итак, создайте новый слой, назовите этот слой ‘блик’.
 Залейте слой чёрным цветом, далее, идём Фильтр – Рендеринг – Блик (filter>render>lens flare). Примените Тип объектива (lens type) 50-300mm, расположите блик, примерно поверх левой кромки лица девушки:

Далее, поменяйте режим наложения для этого слоя на Осветление (screen), за счёт этого, мы скроем тёмную заливку и уменьшите непрозрачность слоя до 30%.

ШАГ 24. Далее, создайте новый слой, назовите этот слой ‘осветление / затемнение’. Идём Редактирование – Заливка (edit>fill) и заливаем слой 50% серым. Затем, меняем режим наложения на Перекрытие (overlay). Этот режим скроет вашу заливку 50% серым, но позволит вам проводить световую коррекцию без нанесения вреда вашему изображению.

Используйте мягкую чёрную кисть, непрозрачностью примерно 10% для создания теней и мягкую белую кисть для осветления.

На скриншотах ниже, вы можете увидеть слой ‘осветление / затемнение’ при нормальном режиме наложения и при режиме наложения Перекрытие (overlay):

ШАГ 25. В заключении, создайте новый корректирующий слой Кривые (curves), данный корректирующий слой не используйте в качестве обтравочной маски, т.к. как мы хотим, чтобы коррекция была применена ко всему изображению. Примените настройки, как на скриншоте ниже, а затем уменьшите непрозрачность корректирующего слоя до 50%, чтобы эффект был более изысканным:

И мы закончили урок!

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

Итоговый результат

Автор: Том
 

Источник: psd.fanextra.com

Комментарии 98

Интересный урок, но не понятно в последнем шаге с кривыми

Начинал по уроку. А потом куда то понесло ))) Спасибо!!

Спасибо за урок)))

Замечательный урок!!!

Спасибо за красивый урок

Прекрасный урок, спасибо за перевод

Спасибо за урок!

Ссылки нерабочие. Использовала свои материалы. Этапов много,но они не сложные. Спасибо, Марат!

Спасибо, интересный урок!

Cпасибо за урок.

Спасибо.

конкретных объяснений маловато, трудно было. Всё равно огромное спасибо!

ссылки не работают:((((

Спасибо , у меня так получилось).

люблю отдоваться своей фантазии

Классный урок, спасибочки!

Большое спасибо!

Спасибо, очень понравился урок! Только вот с короной как то мне сложно, не очень реалистично она сидит :)

Спасибо за урок, красиво!

Большое спасибо за урок!!!

Спасибо за урок!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее