С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Создание фентезийного города используя фотографии с архитектурными строениями в Фотошопе

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

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

 

Информация

 

- Программа: Adobe Photoshop CS6
- Предполагаемый срок выполнения: 6 часов;
- Сложность:  для продвинутых пользователей.

 

Предварительный просмотр

 

 

Исходники

Скачать

 

Ресурсы

 


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

 Image 1
Image 2
Image Pack

 

Часть 1. Извлечение ресурсов

 

Шаг 1

 

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

 

 

Шаг 2

 

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

 

 

Шаг 3

 


Нажимайте на небо, пока вы не выделите его все.

 

 

 

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

 

 

Шаг 4

 

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

 

 

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

 

 

Шаг 5

 

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

 

 

Шаг 6

 

Далее обрежьте изображение, для этого перейдите в меню Изображение> Кадрировать (Image> Crop).

 

 

Шаг 7

 

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

 

 

Шаг 8


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

 

 

Шаг 9

 

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

 

 

Шаг 10

 

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

 

 

Шаг 11

 

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

 

 

Шаг 12

 

Опять же опция Уточнить край (Refine Edge) может пригодиться для повышения качества выделения.

 

 

Шаг 13

 

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

 

 

Часть 2. Строительство города

 

Шаг 1

 

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

 

 

Шаг 2

 

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

 

 

Шаг 3

 

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

 

 

Шаг 4

 

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

 

 

Шаг 5

 

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

 

 

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

 

 

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

 

 

Шаг 6

 

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

 

 

 

Шаг 7

 

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

 

 

Шаг 8

 

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

 

 

Шаг 9

 

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

 

 

Шаг 10

 

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

 

 

Шаг 11

 

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

 

 

Шаг 12

 

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

 

 

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

 

 

 

Шаг 13

 

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

 

 

Шаг 14

 

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

 

 

 

Шаг 15

 

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

 

 

 

Шаг 16

 

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

 

 

 

 

Шаг 17

 

Добавьте еще несколько деталей, скопируйте некоторые из небольших шпилей.

 

 

Шаг 18

 

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

 

 

 

Шаг 19

 

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

 

 

Шаг 20

 

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

 

 

Шаг 21

 

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

 

 

 

 

Шаг 22

 

Добавьте башни, которые мы предварительно подготовили.

 

 

Шаг 23

 

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

 

 

Шаг 24

 

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

 

 

Шаг 25

 

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

 

 

Шаг 26

 

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

 

 

 

 

Шаг 27

 

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

 

 

Шаг 28

 

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

 

 

Шаг 29

 

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

 

 

 

Шаг 30

 

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

 

 

Шаг 31

 

Разместите и превратите эти части в общую стену. Вы можете использовать инструмент Ластик (Eraser Tool), чтобы избавиться от любых нежелательных швов и элементов.

 

 

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

 

 

Шаг 32

 

Откройте изображение, которое содержит вырезанные башни London Tower Bridge.

 

 

Шаг 33

 

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

 

 

Шаг 34

 

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

 

 

Шаг 35

 

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

 

 

 

Шаг 36

 

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

 

 

Шаг 37

 

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

 

 

 

Шаг 38

 

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

 

 

 

Шаг 39

 

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

 

 

 

 

Шаг 40

 

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

 

 

 

Шаг 41

 

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

 

 

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

 

Шаг 42

 

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

 

 

Шаг 43

 

Поместите её в на город в правильном масштабе.

 

 

Шаг 44

 

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

 

 

 

Шаг 45

 

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

 

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

 

Шаг 46

 

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

 

 

 

Шаг 47

 

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

 

 

 

Шаг 48

 

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

 

 

Шаг 49

 

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

 

 

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

 

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

 

Шаг 50

 

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

 

 

 

 

Шаг 51

 

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

 

 

Шаг 52

 

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

 

 

Шаг 53

 

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

 

 

 

 

Шаг 54

 

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

 

 

 

Шаг 55

 

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

 

 

 

Часть 3. Фон и освещение

 

Шаг 1

 

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

 

 

 

Шаг 2

 

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

 

 

 

 

Шаг 3

 

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

 

 

 

Шаг 4

 

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

 

 

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

 

 

 

Шаг 5

 

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

 

 

 

Шаг 6

 

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

 

 

 

Шаг 7

 

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

 

 

Шаг 8

 

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

 

 

 

 

 

Шаг 9

 

Скопируйте наш основной слой и измените Режим наложения (Blend Mode) на Осветление основы (Color Dodge). Добавьте ​​к нему маску и нарисуйте солнечный свет, который падает на землю. Сделайте лучи тонкими и подумайте о том, где солнце светит на землю и где мы должны сделать тень от огромного города.

 

 

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

 

Шаг 10

 

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

 

 

 

 

 

Шаг 11

 

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

 

 

Шаг 12

 

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

 

 

 

 

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

 

 

Шаг 13

 

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

 

 

 

Шаг 14

 

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

 

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

 

 

Шаг 15

 

Вырежьте часть здания и придайте освещение и контраст с остальной частью сцены.

 

 

 

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

 

 

Шаг 16

 

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

 

 

 

 

Шаг 17

 

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

 

 

 

Заключение

 

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

 

 

Урок по теме - Сцена космической битвы в Фотошопе

 


Автор урока: psd.tutsplus.com

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 25.08.2013
  •   Просмотров: 3119
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
IRON77 (04.09.2013 | 14:40)

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

Frankenweenie (14.09.2013 | 21:33)

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

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки