Создаём Эффект Архитектурного Наброска в Adobe Photoshop

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

Эффект, который создан на изображении выше – я покажу вам, как создать его в этом уроке. Если вы захотите создать более сложные наброски с акварельными эффектами, как на изображении ниже, при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Photoshop TechnicalArt 2.

Что вам понадобится

Для создания данного эффекта, вам понадобится следующие исходные материалы:

• Стоковое изображение
  
• Шрифт

1. Давайте Приступим

Вначале, откройте исходную фотографию, с которой вы хотите работать. Чтобы открыть фотографию, идём Файл – Открыть (File > Open), а затем в окне браузера, выберите свою исходную фотографию. Нажмите кнопку Открыть (Open). Теперь, перед тем, как мы приступим, необходимо, чтобы вы уточнили пару моментов:

1. Ваша исходная фотография должна быть в цветовом режиме RGB, 8 бит/канал (8 Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
2. Для получения наилучшего результата, размеры вашей исходной фотографии должны быть в пределах 2000–4000 px по ширине / высоте. Чтобы проверить это, идём Изображение – Размеры изображения (Image > Image Size).
3. Ваша исходная фотография должна быть слоем заднего фона. Если она не является таковой, тогда идём Слой- Новый – Задний фон из слоя (Layer > New > Background from Layer). Примечание переводчика: слой с исходной фотографией должен быть с замочком и представлять задний фон.

2. Создаём Задний Фон

Шаг 1

В этой части урока мы создадим задний фон. Идём Слой- Новый слой-заливка – Цвет (Layer > New Fill Layer > Solid Color), чтобы создать новый слой с заливкой цвета, назовите этот слой Цвет Заднего фона (Background color), а затем установите следующий цвет заливки #f0f0f0, как показано на скриншоте ниже:

Шаг 2

Теперь щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), примените стиль слоя Наложение градиента (Gradient Overlay) и установите следующие настройки, которые указаны ниже:

3. Создаём Основной Набросок

Шаг 1

В этой части урока мы создадим основной набросок. Перейдите на фоновый слой (Background), а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, переместите созданный дубликат слоя наверх, расположив поверх всех остальных слоёв.

Шаг 2

Теперь нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный дубликат слоя. Далее, идём Изображение – Коррекция – Уровни (Image > Adjustments > Levels). Установите следующие значения, которые указаны ниже:

Шаг 3

Назовите этот слой Временный (Temp), а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой.

Шаг 4

Теперь нажмите клавиши (Ctrl+I) для инверсии данного слоя, а затем поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge). Далее, идём Фильтр – Другое – Минимум (Filter > Other > Minimum), установите Радиус (Radius) на 2 px, а параметр Сохранить (Preserve) на Прямоугольность (Squareness), как показано на скриншоте ниже:

Шаг 5

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

Шаг 6

Поменяйте режим наложения для объединённого слоя Умножение (Multiply), а затем назовите этот слой Основной набросок (Main Sketch).

4. Создаём Набросок в Перспективе

Шаг 1

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

Шаг 2

Теперь идём Фильтр - Стилизация - Выделение краев (Filter > Stylize > Find Edges), а затем нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой.

Шаг 3

Идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur), а затем установите Угол (Angle) на 90°, а Смещение (Distance) на 1200 px, как показано на скриншоте ниже:

Шаг 4

Теперь идём Фильтр – Резкость – Умная резкость (Filter > Sharpen > Smart Sharpen). Установите следующие настройки, которые указаны ниже:

Шаг 5

Идём Фильтр – Галерея фильтров - Эскиз - Ксерокопия (Filter > Filter Gallery > Sketch > Photocopy), а затем установите значение Детализации (Detail) на 2, а значение Затемнённости  (Darkness) на 5.

Шаг 6

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) до 40%. Далее, назовите этот слой Набросок_Перспектива_1 (Perspective_Sketch_1).

Шаг 7

Теперь идём Слой- Слой-маска – Скрыть всё (Layer > Layer Mask > Hide All), чтобы добавить слой-маску, которая скроет весь слой.

Шаг 8

Установите цвет переднего плана на #ffffff, выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть, а затем прокрасьте кистью те участки наброска, где бы вы хотели показать вертикальные линии перспективы.

Шаг 9

Теперь перейдите на фоновый слой (Background), а затем нажмите клавиши (Ctrl+J), чтобы продублировать его. Далее, переместите созданный дубликат слоя наверх, расположив ниже слоя Набросок_Перспектива_1 (Perspective_Sketch_1) в палитре слоёв.

Шаг 10

Теперь идём Фильтр - Стилизация - Выделение краев (Filter > Stylize > Find Edges), а затем нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой.

Шаг 11

Идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur), а затем установите Угол (Angle) на 0°, а Смещение (Distance) на 1200 px, как показано на скриншоте ниже:

Шаг 12

Теперь идём Фильтр – Резкость – Умная резкость (Filter > Sharpen > Smart Sharpen). Установите следующие настройки, которые указаны ниже:

Шаг 13

Идём Фильтр – Галерея фильтров - Эскиз - Ксерокопия (Filter > Filter Gallery > Sketch > Photocopy), а затем установите значение Детализации (Detail) на 2, а значение Затемнённости  (Darkness) на 5.

Шаг 14

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) до 55%. Далее, назовите этот слой Набросок_Перспектива_2 (Perspective_Sketch_2).

Шаг 15

Теперь идём Слой- Слой-маска – Скрыть всё (Layer > Layer Mask > Hide All), чтобы добавить слой-маску, которая скроет весь слой.

Шаг 16

Установите цвет переднего плана на #ffffff, выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть, а затем прокрасьте кистью те участки наброска, где бы вы хотели показать горизонтальные линии перспективы.

5. Создаём Текст

Шаг 1

В этой части урока мы создадим текст. Выберите инструмент Горизонтальный текст (Horizontal Type Tool (T), установите шрифт Hijrnotes, размер шрифта 80 px, выравнивание по левому краю, цвет шрифта #000000. Далее, щёлкните в любом месте внутри холста, а затем идём Текст - Вставить Lorem Ipsum (Type > Paste Lorem Ipsum), чтобы вставить любой произвольный текст. Не стесняйтесь использовать свой собственный текст, а также свои настройки шрифта.

Шаг 2

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

Шаг 3

Теперь назовите этот слой Текст_1 (Text_1). Далее, нажмите клавиши (Ctrl+J), чтобы продублировать данный слой.

Шаг 4

Дважды щёлкните по миниатюре данного слоя для редактирования текста, а затем нажмите клавиши (Ctrl+A), чтобы выделить полностью текст, далее, идём Текст - Вставить Lorem Ipsum (Type > Paste Lorem Ipsum), чтобы вставить любой произвольный текст. Далее, удалите часть текста, выберите инструмент Перемещение (Move Tool (V), щёлкните в любом месте внутри холста, а затем переместите текст внутри холста, чтобы расположить его, как показано на скриншоте ниже:

Шаг 5

Назовите этот слой Текст_2 (Text_2), а затем переместите его, расположив ниже слоя Текст_1 (Text_1) в панели слоёв. Далее, нажмите клавиши (Ctrl+J), чтобы продублировать данный слой.

Шаг 6

Дважды щёлкните по миниатюре данного слоя для редактирования текста, а затем нажмите клавиши (Ctrl+A), чтобы выделить полностью текст, далее, идём Текст - Вставить Lorem Ipsum (Type > Paste Lorem Ipsum), чтобы вставить любой произвольный текст. Далее, удалите часть текста, выберите инструмент Перемещение (Move Tool (V), щёлкните в любом месте внутри холста, а затем переместите текст внутри холста, чтобы расположить его, как показано на скриншоте ниже:

Шаг 7

Нажмите клавиши (Ctrl+T), чтобы трансформировать данный слой, установите Поворот (Rotate) на 15°.

Шаг 8

Теперь назовите этот слой Текст_3 (Text_3), переместите данный слой, расположив его ниже слоя Текст_2 (Text_2) в панели слоёв.

6. Проводим Заключительную Цветовую Коррекцию

Шаг 1

В этой части урока мы проведём заключительную цветовую коррекцию. Нажмите клавишу ‘D’, чтобы установите цвета по умолчанию, перейдите на слой Текст-1 (Text_1). Далее, идём Слой- Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы создать новый корректирующий слой с картой градиента, назовите этот корректирующий слой Общая Контрастность (Overall Contrast).

Шаг 2

Теперь поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) до 35%.

Шаг 3

Идём Слой- Новый корректирующий слой-Уровни (Layer > New Adjustment Layer > Levels), чтобы создать новый корректирующий слой с уровнями, назовите этот слой Общая Яркость (Overall Brightness).

Шаг 4

Дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне панели Свойства (Properties), установите настройки, которые указаны на скриншоте ниже:

Шаг 5

Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой. После этого идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 2 px, как показано на скриншоте ниже:

Шаг 6

Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), назовите этот слой Общая Резкость (Overall Sharpening).

Мы завершили урок!

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

Если вы захотите создать более сложные наброски с акварельными эффектами, как на изображении ниже, используя один клик мыши и при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном TechnicalArt 2 Photoshop.

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

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

Вы также можете получить всё это в одном пакете и сэкономить 50% - перейдите по ссылке, чтобы увидеть мой экшен Artistic 4in1 Photoshop Actions Bundle.