Кроличий домик в Фотошоп

Кроличий домик в Фотошоп

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

alt

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

Архив

Создайте новый документ, залейте задний фон белым цветом (или вы можете использовать любые другие яркие цвета на своё усмотрение), установите значение высоты больше, чем значение ширины (мои размеры 1000×1300 px).

Откройте стоковое изображение ‘Трава’. Выделите только изображение травы, а затем переместите выделенную область на наш рабочий документ, примените масштабирование (Ctrl+T), как показано на скриншоте ниже:

alt

alt

Идём Редактирование – Трансформация – Деформация (Edit-Transform-Warp) и деформируем изображение травы, чтобы получить форму холма:

alt

Чтобы холм выглядел более естественным, создайте новый слой поверх слоя с травой. Нажмите клавишу ‘R’, чтобы активировать инструмент Палец alt (Smudge Tool), в настройках установите значение Интенсивности (Strength) примерно 50%, и не забудьте поставить галочку в окошке Образец всех слоёв (Sample All Layers). Отключите видимость слоя с задним фоном (слой с белой заливкой), т.к. он не будет задействован при работе с инструментом палец. Установите кисть небольшого размера (примерно 6-8 px, но размер кисти будет зависеть от размеров вашего изображения). С помощью инструмента Палец alt (Smudge Tool), создайте травинки по всему контуру холма. На скриншоте ниже вы можете увидеть направление движения инструмента палец (я включил видимость слоя с задним фоном, чтобы вы могли наглядно увидеть):

alt

Результат:

alt

Я решил добавить небольшую резкость, идём Фильтр – Резкость – Контурная резкость (Filter-Sharpen-Unsharp Mask):

alt

Откройте стоковое изображение ‘Небо’. С помощью инструмента Перемещение alt (Move Tool (нажмите клавишу ‘M’, чтобы активировать данный инструмент), переместите небо на наш рабочий документ, расположите слой с небом ниже слоя с холмом. Вы можете увидеть, что я использовал только часть изображения неба, но вы можете выбрать любую часть неба на свой выбор.

alt

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

alt

alt

Отразите дорогу по горизонтали. Идём Редактирование – Трансформация – Отразить по горизонтали (Edit-Transform-Flip Horizontal) и мы получим следующиq результат:

alt

Я решил размыть изображение с дорогой, чтобы добавить небольшую глубину резкости к заднему фону. Итак, идём Фильтр – Размытие – Размытие по Гауссу (Filter-Blur-Gaussian Blur), радиус размытия 2:

alt

Как вы заметили изображение дороги слишком тёмное по сравнению с остальным изображением. Чтобы исправить это, добавьте к слою с дорогой корректирующие слои в качестве обтравочных масок. Находясь на слое с дорогой, идём Слой- Новый корректирующий слой – Кривые (Layer-New Adjustment Layer-Curves):

alt

alt

Слой- Новый корректирующий слой – Цветовой Баланс (Layer-New Adjustment Layer — Color Balance):

alt

alt

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

alt

К слою с дорогой добавьте новый слой в качестве обтравочной маски и с помощью мягкой белой кисти, прокрасьте поверх изображения с дорогой. Далее, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%:

alt

alt

Назовите этот слой “осветление 1″.

Создайте ещё один новый слой к слою с дорогой в качестве обтравочной маски. Также с помощью мягкой белой кисти, прокрасьте верхнюю правую часть изображения с дорогой, т.к. на эту часть поступает больше света, поэтому, эта часть должна быть светлее. Далее, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%:

alt

Чтобы цвет холма на переднем плане сочетался с задним фоном, вначале выделите слой с холмом и слой “палец”, далее, нажмите клавиши (Ctrl+G), чтобы сгруппировать эти слой с одну группу. Щёлкните по маленькому треугольнику слева от миниатюры слоя с группой, чтобы были видны слои внутри созданной группы (слои ‘холм’, ‘палец’):

alt

Поменяйте режим для слоя с группой с режима Пропустить (Pass Through (режим группы по умолчанию) на режим Нормальный (Normal), 100%:

alt

Находясь на слое ‘палец’ внутри группы, идём Слой- Новый корректирующий слой – Цветовой Баланс (Layer-New Adjustment Layer — Color Balance):

alt

Т.к. мы поменяли режим наложения для слоя с группой на Нормальный (Normal), 100%, то данный корректирующий слой Цветовой Баланс (Color Balance) будет воздействовать только на слои внутри данной группы (слой с холмом и пальцем):

alt

Холм должен быть светлее, поэтому я создал новый слой внутри группы. С помощью мягкой белой кисти непрозрачностью примерно 50-60% и 80-90 %, прокрасьте по холму (отдельные участки холма более светлые, некоторые участки холма менее светлые). Далее, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%:

alt

alt

Назовите созданную группу ‘холм’.

В этом шаге мы создадим радугу. Создайте новый слой между слоем с дорогой и слоем с холмом. Нажмите клавишу ‘G’, чтобы активировать инструмент Градиент alt(Gradient Tool), далее в настройках градиента выберите опцию Special Effects:

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

alt

Выберите градиент Russel’s Rainbow:

Примечание переводчика:Russel’sRainbow – градиент радуга.

alt

Потяните градиент слева направо:

alt

Результат:

alt

Далее, идём Фильтр – Искажение – Искривление (Filter-Distort-Shear), установите  кривую, как на скриншоте ниже:

alt

Нажмите клавиши (Ctrl+T) для трансформации радуги:

alt

Поменяйте режим наложения для слоя с радугой на Осветление (Screen), 100%. Добавьте к слою с радугой слой-маску и с помощью мягкой чёрной кисти, скройте жёсткие края радуги, чтобы получить изображение, как на скриншоте ниже:

alt

Уменьшите непрозрачность слоя с радугой до 40%, далее идём Фильтр – Размытие – Размытие по Гауссу (Filter-Blur-Gaussian Blur), радиус размытия 9 px:

alt

Откройте стоковое изображение ‘Дорожный указатель’. Выделите изображение указателя, а затем переместите выделенное изображение указателя на наш рабочий документ. Примените масштабирование. Расположите дорожный указатель рядом с дорогой, которая ведёт к холму.

alt

Примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 2 px, т.к. дорожный указатель установлен на размытом заднем фоне (слой с дорогой).

alt

К слою с дорожным указателем, добавьте слой-маску и на слой-маске слой с помощью мягкой чёрной кисти, обработайте нижнюю часть опоры, чтобы создать ощущение, что указатель вкопан в землю:

Примечание переводчика: в качестве кисти, вы можете использовать стандартную кисть Трава.

alt

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

alt

Залейте активное выделение чёрным цветом, далее идём Редактирование – Трансформация – Отразить по вертикали (Edit-Transform-Flip Vertical). Сместите тень вниз, расположив тень под указателем, примените трансформацию, как показано на скриншоте ниже:

alt

Уменьшите непрозрачность слоя с тенью до 40%, а затем к слою с тенью, примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 2 px:

alt

К слою с тенью, добавьте слой-маску и с помощью мягкой чёрной кисти непрозрачностью (opacity) и нажимом (flow) примерно 50%, размойте верхнюю часть тени.

alt

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

Цветовой тон / Насыщенность (Hue/Saturation):

alt

Уровни (Levels):

alt

Перейдите на слой-маску корректирующего слоя Уровни (Levels) и с помощью мягкой чёрной кисти, скройте коррекцию на указателе, т.к. на мой взгляд, табличка указателя должна быть немного темнее.

alt

Создайте новый слой и с помощью мягкой белой кисти, прокрасьте по отдельным участкам дорожного указателя, куда падает свет. Далее, поменяйте режим наложения для данного слоя наМягкий свет (Soft Light), непрозрачность слоя 100%:

Примечание переводчика: создайте новый слой поверх корректирующих слоёв в качестве обтравочной маски к слою с указателем. Вы можете назвать данный слой ‘осветление указателя’.

alt

alt

Создайте ещё один новый слой и с помощью мягкой кисти, цвет кисти #888362, прокрасьте нижнюю часть опоры указателя. Далее, поменяйте режим наложения для данного слоя наУмножение (Multiply), непрозрачность слоя 50%:

alt

Откройте стоковое изображение с тремя морковками. Отделите морковь от заднего фона, выберите только две моркови, переместив их на наш рабочий документ. Расположите морковь в правой части композиции, а затем примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 2 px, размойте морковь точно так же, как вы это проделывали с дорожным указателем:

alt

alt

Далее, продублируйте слой с морковью, расположив дубликат моркови в левой части композиции. К дубликату слоя с морковью, примените трансформирование, уменьшив масштаб, чтобы морковь была немного поменьше. А затем Отразите по горизонтали (Flip Horizontal):

alt

Расположите слои с морковью ниже слоя с дорожным указателем.

К слоям с морковью добавьте слой-маски, чтобы скрыть нижние части моркови:

alt

Добавьте тени к моркови точно так же, как вы это проделывали в Шаге 8:

alt

Для осветления моркови, создайте новый слой поверх слоёв с морковью и их тенями. С помощью мягкой белой кисти непрозрачностью 50%, прокрасьте по левой стороне моркови, как показано на скриншоте ниже. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), 100%:

alt

alt

Создайте новый слой поверх слоёв с морковью. Нажмите клавишу ‘T’, чтобы активировать инструмент Текстalt (Text Tool), а также установите цвет переднего плана на белый цвет. Я использовал шрифт Arial, размер шрифта 19 pt, чтобы напечатать текст на табличке дорожного указателя ДОМИК БАННИ (/lessons/les2459), примените трансформацию к тексту, как показано на скриншоте ниже:

alt

С помощью Стилей слоя (Layer Style), создайте ощущение, как будто текст вырезан на деревянной табличке. Правой кнопкой мыши щёлкните по слою с текстом и в появившемся окне выберите опцию Параметры наложения (Blending Options):

alt

Результат:

alt

Ещё раз щёлкните правой кнопкой по слою с текстом и в появившемся окне, выберите опцию Растрировать текст (Rasterize Type). Таким образом, мы сможем применять фильтры к слою с текстом. Идём Фильтр – Размытие – Размытие по Гауссу (Filter-Blur-Gaussian Blur), радиус размытия 2px :

alt

Откройте изображение ‘Большая морковь’. Выделите часть моркови, а затем переместите выделенное изображение моркови на наш рабочий документ, расположив морковь на холме на переднем плане. Примените трансформацию, чтобы увеличить морковь по ширине. Расположите слой с данной частью моркови поверх всех остальных слоёв.

alt

alt

Примените инструмент Деформация (Warp Tool), чтобы морковь выглядела более пропорционально:

alt

Добавьте слой-маску к слою с морковью, это будет домик из моркови. Зайдите в настройки кисти, в меню, выберите опцию Восстановить кисти (Reset Brushes). С помощью данной опции, кисти будут выставлены по умолчанию.

alt

Выберите кисть Трава, уменьшите  размер кисти (до примерно 30 px). Находясь на слой-маске слоя с морковью, обработайте кистью чёрного цвета нижнюю часть домика –моркови пока вы не почувствуете, что достаточно. На скриншоте ниже, мой результат:

alt

alt

Добавьте тени к домику из моркови, как мы обычно это делали ранее, но на этот раз, я уменьшил непрозрачность слоя с тенью до 30%, а также применил Размытие по Гауссу (Gaussian Blur), радиус размытия 6 px. С помощью слой-маски, размойте нижнюю часть тени.

alt

Я считаю, что нижняя часть домика должна быть темнее. Поэтому, создайте новый слой, расположите данный слой ниже слоя с домиком из моркови и слоя с тенью. Используя похожий цвет травы (#738452), прокрасьте вдоль нижней части домика-моркови. Поменяйте режим наложения для данного слоя на Умножение (Multiply), 80%:

alt

alt

Я решил скрыть эту часть на изображении моркови. Для этого создайте новый слой в качестве обтравочной маски к слою с домиком-морковью. Нажмите клавишу ‘S’, чтобы выбрать инструмент Штамп alt(Clone Tool), а затем клонируйте эту область (если вы не знаете, как пользоваться данным инструментом, то в Интернете вы можете найти множество хороших уроков по использованию данного инструмента).

alt

alt

Создайте новый слой в качестве обтравочной маскик слою с домиком-морковью. С помощью мягкой белой кисти, прокрасьте по правой стороне моркови. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), 60%:

alt

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

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

alt

К слою с белыми чёрточками, примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 6 px, а также поменяйте режим наложения для данного слоя на Перекрытие(Overlay), непрозрачность слоя 40%:

alt

Далее мы дополнительно затемним нижнюю часть дома и нижнюю кромку дома возле травы, для этого создайте два новых слоя поверх всех остальных слоёв (не в качестве обтравочных масок). С помощью мягкой кисти, цвет кисти #d3ab8d, прокрасьте, как показано на скриншоте ниже. Поменяйте режим наложения на Умножение (Multiply), 100%:

alt

alt

Чтобы добавить к домику эффекты освещения (т.к. на него падает свет справа), примените опцию Внутренняя тень (Inner shadow). Щёлкните правой кнопкой мыши по слою с домиком-морковью и в появившемся окне, выберите опцию Параметры наложения (Blending Options):

alt

alt

Откройте стоковое изображение ‘Крыша’. Выделите только верхнюю часть изображения. Переместите выделенную часть изображения на наш рабочий документ, расположив в  верхней части домика-моркови:

alt

alt

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

alt

Создайте новый слой ниже слоя с крышей. С помощью мягкой чёрной кисти, прокрасьте под крышей, создавая тени на домике. Уменьшите непрозрачность слоя до 60%:

alt

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

Цветовой Баланс (Color Balance):

alt

Уровни (Levels):

alt

Перейдите на слой-маску корректирующего слоя Уровни (Levels) и с помощью мягкой чёрной кисти непрозрачностью 100%, скройте коррекцию уровней в нижней части крыши, а затем, уменьшив непрозрачность кисти до 50%, скройте коррекцию уровней в правой части крыши, т.к. на мой взгляд, эти части выглядят слишком насыщенными:

alt

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

alt

Откройте стоковое изображение ‘Три моркови’. Вырежьте верхнюю часть моркови, переместив на наш рабочий документ. Расположите в верхней части крыши домика-моркови.

alt

alt

С помощью слой-маски, скройте лишний участок моркови:

alt

Далее, проведите цветовую коррекцию с помощью корректирующего слоя Цветовой Баланс (Color Balance), используя в качестве обтравочной маски:

alt

alt

Далее, создайте новый слой в качестве обтравочной маски к слою с верхушкой крыши домика-моркови с режимом Перекрытие (Overlay) и заливкой 50% серым (50% gray):

alt

С помощью инструмента Осветлитель alt / Затемнитель alt(Dodge and Burn Tool), установите Диапазон (Range) на Средние тона (Midtones), а значение Экспозиции (Exposure) примерно 30%, добавьте глубины к верхушке крыши домика, т.к. на мой взгляд, она выглядит плоско. На скриншоте ниже, вы можете увидеть мой результат применения данного инструмента при режиме Нормальный (Normal):

alt

Режим Перекрытие (Overlay).

alt

К слою с верхушкой крыши, добавьте опцию Внутренняя тень (Inner shadow), чтобы усилить эффекты освещения в верхней части:

alt

alt

Откройте стоковое изображение ‘Дверь’. Вырежьте изображение двери, а затем переместите выделенное изображение двери на наш рабочий документ, расположив в передней части домика-моркови.

alt

alt

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

alt

Залейте выделение чёрным цветом, и мы получили тень в проёме двери:

alt

К слою с тенью добавьте слой-маску и на слой-маске, с помощью мягкой чёрной кисти, размойте верхнюю часть, нижнюю часть, а также по бокам:

alt

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

Цветовой Баланс (Color Balance):

alt

Цветовой тон / Насыщенность (Hue/Saturation):

alt

alt

Откройте стоковое изображение ‘Коврик’. Выделите изображение коврика, а затем переместите выделенное изображение коврика на наш рабочий документ, примените трансформацию, расположите слой с ковриком ниже слоя с дверью.

alt

alt

Назовите этот слой “коврик часть 1″.

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

alt

Залейте выделение цветовым оттенком #1c2103:

alt

К слою с тёмной заливкой добавьте слой-маску и с помощью кисти трава, обработайте переднюю кромку (как в Шаге 12), чтобы совместить с травой:

alt

Назовите этот слой “коврик часть 2″.

Чтобы коврик выглядел более реалистичным, я добавил тени к нему. Щёлкните правой кнопкой по слою “коврик часть 1″ и в появившемся окне, выберите опцию Параметры наложения(Blending options):

alt

alt

Сгруппируйте все слои с ковриком в одну группу (не забудьте поменять режим наложения для слоя с группой на режим Нормальный (Normal), 100%). Внутри созданной группы, поверх всех слоёв, добавьте новый корректирующий слой Цветовой Баланс (Color Balance), чтобы немного изменить цвет коврика:

alt

alt

Откройте стоковое изображение ‘Окно’. Выделите одно окно, а затем переместите выделенное окно на наш рабочий документ, расположив в левой части домика-моркови:

alt

alt

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

alt

Назовите слои с окнами “окно 1″, “окно 2″.

Создайте два новых слоя под слоями с окнами. С помощью мягкой чёрной кисти непрозрачностью примерно 40-50%, прокрасьте вдоль контура окна, чтобы создать тени:

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

alt

Сгруппируйте слои с окнами в одну группу. Внутри созданной группы, добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы изменить цвет:

alt

alt

На окно справа попадает больше света с заднего фона, поэтому оно должно быть немного светлее. Создайте новый слой и с помощью мягкой белой кисти, прокрасьте правую часть окна справа. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), 100%:

