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

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

0u7wbuqybblmu go3 2

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

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

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

Шаг 1

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

0bw9qow5o7knlhcrb 3

Шаг 2

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

4

Шаг 3

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

09pywh8lofobjvvdu 5
0phit2uyooduuearp 6

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

7

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

Шаг 4

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

0qop71jw6ew5wre t 8

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

0wxj2pimi76pac qu 9

Шаг 5

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

05oozxq4w1v4kbt k 10

Шаг 6

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

0znljvrsfj rppeou 11

Шаг 7

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

12

Шаг 8

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

0cm5ibwt laiechb 13

Шаг 9

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

14

Шаг 10

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

0f a9lhyuy4uiz224 15

Шаг 11

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

0 kmslalja d3akwd 16

Шаг 12

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

0akkkbqfiq eh7ioq 17

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

Шаг 13

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

06x15lrkffrxvot m 18

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

Шаг 1

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

0 a66os0wqdowmy 19

Шаг 2

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

20

Шаг 3

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

0jdjs2wnd c7t8dwv 21

Шаг 4

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

22

Шаг 5

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

04qro5vjk56jfj5y6 23

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

06u0zbck dqrvlyb 24

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

25

Шаг 6

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

002bf7ynpbr3 p9hc 26
27

Шаг 7

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

28

Шаг 8

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

0oql8tir hz6wne 29

Шаг 9

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

0jbuhpwati8lllsnn 30

Шаг 10

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

0wmyr9r4ruceq5a3u 31

Шаг 11

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

0drd2jvyyt0vuqj p 32

Шаг 12

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

0edwk3otjmngzbu8a 33

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

0oqw61c9mmusm1rwq 34
35

Шаг 13

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

0jphegpa zck0cneo 36

Шаг 14

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

03tv0lqcsz5f3wkh2 37
0veh4iwldrbuiy73t 38

Шаг 15

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

0u 6 td3ttmhkgcld 39
02cagcwn ghlhorme 40

Шаг 16

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

41
42
01zkc4tdgmdj6s7ca 43

Шаг 17

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

44

Шаг 18

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

0e2wp nj8feewp 0 45
46

Шаг 19

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

0x4vqqfdk h95yygl 47

Шаг 20

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

0eokmsudmaeti j7i 48

Шаг 21

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

49
50
51

Шаг 22

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

0z9o09b8vgykb9vww 52

Шаг 23

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

53

Шаг 24

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

0hqjdjeg igjvqfqa 54

Шаг 25

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

0uz6 bb8bb9yypq7z 55

Шаг 26

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

08phl64qdmlabpodd 56
0000eaigph0jsvdmp 57
58

Шаг 27

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

59

Шаг 28

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

00by4 w95k 6sdoed 60

Шаг 29

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

0bqe0xplhbme jbfm 61
0lv5ari plfhdz5jt 62

Шаг 30

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

63

Шаг 31

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

0ay29jan8z3hwmkk4 64

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

65

Шаг 32

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

66

Шаг 33

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

67

Шаг 34

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

05v1d1 hazqzka83q 68

Шаг 35

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

0yxnclmtmjnt 8hr 69
0vjcoppv d1rmk m0 70

Шаг 36

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

0xp9p6qfnkh d1yp1 71

Шаг 37

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

72
0wsoudch6vd pjjgz 73

Шаг 38

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

0c6schm16frvnyzyd 74
03davyw9cdecrnrn2 75

Шаг 39

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

09e uxn47c 3fnum6 76
0d0pwfq6onwahmsbz 77
78

Шаг 40

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

79
0klpe9gdr4121lvgj 80

Шаг 41

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

0hddkn4iyegvufnv4 81
0j5no11rpt coz7pv 82

Шаг 42

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

0l0qqkvwt1fyzn yo 83

Шаг 43

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

00igq4cynsulm82hl 84

Шаг 44

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

0mm c ghjuh0pyz 9 85
86

Шаг 45

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

87

Шаг 46

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

88
89

Шаг 47

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

0o264zwyin ntea09 90
91

Шаг 48

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

0fhbe6lpi1k7bn2w0 92

Шаг 49

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

0ffulj1zyzbnmyggu 93
0cwufrhgiartzpvol 94
95

Шаг 50

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

0tkrlgdqghljngooh 96
0r t6hgzmpnq hmpy 97
0okwzbteut eqfeiw 98

Шаг 51

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

99

Шаг 52

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

100

Шаг 53

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

101
0uqbl d qfyvidays 102
0zoiik5ziyadcmkpz 103

Шаг 54

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

0vhpykulyp nc6fi4 104
0e8fl2odsw0s2i8vh 105

Шаг 55

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

0vtm2zz1naleakm5c 106
03x4dk9xishz yi6e 107

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

Шаг 1

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

0zmei3zdsuw5tg5ci 108
109

Шаг 2

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

0g7z9lh1dseh s298 110
0zazfzejjwdzgoju8 111
0mgm6puy1cujssajt 112

Шаг 3

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

00gky7h8bc5gbuqm3 113
0s2zntkb6mkpsztfv 114

Шаг 4

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

0zsdisoxdir8 lv7 115

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

116
0ukc4rhhynehprdvu 117

Шаг 5

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

0z1voapob6gyejtwo 118
0n13dgmnt2tigzq j 119

Шаг 6

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

0e0ymuvqm7ovop ka 120
0r 121

Шаг 7

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

122

Шаг 8

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

123
0sojpbfd qajuingw 124
125
126

Шаг 9

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

0op2bkqfeq9oceipo 127
0ojqrbkwsm9hwalvc 128

Шаг 10

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

0packszlfenb8za7f 129
07k3bzizh9qakerit 130
0ryvssvg2k9sarjzi 131
0tmf0ssivkl57zfdv 132

Шаг 11

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

133

Шаг 12

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

0d7p7nkq2urdnjyn9 134
135
0shcx2p7mcu 3aucd 136

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

137

Шаг 13

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

0v l5rduuadjtsc88 138
01uig re2noa4lzl6 139

Шаг 14

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

0yd6 wuiucjjumgct 140
0yikqce oj2md5y2r 141

Шаг 15

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

0r66bripywag v722 142
143

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

0vrppcuy 7ah987ar 144

Шаг 16

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

0iuipoty9wbycmhrf 145
02awk0xccbc6 146

Шаг 17

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

147
0cwrykzbv uvfmfi1 148

Заключение

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

149

Источник: photoshopforyou

Космическая ретушь
0 комментарий

Похожие статьи

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