в ,

Город в технике Мэт-пейнт

0u7wbuqybblmu go3

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

Скачать архив с материалами к уроку

1. Обрежьте исходники

Шаг 1

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

0bw9qow5o7knlhcrb

Шаг 2

Возьмите инструмент Magic Wand(Волшебная палочка).

Шаг 3

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

09pywh8lofobjvvdu
0phit2uyooduuearp

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

Настройки инструмента: Допуск: 10; Сглаживание; Смеж. пикс

Шаг 4

Давайте перейдем к Refine Edge (Уточнить край), чтобы выделить область еще лучше.

0qop71jw6ew5wre t

В зависимости от изображения вы, возможно, захотите поэскпериментировать с настройками Edge Detection (Обнаружение краев). Когда вы будете удовлетворены тем, как выглядит выделенная область, просто нажмите клавишу Delete, чтобы вырезать небо. Должно получиться примерно вот так:

0wxj2pimi76pac qu

Шаг 5

Возьмите инструмент Rectangular Marquee(Прямоугольная область) и выделите ту часть, которая нужную нам для работы часть.

05oozxq4w1v4kbt k

Шаг 6

Далее, обрежьте изображение, нажав Image/Crop (Изображение/Кадрировать).

0znljvrsfj rppeou

Шаг 7

Теперь мы можем сохранить изображение для дальнейшего использования. Сохраните его в формате PNG, чтобы сохранить прозрачность.

Шаг 8

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

0cm5ibwt laiechb

Шаг 9

Выделите небо.

Шаг 10

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

0f a9lhyuy4uiz224

Шаг 11

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

0 kmslalja d3akwd

Шаг 12

И вновь, опция Refine Edge (Уточнить край) может оказаться весьма полезной, чтобы еще лучше выделить область.

0akkkbqfiq eh7ioq

Настройки опции: Обнаружение краев: Умный радиус, Радиус 1.7 пикселей; Контраст 7%

Шаг 13

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

06x15lrkffrxvot m

2. Строим наш город

Шаг 1

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

0 a66os0wqdowmy

Шаг 2

При помощи инструмента Polygonal Lasso(Прямолинейное Лассо) выделите одну из башен.

Шаг 3

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

0jdjs2wnd c7t8dwv

Шаг 4

Теперь выберите инструмент Rectangular Marquee(Прямоугольная область).

Шаг 5

Выделите кусок здания и воспользуйтесь им, чтобы перекрыть другие части изображения. Вы также можете воспользоваться инструментом Spot Healing Brush(Точечная восстанавливающая кисть) и Clone Stamp(Штамп).

04qro5vjk56jfj5y6

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

06u0zbck dqrvlyb

Сравнение оригинала и отредактированной версии покажет, как были устранены ненужные элементы. Насчет машин пока не переживайте — с ними мы разберемся позже.

Шаг 6

При помощи инструмента Polygonal Lasso(Прямолинейное Лассо) выделите основную башню. Выделите ее и вставьте на новый слой — она понадобится нам позже.

002bf7ynpbr3 p9hc

Шаг 7

Откройте изображение собора Святого Павла.

Шаг 8

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

0oql8tir hz6wne

Шаг 9

Чтобы сделать изображения одинаково контрастными, давайте нажмемImage/Adjustments/Levels (Изображение/Коррекция/Уровни). Нам нужно будет поиграть и с входными и с выходными данными, пока контраст не будет выглядеть одинаково. В дальнейшем мы будем делать это со всеми изображениями, которые будем вставлять в основную композицию.

0jbuhpwati8lllsnn

Шаг 10

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

0wmyr9r4ruceq5a3u

Шаг 11

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

0drd2jvyyt0vuqj p

Шаг 12

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

0edwk3otjmngzbu8a

Давайте оставим верхнюю часть и переместим ее вниз, что уменьшит высоту шпиля.

0oqw61c9mmusm1rwq

Шаг 13

Откройте второе изображение с куполом.

0jphegpa zck0cneo

Шаг 14

Скопируйте и вставьте изображение, а затем уменьшите его при помощи функции Free Transform (Свободное трансформирование).

03tv0lqcsz5f3wkh2
0veh4iwldrbuiy73t

Шаг 15

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

0u 6 td3ttmhkgcld
02cagcwn ghlhorme

Шаг 16

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

01zkc4tdgmdj6s7ca

Шаг 17

Чтобы добавить больше деталей, скопируйте шпили поменьше.

Шаг 18

Создайте две копии и отразите одну из них, чтобы у нас было четыре шпиля. Нажмите Image/Transform/Flip Horizontal (Изображение/Трансформирование/Отразить по горизонтали).

0e2wp nj8feewp 0

Шаг 19

Переместите их в сторону, как показано ниже.

0x4vqqfdk h95yygl

Шаг 20

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

0eokmsudmaeti j7i

Шаг 21

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

Шаг 22

Вытащите башню, которую мы ранее обрезали.

0z9o09b8vgykb9vww

Шаг 23

Выделите три арки.

Шаг 24

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

0hqjdjeg igjvqfqa

Шаг 25

Нам понадобится больше арок, так что уменьшите их немного, и добавьте еще одну копию рядом.

0uz6 bb8bb9yypq7z

Шаг 26

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

08phl64qdmlabpodd
0000eaigph0jsvdmp

Шаг 27

При помощи той же техники добавьте арки и на другие стены.

Шаг 28

Теперь мы добавим большие стены. Выделите фрагмент пустой стены с одного из домов.

00by4 w95k 6sdoed

Шаг 29

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

0bqe0xplhbme jbfm
0lv5ari plfhdz5jt

Шаг 30

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

Шаг 31

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

0ay29jan8z3hwmkk4

Теперь у нас есть пара интересных структур, расширяющих наш город.

Шаг 32

Откройте изображение башен, вырезанных с фотографии Тауэрского моста.

Шаг 33

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

Шаг 34

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

05v1d1 hazqzka83q

Шаг 35

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

0yxnclmtmjnt 8hr
0vjcoppv d1rmk m0

Шаг 36

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

0xp9p6qfnkh d1yp1

Шаг 37

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

0wsoudch6vd pjjgz

Шаг 38

Из нескольких копий арки можно мы можем сложить мост.

0c6schm16frvnyzyd
03davyw9cdecrnrn2

Шаг 39

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

09e uxn47c 3fnum6
0d0pwfq6onwahmsbz

Шаг 40

У нас все еще есть оригинальная башня. Выделите верхний шпиль.

0klpe9gdr4121lvgj

Шаг 41

Переместите шпиль к нашей новой башне. Изменив верх крыши, мы изменим весь облик знаменитой постройки.

0hddkn4iyegvufnv4
0j5no11rpt coz7pv

Шаг 42

Откройте еще одно исходное изображение и выделите башню справа.

0l0qqkvwt1fyzn yo

Шаг 43

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

00igq4cynsulm82hl

Шаг 44

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

0mm c ghjuh0pyz 9

Шаг 45

Обрежьте верхнюю часть башни.

Шаг 46

Воспользуйтесь ранее созданной копией четырех шпилей, чтобы украсить башню.

Шаг 47

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

0o264zwyin ntea09

Шаг 48

При помощи пары копий мы можем сделать нашу башню намного выше.

0fhbe6lpi1k7bn2w0

Шаг 49

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

0ffulj1zyzbnmyggu
0cwufrhgiartzpvol

Шаг 50

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

0tkrlgdqghljngooh
0r t6hgzmpnq hmpy
0okwzbteut eqfeiw

Шаг 51

При помощи копии моста соедините башню с главным куполом.

Шаг 52

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

Шаг 53

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

0uqbl d qfyvidays
0zoiik5ziyadcmkpz

Шаг 54

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

0vhpykulyp nc6fi4
0e8fl2odsw0s2i8vh

Шаг 55

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

0vtm2zz1naleakm5c
03x4dk9xishz yi6e

3. Фон и освещение

Шаг 1

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

0zmei3zdsuw5tg5ci

Шаг 2

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

0g7z9lh1dseh s298
0zazfzejjwdzgoju8
0mgm6puy1cujssajt

Шаг 3

Откройте фотографию пустыни в Неваде и поместите ее перед нашим городом.

00gky7h8bc5gbuqm3
0s2zntkb6mkpsztfv

Шаг 4

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

0zsdisoxdir8 lv7

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

0ukc4rhhynehprdvu

Шаг 5

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

0z1voapob6gyejtwo
0n13dgmnt2tigzq j

Шаг 6

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

0e0ymuvqm7ovop ka
0r

Шаг 7

Добавьте новый слой и измените режим наложения на Linear Dodge (Линейный осветлитель (Добавить)). Поместите слой между передним планом и городом, на нем мы нарисуем пыль, висящую в воздухе, чтобы добавить глубину.

Шаг 8

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

0sojpbfd qajuingw

Шаг 9

Скопируйте слой с передним планом и измените режим наложения на Color Dodge(Осветление основы). Добавьте к нему еще одну маску и рисуйте на ней в тех местах, где солнечный свет падал бы на землю. Эффект должен быть легким. Думайте о том, где бы солнце осветило землю, а где была бы тень от огромного города.

0op2bkqfeq9oceipo
0ojqrbkwsm9hwalvc

Шаг 10

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

0packszlfenb8za7f
07k3bzizh9qakerit
0ryvssvg2k9sarjzi
0tmf0ssivkl57zfdv

Шаг 11

Скопируйте слой с городом и измените режим наложения на Linear Dodge (Линейный осветлитель (Добавить)). Добавьте маску и залейте ее черным цветом, чтобы пока скрыть эффект от нового слоя.

Шаг 12

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

0d7p7nkq2urdnjyn9
0shcx2p7mcu 3aucd

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

Шаг 13

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

0v l5rduuadjtsc88
01uig re2noa4lzl6

Шаг 14

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

0yd6 wuiucjjumgct
0yikqce oj2md5y2r

Шаг 15

Одной части здания будет достаточно, поэтому давайте ее вырежем и исправим освещение.

0r66bripywag v722

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

0vrppcuy 7ah987ar

Шаг 16

Мы почти закончили, осталось только нарисовать солнечный свет, чтобы добавить приятное свечение. Создайте слой с режимом наложения Linear Dodge (Линейный осветлитель (Добавить)). Затем выберите теплый цвет для рисования света. Поэкспериментируйте с насыщенностью.

0iuipoty9wbycmhrf
02awk0xccbc6

Шаг 17

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

0cwrykzbv uvfmfi1

Заключение

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

Источник: photoshopforyou

Аватар
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
mokapy

Мокап — чехол для iPhone 11 / Pro

buhanka

КИБЕР БУХАНКА. Подробный урок в Photoshop