alt

Откройте стоковое изображение ‘Ограда’. Нам нужна небольшая часть ограды, создайте выделение, как показано на скриншоте ниже, а затем переместите выделенное изображение на наш рабочий документ. Уменьшите масштаб. Расположите деталь ограды справа от домика-моркови:

alt

alt

Дважды продублируйте, а затем сместите дубликаты вправо:

alt

К дубликатам слоёв с деталями ограды, добавьте слой-маски. На слой-маске обработайте кистью Трава нижние части оград:

alt

Назовите слои с деталями ограды “ограда 1″, “ограда 2″, “ограда 3″.

Возвращаемся к оригинальному изображению с оградой. Вырежьте небольшую деталь ограды. Расположите слой с небольшой деталью ограды ниже слоёв с оградой:

alt

alt

Продублируйте слой с деталью ограды, сместите дубликат слоя вправо:

alt

Назовите эти слои соответственно “ограда 4″, “ограда 5″. К этим слоям примените Стили слоя (Layer Style).

alt

alt

Сгруппируйте все слои с оградой в одну группу. Внутри созданной группы, создайте слой, расположите этот слой ниже всех слоёв с оградой. Удерживая клавишу ‘Ctrl’+щёлкните по миниатюре слоя с оградой + удерживая ‘Shift’ + щёлкните по другому слою с оградой, таким образом, вы выделите всю ограду:

alt

Залейте выделение чёрным цветом, далее примените трансформацию, а затем уменьшите непрозрачность слоя до 30%, к слою с тенью примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 2 px, (я не буду всё расписывать по деталям, как создавать тени, вы можете использовать технику, которую мы уже применяли в предыдущих шагах).

alt

Внутри созданной группы, добавьте новый корректирующий слой Цветовой Баланс (Color Balance), чтобы добавить светло-жёлтый оттенок к ограде:

alt

alt

Создайте новый слой (внутри группы с оградой) и с помощью мягкой белой кисти, прокрасьте края ограды, чтобы осветлить их. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), 100%:

alt

Создайте ещё один новый слой, поменяйте цвет кисти на чёрный оттенок. Прокрасьте нижнюю часть ограды, а затем поменяйте режим наложения для данного слоя на Умножение(Multiply), непрозрачность слоя 30%:

alt

Откройте стоковое изображение ‘Кролик 1’. Вначале примените свою любимую технику выделения объектов, а затем скопируйте выделенное изображение кролика на новый слой.

alt

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

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

alt

Объедините слой с выделенным изображением кролика и слой с мехом. Переместите объединённый слой на наш рабочий документ. Примените масштабирование. Расположите кролика в правой нижней части композиции на переднем плане:

alt

К слою с кроликом добавьте слой-маску и с помощью слой-маски, совместите кролика с травой:

alt

К слою с кроликом добавьте новый корректирующий слой Цветовой Баланс (Color Balance) в качестве обтравочной маски, чтобы изменить цвет кролика:

alt

alt

Создайте новый слой и с помощью инструментов Осветлитель alt и Затемнитель alt (Dodge and Burn Tool), используя ту же самую технику, которую мы использовали в Шаге 19, добавьте контраст к изображению кролика, а также добавьте светотени, т.к. изображение кролика выглядит плоским.

alt

alt

Создайте новый слой ниже слоя с кроликом 1. С помощью мягкой чёрной кисти, прокрасьте вдоль кролика, добавляя тень к кролику. Уменьшите непрозрачность слоя с тенью до 30%. Назовите этот слой “тень кролика 1″:

alt

Создайте дополнительно тень кролика на траве, используя ту же самую технику. Режим для данного слоя Нормальный (Normal), непрозрачность слоя 30%:

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

alt

Откройте стоковое изображение ‘Кролик 2’. Добавьте мех к кролику точно так же, как вы добавляли мех к кролику 1. Расположите этого кролика в левой части композиции на переднем плане, а также с помощью слой-маски проведите совмещение кролика с травой:

alt

Добавьте две тени к кролику 2, точно так же, как мы проделывали это в Шаге 30:

alt

К слою с кроликом 2 добавьте новый корректирующий слой Цветовой Баланс (Color Balance) в качестве обтравочной маски, чтобы изменить цвет кролика:
                                    

alt

alt

С помощью инструментов Осветлитель alt и Затемнитель alt(Dodge and Burn Tool), осветлите  изображение кролика, а также измените контраст:

alt

alt

Проделайте то же самое с кроликом 3 (вырежьте, добавьте мех, проведите совмещение, добавьте тени). Результат на скриншоте ниже:

alt

Кролик 3 выглядит слишком тёмным, поэтому, я  добавил к слою с кроликом 3 новый корректирующий слой Кривые (Curves) в качестве обтравочной маски, чтобы осветлить его. Находясь на слое с кроликом 3, идём Слой – Новый корректирующий слой – Кривые (Layer-New Adjustment Layer-Curves):

alt

alt

Создайте новый слой в качестве обтравочной маски к слою с кроликом 3. С помощью кисти, цвет кисти #ebd991, прокрасьте по тёмной области спинки кролика, чтобы осветлить её:

alt

Создайте ещё один новый слой в качестве обтравочной маски к слою с кроликом 3. С помощью кисти, цвет кисти #b9b6a8, прокрасьте по светлой части левого уха кролика, чтобы затемнить эту часть. Поменяйте режим наложения для данного слоя на Умножение (Multiply), 100%:

alt

Слой с Затемнением / Осветлением (Dodge & Burn):

alt

alt

Добавьте корректирующий слой Цветовой тон Э Насыщенность (Hue/Saturation), чтобы уменьшить оттенки желтого цвета на спинке кролика:

alt

Откройте изображение с маргаритками. Выберите жёлтые маргаритки. Вырежьте только жёлтый цветок, переместите выделенное изображение жёлтой маргаритки на наш рабочий документ, расположив цветок на холме, уменьшите масштаб цветка:

alt

alt

Много раз продублируйте слоя с маргариткой, раскидав цветки по всему холму. Для создания данного эффекта, у меня ушло 48 слоёв:

alt

Сгруппируйте все слои с маргаритками в одну группу. Внутри созданной группы, добавьте новый корректирующий слой Цветовой Баланс (Color Balance), чтобы немного уменьшить оттенок желтого цвета:

alt

alt

Создайте новый корректирующий слой Цветовой Баланс (Color Balance) поверх всех слоёв (НЕ в качестве обтравочной маски):

alt

alt

Уровни (Levels):

alt

Перейдите на слой-маску корректирующего слоя Уровни (Levels) и с помощью мягкой чёрной кисти, скройте контраст на домике-моркови, а также на холме:

alt

Я использовал инструмент Градиент alt(Gradient), чтобы изменить световой фокус и добавить контраста ко всему изображению. Создайте новый слой поверх всех остальных слоёв. Нажмите клавишу ‘G’, чтобы активировать инструмент Градиент (Gradient), установите Радиальный Градиент (Radiant Gradient), цвета градиента по умолчанию (чёрно-белый градиент):

alt

Поменяйте режим наложения для слоя с градиентом на Мягкий свет (Soft Light), 100% и с помощью слой-маски, уменьшите контраст на домике-моркови и на холме:

alt

Последний шаг: создайте новый слой, выберите мягкую белую кисть. Прокрасьте по верхней правой части картины, а также по обеим сторонам домика, чтобы они были светлее. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), 100%:

alt

alt

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

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

alt

Автор: Jenny Le

Переводчик: Садыгалиев Марат

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Космические гонки в Фотошоп

Космические гонки в Фотошоп

Если у Вас есть лестница  и нужны перила или ограждающие конструкции, то мы изготовим комплектующие для перил высокого качества. Аттестованные специалисты в короткие сроки сделают и смонтируют красивые удобные поручни, а также навесы, нержавеющие козырьки любой сложности.

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

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

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

alt

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

alt

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

Архив

Создайте новый документ в программе Photoshop, размеры документа примерно 3000 px по ширине и 2400 px по высоте. Откройте стоковое изображение ‘Концептуальная машина 1’, переместите данное изображение на наш рабочий документ. С помощью свободной трансформации (Ctrl+T), примените масштабирование к данному изображению. Назовите слой с концептуальной машиной ‘машина 1′.

alt

Откройте стоковое изображение ‘Мини трактор 2′. Переместите данное изображение на наш рабочий документ. Расположите слой с изображением мини трактора поверх слоя ‘машина 1’. Назовите слой с мини трактором ‘машина 2’. Мы используем часть изображения мини трактора, которую мы совместим с предыдущим изображением машины. Основная цель- это использовать кузов трактора в создании нашей космической гоночной машины. Уменьшите непрозрачность слоя ‘машина 2’ так, чтобы он был прозрачным. Это поможет нам определить, куда можно будет вставить часть кузова трактора. Не забудьте применить масштабирование с помощью инструмента свободная трансформация для получения соответствующего размера. На скриншоте ниже, вы можете увидеть выделенную часть кузова ‘машины 2’, которую мы совместим с основным изображением (‘машина 1’).

alt

Результат на данный момент:

alt

Далее, скройте лишние участки основного изображения (‘машина 1’). Для этого, просто добавьте слой-маску к слою ‘машина 1’ и с помощью чёрной кисти, скройте лишние участки. Результат должен быть, как на скриншоте ниже:

alt

Далее, нам необходимо исправить заднее колесо нашего гоночного автомобиля. Для этих целей вырежьте колесо, используя оригинальное изображение ‘Концептуальная машина 1’, а затем расположите на заднем колесе нашего авто. Результат должен быть, как на скриншоте ниже:

alt

Идея добавления колеса не в том, чтобы заменить заднее колесо нашего основного изображения (‘машина 1’), а в том, чтобы создать защитный щиток / крыло для заднего колеса, которое мы добавим в следующем шаге. Поэтому, нам необходимо скрыть нижнюю часть выделенного колеса. На скриншоте ниже вы можете увидеть результат и что я имел в виду:

alt

Далее, мы проведём цветокоррекцию слоя ‘машина 2’ на основе слоя ‘машина 1’. Находясь на слое ‘машина 2’, идём Изображение – Коррекция – Подобрать цвет (Image > Adjustment > color match). В настройках Слой (Layer) установите слой ‘машина 1’, в качестве источника подбора цветов. На скриншоте ниже, вы можете увидеть настройки для данной цветокоррекции. Пояснение: Цель для подбора цветов – это слой, который называется ‘машина 2’, данный слой является частью psd файла, который называется future transporter, а источник  — это изображение (который называется ‘машина 1’.jpg) в соответствии с которым будут подбираться цвета для слоя ‘машина 2’:

Примечание переводчика: psd файл future transporter- это автор так назвал свой рабочий документ. Назовите свой документ, например ‘космические гонки’, тогда в окне Источник(Source) укажите данное название документа, а в окне Слой (Layer), установите источник для подбора цветов, в данном случае укажите слой ‘машина 1’ или то название слоя, которые вы использовали в своей работе. 

alt

Результат:

alt

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

alt

Дизайнерское решение:

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

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

alt

Далее, мы продолжим дорабатывать наш гоночный автомобиль. Сейчас мы добавим переднее колесо. Мы используем стоковое изображение ‘Зубчатое колесо’ для создания переднего колеса. Откройте данное исходное изображение с зубчатым колесом. Примените масштабирование, а затем продублируйте два раза. Соедините / расположите дубликаты таким образом, чтобы они образовали единое колесо. Выделите все слои с зубчатыми колёсами, а затем нажмите клавиши (Ctrl+E), чтобы объединить их. Расположите созданное колесо в передней части гоночного автомобиля.

alt

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

alt

С помощью инструмента Свободная Трансформация (free transform tool), поместите диск на переднее колесо.

alt

Используя всё то же оригинальное изображение с мини трактором, вырежьте крыло от колеса. Мы используем эту часть в качестве крыла для нашего автомобиля.

alt

Нам необходимо изменить форму вырезанного крыла в соответствии с перспективой автомобиля, для этих целей мы используем инструмент свободная трансформация. Выберите инструментСвободная Трансформация (free transform tool), примените опции Перспектива (perspective) и Искажение (distort), чтобы изменить форму крыла:

alt

Добавьте деформированную часть крыла к нашему автомобилю. С помощью слой-маски, скройте лишние участки. Результат на данный момент:

alt

Добавьте ещё одну деталь на переднее колесо. Для этого, вырежьте часть крыла, используя оригинальное изображение ‘Концептуальная машина 1’.

alt

Результат, который у меня получился:

alt

Далее, мы добавим амортизатор на переднее колесо. Для этих целей мы используем железную стойку, которую мы вырежем, используя оригинальное изображение ‘Концептуальная машина 1’. Вырежьте стоку, примените масштабирование. Расположите вырезанную стойку, в качестве амортизатора на переднее колесо, как показано на скриншоте ниже.

alt

Создайте новый слой (Ctrl+Shift+N). На новом слое, нарисуйте чёрный кружок.

alt

Находясь всё ещё на новом слое, идём Слой – Стили слоя – Тиснение (layer > layer styles > bevel and emboss). Примените настройки, которые указаны на скриншоте ниже:

alt

Результат:

alt

Далее, выберите инструмент Произвольная фигура alt (custom shape tool). Выберите фигуру, которая указана на скриншоте ниже. Установите тёмно-серый цвет. Создайте фигуру на кружке, который вы создали в предыдущем действии:

alt

Результат на скриншоте ниже на данный момент, после того, как я добавил тени на колёса:

alt

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

alt

В этом шаге мы добавим фару к нашему гоночному автомобилю. Откройте стоковое изображение ‘Трубка’. Вырежьте металлическую часть трубки.

alt

Переместите выделенное изображение трубки на наш рабочий документ. Выберите инструмент свободная трансформация. С помощью опции Деформация (warp tool), деформируйте форму металлической трубки, как показано на скриншоте ниже:

alt

Создайте новый слой ниже слоя с металлической трубкой. На новом слое создайте овальное выделение, а затем залейте (shift+F5) созданное выделение белым цветом. Назовите этот слой ‘белый’:

alt

Далее, выделите слой ‘белый’ и слой с металлической трубкой, а затем нажмите клавиши (Ctrl+E), чтобы объединить их. Назовите этот слой ‘фонарь’. Добавьте фонарь к изображению автомобиля, расположив сбоку от переднего колеса.

alt

Теперь мы нарисуем крепление для фонаря. Создайте новый слой ниже слоя с фонарём. Создайте круглое выделение, а затем залейте данное выделение цветовым оттенком #776663.

alt

Находясь на новом слое, идём Слой- Стили слоя – Тиснение (layer > layer style > bevel and emboss). Примените настройки, которые указаны на скриншоте ниже:

alt

Результат:

alt

Создайте ещё один новый слой поверх слоя, который вы создали в предыдущем действии. Создайте круглое выделение на этот раз уже меньшего размера. Залейте созданное выделение цветовым оттенком #322e2e.

alt

К данному слою примените стили слоя, опцию Тиснение (bevel and emboss):

alt

Результат:

alt

Создайте ещё один новый слой. Создайте небольшое круглое выделение по размеру меньше, чем те, которые вы создали в предыдущих действиях. Залейте данное выделение цветовым оттенком #765c57.

alt

Далее, создайте новый слой. Расположите данный слой ниже слоя с фонарём и ниже трех слоёв с круглыми выделениями. Выберите мягкую круглую кисть. Установите непрозрачность кисти 10-20%. Цвет кисти чёрный. С помощью данной кисти, нарисуйте тени от фонаря и крепления. Мы можем воспользоваться инструментами Затемнитель alt и Осветлитель alt(burn and dodge tool) для создания светотеней для фонаря и крепления. Мой результат на скриншоте ниже.

alt

В заключение, мы придадим эффект движения к колёсам автомобиля. Находясь на слое с колёсами автомобиля, идём Фильтр – Размытие – Размытие в Движении (filter > blur > motion blur):

alt

Итак, мы завершили создание нашего гоночного автомобиля:

alt

В этом шаге мы создадим задний фон, на котором будет изображён пилот на гоночном автомобиле. Вначале, создайте новый документ размерами 1936 px по ширине и 1718 px по высоте.

alt

Откройте стоковое изображение ‘Пустыни’. Переместите данное изображение с пустыней на новый документ. Преобразуйте слой с пустыней в смарт-объект, для этого идём Слой- Смарт-объект- Преобразовать в смарт-объект (layer > smart objects > convert to smart object).

alt

Нам необходимо изменить перспективу заднего фона. Для этих целей, выберите инструмент свободная трансформация, используйте опцию Перспектива (perspective) и Деформация(distort), чтобы получить результат, как на скриншоте ниже. Технически очертание заднего фона будет выглядеть, как на скриншоте ниже после применения коррекции:

alt

Результат трансформации на скриншоте ниже. Мы можем увидеть некоторые участки с пустотами (отмечены красным цветом) после проведения трансформации.

alt

Чтобы исправить пустоты, нажмите клавиши (Shift+Ctrl+R) для активации фильтра Коррекция дисторсии (lens correction). В настройках установите опцию Заказное (custom), примените настройки, которые указаны на скриншоте ниже:

Примечание переводчика: для активации фильтра Коррекция дисторсии (lens correction), идём Фильтр – Искажение – Коррекция дисторсии (Filter>Distort>Lens Correction). Настройки не видны на скриншоте, поэтому, я выделил их отдельно здесь: Удалить искажение (Remove Distortion) +39.87, Перспектива (Transform): По вертикали (Vertical Perspective) +16, По горизонтали (Horizontal Perspective) -24, Виньетка (Vignette): Средняя точка (Midpoint) +50. Данные значения будут зависеть от того, насколько сильно вы деформировали своё рабочее изображение, поэтому, для каждого из вас эти значения будут варьироваться, просто поиграйте с настройками.

alt

Далее, идём Фильтр – Размытие – Размытие в Движении (filter > blur > motion blur):

alt

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

Примечание переводчика: просто щёлкните по миниатюре слоя Смарт-фильтры, а затем с помощью мягкой чёрной кисти, обработайте область облаков.

alt

Результат должен быть, как на скриншоте ниже:

alt

Далее, мы проведём цветовую коррекцию заднего фона. Идём Слой – Новый корректирующий слой – Чёрно-белый (layer > new adjustment layer > black and white):

alt

Результат:

alt

Откройте следующее стоковое изображение ‘Горы’, переместите данное изображение на наш рабочий документ.

alt

С помощью слой-маски, скройте небо и землю. Нам нужно просто добавить горы к нашей сцене. Режим наложения для данного слоя с горами Нормальный (normal), непрозрачность слоя 52%:

alt

К слою с горами, добавьте корректирующий слой Цветовой тон / Насыщенность (hue and saturation). Не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с горами:

alt

Результат:

alt

Создайте новый слой поверх корректирующего слоя Цветовой тон / Насыщенность (hue and saturation). Также преобразуйте данный слой в обтравочную маску. Выберите мягкую круглую кисть непрозрачностью примерно 5-10%, цвет кисти белый. С помощью данной кисти, нарисуйте световые блики поверх верхней части гор.

alt

Продублируйте слой с горами. Сместите дубликат слоя влево, чтобы заполнить пустоту и улучшить композицию. Режим наложения для данного дубликата слоя с горами Нормальный(normal), непрозрачность слоя 48%.

alt

Далее, мы добавим планеты к нашей сцене. Вначале, откройте стоковое изображение с планетой. Примените масштабирование, а затем расположите планету, как показано на скриншоте ниже.

alt

Поменяйте режим наложения на Осветление (screen) и с помощью слой-маски, обработайте изображение в области облаков, чтобы планета выглядела ярче.

alt

Далее, к слою с планетой добавьте корректирующий слой Чёрно-белый (black and white):

alt

Результат:

alt

В заключение, продублируйте слой с планетой. Для оригинального слоя с планетой оставьте режим наложения Осветление (screen), непрозрачность слоя 100%, а для дубликата слоя с планетой, поменяйте режим наложения на Мягкий свет (soft light), непрозрачность слоя 100%. Результат должен быть, как на скриншоте ниже:

alt

Откройте ещё одно стоковое изображение планеты. Переместите данное изображение на наш рабочий документ. Примените масштабирование, расположив данную планету в левой верхней части нашей сцены:

alt

Поменяйте режим наложения для данного слоя с планетой на Осветление (screen), непрозрачность слоя 100%. С помощью слой-маски, скройте лишние участки изображения.

alt

Выберите изображение из набора изображений Космос. Добавьте к нашей сцене ещё одну планету. Примените масштабирование, а затем поменяйте режим наложения для данного слоя с планетой на Осветление (screen), непрозрачность слоя 100%. С помощью слой-маски, скройте лишние участки изображения, чтобы была видна только планета.

alt

Создайте новый слой поверх всех остальных слоёв. Выберите мягкую круглую кисть непрозрачностью 5-10%. Находясь на новом слое, прокрасьте мягкой белой кистью вокруг горы и земли в правой части сцены:

alt

Теперь, добавьте гоночный автомобиль, который мы создали ранее к нашей основной сцене. Преобразуйте слой с гоночной машиной в смарт-объект. Примените масштабирование, расположив гоночный автомобиль в центре композиции.

alt

К слою с гоночным автомобилем, добавьте корректирующий слой Цветовой тон / Насыщенность (hue and saturation) в качестве обтравочной маски.

alt

Результат:

alt

Находясь всё ещё на слое с автомобилем, идём Фильтр – Размытие – Размытие в движении (filter > blur > motion blur).

alt

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

alt

Продублируйте слой с гоночным автомобилем вместе с корректирующим слоем Цветовой тон / Насыщенность (hue/saturation). Убедитесь, чтобы корректирующий слой был преобразован в обтравочную маску. Перейдите на маску фильтра дубликата слоя и с помощью кисти, обработайте некоторые участки пилота, чтобы проявился эффект фильтров. Режим наложения для данного дубликата слоя Нормальный (normal), непрозрачность 86%.

Примечание переводчика: цвет кисти установите белый.

alt

Теперь продублируйте второй дубликат слоя с гоночным автомобилем. К данному дубликату слоя добавьте корректирующий слой Цветовой тон / Насыщенность (hue/saturation) в качестве обтравочной маски с теми же самыми настройками, которые были использованы для предыдущего дубликата. Что мы должны сделать далее- это изменить значение фильтра размытия для данного дубликата слоя. Значение размытия в движении указано на скриншоте ниже:

alt

В заключение, установите режим наложения для данного дубликата слоя на Нормальный (normal), непрозрачность слоя 66%. Результат на скриншоте ниже:

alt

Далее, мы нарисуем след от колёс, где проехал автомобиль. Создайте новый слой. Выберите инструмент Кисть alt(brush tool). Выберите кисть Мел 44 (chalk 44), установите размер кисти 80 px. Зайдите в закладку Кисти (brushes). В настройках кисти, установите значения, которые указаны на скриншоте ниже:

alt

Создайте новый слой. На новом слое нарисуйте прямую линию с помощью инструмента Перо alt(pen tool). Далее, щёлкните правой кнопкой по документу и в появившемся окне, выберите опцию Выполнить обводку контура (stroke path). Не забудьте установить цвет переднего плана на цветовой оттенок #555d5a.

alt

Результат:

alt

Далее, продублируйте слой со следом от автомобиля. Поменяйте режим наложения для оригинального слоя со следом машины на Осветление (screen), непрозрачность слоя 100%, а для дубликата слоя на Перекрытие (overlay), непрозрачность слоя 98%.

alt

Проделайте то же самое, добавьте следы от других колёс. Результат на данный момент:

alt

Далее, мы добавим световой сигнал на переднюю фару. Создайте новый слой, на котором мы создадим световой сигнал. Выберите инструмент Перо alt (pen tool), с помощью данного инструмента, нарисуйте контур для создания эффекта светового сигнала.

alt

Далее, преобразуйте контур в активное выделение. Выберите инструмент Градиент alt (gradient tool). Установите Линейный градиент (linear gradient). В настройках Редактор Градиента (gradient editor), установите цвет градиента от жёлтого до прозрачного. В заключение, залейте активное выделение градиентом, щёлкнув градиентом в области фары и далее потянув в направлении, куда должен падать свет:

alt

Находясь всё ещё на слое с заливкой градиента, идём Фильтр – Размытие – Размытие по Гауссу (filter > blur > Gaussian blur):

alt

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

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

alt

В заключение, установите режим наложения для оригинального слоя с градиентом (я назвал его ‘жёлтый’) на Нормальный (normal), Непрозрачность (opacity) слоя 51%, значениеЗаливки (fill) 26%. Далее, установите режим наложения для дубликата слоя с градиентом (я назвал этот слой ‘белый’) на Нормальный (normal), непрозрачность слоя 53 %.

alt

Далее, мы добавим световой блик на фару. Откройте изображение со световыми бликами, выберите один из бликов.

alt

Добавьте световой блик к нашей сцене. Примените масштабирование к изображению блика, расположив поверх изображения фары.

alt

Поменяйте режим наложения для слоя с бликом на Осветление (screen), непрозрачность слоя 100%. С помощью слой-маски, скройте лишние участки изображения со световым бликом.

alt

Измените цветовой оттенок блика на желтоватые оттенки с помощью добавления нового корректирующего слоя Цветовой тон / Насыщенность (hue/saturation layer). Не забудьте преобразовтаь данный корректирующий слой в обтравочную маску к слою с бликом.

alt

В заключение, продублируйте слой со световым бликом, расположите дубликат блика на фару справа от пилота. Поменяйте режим наложения для данного дубликата слоя с бликом наОсветление (screen), непрозрачность слоя 100%.

alt

Результат, который я создал на данный момент урока:

alt

В этом шаге мы проведём общую цветовую коррекцию всей сцены. Начнём с добавления корректирующего слоя Карта Градиента (gradient map). Установите цвета градиента, которые указаны на скриншоте ниже:

alt

Результат должен быть, как на скриншоте ниже:

alt

Обработайте центр изображения на слой-маске корректирующего слоя:

Примечание переводчика: для обработки используйте большую мягкую чёрную кисть.

alt

Далее, добавьте ещё один корректирующий слой. На этот раз мы добавим корректирующий слой Фотофильтр (photo filter). Режим наложения для данного корректирующего слояНормальный (normal), непрозрачность слоя 11%.

alt

Далее, добавьте корректирующий слой Вибрация (vibrance):

Примечания  переводчика: Те, у кого стоит более ранняя версия Photoshop, вместо корректирующего слоя Вибрация (Vibrance), вы можете использовать корректирующий слойЦветовой тон / Насыщенность (Hue/Saturation) и попробуйте уменьшить значение насыщенности.

alt

На слой-маске корректирующего слоя Вибрация (vibrance), обработайте автомобиль, а также участки вокруг горы. Для обработки используйте мягкую круглую кисть непрозрачностью 10-15%.

Примечания  переводчика: таким образом, автор скрывает эффект корректирующего слоя Вибрация (vibrance) в области гоночного автомобиля  и в области горы.

alt

После этого, продублируйте корректирующий слой Вибрация (vibrance). Установите режим наложения для дубликата слоя на Нормальный (normal), непрозрачность слоя 45%, чтобы получить результат, как на скриншоте ниже:

alt

Далее, добавьте ещё один корректирующий слой к нашей сцене. На этот раз мы добавим корректирующий слой Цветовой Баланс (color balance):

alt

Результат после применения корректирующего слоя Цветовой Баланс (color balance). Установите режим наложения для данного корректирующего слоя на Нормальный (normal), непрозрачность слоя 45%:

alt

В заключение, добавьте последний корректирующий слой Кривые (curves).

alt

На слой-маске корректирующего слоя Кривые (curves), обработайте передний план и участок рядом с самой большой планетой, как показано на скриншоте ниже.

alt

Полученный результат:

alt

Находясь на самом верхнем слое в палитре слоёв (корректирующий слой Кривые (curves), нажмите клавиши (Shift+Ctrl+Alt+E), чтобы создать штамп всех видимых слоёв. Таким образом, мы создадим объединённый слой поверх всех остальных слоёв. Я назвал этот объединённый слой ‘Штамп’. Находясь на слое ‘Штамп’, идём Изображение – Внешний канал (Image > apply image). Установите настройки, которые указаны на скриншоте ниже:

alt

Результат должен быть, как на скриншоте ниже. Далее, преобразуйте данный слой ‘Штамп’ в смарт-объект.

alt

Я решил добавить резкость изображению. Для этой цели идём Фильтр – Другие – Цветовой контраст (filter > others > high pass):

alt

В заключение, поменяйте режим наложения для смарт фильтра Цветовой контраст (high pass) на Перекрытие (overlay), непрозрачность 100%:

alt

Полученный результат.

alt

Поздравляю, мы выполнили урок!

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

alt

Автор: Dek Wid

Переводчик: Садыгалиев Марат

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Ночь в тёмном лесу

Ночь в тёмном лесу

Советую всем многофункциональное устройство с отличными характеристиками флешка DTVP30/16GB, интерфейс USB 3.0 делает передачу данных очень быстрой.  

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

alt

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

Архив

Создайте новый документ, размеры документа 1000х1000рх, залейте его любым цветом на своё усмотрение. Я использовал цвет заливки белый. Выберите инструмент Перемещение alt(Move Tool), чтобы переместить стоковое изображение с лесом на наш рабочий документ. Примените масштабирование, как показано на скриншоте ниже:

alt

Добавьте новый корректирующий слой Кривые (Curves) в качестве обтравочной маски к слою с лесом, чтобы создать небольшой эффект тумана на земле. Идём Слой- Новый корректирующий слой – Кривые (Layer-New Adjustment Layer-Curves):

alt

Перейдите на слой-маску корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти, скройте коррекцию кривых в верхней части леса (деревья), т.к. я не хочу применять данный эффект к деревьям:

alt

Выделите изображение надгробной плиты, а затем переместите выделенное изображение плиты на наш рабочий документ, расположив в центре композиции:

alt

Далее, к слою с надгробной плитой, добавьте слой-маску через нижнюю панель инструментов. С помощью мягкой чёрной кисти с Непрозрачностью (opacity) и Нажимом (flow) примерно 40-50%, обработайте нижнюю часть плиты, чтобы совместить эту часть с землёй:

alt

Добавьте новый корректирующий слой Кривые (Curves) в качестве обтравочной маски к слою с надгробной плитой, чтобы немного затемнить плиту:

alt

Перейдите на слой-маску корректирующего слоя Кривые (Curves) и с помощью чёрной кисти, скройте коррекцию кривых в верхней части плиты, как показано на скриншоте ниже:

alt

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

alt

Залейте выделенную область чёрным цветом, далее, идём Редактирование – Трансформация – Отразить по вертикали (Edit-Transform-Flip Vertical), уменьшите непрозрачность слоя с тенью до 30%. Нажмите клавиши (Ctrl+T) для трансформации тени, как показано на скриншоте ниже:

alt

Далее, идём Фильтр – Размытие по Гауссу (Filter-Blur-Gaussian Blur):

alt

Добавьте слой-маску к слою с тенью и с помощью мягкой чёрной кисти с низкой непрозрачностью 20-30%, немного размойте верхнюю часть тени:

alt

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

alt

Создайте тень для черепа точно так же, как вы создавали тень для плиты:

alt

К слою с черепом добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски, чтобы затемнить череп:

alt

Перейдите на слой-маску корректирующего слоя Кривые (Curves) и с помощью чёрной кисти, скройте коррекцию кривых в центре черепа, чтобы данная часть черепа оставалась светлой:

alt

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

alt

Уменьшите непрозрачность слоя с паутиной до 30%, т.к. паутина слишком отчётливо видна:

alt

Создайте новый слой. Продолжайте “декорировать” плиту, используя другие кисти Паутина. Я уменьшил непрозрачность данного слоя с паутинами до 50%, а затем с помощью слой-маски, скрыл отдельные участки паутин:

alt

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

alt

Создайте новый слой ниже слоя с вороном. С помощью мягкой чёрной кисти непрозрачностью примерно 50%, прокрасьте под лапками ворона, чтобы создать тень под ним:

alt

Чтобы добавить эффекты освещения к изображению ворона, дважды щёлкните по слою с вороном, чтобы появилось окно Параметров Наложения (Blending Options), а затем  выберите опцию Внутренняя тень (Inner Shadow):

alt

alt

К слою с вороном, добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски для осветления ворона:

alt

Создайте новый слой поверх всех остальных слоёв в палитре слоёв. Установите цвет переднего и заднего плана на #0f0e0e и #999997 соответственно. Идём Фильтр – Рендеринг – Облака (Filter-Render-Clouds):

alt

Уменьшите непрозрачность данного слоя до 50% и с помощью слой-маски, уменьшите насыщенность тумана. На скриншоте ниже вы можете увидеть область обработки на слой-маске и результат на изображении:

alt

Продублируйте слой с туманом, отразите дубликат слоя по горизонтали Редактирование – Трансформация – Отразить по Горизонтали (Edit-Transform-Flip Horizontal), с помощью слой-маски, скройте туман в верхней части сцены (вокруг деревьев):

alt

Добавьте новый корректирующий слой Кривые (Curves) поверх всех слоёв:

alt

alt

Добавьте новый корректирующий слой Уровни (Levels), чтобы затемнить сцену:

alt

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

alt

Добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы усилить насыщенность синими оттенками:

alt

alt

Создайте новый слой поверх всех остальных слоёв. С помощью мягкой белой кисти, прокрасьте верхнюю центральную часть сцены. Далее, поменяйте режим наложения для данного слоя наМягкий свет (Soft Light), 50%:

alt

Создайте три новых слоя поверх всех остальных слоёв. На каждом слое используйте кисть Летучая мышь, цвет кисти #0f0e0e. Нарисуйте летучих мышей поверх деревьев (вы можете воспользоваться инструментом трансформация (Ctrl+T). Чтобы совместить летучих мышей с задним фоном, уменьшите непрозрачность соответствующих слоёв до 90%, 70%, 50%:

alt

Откройте изображение Луны. Вырежьте, а затем переместите выделенное изображение на наш рабочий документ, расположив в верхней центральной части композиции. Поменяйте режим наложения для слоя с Луной на Осветление (Screen), 100%:

alt

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

alt

Примените Стили слоя (Layer Styles), чтобы добавить эффект свечения к изображению Луны:

alt

alt

alt

Размойте Луну с помощью фильтра Размытие по Гауссу (Gaussian Blur):

alt

Итак, пришло время для самой интересной части данного урока. Поверх всех слоёв, с помощью инструмента Лассо alt(Lasso Tool), создайте выделение в нижней правой части сцены, значение Растушёвки (feather) 30 px:

Примечание переводчика: 1. находясь на самом верхнем слое с помощью Лассо, создайте выделение в нижнем правом углу картины. 2. Не снимая выделения, добавьте три новых корректирующих слой Цветовой тон / Насыщенность (Hue/Saturation). 3. Чтобы ещё раз загрузить выделенную область, просто удерживайте клавишу (Ctrl) + щёлкните по слой-маске соответствующего корректирующего слоя.

alt

Идём Слой — Новый корректирующий слой — Цветовой тон / Насыщенность (Layer-New Adjustment Layer-Hue/Saturation):

alt

Результат:

alt

Загрузите выделение через слой-маску корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation). Удерживая клавишу (Ctrl)+щёлкните по слой-маске корректирующего слоя. Далее, идём Слой – Новый корректирующий слой – Кривые (Layer-New Adjustment Layer-Curves):

alt

На слой-маске корректирующего слоя Кривые (Curves), с помощью чёрной кисти, откорректируйте контраст, а также яркость:

alt

В этом шаге мы придадим ворону более зловещий вид. Создайте новый слой поверх всех слоёв. С помощью мягкой кисти, цвет кисти #e256d6, поставьте точку на глаз ворона. Поменяйте режим наложения для данного слоя на Цветность (Color), 100%:

alt

Создайте ещё один новый слой. С помощью кисти меньшего размера, цвет кисти #e256d6, поставьте точку в центре глаза, далее, уменьшите непрозрачность слоя до 50%:

alt

К данному слою примените опцию Внешнее свечение (Outer Glow):

alt

alt

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

alt

Автор: Jenny Le

Переводчик: Садыгалиев Марат

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Человек и природа в Фотошоп

Человек и природа в Фотошоп

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

alt

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

Архив

Создайте новый документ, размеры документа 1000 x 1052px, залейте новый документ любым цветом на своё усмотрение. Откройте стоковое изображение ‘Земля’. С помощью инструментаПрямоугольная область (alt Rectangular Marquee Tool (M), выделите часть изображения, а затем переместите выделенную часть изображения земли на наш рабочий документ. Примените трансформацию (Ctrl+T), как показано на скриншоте ниже:

alt

alt

К слою с землёй добавьте слой-маску через нижнюю панель инструментов. С помощью мягкой чёрной кисти непрозрачностью примерно 100% и 30%, скройте жёсткие края изображения с землёй. На скриншоте ниже вы можете увидеть результат обработки кистью на слой-маске и конечный результат на изображении.

Примечание переводчика: варьируйте непрозрачность кисти.

alt

alt

Чтобы затемнить землю, к слою с землёй добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски. Идём Слой – Новый корректирующий слой – Кривые (Layer-New Adjustment Layer-Curves), затем щёлкните правой кнопкой мыши по корректирующему слою в палитре слоёв и в появившемся окне, выберите опцию Создать обтравочную маску(Create Clipping Mask):

alt

Я решил, что основной источник света будет расположен в правой части композиции, поэтому, перейдите на слой-маску корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти, скройте коррекцию кривых в правой части маски, чтобы эта область была немного светлее, чем вся композиция:

alt

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с землёй в качестве обтравочной маски для проведения цветовой коррекции:

alt

alt

Откройте стоковое изображение ‘Небо’. Выделите часть изображения, а затем переместите выделенное изображение неба на наш рабочий документ. Расположите слой с небом ниже слоя с землёй. С помощью трансформации (Ctrl+T), поверните небо, как показано на скриншоте ниже:

alt

alt

К слою с небом добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски:

alt

Перейдите на слой-маску корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти, скройте коррекцию кривых в левой части сцены, чтобы эта область была темнее, чем правая часть сцены:

alt

К слою с небом добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы слегка добавить жёлтые оттенки:

alt

alt

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы немного уменьшить насыщенность неба:

alt

alt

С помощью корректирующего слоя Кривые (Curves), усильте контраст неба.

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

alt

Скройте коррекцию кривых на слой-маске корректирующего слоя Кривые (Curves). Итак, мы добавили отличный контраст к небу:

alt

alt

Откройте стоковое изображение ‘Корни дерева’. С помощью инструмента Прямолинейное лассо alt (Polygonal Lasso Tool), выделите корни дерева, а затем переместите выделенное изображение корней на наш рабочий документ. Примените трансформацию (Ctrl+T), как показано на скриншоте ниже:

alt

alt

С помощью слой-маски, скройте жёсткие края изображения, для создания плавного перехода изображения корней с землёй:

alt

К слою с корнями добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски, чтобы затемнить их:

alt

На слой-маске корректирующего слоя Кривые (Curves), с помощью кисти с очень низкой непрозрачностью (примерно 10-15%), немного скройте коррекцию кривых в правой части изображения:

alt

alt

К слою с корнями добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) для соответствия цвета корней с цветом земли:

alt

alt

Откройте стоковое изображение ‘Дерево’. Выделите ствол дерева, а затем переместите выделенное изображение на наш рабочий документ. Расположите слой со стволом выше слоя с корнями. С помощью инструмента Деформация (Warp Tool) идём Редактирование – Трансформация – Деформация (Edit-Transform-Warp), деформируйте ствол дерева таким образом, чтобы оно по форме напоминало женское платье:

alt

alt

С помощью слой-маски, проведите совмещение изображения ствола дерева с изображением корней:

alt

Создайте новый слой в качестве обтравочной маски к слою со стволом. Выберите инструмент Штамп alt (Clone Tool (S) и помощью данного инструмента, исправьте отдельные детали на изображении ствола:

alt

alt

Добавьте корректирующий слой Кривые (Curves), чтобы затемнить ствол:

alt

На слой-маске корректирующего слоя Кривые (Curves), с помощью кисти скройте коррекцию кривых в правой части ствола (т.к. на эту сторону падает больше света с заднего фона, чем с левой стороны):

alt

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы уменьшить насыщенность ствола:

alt

alt

Отделите модель от заднего фона. Расположите изображение модели поверх изображения ствола:

alt

К слою с моделью добавьте слой-маску. С помощью чёрной кисти, проведите совмещение платья модели со стволом, а также скройте руки, как показано на скриншоте ниже:

alt

alt

К слою с моделью добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски:

alt

alt

Далее, добавьте корректирующий слой Кривые (Curves), чтобы осветлить правую сторону модели:

alt

На слой-маске корректирующего слоя Кривые (Curves), скройте коррекцию на левой стороне модели, а также на руках, чтобы эти участки были темнее, чем остальное изображение:

alt

Ещё раз добавьте корректирующий слой Кривые (Curves), чтобы затемнить левую сторону модели:

alt

Скройте коррекцию на слой-маске корректирующего слоя Кривые (Curves):

alt

alt

Чтобы добавить эффекты освещения к изображению модели, создайте новый слой и с помощью мягкой белой кисти непрозрачностью примерно  25%, прокрасьте по правой стороне лица и телу модели, как показано на скриншоте ниже.

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

alt

Создайте новый слой, залейте его 50% серым (50% gray), а также поменяйте режим наложения на Перекрытие (Overlay), 100%:

alt

Выберите инструмент Осветлитель alt / Затемнитель alt (Dodge and Burn Tools), установите  Диапазон (Range) на Средние тона (Midtones), значение Экспозиции (Exposure) примерно 20-25%, с помощью данного инструмента, добавьте детали на платье модели, а также немного затемните брови модели. На скриншоте ниже вы можете увидеть участки, где я использовал данный инструмент при режиме Нормальный (Normal), а также результат при режиме Перекрытие (Overlay):

alt

alt

Создайте новый слой поверх всех остальных слоёв с теми же настройками, что и для слоя, который вы создали в предыдущем шаге, но на этот раз не преобразуйте данный слой в обтравочную маску. С помощью инструмента Осветлитель alt/ Затемнитель alt(Dodge and Burn Tools), выделите складки платья модели, как показано на скриншоте ниже, соблюдая форму платья:

alt

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

alt

Залейте активное выделение чёрным цветом (Shift+F5), а затем отразите тень по вертикали, идём Редактирование – Трансформация – Отразить по Вертикали (Edit-Transform-Flip Vertical). Используя трансформацию (Ctrl+T), трансформируйте тень, как показано на скриншоте ниже:

alt

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

alt

Далее идём Фильтр – Размытие – Размытие по Гауссу (Filter-Blur-Gaussian Blur), чтобы смягчить тень:

alt

Расположите изображение Ветки 1 на руку модели и с помощью инструмента Деформация (Warp Tool), немного деформируйте руку:

alt

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

alt

К слоям с ветками, добавьте слой-маски и с помощью чёрной кисти, скройте отдельные участки веток, чтобы создать плавный переход с руками. Я попытался сделать так, чтобы ветви не выглядели однообразно:

alt

alt

С помощью инструмента Осветлитель alt/ Затемнительalt(Dodge and Burn), используя ту же самую технику, которую вы использовали в предыдущих шагах, усильте контраст ветки справа:

alt

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

alt

Проделайте то же самое с веткой слева:

alt

Выделите все слои с ветками, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для слоя с группой с режима Пропустить (Pass Through (режим группы по умолчанию) на режим Нормальный, 100%. Назовите слои с ветками от ‘1’ до ‘4’. Находясь на слое ‘4’ внутри созданной группы, идём Слой – Новый корректирующий слой – Кривые (Layer-New Adjustment Layer-Curves):

alt

Скройте коррекцию кривых на слое-маске корректирующего слоя Кривые (Curves):

alt

Откройте стоковое изображение ‘Ветки 2’. Вначале используя свою технику выделения, которую вы предпочитаете использовать, отделите изображение дерева от заднего фона:

alt

С помощью инструмента Лассо alt(Lasso Tool), выделите участки веток, как показано на скриншоте ниже, а затем переместите выделенные участки веток на наш рабочий документ, расположив на руках модели, а также за головой модели:

alt

С помощью слой-маски, проведите совмещение веток с руками модели, а также скройте участки веток на лице модели:

alt

К слою с ветками, которые расположены слева, добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски, чтобы затемнить их:

alt

Сгруппируйте слои с ветками 2 в одну группу. Внутри созданной группы, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) поверх всех слоёв:

alt

alt

Далее, добавьте корректирующий слой Кривые (Curves) для осветления веток:

alt

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

alt

Выделите изображение ‘Ворон 1’. Переместите изображение ворона на наш рабочий документ, расположив его на ветке слева:

alt

Создайте новый слой ниже слоя с Вороном 1. С помощью мягкой чёрной кисти непрозрачностью примерно 50%, прокрасьте под лапками ворона, чтобы создать тень:

alt

К слою  с Вороном 1, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски:

alt

Далее, добавьте корректирующий слой Кривые (Curves), чтобы затемнить ворона:

alt

Выделите изображение Ворона 2, а затем переместите изображение ворона на наш рабочий документ, расположив в правой части композиции:

alt

Данное изображение Ворона слишком отличается по контрасту с туманным задним фоном, поэтому, я использовал корректирующий слой Кривые (Curves), чтобы исправить это:

alt

Создайте новый слой поверх всех слоёв. Поменяйте цвет переднего плана на #1c0101, а также выберите кисти Листья, размер кисти 10 px. Нажмите клавишу (F5), что изменить настройки для данной кисти:

alt

alt

Нарисуйте листья, разлетевшиеся по небу, а также вокруг модели:

alt

К слою с листьями примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 4 px, чтобы добавить глубины резкости к сцене:

alt

Добавьте ещё листьев, на этот раз, увеличив размер кисти (15 px), цвет кисти тот же:

alt

С помощью корректирующего слоя Кривые (Curves), осветлите некоторые листья, т.к. у нас сцена затянута лёгким туманом:

alt

Скройте коррекцию кривых на слой-маске слоя. На скриншотах ниже вы можете увидеть обработку кистью и результат на изображении:

alt

alt

Создайте новый слой поверх всех слоёв и с помощью мягкой белой кисти непрозрачностью примерно 20-25%, добавьте эффекты освещения на ветви справа:

alt

Добавьте новый корректирующий слой Кривые (Curves) поверх всех слоёв.

Примечание переводчика: автор проводит световую коррекцию, поэтому данный корректирующий слой НЕ будет использоваться в качестве обтравочной маски.

alt

Скройте коррекцию в правой части композиции на слой-маске корректирующего слоя Кривые (Curves), чтобы добавить контраст ко всей сцене и чтобы контраст был более видимым:

alt

Добавьте новый корректирующий слой Карта градиента (Gradient Map).

Примечание переводчика: автор проводит цветовую коррекцию, поэтому данный корректирующий слой НЕ будет использоваться в качестве обтравочной маски.

alt

Уменьшите непрозрачность корректирующего слоя Карта градиента (Gradient Map) до 20%:

alt

Создайте новый слой, установите цвет переднего плана на #282127, а цвет заднего плана на #f4e7c4. Идём Фильтр – Рендеринг – Облака (Filter-Render-Clouds):

alt

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

alt

alt

Создайте новый слой, выберите кисть, цвет кисти #f4e7c4. С помощью данной кисти, прокрасьте по картине, добавляя эффект тумана к сцене. Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), непрозрачность слоя 30%:

alt

alt

Создайте новый слой. Используя ту же самую кисть, прокрасьте по правой кромке земли, которая расположена рядом с горизонтом. Поменяйте режим наложения для данного слоя наМягкий свет (Soft Light), 100%:

alt

Добавьте новый корректирующий слой Фото Фильтр (Photo Filter):

alt

Скройте эффект на земле на слой-маске корректирующего слоя Фото Фильтр (Photo Filter):

alt

Проведите цветовую коррекцию всей сцены с помощью корректирующего слоя Цветовой Баланс (Color Balance):

alt

alt

Заключительный корректирующий слой Вибрация (Vibrance):

alt

alt

Заключительный шаг: Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединенный слой из всех видимых слоёв. Далее идём Фильтр – Размытие – Размытие по Гауссу (Filter-Blur-Gaussian Blur), радиус размытия 3 px:

alt

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

Примечание переводчика: преобразуйте объединённый слой в смарт-объект, а затем примените фильтр Размытие по Гауссу (Gaussian Blur) и на маске смарт-фильтра, скройте эффект размытия.

alt

alt

Мы завершили урок! Надеюсь, вам понравился этот урок.

Автор: Jenny Le

Переводчик: Садыгалиев Марат

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Рисуем дом в стиле пиксель арт

Рисуем дом в стиле пиксель арт

alt

Вы уже создали изометрического пиксель арт персонажа, но где же ему жить? Пришло время сделать дом для него!

Также как и в Лего, постройки — весь смысл пиксель арта. Их создание займет определенное время, но вы проведете это время приятно!

Если вы не прошли урок Изометрический пиксель арт в Фотошоп, вам лучше начать с него; мы будем использовать персонажа с этого урока и пропустим советы по Photoshop, которые уже были рассмотрены.

Шаг 1

Нам нужно выяснить, как разделить размеры элементов дома. Нет нужды подходить к этому слишком технично (наш персонаж имеет не очень реалистичные пропорции). Мы просто используем персонажа, как мерило и решим какой высоты мы хотим двери, окна и крышу, чтобы сохранить соответствие размеров пиксельной среды.

Мы остановились на этом:

alt

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

На новом слое давайте создадим «стену» из линий 2:1, каждая на 4px выше от предыдущей (также видно как три пустых пикселя между каждой линией). Если мы будем выбирать высоты, которые соответствуют этим линиям, позже это сделает добавление текстур, таких как кирпич или дерево более эстетично приятным.

alt

Шаг 2

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

alt

Давайте продолжим растить нашу структуру, но не очень сильно! Если вы не хотите делать срезанный вид на интерьер, лучше сделать здание просто достаточно большим, чтобы передать идею обычного дома. Этим путем мы можем уместить больше элементов в меньшее пространство, что полезно в более сложной городской сцене, и в любом случае предпочтительно не включать ненужные элементы. Как в жизни, так и в пиксель арте.

Шаг 3

Мы сделаем фундамент в L-образной форме, чтобы добавить ему замысловатости; дом будет выглядеть приятнее, а мы изучим больше геометрии.

Сейчас нам нужно продолжить структуру только в одном направлении. Вот оно, с добавленной длиной справа от двери: 40px от грани дверного проема до края нового угла.

alt

Здесь комната с одним или двумя окнами. Мы займемся ею позже.

Шаг 4

Теперь давайте выберем секцию этих линий, применим alt-смещение (или скопировать/вставить), горизонтально отразим их и разместим на правой лицевой стене, затем продлим линии, пока они не станут шириной в 50px:

alt

Шаг 5

Теперь выберем всю левую лицевую стену плюс 10px правой стены (всего должно выйти 60px), применим alt-смещение, Отразить по горизонтали (Flip Horizontal), а затем разместим с другой стороны, чтобы сделать нашу L:

alt

Мы просто пропускаем нижние линии, необходимые для L, вместо этого просто дорисовываем линии над ними:

alt

Теперь давайте закроем формы и заполним их цветом таким же способом, как и в предыдущей статье. Оставьте метки для двери и удалите маркер для потолка.

Шаг 6

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

alt

Я пометил красным то, с чем мы еще не встречались: угол «впадина». Все углы куба были «наружными», поэтому более светлые цвета выглядели отлично. Но для «впадин» использование светлых цветов не имеет смысла, а черный может быть слишком грубым, поэтому лучший способ — использовать цвет на 10% или 15% темнее от цвета стен:

alt

Кажется, мы получили основные формы, но осталось еще кое-что очень важное и более сложное.

Шаг 1

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

alt

Эти новые линии будут нижней частью крыши.

Шаг 2

Создайте новый слой и нарисуйте несколько вертикальных линий из двух углов нашей L:

alt

(Правая линия нарисована не точно из правого угла, потому что я предпочитаю избавляться от этого пикселя, когда заканчиваю форму… также как мы делали с кубом и L.)

Шаг 3

Теперь найдите место между этими двумя линиями, чтобы добавить третью. Можете измерить при помощи инструмента выделения или можете сместить выделение и посчитать расстояние по ходу перемещения его при помощи стрелок на клавиатуре (запомните: смещение с удержанием Shift перемещает выделение на 10px за раз)

alt

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

alt

Одна из них — диагональная линия типа 1:1 с прямой горизонтальной линией, а вторая — 1:2 с 1:1.

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

Шаг 4

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

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

alt

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

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

alt

Если вы следуете этому правилу, стоит немного сместить диагональную линию типа 1:1.

Шаг 5

Теперь давайте объединим линии крыши (но пока еще не со слоем L-образной основы), затем применим alt-смещение, Отражение по горизонтали (Flip Horizontal) и разместим на левой стороне L-основы, чтобы получить такой результат:

alt

Нам больше не понадобятся линии на верху, поэтому сотрите их и добавьте вертикальную линию, чтобы сделать угол «впадину». На слое с L-образной основой крыши сотрите две черных линии на заднем фоне (две линии выше на экране), а после этого объедините слой с линиями крыши и слой с основой крыши.

alt

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

alt

Я думаю, что подсветка формы на верхней грани придает ей намного лучший вид.

Шаг 7

Теперь сделайте два треугольника почти белыми (тот, что справа должен быть немного темнее) и отделите белый цвет от крыши более темным тоном, как один из тех, что мы использовали для внутреннего угла крыши.

alt

Шаг 8

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

alt

Шаг 9

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

alt

Это не обязательно, но теперь мы можем объединить слой крыши с L-слоем дома. Должно быть легче заполнить пустые зоны треугольников цветом стен перед объединением. Инструмент Лассо alt (Lasso Tool) — ваш друг; только запомните, что нужно снять галочку сглаживание (anti-alias).

alt

Отлично! Мы довольно много сделали с геометрической работой!

Шаг 1

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

alt

Шаг 2

Теперь в этом пустом скучном месте, смотрящем на нас, должно быть окно. Оно может быть почти таким же, как и дверной проем, поэтому сохраните верхний край на таком же уровне и отцентрируйте его между краем двери и углом дома. Если хотите, сделайте его уже или шире. Мы добавим еще один прямоугольник, чтобы оконная рама выглядела более детализированной и широкой.

Если вы сместите нижнюю линию двери на пиксель или два, она будет выглядеть не такой плоской:

alt

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

Шаг 3

У нас ещё есть две голые стены, поэтому мы просто скопируем одинаковое окно на эти стены, поместим его максимально по центру и конечно на одном уровне, отталкиваясь от нижней линии (это помогает выбрать окно вместе с нижней линией, чтобы сделать все проще).

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

alt

(Не волнуйтесь, если меньшие окошки не отцентрированы относительно крыше, ведь сама крыша находится не на том вертикальном уровне, что стены и окна.)

Шаг 4

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

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

alt

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

Шаг 5

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

alt

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

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

alt

Шаг 6

Я также вернул персонажа, чтобы помочь поместить дверную ручку, которая должна быть примерно на уровне локтя.

alt

Добавлена дверная ручка золотистого цвета.

Шаг 7

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

alt

Давайте создадим и применим текстуры. Зоны, которые нам нужны — это, конечно же, крыша и стены.

Начнем с крыши. Создайте новый слой.

Мы нарисуем несколько слегка круглых плиток, которые будут идти вдоль верхней линии, а когда их будет достаточно, применим alt-смещение и начнем добавлять их внизу.

alt

Шаг 2

Второй ряд плиток располагается в этой позиции, потому что они сначала передвигаются вдоль на 2px (следуя верхней линии), чтобы располагаться в положении перекрытия, как кирпичи, а затем они двигаются вниз (следуя диагональной стороне) еще на несколько пикселей. Если это звучит сложно, просто следуйте визуальной инструкции внизу и все получится отлично. После того, как вы получили большой клочок текстуры, несколько раз дублируйте его, чтобы он покрыл крышу:

alt

Шаг 3

На левой стороне крыши текстура должна лежать в противоположном направлении, поэтому отразите эту зону по горизонтали (Flip Horizontal). После этого перейдите на слой с домом и используйте инструмент Волшебная палочка alt (Magic Wand), чтобы выбрать все цвета крыши (кроме черных линий). Если удерживать Shift, можно продолжать добавлять зоны к выделению. Когда вы закончили выделение, перейдите в слой с текстурой, инвертируйте выделение через меню Выделение > Инверсия (Select > Inverse) и удалите его, чтобы получить такой результат:

alt

Шаг 4

Перед объединением слоев, нужно уменьшить непрозрачность (Opacity) слоя с текстурой примерно до 20%. Но вот что я посоветовал бы, чтобы сохранить нашу цветовую палитру в порядке — можно заменить цвет текстуры темными оттенками, которые уже использовались в крыше:

alt

Я также убрал текстуру с краев подсветки, чтобы сделать крышу немного чище.

Шаг 5

Для текстуры дерева нам просто нужно нарисовать линии, идущие вдоль фундамента дома, затем при помощи alt-смещения переместить их на 4px вверх, повторяя этот процесс пока линии не покроют все стены:

alt

Затем повторите процесс из четвертого шага:

alt

Поздравляю! Ваш дом готов!

Вы создали дом для персонажа, но его мир должен продолжать расти. Если вам понравился урок, заходите за продолжением!

Автор: René Alejandro Hernández

Переводчик: Шаповал Алексей

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Собираем портрет из лего в Фотошоп

Наша фирма » Мир решеток» делает под заказ решетки на окна, любой сложности. Вы останетесь довольны нашей работой.

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

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

alt

alt

Исходное изображение

alt

Видео урок

 

Откройте любую свою фотографию, которая вам нравится в программе Photoshop. Мы рекомендуем использовать изображение, размеры которого составляют минимум 2000×2000 пикселей. Если ваше изображение недостаточно больших размеров, то вы можете воспользоваться инструментом Размер изображения (Image Size tool), для этого идём Изображение – Размер изображения (Image > Image Size), чтобы увеличить размеры изображения – не переживайте, если ваше изображение станет размытым из-за масштабирования, т.к. мы в любом случае будем разбивать изображение на пиксели!

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

alt

Создайте дубликат вашей фотографии, чтобы у вас была резервная копия. Продублируйте слой с фотографией. Продублировать слой можно путём нажатия клавиш (Ctrl+J). Назовите дубликат слоя “Кирпичики”. Щёлкните правой кнопкой по дубликату слоя и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object). Преобразование слоя в смарт-объект поможет нам применять Смарт-фильтры (Smart Filters), что позволит нам менять настройки в любой момент.

alt

Далее, идём Фильтр – Оформление – Мозаика (Filter > Pixelate > Mosaic). Подберите нужное значение Размера ячейки (Cell Size), пока вы не сможете едва различать изображение. Выставленный размер ячейки определит размер будущих ваших кирпичиков. Запомните настройки размера ячеек, т.к. это понадобится нам в следующем шаге.

alt

Создайте новый документ (Ctrl+N) или идём Файл Новый (File > New), установите размеры документа те же самые, что и размеры ячеек, которые вы использовали ранее. Например, если вы использовали фильтр Мозаика (Mosaic), и установили значение размера ячейки 64 квадрат (64 square), то вы должны создать новый документ размерами 64×64 px.

