Как рисовать здания в фотошопе
Пошагово рисуем пейзаж с домиком на примере курса «Основы создания окружения». Упражнения и советы из статьи можно использовать вне курса.
Окружение — это все, что находится в поле зрения зрителя. Это может быть и интерьер залитой солнцем комнаты, и горный пейзаж, и даже рубка управления космическим кораблем. Задача художника по окружению — убедить зрителя в реальности придуманного мира. Поэтому такие специалисты особенно востребованы в киноиндустрии и геймдеве — там, где нужно визуализировать новые миры, которые еще находятся в головах сценаристов.
Для создания полноценных иллюстраций тоже нужно знать, как рисовать окружение. В противном случае каждая работа будет представлять собой персонажа или предмет в вакууме.
Востребованность специалистов по окружению подчеркивает и эксперт мирового уровня по игровому движку Unreal Engine 4, технический художник Том Шеннон.
Спрос на художников по окружению гораздо выше, чем на тех, кто рисует только персонажей, например. Эта сфера очень широка — будь то концепт-арт, рекламные постеры для проекта или даже иллюстрация фейкового скриншота из еще не вышедшей игры.
Поговорим о том, как нарисовать пейзаж и на каких моментах заострить внимание.
На этом этапе мы формируем идею и выдаем ее на бумагу: придумываем, какие объекты изобразим, и как они будут выглядеть.
Представьте, что вы решили нарисовать вид из окна. Вы изобразите дома, деревья, машины. Все это — элементы окружения, которые в цифровом рисовании называют пропсами. Само слово «props» переводится с английского как «реквизит». Чистый холст в таком случае выступает сценой, на которой художник расставляет декорации.
Зритель редко заостряет внимание на пропсах, однако именно они создают окружение. Автор работы: Gabe Gonzalez.
На сцене должен присутствовать главный герой, к которому будет прикован взгляд зрителя. Это необязательно должен быть живой персонаж: внимание может привлечь и домик на опушке леса, и огромное старое дерево, и даже груда камней. Такой композиционно значимый объект будет «лэндмарком» — достопримечательностью в окружении. Это частный случай пропса, который должен выделяться среди всех остальных.
На курсе студенты рисуют домик в лесу или в любом другом окружении. Почему именно домик? Дело в том, что архитектурный объект в среде — это наиболее частый сценарий для иллюстраций окружения. Когда студенты научатся изображать простую постройку, они смогут взяться и за более сложные задачи — рисовать, к примеру, дворцы, замки или целые города.
Разобравшись, какими объектами мы собираемся заполнить окружение, нужно поразмыслить над их внешним видом. В концепт-арте художники обычно начинают работу с силуэта, который является базовым и самым важным элементом дизайна.
На первый взгляд нет ничего сложного в том, чтобы придумать силуэт для домика. Но проблема может возникнуть на следующем этапе, во время отрисовки: будет непросто нарисовать объект внутри выбранного силуэта, если изначально не подумать о том, зачем добавляются те или иные элементы.
Поэтому перед работой над дизайном пропсов нужно тщательно изучить структуру объекта, который мы хотим изобразить, и формы, из которых он состоит. В этом деле помогут референсы и статья о скетчинге, где мы рассказывали о работе с примитивами, а также материал по «анатомии» дома.
Чтобы лучше понимать принципы работы с примитивами, студенты рисуют несколько вариантов домика. Их собирают из простых форм, словно конструктор, комбинируя кубы, цилиндры, сферы и т.д. Сначала рисуют один элемент, а потом постепенно добавляют к нему остальные (см. пример ниже). При этом важно сочетать формы так, чтобы они не были одинаковыми по размеру и весу. В гармоничном дизайне должны прослеживаться большие, средние и малые формы.
В этом уроке Вы узнаете, как создать иконку в виде дома.
Вот так будет выглядеть иконка в конце этого урока:
Шаг 2. Активизируйте инструмент Перо (Pen Tool (P) и нарисуйте фигуру, как показано ниже:
К фигуре добавьте стиль слоя Наложение градиента (Gradient Overlay) для того, чтобы изменить цвет.
Также слою с фигурой добавьте стиль слоя Внутренняя тень (Inner Shadow) для придания глубины:
Шаг 3. Инструментом Перо (Pen Tool (P) нарисуйте другую фигуру – лицевую сторону дома:
К слою с лицевой частью дома также добавьте стиль слоя Наложение градиента (Gradient Overlay):
Добавьте стиль слоя Внутренняя тень (Inner Shadow):
Шаг 4. К домику нужно добавить некоторые детали – начнем с боковых панелей. Создайте новый слой и удерживая нажатой клавишу , кликните левой кнопкой мыши по миниатюре слоя боковой стены, чтобы загрузить ее выделение.
Теперь к слоям с линиями добавьте стиль слоя Тень (Drop Shadow), чтобы создать эффект панелей.
Измените режим наложения для слоев с панелями на Перекрытие(Overlay), и снизьте непрозрачность до 80%.
Используя тот же прием, создайте панели и на центральной части дома.
Шаг 5. Переходим к созданию крыши – нарисуем ее при помощи инструмента Перо (Pen Tool).
Для того, чтобы придать крыше коричневато-красный цвет, воспользуйтесь стилем слоя Наложение градиента (Gradient Overlay):
Для того, чтобы придать крыше глубину и трехмерных вид, добавьте к ней стили слоя Тень и Внутреннее свечение (Shadow /Inner Glow layer style):
При помощи стиля слоя Наложение градиента (Gradient Overlay), добавьте основе под крышей темных оттенков для реалистичного освещения.
Таким же способом нарисуйте еще одну основу под крышей.
Шаг 6. Теперь нужно добавить падающую тень от крыши на стены дома. Для этого, создайте новый слой и создайте выделение, как показано на рисунке, любым удобным для Вас инструментом выделения (я для выделения использую инструмент Прямолинейное лассо (Polygonal Lasso Tool)).
Шаг 7. На левой стене дома нарисуйте окно либо инструментом Перо (Pen Tool ), либо инструментом Прямоугольник (Rectangle Tool (U)). Если окно рисуете инструментом Прямоугольник, затем можно к нему применить Свободное трансформирование (Free Transform) для того, чтобы изменить форму окна.
Сделаем окно голубого цвета при помощи стиля слоя Наложение градиента (Gradient Overlay):
Глубину окну добавьте стилями слоя Внутренняя тень (Inner Shadow) и Внутреннее свечение (Inner Glow):
Для того, чтобы окно смотрелось интереснее, создадим на нем отражение: нарисуйте форму отражения и заполните ее градиентом (Gradient Tool (G)) от белого к прозрачному.
Создайте копию окна и отразите ее по горизонтали: Редактирование – Трансформирование – Отразить по горизонтали (Edit > Transform > Flip Horizontal). Уменьшите копию окна инструментом Свободное трансформирование (Free Transform) и поместите в верхней части центральной стены дома:
Шаг 8. Инструментом Перо (Pen Tool ) нарисуйте дверь.
Измените цвет двери на коричневый стилем слоя Наложение градиента (Gradient Overlay):
Для того, чтобы сделать акцент на краях и добавить глубины двери, добавьте к ней стиль слоя Обводка (Stroke):
Добавьте объем при помощи стиля Внутренняя тень (Inner Shadow):
Добавьте к двери полосу размером 7 пикселов для того, чтобы она выглядела встроенной в стену:
Шаг 9. Для дверной ручки нарисуйте круг инструментом Эллипс (Ellipse Tool (U)). Для создания пропорционального круга при рисовании удерживайте нажатой клавишу .
Окрасьте дверную ручку в золотой цвет, добавив к ней стиль слоя Наложение градиента (Gradient Overlay):
Для придания ручке глубины добавьте стиль слоя Тень (Drop Shadow):
Шаг 10. Для рисования порога используйте инструменты Перо или Прямоугольник (Pen Tool /Rectangle Tool).
Добавьте к порогу стили слоя Наложение градиента (Gradient Overlay) и Внутренняя тень ( Inner Shadow).
Шаг 11. Добавим тень под дом. Для этого, создайте новый слой и расположите его ниже всех остальных слоев. После создайте еще один новый слой и нарисуйте выделение, как показано ниже:
Примените к основе под домом фильтр Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом размытия 1.5px. Снизьте непрозрачность до 10%.
Надеюсь, урок Вам понравился!
Желаю удачи!
Автор урока: Asher Abbasi
Перевод: Луговских Татьяна
Ссылка на источник урока
В этом уроке вы научитесь создавать потрясающий эффект архитектурного наброска.
Сложность урока: Средний
В этом уроке вы научитесь создавать потрясающий эффект архитектурного наброска. Я объясню процесс в мельчайших деталях, так что повторить его сможет любой, и даже тот, кто открыл Photoshop впервые.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант шрифта для выполнения урока.
1. Давайте начнем
Для начала откройте фотографию, с которой вы хотите работать. Чтобы это сделать, нажмите File > Open (Файл > Открыть), выберите фото и нажмите Open (Открыть). Ну а теперь, прежде, чем мы приступим, проверьте кое-что:
- Ваше фото должно быть в цветовом режиме RGB, 8 бит на канал. Чтобы проверить это, нажмите Image>Mode (Изображение > Режим).
- Для получения наилучшего результата, выберите изображение приблизительно 2000/4000 в ширину/высоту. Чтобы проверить это, нажмите Image>ImageSize (Изображение > Размер изображения).
- Ваше фото должно быть фоновым слоем. Если это не так, нажмите Layer>New>BackgroundfromLayer (Слой > Новый > Слои из заднего плана).
2. Как создать фон
Шаг 1
Шаг 2
Кликните правой кнопкой мыши по этому слою, выберите Blending Options (Параметры наложения), выберите Gradient Overlay (Наложение градиента) и настройте стиль слоя, как на изображении ниже:
Примечание переводчика: настройки стиля слоя на скриншоте: Режим наложения: Мягкий свет; Непрозрачность: 50%; Градиент: Черный, белый; Инверсия; Выровнять по слою; Угол: 90 градусов; Масштаб: 100%
3. Как создать основной набросок
Шаг 1
В этой секции мы создадим основной набросок. Выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Затем перетащите этот слой наверх на панели слоев.
Шаг 2
Теперь нажмите Control-Shift-U на клавиатуре, чтобы обесцветить этот слой. Далее, нажмите Image > Adjustments > Levels (Изображение > Коррекция > Уровни) и введите значения со скриншота:
Шаг 3
Назовите этот слой Temp (Временный) и нажмите Control-J на клавиатуре, чтобы его продублировать.
Шаг 4
А теперь нажмите Control-I на клавиатуре, чтобы инвертировать данный слой и измените его режим наложения на Color Dodge (Осветление основы). Далее, нажмите Filter > Other > Minimum (Фильтр > Другое > Минимум), измените Radius (Радиус) на 2 пикселя и Preserve (Сохранить) на Squareness (Прямоугольность), как показано ниже:
Шаг 5
Зажмите Control и кликните по слою Temp (Временный), чтобы выбрать оба слоя одновременно. Затем нажмите Control-E на клавиатуре, чтобы объединить два слоя в один.
Шаг 6
Измените режим наложения этого слоя на Multiply (Умножение) и назовите его Main Sketch (Основной набросок).
4. Как создать набросок в перспективе
Шаг 1
В этой секции мы создадим набросок в перспективе. Выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Затем перетащите этот слой наверх на панели слоев.
Шаг 2
Теперь нажмите Filter > Stylize > Find Edges (Фильтр > Стилизация > Выделение краев), а затем Control-Shift-U на клавиатуре, чтобы обесцветить этот слой.
Шаг 3
Нажмите Filter > Blur > Motion Blur (Фильтр > Размытие > Размытие в движении), измените Angle (Угол) на 90 градусов, а Distance (Смещение) на 1200 пикселей, как показано ниже:
Шаг 4
А сейчас нажмите Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > «Умная» резкость) и введите настройки со скришота ниже:
Примечание переводчика: настройки на скриншоте: Набор: Заказной; Эффект: 500%; Радиус: 64 пикселя; Уменьшить шум: 10%; Удалить: Размытие по Гауссу; Тени: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей; Света: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей.
Шаг 5
Нажмите Filter > Filter Gallery > Sketch > Photocopy (Фильтр > Галерея фильтров > Эскиз > Ксерокопия), измените параметр Detail (Детализация) на 2, а Darkness (Затемненность) на 5.
Шаг 6
Измените режим наложения этого слоя на Multiply (Умножение), а непрозрачность - на 40%. После переименуйте этот слой в Perspective_Sketch_1 (Перспективный_Набросок_1).
Шаг 7
Далее нажмите Layer > Layer Mask > Hide All (Слой > Слой-маска > Скрыть все), чтобы добавить слой-маску, которая скроет весь слой.
Шаг 8
Шаг 9
А сейчас выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Далее, перетащите этот слой под слой Perspective_Sketch_1 (Перспективный_Набросок_1) на панели слоев.
Шаг 10
Нажмите Filter > Stylize > Find Edges (Фильтр > Стилизация > Выделение краев), а затем Control-Shift-U на клавиатуре, чтобы обесцветить этот слой.
Шаг 11
Нажмите Filter > Blur > Motion Blur (Фильтр > Размытие > Размытие в движении), измените Angle (Угол) на 0 градусов, а Distance (Смещение) на 1200 пикселей, как показано ниже:
Шаг 12
Теперь нажмите Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > «Умная» резкость) и введите настройки со скришота ниже:
Примечание переводчика: настройки на скриншоте: Набор: Заказной; Эффект: 500%; Радиус: 64 пикселя; Уменьшить шум: 10%; Удалить: Размытие по Гауссу; Тени: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей; Света: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей.
Шаг 13
Нажмите Filter > Filter Gallery > Sketch > Photocopy (Фильтр > Галерея фильтров > Эскиз > Ксерокопия), измените параметр Detail (Детализация) на 2, а Darkness (Затемненность) на 5.
Шаг 14
Измените режим наложения этого слоя на Multiply (Умножение), а Opacity (непрозрачность) - на 55%. После переименуйте этот слой в Perspective_Sketch_2 (Перспективный_Набросок_2).
Шаг 15
Далее нажмите Layer > Layer Mask > Hide All (Слой > Слой-маска > Скрыть все), чтобы добавить слой-маску, которая скроет весь слой.
Шаг 16
5. Как создать текст
Шаг 1
Шаг 2
Кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым и удалите его часть. Затем, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 3
А сейчас переименуйте этот слой в Text_1 (Текст_1). После нажмите Control-J на клавиатуре, чтобы продублировать данный слой.
Шаг 4
Кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым, нажмите Control-A, чтобы выбрать весь текст, а затем нажмите Type > Paste Lorem Ipsum (Текст > Вставить Lorem Ipsum), чтобы вставить случайный отрывок текста. После этого удалите часть текста, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 5
Назовите этот слой Text_2 (Текст_2) и перетяните его под слой Text_1 (Текст_1) на панели слоев. После нажмите Control-J на клавиатуре, чтобы продублировать данный слой.
Шаг 6
Теперь кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым, нажмите Control-A, чтобы выбрать весь текст, а затем нажмите Type > Paste Lorem Ipsum (Текст > Вставить Lorem Ipsum), чтобы вставить случайный отрывок текста. После этого удалите часть текста, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 7
Нажмите Control-T на клавиатуре, чтобы трансформировать этот слой и выберите вращение на 15 градусов.
Шаг 8
Назовите этот слой Text_3 (Текст_3) и перетяните его под слой Text_2 (Текст_1) на панели слоев.
6. Как внести последние изменения
Шаг 1
В этой секции мы внесем последние изменения в работу. Нажмите D на клавиатуре, чтобы вернуть цвета к исходным и выберите слой Text_1 (Текст_1). Далее, нажмите Layer > New Adjustment Layer > Gradient Map (Слои > Новый корректирующий слой > Карта градиента), чтобы создать новый корректирующий слой Карта градиента и назовите его Overall Contrast (Общий Контраст).
Шаг 2
Теперь измените режим наложения этого слоя на Soft Light (Мягкий свет), а непрозрачность - на 35%.
Шаг 3
Нажмите Layer > New Adjustment Layer > Levels (Слои > Новый корректирующий слой > Уровни), чтобы создать новый корректирующий слой Уровни назовите его Overall Brightness (Общая Яркость).
Шаг 4
Дважды кликните по миниатюре этого слоя и, на панели свойств, введите значение со скриншота ниже:
Шаг 5
Нажмите Control-Alt-Shift-E на клавиатуре, чтобы сделать скриншот. Затем, нажмите Filter > Other > High Pass (Фильтр > Другое > Цветовой контраст) и измените значение параметра Radius (Радиус) на 2 пикселя, как показано ниже:
Шаг 6
Измените режим наложения этого слоя на Hard Light (Жесткий свет). Затем переименуйте этот слой в Overall Sharpening (Общая Резкость).
Рисуем в Фотошоп многоэтажный дом в технике пиксель арт
В этом уроке вы узнаете, как нарисовать многоэтажный дом, правильно рассчитать высоту этажей, нарисовать кирпичную текстуру и многое другое.
Сложность урока: Средний
Другие уроки в технике пиксель-Арт:
Перспектива
Мы будем использовать персонажа, чтобы правильно рассчитать высоту этажей. Перспектива не должна быть максимально реалистичной, пусть здание будет слегка меньше, чем положено, чтобы персонаж выделялся на его фоне.
Шаг 1
Рисуем диагональную линию, которая будет поверхностью земли, и помещаем рядом персонажа. Дублируем линию и располагаем копии на одинаковом расстоянии друг от друга (в данном случае 3 пикселя). Дублируе до тех пор, пока не получим нужную высоту этажа.
Шаг 2
Определившись с высотой, решаем какой ширины будет дом. В определении ширины опираемся на количество дверей и окон, которые хотим нарисовать.
Контрастным цветом закрашиваем окна и дверь, чтобы иметь четкое представление об их размерах. На данном этапе цвет не имеет значения.
Шаг 3
На боковой стене добавляем одно окно для придания ассиметричности.
Шаг 4
Закончив с первым этажом, копируем его необходимое количество раз. Я сделал четыре этажа, чтобы дом выглядел достаточно реалистично.
Шаг 5
Заканчиваем дом, добавив вертикальные грани и крышу.
Мы бы могли создать более комплексное здание в форме буквы H, L или Т, но в рамках урока остановимся на простой прямоугольной форме. Позже мы добавим текстуры и мелкие детали.
Текстура
Теперь добавим текстуру кирпича. Процесс не самый легкий, но результат того стоит.
Шаг 1
Для удобства мы будем игнорировать отверстия для дверей и окон и рисовать сплошные линии. Берем Magic Wand Tool (W) (Волшебная палочка) (опция Contiguous (Смежные пиксели) должна быть неактивна), выделяем окна и деврь, копируем и вставляем на новый слой. Временно октлючаем видимость этого слоя, чтобы он нам не мешал. Таким образом, у нас есть резервная копия, которую мы сможем использовать в дальнейшем.
На скриншоте выше я заполнил все отверстия линиями.
Шаг 2
Мы будем делать текстуру с цветными кирпичами. Старайтесь, чтобы каждый кирпичик не был слишком мелким, но и чрезмерно крупные рисовать тоже не стоит. Созданный участок текстуры мы будем дублировать, чтобы заполнить всю область дома, поэтому элементы текстуры не должны быть мелкими, иначе они будут слишком часто повторяться и это будет заметно. Я использовал размер 12 кирпичей по горизонтали и 24 по вертикали.
На новом слое рисуем горизонтальную линию. На скриншоте показана текстура из 25 линий длиной 134 пикселя.
Шаг 3
Добавляем вертикальные линии, чтобы замкнуть два ряда горизонтальных. Чередуем вертикальные линии через одну.
Добавляем еще один ряд вертикальных линий, но правее от предыдущих. На скриншоте ниже растояние между линиями равняется 3 px.
Далее просто дублируем первых два ряда и заполняем ими всю текстуру, придерживаясь одного расстояния между линиями.
Теперь у нас есть основа, которую мы заполним цветом.
Шаг 4
С помощью Bucket Tool (G) (Заливка) заполняем текстуру любым ярким цветом (опция Contiguous (Смежные пиксели) должна быть неактивна). Затем с помощью Magic Wand Tool (W) (Волшебная палочка) (опция Contiguous (Смежные пиксели) должна быть активна) выделяем область за пределами текстуры и жмем Delete.
Затем меняем темную обводку кирпичей на такой же цвет (в данной случае голубой), только бледнее.
Шаг 5
Теперь хаотично закрашиваем кирпичи другим цветом. Всего мы будем использовать три цвета для кирпичей, следовательно, если в каждом ряду 12 штук, то на один цвет должно быть четыре кирпича.
Добавляем по четыре кирпича контрастного цвета на каждый ряд, стараясь размещать их хаотично.
Шаг 6
Повторяем процесс с третьим цветом. Не забывайте использовать контрастный цвет.
Шаг 7
Закончив, мы можем размножить текстуру и проанализировать результат. Края текстуры должны четко прилегать друг к другу.
Если на текстуре будут повторяющиеся элементы, то появится сетка, которая испортит работу. Старайтесь сделать текстуру бесшовной, чтобы места соединения были незаметны.
Мы можем добавить еще цветных кирпичей, чтобы улучшить результат. Обратите внимание, что у вас должен быть отдельно сохранен оригинал текстуры, на котором мы и будем производить изменения, а с помощью копий мы всего лишь анализируем получившийся результат, поэтому после работы можете их удалять.
Шаг 8
Если у вас какой-то участок склеенной из копий текстуры получился лучше, чем оригинал, то оставьте его. Для этого просто копируем (Ctrl+C) удачную область и удаляем лишнее.
Шаг 9
Кирпичи бывают разных цветов. Я выбрал два оттенка оранжевого. Закрашиваем первым цветом, к примеру, зеленые кирпичи (параметр Contiguous (Смежные пиксели) у инструмента Bucket Tool (G) (Заливка) должен быть неактивен).
Самым темным оттенком закрашиваем контур кирпичей.
Остальными двумя оттенками заполняем оставшиеся кирпичи:
Дублируем текстуру, чтобы, на всякий случай, у нас всегда был оригинал под рукой.
Шаг 10
Копируем текстуру и отражаем ее по горизонтали, чтобы сделать боковую сторону дома, которую мы слегка затемняем. Для замены цветом можно использовать все тот же Bucket Tool (G) (Заливка) или просто уменьшить яркость Image – Adjustments – Brightness/Contrast (Изображение – Коррекция – Яркость/Контрастность).
Шаг 11
Продолжаем копировать текстуру до такой высоты, чтобы ее хватило заполнить весь дом. Старайтесь, чтобы текстуры на углу соединялись аккуратно и без просветов.
Шаг 12
На углу добавляем блик. Обратите внимание, что контур кирпичей должен просматриваться, не закрашивайте его полностью. Мы можем заполнить 1-2 кирпича, затем продублировать блик и распределить его по всей высоте дома.
Шаг 13
Теперь вставляем текстуру на здании.
Чтобы облегчить себе задачу, уменьшаем непрозрачность текстуры, чтобы контур дома хорошо просматривался. Размещаем текстуру так, чтобы линии на здании совпадали с горизонтальным контуром кирпичей.
Затем удаляем лишнее.
Лишние вертикальные области можно легко удалить с помощью Marquee Tool (M) (Прямоугольное выделение). Чтобы избавиться от остальных, выделяем область вокруг здания с помощью Magic Wand Tool (W) (Волшебная палочка) и, перемещая выделение на лишние участки текстуры, жмем Delete.
Устанавливаем непрозрачность текстуры снова на 100% и объединяем ее со зданием.
Детали
Закончив с текстурой, мы займемся остальными деталями.
Шаг 1
Снова делаем видимыми окна.
Определяемся с размером окон. Поэкспериментируйте с разными размерами и выберите наиболее подходящий. Только высоту двери оставляем прежней.
Шаг 2
Определившись с размерами, продолжаем дорабатывать окна.
Удаляем голубую заливку и замыкаем контур.
Шаг 3
Теперь нарисуем подоконник. В центре я нарисовал серую линию, но вы можете заполнить элемент одним цветом.
Этот оттенок серого мы будем испльзовать для таких материалов, как бетон, цемент и гипс. Но постоянное использование одного и того же цвета может сделать работу скучной.
Шаг 4
Теперь добавим объем. Подоконник погружен немного внутрь, создавая эффект глубины. Чтобы показать толщину стены, рисуем вертикальную линию.
Шаг 5
Теперь заполним стену текстурой кирпича. Цвет текстуры менять не нужно. Все, что мы сделаем, это добавим две полосы по краям, чтобы показать тень и блик. Также закрашиваем контур подоконника темно-коричневым цветом (которым мы наносили полосу тени).
Шаг 6
Теперь рисуем стекло. По левому и нижнему краю добавляем линии разных оттенков, чтобы показать объем.
Шаг 7
Дорисовываем раму, добавив поперечную линию.
Шаг 8
Одно окно мы закончили, но нам необходимо еще два вида: широкое (с дополнительными вертикальными линиями) и для боковой стены, цвет которого мы немного подкорректируем.
Обратите внимание, что подоконник на правой стене темнее, как и оконная рама. Но кирпичи на этой стороне должне быть светлее, так как на них падает свет.
Шаг 9
Копируем окна и распределяем их по дому.
Шаг 10
Теперь займемся дверью. Чтобы ускорить прцесс, возьмем дверь из предыдущего урока по рисованию дома.
Шаг 11
И перекрасим ее.
Чтобы легко подобрать цвет, можете воспользоваться настройкой Hue (Цветовой тон) – Image – Adjustments – Hue/Saturation (Изображение – Цветовой тон – Насыщенность).
Шаг 12
На дверных косяках я добавил серые полосы, как на подоконнике, чтобы все здание смотрелось целостным.
Шаг 13
Теперь перемещаем дверь немного вовнутрь для придания глубины.
Чтобы легко удалить лишние пиксели, выделяем дверь, инвертируем выделение (Ctrl+Shift+I) и перемещаем его на два пикселя правее и на один вниз, затем жмем кнопку Delete.
При необходимости заполняем нужные места цветом. Также не забываем затенить область, где дверной косяк соединяется с дверью.
Шаг 14
Теперь нарисуем выступ на крыше. По сути, это тот же подоконник, но немного шире и темнее, потому что у него другой угол наклона.
Начинаем с паралелльных линий серого и темно-серого цветов.
Шаг 15
Правую сторону делаем темнее, а в месте соединения двух сторон рисуем блик.
Шаг 16
Делаем скошенные края на выступе. Подобные детали встречаются на настоящих домах. Такой выступ по форме напоминает перевернутую лесенку.
Шаг 17
Площадь крыши должна быть больше, чем дома. Замыкаем контур крыши и заполняем ее серым цветом.
Шаг 18
Теперь добавляем внутренние углы.
И заполняем большой внутренний прямоугольник темно-серым цветом. Это может быть смола или гравий.
Шаг 19
Также добавляем полупрозрачную текстуру, чтобы создать эффект гравия или смолы.
Шаг 20
Далее мы нарисуем фундамент с несколькими ступенями у входной двери.
Рисуем контур первой ступени, как можно плотнее к дому. По бокам ставим две точки, которые мы позже будем использовать для рисования перил.
Шаг 21
Следующие ступени рисуем по такому же принципу, только сдвигаем их чуть-чуть вперед и ниже.
Шаг 22
Заполняем ступени цветом.
Также заполняем цветом угол между ступенями и фундаментом.
Шаг 23
Заканчиваем основу и рисуем светлую линию между кирпичем и фундаментом.
Шаг 24
На новом слое рисуем контур перила. Обратите внимание, что угол наклона перил отличается от всего дома.
Шаг 25
Шаг 26
Копируем первые перила (Ctrl+C и Ctrl+V).
Немного редактируем копию.
Шаг 27
Можете объединить весь фундамент в один слой (Ctrl+E). Контур основания фундамента закрашиваем серым цветом (но темнее самого фундамента).
Шаг 28
Теперь добавим несколько дополнительных деталей на крыше.
Дом изображен в изометрической проекции, поэтому на крыше достаточно много пустого пространства, которое мы сейчас заполним. В начале, я хотел добавить террасу, но на обычных зданиях они бывают довольно редко, поэтому я ограничился стандартными элементами, которые повсеместно встречаются на крышах.
Возможно, это часть кондиционера.
Который выглядит, как обычная коробка.
С вентиляционными отверстиями или чем-то подобным.
Шаг 29
Также, мы можем добавить парочку дымовых труб.
Чтобы добиться эффекта металла, используем серо-голубой для теней и желтовато-серый для бликов. Закончив, дублируем (Ctrl+J) трубу и размещаем рядом с оригиналом.
Шаг 30
Также нарисуем несколько голубей. Это сделает работу немного интереснее. Имейте в виду, что голуби не сидят на каждой крыше, поэтому старайтесь, чтобы они выглядели максимально непринужденно. Кроме птиц на крыше можно нарисовать баскетбольную корзину, загорающую девушку или парня, бумажные самолетики, орлиное гнездо, горшки с цветами и т.д.
What You'll Be Creating
Photoshop за 60 секунд: Архитектурный Чертёж
Архитекторы - высококвалифицированные специалисты, которые создают необычные технические чертежи зданий и интерьеров. И вы можете добиться этого с помощью Экшена Photoshop. Просмотрите огромный выбор Экшенов Photoshop на сайте GraphicRiver, чтобы мгновенно преобразовать свои фотографии, которые помогут мгновенно преобразить вашу фотографию.
Посмотрите видео ниже, чтобы узнать, как создать отличный технический чертёж, а также скачайте Экшен Архитектурный Чертёж, о которым идёт речь в этом видео.
Создаём Архитектурный Чертёж в Photoshop
Откройте своё исходное изображение в программе Photoshop. Здесь я использую красивое изображение дизайна интерьера, взятое на сайте Pixabay.
Изображение Дизайн Интерьера от Pixabay.
Для доступа в панель Операции (Actions), идём Окно - Операции (Window > Actions). Далее, в выпадающем меню. выберите опцию Загрузить Операции (Load Actions), чтобы загрузить экшен, который вы хотите.
Перед применением эффекта, внимательно прочтите все инструкции. Создайте новый слой и с помощью инструмента Кисть (Brush Tool (B), прокрасьте участки, где вы хотите сфокусировать чертёж. Затем нажмите кнопку Воспроизвести (Play).
В зависимости от того, насколько сложным является данный экшен, его загрузка может занять несколько минут. Когда закончите, сохраните результат таким, как он есть или продолжайте экспериментировать с эффектом, используя дополнительные действия.
Вы можете увидеть итоговый результат на скриншоте ниже.
Посмотрите видео выше, чтобы узнать, как это работает!
Немного информации
Хотите узнать больше от наших экспертов. Тогда ознакомьтесь со следующими уроками:
Читайте также: