как нарисовать комнату в фотошопе

Урок Photoshop: «Живая комната»

image15 dl

С помощью Photoshop Вы сможете создать «живую комнату», в которой стены – голубое небо с облаками, пол – бурное морское дно, а в качестве солнца – старинные часы.

Следуя этому небольшому руководству, Вам потребуются изображения с хостинга Shutterstock и программа Photoshop Creative Suite (Photoshop CS) любой версии. Руководство предназначается для продвинутых пользователей, которые знают что такое прозрачность слоя и трансформация.

Ну что же, давайте приступать!

Скачайте Ваши исходные изображения

stock photo white clouds 72703351 stock photo concrete wall 65347750 stock photo old paper texture 73272484
stock photo deep sea water waves and stormy sky 65402491 stock vector vintage vector wall clock 61417744 stock photo luxury yacht in the sea 53411551

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

Подготовьте новый документ

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

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

image1

Перенесите изображение на Ваш документ, используя Move Tool (V). Для того чтобы обрезать его на три части, Вам потребуется инструмент Rectangular Marquee Tool (M), однако если Вы боитесь, что части будут не равными, то используйте линейку для разметки.

image2

Как только Вы обрезали изображение и продублировали его на новый слой, активируйте инструмент Transform tool (Ctrl/Cmd + T). Как только рабочая плоскость будет выделена для дальнейшей трансформации, правой кнопкой мыши вызовите всплывающее меню и выберите пункт «Distort». Оттяните нижний правый угол неба до конца документа и повторите процедуру с левым нижним углом.

image3

Потертость стен

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

image4

Откройте изображение текстуры и перенесите его на документ, в котором находится наша стена. После того, как Вы подогнали ее под размеры стен, установите «Blending mode» на «Color», а его прозрачность (opacity) измените на 25%. Продублируйте слой и измените его «Blending mode» на «Normal», а прозрачность снизьте до 15%

image5

Следующая текстура имитирует поверхность бумаги. Мы используем изображение под номером 73272484 с Shutterstock.

image6

Повторите процедуру, выполняемую с предыдущей текстурой, однако в режиме «Normal» установите прозрачность бумаги на 20%.

image7

Вы когда-нибудь слышали о море, вместо пола?

Следующий этап работы – создание пола, в качестве которого будет выступать море. Исходником послужило изображение из Shutterstock под номером 65402491 от dimitris_k.

image8

Используя инструмент Rectangular Marquee tool (M) отделите море от неба и, с помощью Move tool (V), перенесите его на основной документ. Активируйте Transform tool (Ctrl/Cmd + T) и установите необходимый Вам размер моря, чтобы оно гармонично смотрелось со стенами.

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

image9 dl

Время на Вашей стороне

Чтобы сфокусировать взгляд посетителей на верхней части стен, мы используем часы из Shutterstock под номером 61417744. Несмотря на то, что это векторное изображение, Photoshop должен спокойно открыть его.

image10