alt

Нажмите клавиши (Shift+Backspace) или идём Редактирование – Выполнить заливку (Edit > Fill), чтобы активировать инструмент Заливку (Fill tool). В выпадающем меню, выберите опцию 50% серым (50% Gray), а затем нажмите OK.

alt

Ваш новый документ будет залит 50% серым (50% gray).

alt

Выберите инструмент Эллипс alt(Ellipse tool (U), далее, нарисуйте круг в центре (цвет круга не имеет значения). Для создания идеального круга, удерживайте клавишу (Shift). Далее, переключитесь на инструмент Перемещение (alt Move tool (V), чтобы расположить круг в центре вашего документа.

alt

alt

Далее, мы применим опцию Тиснение (bevel) к слою с кругом, используя стили слоя (layer styles). Идём Слой- Стили слоя – Параметры наложения (Layer > Layer Style > Blending Options). Установите Непрозрачность заливки (fill opacity) на 0 – данная опция скроет всё, кроме стилей слоя.

Примечание переводчика: как только вы активируете опцию Параметры наложения (Blending Options), в настройках Дополнительные параметры (Advance blending), уменьшите значение непрозрачности заливки до 0.

alt

Выберите опцию Тиснение (Bevel & Emboss). В настройках Метод (technique) установите опцию Жёсткая огранка (Chisel Hard), далее, установите размер огранки, чтобы получить толщину тиснения, как на скриншоте ниже. Вы также можете подобрать угол Затенения (shading), по умолчанию угол выставлен на 120°, – я поменял угол на 90°.

alt

Далее, выберите опцию Тень (Drop Shadow). Установите Смещение (Distance) на 0px, а затем подберите значение размера, чтобы тень выглядела, как на скриншоте ниже. Нажмите OK по завершении, чтобы применить выставленные настройки.

alt

Итак, мы завершили создание кнопки в центре нашего кирпичика. Далее, мы добавим небольшое тиснение на внешнюю кромку самого кирпичика. Для этого, мы добавим стили слоя к слою с задним фоном, но перед тем, как мы это сделаем, нам нужно преобразовать слой с задним фоном в обычный слой. Для этого, дважды щёлкните по слою с задним фоном или щёлкните правой кнопкой мыши по слою с задним фоном и в появившемся окне, выберите опцию Из заднего плана (Layer from Background).

alt

Щёлкните правой кнопкой по слою с задним фоном и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Выберите опцию Тиснение (Bevel & Emboss). В настройках Метод (technique) установите опцию Жёсткая огранка (Chisel Hard), установите Размер (Size) 1-2px (таким образом, кирпичик должен выглядеть, как на скриншоте ниже). Если огранка выглядит слишком жёсткой, то вы можете уменьшить значение непрозрачности Режима Подсветки и режима Тени (Highlight/Shadow Opacity) в нижней части окна настроек опции Тиснение (Bevel & Emboss).
 

alt

Далее, нам нужно преобразовать наше изображение в узор. Для этого идём Редактирование – Определить узор (Edit > Define Pattern). Дайте название новому узору, а затем нажмите OK.

alt

Закройте текущий документ без сохранения, далее, возвращаемся на наш рабочий документ. Добавьте новый корректирующий слой Узор (Pattern) через нижнюю панель инструментов. В появившемся меню, выберите опцию Узор (Pattern).

alt

В меню набора узоров, выберите узор ‘кирпичик’, а затем нажмите OK.

alt

Поменяйте режим наложения на Линейный свет (Linear Light). Итак, мы получили изображение, составленное из кирпичиков, именно так будет выглядеть изображение, если мы применим кирпичики ко всей цветовой палитре.

alt

Чтобы кирпичики не были применимы ко всей цветовой палитре, нам необходимо ограничить кирпичики цветовой палитрой. Мы проделаем это с помощью 2х слоёв; один слой повлияет на затенение, а второй на цвет. Добавьте новый корректирующий слой Постеризовать (Posterize) через нижнюю палитру инструментов. Расположите данный корректирующий слой ниже корректирующего слоя Узор (Pattern), а затем поменяйте режим наложения для данного корректирующего слоя на Свечение (Luminosity). Режим наложения Свечение (Luminosity) предотвратит слой от воздействия цветовых оттенков на ваше изображение.

alt

Подберите значение Уровней (Levels) начиная от 4-8.

alt

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

alt

Выберите любой цветовой оттенок, далее, установите значение (S) Насыщенность (Saturation) на 75%, а значение (B) Яркости (Brightness) на 100%. Значение (H) Цветовой тон (Hue) может быть любой цвет. Нажмите OK.

alt

Расположите данный корректирующий слой ниже корректирующего слоя Узор (Pattern), а затем поменяйте режим наложения для данного корректирующего слоя на Насыщенность(Saturation).

alt

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

Итоговый результат на скриншоте ниже! Вы можете подобрать значение непрозрачности корректирующего слоя Постеризовать (Posterize), если вы решите вернуть тональность к своему изображению.

alt

Если вы хотите, чтобы ваша фотография была больше с эффектом официального фото приложения Лего! Просто поменяйте режим наложения Постеризовать (Posterize) на режимНормальный (Normal).

alt

Ссылка на PSD файл урока

Автор: Denny Tang
Переводчик: Садыгалиев Марат

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Иллюзия движения в Фотошоп

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

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

alt

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

  1. Автомобиль
  2. Бегущий человек
  3. Тинэйджеры

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

Откройте изображение “Автомобиль” в программе Photoshop и далее продублируйте изображение с автомобилем Ctrl + J.

alt

Примените фильтр Размытие в Движении (Motion Blur), для этого идём Фильтр- Размытие – Размытие в Движении (Filter > Blur > Motion Blur).

alt

alt

К дубликату слоя с размытием добавьте слой-маску, для этого идём Слой – Слой-маска – Показать всё (Layer > Layer Mask > Reveal All).

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

На скриншоте ниже, я прокрасил изображение автомобиля красным цветом там, где вы должны прокрасить чёрной кистью на слой-маске слоя, в качестве ориентира.

alt

Результат должен быть, как на скриншоте ниже.

alt

Нажмите клавиши Ctrl + Shift + Alt + E, чтобы объединить все видимые слои в один слой, а затем с помощью инструмента Овальная область alt (Elliptical Marquee Tool), создайте выделение вокруг переднего колеса автомобиля.

alt

Далее, к выделенной области, примените фильтр Радиальное Размытие (Radial Blur), для этого идём Фильтр – Размытие – Радиальное Размытие (Filter > Blur > Radial Blur). В параметре Метод (Method Blur), выберите опцию Кольцевой (Spin) и сместите бегунок параметра Степени (Amount) до конца вправо. В этом шаге, мы применим Кольцевое Размытие(Spin Blur) к нашему колесу, чтобы оно выглядело, как будто быстро вращается.

alt

Колесо должно выглядеть, как показано на скриншоте ниже:

alt

Повторите действие с радиальным размытием к заднему колесу. Результат должен быть, как на скриншоте ниже.

alt

Добавьте слой-маску к слою с радиальным размытием, идём Слой – Слой-маска – Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти с непрозрачностью 50%, прокрасьте вокруг краёв вращающихся колёс, чтобы скрыть какие-либо заметные / грубые линии.

alt

Создайте ещё один объединённый слой из всех видимых слоёв, нажав клавиши Ctrl + Shift + Alt + E. А затем к объединённому слою, добавьте Размытие в Движении (Motion blur), установите значение Смещения (Distance) 700px.

alt

Результат Размытия в Движении (Motion Blur):

alt

Поменяйте режим наложения для данного слоя на Осветление (Screen), далее, добавьте слой-маску, для этого идём Слой- Слой-маска – Скрыть всё (Layer > Layer Mask > Hide All).

alt

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

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

alt

Продублируйте данный слой, нажав клавиши Ctrl + J. Далее, нажмите Alt + Backspace, чтобы залить слой-маску чёрным цветом, затем сместите слой немного верх (удерживая клавиши Ctrl + Shift + нажмите клавишу со стрелкой ВЕРХ один раз):

alt

Прокрасьте на слой-маске белой кистью, как показано на скриншоте ниже:

alt

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

alt

Другие типы Размытия

Ещё один интересный эффект, который вы могли бы применить к объекту или человеку, создавая ощущение, что он бежит очень быстро, это Линейное Размытие (Zoom Blur).

Откройте изображение “Бегущий человек”, также продублируйте слой с изображением бегущего человека.

Далее, идём Фильтр – Размытие – Радиальное Размытие (Filter > Blur > Radial Blur). В параметре Метод (Method Blur), выберите опцию Линейное Размытие (Zoom Blur).

alt

К дубликату слоя с размытием, добавьте слой-маску, для этого идём Слой- Слой-маска – Скрыть всё (Layer > Layer Mask > Hide All). Аккуратно прокрасьте с помощью белой кисти на слой-маске слоя, чтобы проявилось только изображение бегущего человека, а также немного прокрасьте участок земли перед человеком. Результат должен быть, как на скриншоте ниже.

alt

Другая техника – это применение фокуса к изображению объекта или человека с помощью Размытия по Гауссу (Gaussian Blur) и размытия картинки за исключением объекта / человека, на котором мы хотим сфокусироваться. Итак, давайте попробуем.
Откройте изображение “Тинэйджеры”, также продублируйте слой с изображением тинэйджеров.

Примените Размытие по Гауссу (Gaussian Blur), установите радиус размытия  3.5px. Для этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur).

alt

Теперь, давайте предположим, что мы хотим сфокусировать только девушку, которая расположена в середине.

К дубликату слоя с размытием, добавьте слой-маску, для этого идём Слой – Слой-маска – Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти, прокрасьте поверх верхней части девушки, которая расположена в середине. При прокрашивании, будьте аккуратны, не заходите кистью дальше от объекта фокусирования. Как вы можете увидеть, эффект – нежный, но ощутимый.

alt

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

Автор: Adrian Scheff

Переводчик: Садыгалиев Марат

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Играем красками в Фотошоп

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

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

Урок выполнен в версии программы Photoshop СS6, поэтому некоторые скриншоты могут показаться вам непривычными.

Давайте начнем!

alt

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

  1. Модель (от MariaAmanda)
  2. Пламя
  3. Набор текстур

Альтернативные исходники от переводчика:

  1. Пламя 2

Создайте новый документ размером 800 х 1132 пикс. с черным фоном.
Из набора текстур выберите синюю вертикальную текстуру и откройте ее в  Photoshop. Переместите текстуру в рабочий холст. Изменение размера текстуры в соответствии с размером нашего основного документа:

alt

Добавим к текстуре корректирующие слои (как обтравочные маски):

Черный и белый (Black and White)

alt

Кривые (Curves)

alt

Теперь текстура имеет подобный вид:

alt

Приступим к работе с моделью. Откройте изображение девушки в новом файле. Отделите верхнюю часть тела от фона и скопируйте ее на новый слой.
Перенесите скопированный участок в основной холст.

alt

Немного уменьшите девушку, и разместите изображение в нижнем левом углу холста.

Примечание переводчика: для перехода к функциям трансформирования используйте комбинацию клавиш Ctrl+T

alt

Давайте немного «разгладим» кожу модели. Для этого перейдите к Фильтр — Размытие — Размытие по  поверхности (Surface Blur).

alt

Необязательный шаг (второй вариант для разглаживания кожи): если вы работаете с версией  Photoshop СS6, то можете использовать  Фильтр —  Масляная живопись (Oil Painting filter) для того что бы придать красивый эффект коже. Настройки указаны ниже:

alt

Примените к слою с девушкой Фильтр — Штрихи — Акцент на краях (Accented Edges filter). Настройки фильтра вы можете подобрать самостоятельно, или воспользоваться моими:

alt

Перейдите к панели инструментов и активируйте инструмент Затемнитель alt(Вurn tool). Проработайте области указанные в примере:

alt

К слою с девушкой мы дополнительно применим несколько корректирующих слоев (как обтравочные маски (clipping masks)).

Черный и белый (Black and White):

alt

Уровни (Levels):

alt

Кривые (Curves):

alt

Проработайте слой-маску последнего корректирующего слоя, оставив воздействие только в области глаз:

alt

На данном этапе ваш результат будет близок к этому:

alt

В данном шаге мы добавим в наш коллаж пламя.
Загрузите изображение огня в Photoshop. Активируйте инструмент Волшебная палочка alt (Magic wand tool) и создайте выделение нескольких участков пламени.

alt

Скопируйте выделение на новый слой. Переместите скопированный участок в основной рабочий холст. При необходимости, уменьшите размер изображения с участками огня. Разместите пламя так, что бы оно покрыло волосы и лицо модели, а затем измените режим наложения данного слоя на Экран (Screen) либо Мягкий свет (Soft light).

alt

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

alt

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

alt

Добавим дым. Создайте новый слой поверх предыдущих. Установите набор кистей с дымом либо облаками. Цвет переднего плана установите на белый. Активируйте инструмент Кисть alt(Brush tool) и на новом  слое прорисуйте области холста, как показано ниже.

Так же, вместо использования кистей, вы можете применить фильтр Облака (Clouds filter).

Примечание переводчика: вы можете использовать данные Кисти.

alt

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

alt

Скопируйте выделение и вставьте его в основной рабочий документ. Разместите слой с пламенем над слоем с моделью.

Активируйте инструмент Свободное трансформирование (Free transform tool) и отобразите пламя горизонтально. Режим наложения (Вlending mode) данного слоя установитеЗатемнение основы (Сolor burn).

alt

Желаемый эффект должен выглядеть так:

alt

Мы почти закончили! Поработаем над общим видом и фоном. Дублируйте фоновый слой. К слою-копии с фоном примените Фильтр — Штрихи — Акцент на краях (Accented Edges filter). Настройки показаны ниже:

alt

Затем добавьте к данному слою слой-маску . Красным цветом на изображении, отмечены области, которые нужно обработать черной кистью (стоя на слой маске).

alt

Режим наложения слоя с копией фона измените на Перекрытие (Оverlay).

alt

На данном этапе вы получите похожий результат:

alt

Для добавления финального акцента, был использован корректирующий слой Выборочная коррекция цвета (Selective color). Настройки для данного слоя вы можете подобрать самостоятельно, это придаст особый шарм вашей работе. Мой финальный результат:

alt

На этом урок окончен! Надеюсь он вам понравился!
Всем хорошего дня!

Автор: psdvault

Переводчик: Хитрён@

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Создаем эффект рисунка акварелью в Фотошоп CS6

Комплектующие для перил можите купить тут на сайте, очень хороший интернет магазин.

Этот урок создавался специально под Фотошоп CS6, если у вас более ранняя версия фш, то некоторые шаги могут отличаться.

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

Приступим к работе!

Фото, которое я использую в уроке still life photo (от Shutterstock), вы можете взять любое другое, понравившееся вам фото.

alt

А вот так будет выглядеть наш конечный результат после применения всех фильтров:

alt

Откроем фото в Фотошоп. Наша работа начинается со слоя Задний план (Background).

alt

Создадим копию слоя Задний план (Background). Для этого идем в меню Слои (Layer) – Новый (New) – Скопировать на новый слой (Layer Via Copy) либо воспользуемся сочетанием клавиш Ctrl+J (Win) / Command+J (Mac).

alt

У нас на панели слоёв появится копия фонового слоя с именем Слой 1 (Layer 1), которая будет располагаться выше слоя Задний план (Background).

alt

Давайте преобразуем копию нашего слоя в смарт-объект для того, чтобы при дальнейшем применении фильтров он оставался полностью редактируемым. Для этого находясь на копии слоя идём в меню Слои (Layer) – Смарт-объект (Smart Objects) – Преобразовать в смарт-объект (Convert to Smart Object).

alt

Вы можете увидеть, что в панели слоев на нашем слое появилась маленькая иконка смарт-объекта.

alt

Создадим две копии смарт-объекта при помощи сочетания клавиш Ctrl+J (Win) / Command+J (Mac). Используйте это сочетание клавиш дважды, чтобы создать две копии слоя со смарт-объектом.

alt

Переименуем слои, так как те имена, что даются слоям по умолчанию, не очень удобны при просмотре. Чтобы переименовать слой достаточно двойного щелчка мышкой по названию слоя в палитре слоёв. Далее напишите удобное для вас название и нажмите клавишу Enter (Win) / Return (Mac). Я использовал следующие названия в своей работе – Аппликация (Cutout),Сухая кисть (Dry Brush) и Медиана (Median).

alt

Скроем два верхних слоя нажав на значок видимости слоя (значок «глаз» слева от каждого слоя в палитре слоев):

alt

Щёлкните по слою Аппликация (Cutout), чтобы активировать его для дальнейшей работы.

alt

Теперь мы применим первый из трёх фильтров, необходимых для создания эффекта акварельного рисунка. Идём в меню Фильтр (Filter) – Галерея фильтров (Filter Gallery):

alt

Выбираем вкладку Имитация (Artistic), Аппликация (Cutout):

alt

Используем следующие настройки фильтра: Количество уровней (Number of Levels) и Простота краёв (Edge Simplicity) 4, Четкость краёв (Edge Fidelity) 2.

alt

Нажимаем ОК для применения фильтра.

Теперь нам надо изменить Режим наложения (Blend Mode) на Яркость/Свечение (Luminosity). Вы найдёте это меню в левом верхнем углу панели слоёв, в открывшемся списке режимов наложения выберите нужный нам режим и щёлкните по нему мышкой.

alt

Вот как наша картинка будет выглядеть после применения фильтра и изменения режима наложения:

alt

Перейдём на слой Сухая кисть (Dry Brush) – нажмите сначала на слой, чтобы перейти на него, а потом щёлкните мышкой на иконку рядом со слоем, чтобы включить его видимость:

alt

Применим к слою Сухая кисть (Dry Brush) фильтр. Для этого снова воспользуемся Галереей фильтров (Filter Gallery) в меню Фильтр (Filter):

alt

Там выбираем фильтр Имитация (Artistic), Сухая кисть (Dry Brush)со следующими настройками:
Размер кисти (Brush Size) и Детализация (Brush Detail) 10, Текстура (Texture) 3. Нажмите ОК, чтобы закрыть диалоговое окно и применить фильтр.

alt

Изменим Режим наложения (Blend Mode) на Осветление/Экран (Screen).

alt

Вот так выглядит наша картинка после применения двух фильтров:

alt

Перейдём на слой Медиана (Median) –также активируем его щелчком мыши по слою и включаем видимость:

alt

Применим к слою следующий фильтр: идём в меню Фильтр (Filter), выбираем там Шум (Noise) – Медиана (Median).

alt

Устанавливаем следующее значение для Радиуса (Radius) равное 12 пикс.

alt

Меняем слою Медиана (Median) режим наложения на Мягкий свет (Soft Light):

alt

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

alt

Вот, что получилось в результате выполнения урока:

alt

Использование смарт-фильтров даёт широкие возможности для редактирования вашей работы на любом этапе её создания. Так к примеру, если вам не очень понравился результат, вы всегда можете изменить любой из смарт-фильтров – отредактировать какие-то его значения или заменить сам фильтр.

Для изменения настроек смарт-фильтра необходимо дважды щёлкнуть по названию фильтра. В открывшемся диалоговом окне фильтра вы можете менять значения его параметров. Для применения фильтра и просмотра результата нажимаем ОК.

Если вам нужно изменить не только настройки, но и сам фильтр, то необходимо открыть двойным щелчком Галерею фильтров (Filter Gallery). В открывшемся диалоговом окне вы сможете подобрать другой фильтр или отредактировать настройки уже применённого фильтра.

alt

Итак, мы это сделали! Мы научились превращать фото в акварельный рисунок всего за несколько шагов!

Автор урока: Steve Patterson

Переводчик: Партусова Юлия

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Цветочный чай в Фотошоп

Финальное изображение:

alt

Ресурсы:

  1. Чашка
  2. Цветок

В этом уроке мы будем работать с двумя изображениями, чтобы показать вам, как создать разрез чашки с жидкостью. Начнём с открытия в Фотошоп изображения с чашкой. Изменим размер изображения Image-Image Size (Изображение-Размер Изображения)  по ширине на 1000 рх.

alt

Выберите инструмент Clone Stamp Tool alt (Штамп) и мягкую круглую кисть около 50 рх. С зажатой Ait курсор изменится на значок цели. Щёлкните в том месте, который вы хотите использовать, как точку образца. Далее рисуйте там, где вы хотите видеть клонированный участок. Во время рисования на исходном участке изображения появится крестик, а в месте рисования-круг.

alt

alt

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

Давайте поработаем над фоном. Выберите инструмент Polygonal Lasso Tool alt (Прямолинейное Лассо) и создайте выделение чашки.

alt

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

alt

Инвертируем выделение- Ctrl+Shift+I и идём в Filter > Blur > Gaussian Blur ( Фильтр-Размытие-Размытие по Гауссу) и выставляем следующие параметры.

alt

alt

Снимите выделение, нажав Ctrl+D. Щелкните дважды на фоновом слое, чтобы преобразовать его в обычный слой. Перейдите к Edit > Transform > Rotate ( Изображение-Трансформация-Поворот) и немного поверните изображение.

alt

Штампом замаскируйте пустые места на холсте.

alt

Откройте в Фотошоп изображение цветка и переместите в рабочий документ . Измените размер Edit > Free Transform (Изображение-Свободная Трансформация), удерживайте Shift+Alt для сохранения пропорций. Чтобы было легче подогнать размер изображения с цветком, уменьшите Оpacity (Непрозрачность) до 50%.

alt

Измените Оpacity (Непрозрачность) слоя с цветком обратно на 100% и временно скройте видимость слоя, нажав на глазик в палитре слоёв. Перейдите на слой с чашкой. Выберите инструмент Pen Tool alt(Перо) и создайте контур, аналогичный поверхности жидкости. Преобразуйте контур в выделение и на новом слое залейте выделение белым.

Примечание переводчика: чтобы преобразовать контур в выделение-нажмите правую кнопку мыши и выберите Make Selection (Создать Выделение). Вместо Пера можно воспользоваться инструментом Ellipse Tool alt (Эллипс) в режиме Paths (Контуры).

alt

Включите линейку View > Rulers (Просмотр-Линейки) или Ctrl+R и создайте две направляющие, как показано ниже.

Примечание переводчика: Горизонтальная направляющая должна проходить через две точки соприкосновения с нижним краем кромки чашки.

alt

Выберите Pen Tool alt (Перо) (убедитесь, что Перо в режиме Paths (Контуры) и создайте контур.

alt

Щёлкните правой кнопкой мыши и выберите Make Selection (Создать Выделение)

alt

Создайте новый слой и залейте выделение цветом #f0e5d3. Отмените выделение( Ctrl+D). Переместите горизонтальную направляющую немного выше, как показано на скриншоте ниже.

Примечание переводчика: поднимите направляющую к верхнему краю кромки.

alt

Создайте пером новый контур.

alt

Преобразуйте контур в выделение, как вы уже  делали выше, создайте новый слой и залейте выделение чёрным. Снимите выделение( Ctrl+D). Теперь нам необходимо добавить тень на дне. Перейдите на слой ниже и загрузите выделение слоя Select > Load Selection (Выделение-Загрузить Выделение). Выберите мягкую кисть (Brush), в настройках на верхней панели установите значение Opacity (Непрозрачность) 16% цвет чёрный и нарисуйте тень.

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

alt

Отмените выделение (Ctrl+D) и перейдите на слой выше.

alt

Дублируйте слой Ctrl+J и к этому дублированному слою примените Filter > Blur > Gaussian Blur (Фильтр-Размытие-Размытие по Гауссу)

alt

alt

Отключите видимость направляющих View-Show-Guides (Просмотр-Показать-Направляющие), они нам больше не нужны. Загрузите выделение слоя с белой фигурой поверхности воды и слоя с чёрной не размытой (оригинальной) фигурой.

Примечание переводчика: сначала загрузите выделение одного слоя-Ctrl+клик по иконке слоя, затем зажмите Shift+Ctrl и щёлкните по иконке другого слоя.

alt

alt

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

alt

Выберите инструмент Polygonal Lasso Tool alt (Прямолинейное Лассо), зажмите Shift, около курсора появится значок плюса  и добавьте к выделению лепестки , которые должны быть внутри чашки.

alt

Далее при активном выделении  идём в меню Layer > Layer Mask > Reveal Selection (Слой-Слой -Маска-Показать Выделение), чтобы добавить маску слоя для слоя с цветком.
 

alt

Нижняя часть изображения цветка отсутствует, выберите инструмент Smudge Tool alt (Палец) и замаскируйте недостающую часть.

alt

Дублируйте слой с цветком Ctrl+J и примените Filter > Distort > Glass (Фильтр-Искажение-Стекло) на дублированном слое.

alt

alt

На маске слоя чёрной твёрдой кистью сотрите воздействие фильтра на лепестках, которые должны быть над поверхностью воды.

alt

Выше всех слоёв создайте новый слой. Загрузите выделение слоя с белым овалом поверхности воды-Ctrl+клик по иконке слоя.

alt

Выберите инструмент Gradient alt (G) (Градиент) от белого к прозрачному и на новом слое с зажатой Shift протяните градиент от нижнего края выделения.

alt

Отмените выделение (Ctrl+D) и измените Оpacity (Непрозрачность) слоя до 37%. Мягким ластиком очистите лепестки, которые должны быть над поверхностью воды..

alt

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

alt

Отмените выделение (Ctrl+D) и измените режим наложения слоя на Soft Light (Мягкий Свет) и Оpacity (Непрозрачность) до 37%.
И на этом наша работа завершена.

Финальное изображение

alt

Надеюсь, вам понравился этот урок!

Автор: Photoshop Star Staff

Переводчик: Svetlana

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru