Рисуем окно.

Nerom

Я забил на форум.....фу таким быть.

Nerom

Я забил на форум.....фу таким быть.
Сообщения
301
Реакции
289
Баллы
0


Шаг 1. Выбираем конструкцию окна.

Находим изображение окна необходимой нам конструкции.

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

Я выбрал данный пример окна:



Шаг 2. Рисуем заготовку.

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



Шаг 3. Обрабатываем подоконник и откос окна.

С помощью градиентов добавляем подоконнику объём. Для этого мы выделяем область с подоконником. Выставляем градиент «Linear Gradient» с переходом от определённого цвета в прозрачность. А затем заливаем 2 градиента, тёмный и светлый, чтобы собственно придать объём. При этом тёмный градиент мы пускаем с дальней части подоконника в ближнюю, а светлый наоборот. На скриншоте я обозначил тональность (светлую и тёмную) градиентов и их примерную траекторию. Небольшой уголок затираем, т.к. свет у нас будет падать из окон.



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



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



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

Шаг 4. Рисуем падающий свет.

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



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



Шаг 5. Рисуем створки окон.

Т.к. створки являются подвижными элементами окна, они будут располагаться немного ближе чем сама рама, следовательно их заливаем более светлым цветом и располагаем под слоями падающего света, чтобы не нарушить общий тон картины. Так же не забываем добавить объём примерно в 2px и тень Drop Shadow, как показано на скриншоте:



Шаг 6. Рисуем окна.

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



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



Шаг 7. Рисуем фурнитуру окон.

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



Шаг 8. Завершающие действия.

Для украшения окна я решил добавить растение в горшке, яркие лучи солнца и некоторые фоновые эффекты.

 

Сверху