Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.

Автор: sondar | Категория: Уроки Photoshop » Креатив | 12-03-2015, 16:51
3. Детали
Теперь у нас есть большая кирпично-текстурированная стена. Нам необходимо поработать над другими деталями.

Шаг 1
Давайте сделаем наш слой с окнами видимым.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 5
Теперь заполним эту часть угловой стены, не только цветом, но и кирпичной текстурой. Здесь мы добавляем облицовку, нам нужны кирпичные оттенки темной модели, но нет никакой необходимости иметь различные кирпичные цвета для данной части; сделаем в один цвет (используя среднюю яркость, логически). Мы, конечно, должны держаться кирпичных линий и соблюсти угол подсветки.

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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.



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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 7
Наконец, давайте добавим дополнительную деталь к оконной раме, чтобы сделать окно более интересным. И отрегулируем контрастность углах, где располагается поверхность окна.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 8
Одно окно сделано, но мы должны еще два вида окон: немного шире тех, (к которому я добавил дополнительные вертикальные линии, чтобы сделать их менее скучными) и окнами, которые выходят справа, где некоторым цветам необходимы коррективы, а вот стороны я как правило, делаю темнее.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Шаг 9

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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 11
Но мы изменим цвет.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Помните, что вы можете легко попробовать различные цвета с Цветовым тоном (Hue slider)( Изображение >Коррекция>Цветовой тон/Насыщенность/Яркость)(Image> Adjustments> Hue / Saturation / Brightness ... ), чтобы найти цвет, который хорошо сочетается с остальными.

Шаг 12
Здесь я применил к дверной коробке стиль, который соответствует подоконникам; у нее такой же цвет и та же темная линия, что делает его похожим сделанным из того же материала и отделку, которую мы применили ко всему зданию. Позади здания будто бы стоит архитектор!

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 13
Теперь давайте толкнем дверь немного назад,показывая глубину входа.

Для этого вы можете выбрать все, а затем вычесть дверь от выбора (например, удерживая Alt при выборе двери с помощью Инструмента Лассо (Lasso Tool), а затем перенести весь выбор за пару пикселей в сторону и вниз.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Конечно же, вы должны заполнить в некоторые пространства, чтобы получить этот результат. И чтобы закончить дверь с вы можете настроить цвета в углах, где нужно. Я обычно не оставляю их черными.

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

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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 15
Как обычно, сделайте правую боковую сторону темнее и добавьте в углу подсветки.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 16
А теперь обрежьте углы по бокам. Вы увидите выступы, как это есть в реальной жизни или примерных изображениях; они выглядят как cтупеньки, и вот почему я сделал эти углы именно так.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 17
Верхняя поверхность теперь выше и немного шире. Добавьте еще линий, чтобы закончить его и залейте его легким цветом бетона / цемента / штукатурки.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 18
Теперь давайте добавим несколько внутренних границ на выступе.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Заполните этот большой прямоугольник цветом нашей крыши.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Шаг 19
Наконец, я добавил тонкую текстуру, чтобы передать, насколько осмолена крыша или как она покрыта гравием, либо показать насколько она не гладкая.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 22
Добавить обычные бетон/ цемент/ гипсовые цвета, чтобы заполнить ступеньки.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Шаг 23
А вот база применяется ко всей ширине здания (со смягченным цветом, где основа соответствует текстуре кирпича).

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 25
Закрасьте перила.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 26
Нам нужно еще другое перила на другую сторону ступеньки. Давайте скопируем первое перила.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


И проделайте некоторые маленькие корректировки.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 27
Вы можете объединить все эти элементы, если вы хотите. И чтобы закончить их, вы возможно захотите смягчить нижние угловые линии, где вертикальные поверхности будут соответствовать полу.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 28
Мы близки к завершению. Давайте просто добавим несколько элементов на крыше.

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

Может быть, часть кондиционера ...

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Которое может быть просто коробкой.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


С некоторыми вентиляционными линиями или что-нибудь наводящее на эту мысль.

Шаг 29
Мы можем также добавить несколько дымовых труб.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Шаг 30
Наконец я добавляю случайный элемент, в данном случае голубей. Я думаю, что это добавит небольшой штрих. Так было бы лучше, чтобы хранить такие “произвольные" элементы. Есть и другие варианты, которые могут быть на крышах домов: застрявший баскетбольный мяч, загорающие девушка или парень, бумажные самолетики, орлиное гнездо, горшечные растения, и т.д.

Вот контуры голубей.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


А вот они покрашенные.

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


Это была финальная деталь.

Задание выполнено!
Поздравляю! Вы закончили строительство здания и теперь можно только разместить жителей!

Создание Изометрического пиксельного квартирного дома в Photoshop. Часть II.


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

Другие новости по теме:


Просмотров: 11775 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


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

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.