⚒️ Гайд | Визуальный дизайн и улучшение навыков строительства

[Pofigizm]

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

ㅤ
Этот гайд создан для тех кто хочет научиться делать визуально приятные постройки с историей:

• Понимать, какие цвета сочетаются между с собой с помощью цветового круга Иттена;
• Выбор стиля и понимания его особенностей;
• (Разрабатывается) Подробный рассказ инструментария и как их можно сочетать;
• (В будущем) Выбор освещения;
• (В будущем) Увидеть все использования этих знаний на практике.

Визуальный дизайн

Визуальный дизайн это процесс или искусство создания удобного и привлекательного продукта, оно проявляется по разному, в web-сайтах, в продукции (Упаковки и т.д.) и интерьере, впрочем оно используется в разных сферах нашей жизни и даже здесь. Впрочем для чего нам нужен визуальный дизайн спросите вы? Я отвечу: она нужна что бы объекты и пространства были понятными, удобными и привлекательными. Я приведу легкий пример визуального дизайна:

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

---

Цветовой круг Иттена:

Главный инструмент выбора оттенков

В дизайне часто используют Цветовой круг Иттена, он состоит из 12 секций — в данном примере мы рассматриваем обычный. В основе три базовых цвета: желтый, красный и синий, все остальные их производные. Белый, серый и черный не указаны, поскольку они относятся к бесцветным и легко сочетаются друг с другом и любыми другими цветами. На круге хорошо видно, какие оттенки относятся к теплым, а какие к холодным. Существует несколько видов сочетания цветов: Монохромная ; Смежная ; Контрастная ; Триадная ; Тетрадная. (Существуют другие виды, но эти базовые) Вы можете увидеть Цветовой круг Иттена с подбором цветов нажав на заголовок темы.

Монохромная

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

Пример в реальности

Смежная

В этом методе используется 2-ух 4-ех цветов которые расположены рядом на цветовом круге Иттена. Обычно используют один которые доминирует, а другие как поддержка. Пример: Сине-Фиолетовое ; Красно-оранжево-желтое и т.д.

Пример в реальности

Контраст

Метод предусматривает использование противоположных цветов. Пример: фиолетово-желтый ; зелено-красный или сине-оранжевый.

Пример в реальности

Триадная

Используется 3 цвета из круга, которые равноудалены от друг друга образуя треугольник. Примеры: красный, жёлтый и синий, фиолетовый, зелёный и оранжевый, голубой, розовый и жёлтый.

Пример в реальности

Тетрадная

Сочетание 4-ех цветов которые образуют прямоугольник.

Пример в реальности

---

Композиция и “Правило трех”

Один из способов размещение мебели

Композиция в интерьере — это мастерство/искусство, правильного расположения объектов. Оно состоит из разных элементов: мебель ; декор ; освещение и т.д. Существует основные композиции как: Симметричная/Асимметричная/Центральная/Групповая. Подробнее о видах композиции здесь: Тык

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

“Правила Трех” — это прием, для расставления мебели, декора и вообще различных объектов. Оказывается что нам людям приятнее смотреть на композиции нечетных кол-во предметов, это золотая середина ведь именно три предмета выглядит как завершенная композиция, то есть: “не мало, не много”. Любые три предмета можно объединить в композицию , если у них совпадает хотя бы один признак: форма, цвет или размер.

На фотографиях предоставлено применение “Правило Трех”

Примеры использования “Правило Трех”:

• Набор для завтрака: чашка, чайник и сахарница — разные по форме и размеру предметы, но за то объединённые цветом.
• Три картины в ряд над диваном: сразу дополняет помещение, здесь могут совпадать все признаки.

---

Стиль интерьера:

Стили интерьера и какие они бывают

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

Как я повторюсь стилей очень много, и все они разные, пробуйте на свой вкус и цвет, в этом руководстве я приведу 2 примера (И приведу еще примеры позже доработок) и напишу краткое описание и особенности:

---

Минимализм

Стиль минимализм в интерьере появился в Европе 70 лет. Его истоки – конструктивизм и функционализм 20-30-х годов прошлого столетия и наработок института Баухауз, чья архитектурно-промышленная школа заложила основные черты архитектуры 20-ого века. На данный момент в моду входит забота об экологии и философия разумного потребления, стиль минимализм становится вновь актуальным.

«Меньше — значит лучше» | Очень часто люди думают что минимализм это когда “мало вещей” и частично они правы. На самом деле это особый подход где соблюдается свобода пространства, функциональность, а так же отказ от лишних декоративных деталей. В данный момент в мире где мы живем — этот стиль распространён везде, особенно в продукции, интерьер имеет подразделы и этот выбор нужно учитывать, существует Японский/Скандинавский минимализм. В минимализме пустота считается таким же элементом дизайна, как и объект.

Основные черты стиля

• Предметы: Малое количество мебели, и декора;
• Много света: окна, лаконичные светильники и отсутствия тяжелых штор;
• Легкая палитра цветов: обычно используются бесцветные цвета, раньше мы уже встречались с этим понятием это белое, серое, черное, так же дабы интерьер не выглядит стерильно могут использоваться легкие цвета: натуральные и нейтральные ;
• Строгая геометрия: Простые формы/фигуры, линии ровные и прямые;
• Освещение : Часто используется монохромная палитра или используются белый, чёрный, серый и металлические оттенки.