Используя Polygonal Lasso Tool (L) или Elliptical Marquee Tool (M, вырежьте часы из фона и с помощью Move tool (V) переместите их над слоем со стенами. Активировав Transform tool (Ctrl/Cmd + T), сделайте часы меньше.

image11 dl

Для того, чтобы придать тень, достаточно открыть свойства слоя и установить флажок напротив «Drop Shadow» или, создав под часами новый слов, нарисовать тень вручную мягкой кисточкой Brush Tool (B).

image12 dl

Не забывайте о кистях

Чтобы придать реалистичность Вашему изображению, создайте слой, который будет находиться над остальными слоями. Используя Brush Tool (B), нанесите тени на часы и стены на Ваше усмотрение, однако не забудьте при этом установить высокую прозрачность кисточки.

image13 dl

Далекий парус

Заключительным элементом нашей картины станет корабль, который мы позаимствовали в Shutterstock (номер: 53411551).

image14

Используйте инструмент Lasso Tool для того, чтобы вырезать корабль из фотографии и, переместив его в Ваш документ, установите его на волнах – так будет выглядеть намного реалистичней.

image15 dl

И вот, у Вас получилось! С помощью такой техники Вы сможете реализовать все, что захотите.

Источник

Создаем в фотошоп комнату в стиле Sci-Fi

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

image001

В уроке вы научитесь:

1. Использовать маски слоя;

2. Пользоваться текстурами и правильно их применять;

3. Использовать инструмент кисть и фильтры;

4. Корректировать цвет и многое другое.

Для выполнения урока вам потребуется Adobe Photoshop CS3 или более новая версия программы и чашечка чая/кофе. Готовы?

image001

Ресурсы:

Шаг 1

Давайте начнем с создания нового документа (Ctrl + N) в фотошоп с размером, показанном на скриншоте ниже:

image002

Затем приступим к созданию первого нового слоя в документе (Shift + Ctrl + N). На всплывающем окне создания слоя дадим название слою «Сплошной цвет». При активном слое «Сплошной цвет» нажмите Shift+ F5, чтобы заполнить этот слой цветом. Выберите светло-коричневый (# 6a5c45).

image003

image004

Шаг 2

Создайте новый слой (Shift + Ctrl + N) выше слоя «Сплошной цвет». Возьмите инструмент Перо (Pen Tool (P)). При помощи этого инструмента создайте квадратный контур, как на рисунке ниже. Квадрат отмечен оранжевым цветом.

image005

image006

После создания контура, нажмите правой кнопкой мыши на документе, чтобы открыть окно настроек контура. Выберите Залить контур (Fill Path). Залейте его любым цветом, например, # 312f29, как показано на скриншоте. Удалите контур. Назовите этот новый слой «Правый».

image007

image008

Шаг 3

На новом слое (Shift + Ctrl + N), создайте еще один квадрат, заполненный другим цветом. Посмотрите скриншот ниже. Назовите этот новый слой «Левый».

image009

Этим же способом создайте еще два квадрата на разных слоях и заполните их различными цветами.

image010

image010

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

image011

Шаг 4

Теперь мы добавим пол для комнаты. Откройте изображение кирпичного пола и поместите его в документ между четырьмя слоями стенок и слоем «Сплошной цвет». Возьмите инструмент Перемещение MoveTool (V). Расположите, как показано ниже:

image012

image013

Измените режим наложения слоя на Мягкий свет (soft light), непрозрачность 100%.

image014

Шаг 5

Далее мы добавим текстуру кирпича на стены. В первую очередь, сделаем это для правой стены. Откройте текстуру кирпича. Поместите этот слой с текстурой выше слоя с правой стеной в палитре слоев. Активируйте инструмент Свободное трансформирование (Free Transform (Ctrl + T)). Изменим положение и перспективу текстуры кирпича, чтобы она соответствовала правой стене. Щелкните правой кнопкой мыши на документе, чтобы показать варианты трансформирования. Во-первых, повернем изображение на 90 градусов против часовой стрелки, а затем отразим по вертикали.

image015

image016

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

image017

image018

После этого добавьте к слою с текстурой обтравочную маску (Alt + Ctrl + G).

image019

Шаг 6

Повторите действия для других стен.

image020

image021

Шаг 7

Уберем слой «Сплошной цвет» с краев правой и левой стены, чтобы создать вход в комнату. Сделайте активным слой «Сплошной цвет». Перейдите в Слои-Маска слоя-Показать все (Layer-Layer Mask-Revealall). Возьмите инструмент Кисть (brush tool (B)), выберите мягкую круглую кисть. Цвет кисти черный. Места, по которым стоит пройтись кистью, отмечены ниже:

image022

Вот результат после маскировки. Замаскированная часть должна стать входом камеры.

image023

Шаг 8

Добавим текстуру облака позади входа. Создайте новый слой (Shift + Ctrl + N) ниже сплошной слоя «Сплошной цвет». Перейдите в Фильтр-Рендеринг-Облака (Filter-Render-Сloud).

image024

Размоем текстуру облаков. Перейдите в Фильтр-Размытие-Размытие по поверхности (Filter-Blur-Surface Blur).

image025

image026

Дублируйте (Ctrl + J) слой с облаками и установите в режим наложения Исключение (exclusion), 100% непрозрачности.

image027

Этот слой будет виден только в замаскированной части слоя «Сплошной цвет».

image028

Шаг 9

Теперь мы добавим еще один объект в работу. Откройте сток фото с лестницей. Используйте инструмент Перо (Pen Tool (P)), чтобы вырезать железный поручень.

image029

Добавьте поручень в коллаж.

image030

Шаг 10

Добавим свет, идущий со входа. Создайте новый слой (Shift + Ctrl + N) над двумя слоями облаков. Возьмите инструмент кисть (brush tool (B)) и настройте, как показано ниже:

image031

Белым цветом проведите несколько раз сверху справа вниз.

image032

image033

Шаг 11

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

image034

image035

Шаг 12

Поверх всех слоев создайте корректирующий слой Яркость/контраст, перейдите в Слои-Новый корректирующий слой-Яркость/Контраст (layer-new adjustment layers-brightness/contrast). Режимналожения слоя Нормальный (normal), 100% непрозрачности.

image036

Добавьте корректирующий слой Цветовой баланс (color balance). Поместите этот слой выше слоя Яркость/контрастность, режим наложения слоя Нормальный (normal), 100% непрозрачности.

image037

image038

Выберите оба корректирующих слоя. Нажмите Ctrl + G, чтобы добавить их в группу. Назовите эту группу «Коррекция». Перейдите в Слои-Маска слоя-Показать все (layer-layer mask-reveal all), чтобы добавить маску слоя к группе. Замаскируйте область вокруг входа.

image039

image040

Шаг 13

Добавим на стены тень и свет. Начнем с правой стены. Создайте новый слой поверх слоев с правой стеной, добавьте к нему обтравочную маску. Возьмите очень мягкую круглую кисть (0% твердости), непрозрачность примерно 10%. При помощи черного и белого цвета прорисуйте свет и тень.

image041

Сделайте то же самое для других стен.

image042

image043

Шаг 14

Создайте новый слой (Shift + Ctrl + N) выше группы «Коррекция». На этом слое прорисуем тени и света, чтобы усилить светотеневой рисунок. Активируйте инструмент Кисть (brush tool (B)) и прокрасьтечерным и белым цветом участки, отмеченные на изображении ниже:

image044

Слой в режиме Нормальный (normal), 100% непрозрачности.

image045

Понизьте непрозрачность слоя до 75%.

image046

Шаг 15

В этом шаге мы еще больше затемним стены и пол. Создайте новый слой (Shift + Ctrl + N) выше предыдущего слоя с тенью. Выберите инструмент Градиент (Gradient Tool). Установите цвет переднего плана начерный. Выберите Линейный (linier) градиент, установите непрозрачность на 10-15%. Протяните градиент снизу-вверх, как отмечено ниже оранжевой стрелкой:

image047

Вот как выглядит градиент:

image048

Выберите слои с тенью и нажмите Ctrl + G, чтобы сгруппировать их в папку.

image049

Шаг 16

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

image050

Шаг 17

Вырежьте и добавьте модель в документ.

image051

Отразите ее по горизонтали и уменьшите размер. Режим наложения нормальный (normal), 75% непрозрачности.

image052

image053

Шаг 18

Добавим еще два корректирующих слоя. Поверх всех слоев создайте новый корректирующий слой, Слои-Новый корректирующий слой (Layer- new adjustment layers) и выберите Выборочная коррекция цвета (selective color):

image054image055

Еще один корректирующий слой Яркость/контрастность (brightness/contrast).

image056

По маске слоя закрасьте область, отмеченную красным на изображении:

image057

image058

Шаг 19

Создайте новый слой (Shift + Ctrl + N) над двумя корректирующими слоями. Выберите очень мягкую круглую кисть, непрозрачность около 10-15%. Измените режим наложения на Перекрытие (overlay),100% непрозрачности. На этом слое нарисуйте мягкий белый свет, как показано оранжевой стрелкой.

image059

image060

Шаг 20

Чтобы усилить атмосферу научной фантастики мы добавим световые вспышки на стене и полу. Для этого мы будем рисовать блики. Сделаем это в отдельном документе. Создайте новый документ (Ctrl + N) с размерами, приведенными ниже:

image061

Создайте новый слой, залейте его черным цветом. Возьмите инструмент Кисть (brush tool (B)) и нажмите клавишу F5, чтобы открыть окно настроек кисти. Измените настройки, как показано ниже. Цвет –светло-голубой, # 53f6f8, сделайте клик кистью один раз.

image062

Уменьшите размер кисти и нарисуйте белым цветом пятно внутри голубого:

image063

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

image064

Снова измените размер кисти и тем же светло-голубым цветом нарисуйте еще одну линию:

image065

image066

Измените размер кисти и белым цветом нарисуйте тонкую линию. Выделите все слои с бликами и нажмите Ctrl + E, чтобы слить их в один слой. Назовите этот слой «Блик».

image067

image068

При желании можно добавить стиль слоя Внешнее свечение (outer glow), СлоиСтили слоя-Внешнее свечение (layer-layer style-outer glow).

image069

image070

Шаг 21

Добавьте блик в основной документ поверх всех слоев.

image071

Установите режим наложения слоя на Осветление основы (Color Dodge). Возьмите инструмент Свободное трансформирование (Free Transform (Ctrl + T)). Сплющите блик, потянув за точку, как показано ниже:

image072

image073

Расположите блик на стене.

image074

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

image075

Шаг 22

Далее создайте новый слой поверх всех остальных слоев. Залейте этот слой (Shift + F5) черным цветом. Измените режим наложения слоя на Осветление основы (Color Dodge). На этом слое мягкой белой кистью в сочетании с голубоватым и зеленоватым цветами прорисуйте поверх бликов.

image076

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

image077

Шаг 23

Создайте новый слой поверх всех слоев, измените режим наложения слоя на Мягкий свет (soft light), 100% непрозрачности. Выберите инструмент Кисть (brush tool (B)), кисть мягкая круглая, 10% непрозрачности, чтобы нарисовать мягкую белую подсветку вокруг пола. На рисунке ниже эти области отмечены стрелками оранжевого цвета. Назовите слой «Мягкий белый».

image078

Шаг 24

Когда активен слой с предыдущего шага, нажмите Shift + Ctrl + Alt + A, чтобы сделать слепок всех видимых слоев в один. Назовите этот новый слой «Финальный результат». Перейдите в Фильтр-Усиление резкости-Контурная резкость (filter-sharpen-unsharp mask). Это добавит резкости изображению.

image079

image001

Финальный результат:

image001

Автор перевода: Ольга Максимчук (Princypessa)

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Источник

Adblock
detector