Перейти к содержимому

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

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


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

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

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

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

    Group 88 (1).png

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


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

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

    Group 89.png

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

    Монохромная

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

    deb728db-ef23-438b-b267-b93767f897a6-image.png

    Смежная

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

    8c2b12c2-f699-4e03-89d0-18168dfccd73-image.png

    Контраст

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

    40d6478e-a9b7-462c-8a31-93e5067827c1-image.png

    Триадная

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

    76cdf959-3c05-4e92-82ac-2a90255116d0-image.png

    Тетрадная

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

    cb75228f-7662-4688-b767-c7bb0c58a6ae-image.png


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

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

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

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

    Group 97.png

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

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

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

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

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

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

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


    Минимализм

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

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

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

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

    • Если ваш персонаж перфекционист от части и практичен, любитель чистоты и порядка то стиль ему подойдет, так же любителей минимализма могут быть персонажи которые хотят отгородиться от стресса.
    Цвет / Температура RGB
    Холодный нейтральный 235, 240, 245 22418ded-953a-4f6c-98b8-aba2a4f7ec8c-image.png
    Холодный приглушенный 210, 225, 255 b32da578-621c-4ede-99c0-98aee18c803c-image.png
    Холодный мягкий 200, 220, 255 1541d0e7-21a9-449f-9ad0-479ccdd5ca32-image.png
    Нейтральный светлый 245, 245, 245 24ed0896-b236-451d-a4a4-149a15340edf-image.png

    f782bb09-e166-422b-821c-d063a36cd0e5-image.png

    2a473a8e-c4ee-4e6f-ab3f-5611ee69603f-image.png


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

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

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

    • Симметрия: мебель и декор расположены строго ровно;
    • Детальный декор: лепнина, молдинги, колонны, пилястры, карнизы, резные ножки мебели, хрустальные люстры и так можно перечислять до бесконечности;
    • Цветовая палитра: используются так же базовые оттенки, или иногда глубокие тона к примеру бордовый и изумрудный.
    • Материалы: натуральные материалы, такие как дерево, камень, мрамор, штукатурка;
    • Освещение : обычно стоит большая люстра в центре потолка, освещение мягкое и теплое.
    Цвет / Температура RGB
    Теплый мягкий 255, 230, 200 1bb1525f-a552-4073-93ab-0b8005b0c71e-image.png
    Теплый желтый 255, 214, 170 bb08d3db-c984-4934-9e2b-5543ab78eed3-image.png
    Золотистый мягкий 240, 210, 160 8a0e5083-9d92-4ed5-9b31-3c03ca0b3d42-image.png
    Нейтральный светлый 245, 245, 245 24ed0896-b236-451d-a4a4-149a15340edf-image.png
    Теплый приглушенный 255, 244, 229 b0b22b54-d9dd-4142-8d71-01855a910b97-image.png

    3362f5e3-dfe9-4d22-9567-a80298821b3d-image.png


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

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

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

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

    Group 96 (1).png

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

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


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

    Group 92.png

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

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


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

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

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

Похожие темы