Для каких персонажей подойдет этот стиль

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

Цвет / Температура	RGB
Холодный нейтральный	235, 240, 245
Холодный приглушенный	210, 225, 255
Холодный мягкий	200, 220, 255
Нейтральный светлый	245, 245, 245

Пример в реальности

Пример в Garry’s mod

---

Классический

Это оформление, характерное для классического стиля, который зародился в Европе в XVI–XVIII веках в эпоху дворцовой роскоши. Оно выглядит дорого, но без кричащей роскоши, придавая легкий уют и спокойствие. Классический стиль практически не выходит из моды, потому что строится на математических пропорциях которые человек воспринимает как “правильные”.

Основные черты стиля

• Симметрия: мебель и декор расположены строго ровно;
• Детальный декор: лепнина, молдинги, колонны, пилястры, карнизы, резные ножки мебели, хрустальные люстры и так можно перечислять до бесконечности;
• Цветовая палитра: используются так же базовые оттенки, или иногда глубокие тона к примеру бордовый и изумрудный.
• Материалы: натуральные материалы, такие как дерево, камень, мрамор, штукатурка;
• Освещение : обычно стоит большая люстра в центре потолка, освещение мягкое и теплое.

Цвет / Температура	RGB
Теплый мягкий	255, 230, 200
Теплый желтый	255, 214, 170
Золотистый мягкий	240, 210, 160
Нейтральный светлый	245, 245, 245
Теплый приглушенный	255, 244, 229

Пример в реальности

---

Инструментарий:

Объяснения, инструкция и советы

Инструментарий который у вас есть как у Игрока огромен, инструментарий позволяет управлять внешним видом объектов, а не просто расставлять пропы(энтити). С его помощью можно менять материалы, цвет, освещение не создавая новые модели. Если правильное использование помогает вам подстроить окружение под ваш выбранный стиль постройки. В этом разделе разобрано, как инструменты влияют на внешний вид построек и как применять их. Далее каждый инструмент будет рассмотрен отдельно с пояснениями.

Один проп — разные оформления

Использован один и тот же проп/энтити

На примере одного и того же пропа видно, как замена материала через Submaterial или же “Скины” полностью меняет стиль энтити или же объекта — от офисного и минималистичного до более теплого и жилого шкафа

---

Как инструменты меняют внешний вид

Использован один и тот же интерьер

На обоих изображениях используется один и тот же набор пропов. Слева показан результат применения SubMaterial, Улучшенный материал, источник света, лампа (недоступная игрокам), а так же ShadowRemover. Справа — стандартное состояние без обработки. Этот пример наглядно вам показывает что инструментарий позволяет изменить атмосферу и восприятие, не добавляя новых энтити, а работая с материалом, светом и тенями.

---

Полезные источники:

Ссылки на различную полезную информацию

1. Сайт Flatica — различные фотографии интерьеров в различных стилях, и так же статьи;
2. Сайт Colors — генератор цветовых схем. При различных проблемах с выбором цветов, помогает;
3. Сайт WikiDobrograd — здесь собраны инструкции и советы для правильного оформления построек.

Полезная команда:

Вот где найти все текстуры!

1. +mat_texture_list — При введении команды в консоль возможно зависание/краш (Если ваша система слабая) так что перед использованием советуем сохранить свой дубликат, при открытии мы можем заметить частичный список текстурок, что бы это исправить следует поставить галочку на пункт “Show ALL textures”, после загрузки показываются все текстуры используемые на сервере, для поиска определенных текстур есть поиск, основные слова: floor (Пол) ; wall (Стена) ; concrete (Бетон) ; ceiling (Потолок) ; brick (Кирпич)

Как копировать путь материала

В будущем добавлю суда больше разной информации, это только первая версия! Для связи сомной: ДС: pofigizmovka

[the_brini]

Одобрено

[MollendTx..]

Осмотрел гайд, и он мне очень понравился! Для начинающих строителей это действительно отличный материал.

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

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

В целом — идеальный гайд, придраться не к чему!

[ПОЧТИ В СОЛО]

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

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

Так же скажу, что пропы имитирующие стекло/свет и прочее можно настроить инструментом “цвет” изменив их прозрачность на оптимальную вашему вкусу.

И в заключении советую строителям-новичкам добавить в закладки инструмент “тени”, зачастую при стройке стоковое освещение откидывает от пропов лишние тени, делая вашу комнату/постройку неестественно темной или багует свет от лампочек либо наоборот от пропов по какой-то причине нет тени. Решение есть! “Тени” отключают/включают отображение теней пропов от естественных источников света (простите за тавтологию).

[Egozavr]

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

так же с прозрачностью можно поиграть и сделать граффити на той же стенке, берется тонкий проп после ищется нужная текстура граффити в mat_texture list, выбирается и натягивается с помощью submaterial’a
на проп, настраивая её с помощью инструмента цвет до нужной прозрачности и яркостью пропа для более четкой картинки.

[the_brini]

Одобрено

[AFTERLUVSOSO]

Так же хочу добавить к гайду полезную, почему-то редко вспоминаемую фишку: текстуры из show all textures хранятся в кэше игры. По сути, только то, что подгружено при подключении к серверами и картам. И чтобы открыть ту кроличью нору абсолютно всех текстур - нужно залезть в тул map retexturizer и лазать по папкам в поисках нужной и просто копировать ее путь. Гениальное - просто.