Как я могу сделать эффект пустоты, как видно на задней стороне автобуса VW?

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

Эскиз проблемы

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

В своем исследовании, сравнивая фотографии автобусов Samba VW, я нашел эти образцы вентиляционных накладок двигателя.

Вентиляционная обшивка одна

Вентиляционная планка два

Вентиляционная обшивка три

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

Ответы (2)

Дырка в настоящем VW — это обычная уловка из листового металла под названием «Закругленные жалюзи». Реалистичный рисунок жалюзи требует сложной штриховки. Проще всего, если вы сможете принять его загнутым внутрь, без блестящих глянцев и без хромированной кромки листа. Вот три из них на плоской поверхности:

введите описание изображения здесь

Одна жалюзи создается путем интерполяции между черной линией и синей краевой кривой (= линия + две соединенные четверти круга).

введите описание изображения здесь

Интерполяция в Inkscape — это «Расширения» > «Изменить путь» > «Интерполировать».

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

Как видите, верхний край не идеально прямой. Исправьте это, вставив декоративный список или просто цветную линию, закрывающую край.

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

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

введите описание изображения здесь

Жалюзи представляют собой серые группы с режимом наложения Multiply. Они делают поверхность краски темнее.

Работа снова начинается с объединения прямоугольника и двух четвертей круга. Иметь 2 экземпляра. Красная версия используется только как обтравочный контур, ее цвет не имеет значения. Залейте другой горизонтальным серым градиентом 4 ступени темный-светлый-светлый-темный:

введите описание изображения здесь

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

введите описание изображения здесь

Поместите красную версию на предыдущие фигуры, выделите все и примените Object > Clip > Set, чтобы избавиться от размытых дополнительных элементов. Создайте группу и установите для нее режим наложения Multiply:

введите описание изображения здесь

Как вы видите, обрезанные фигуры имеют специальный символ «вырезать» на панели «Слои». Их по-прежнему можно свободно выбирать и настраивать на панели слоев. Скорее всего, вам придется настроить размытие прямоугольника тени и градиент, когда вы поместите жалюзи на окончательную поверхность.

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

введите описание изображения здесь

1-2. поместите четверть круга на концах прямоугольника и сделайте Контур > Союз

  1. Залейте основным цветом автомобиля

  2. Измените заливку на 4 ступени горизонтального градиента с более темными концами. Шаг 3 полезен, потому что остановки могут легко получить основной цвет краски. Удаляйте цветную прозрачность только после того, как вы вставите упоры двойным щелчком. Затем отрегулируйте конечные упоры темнее

Жалюзи не могут быть видны должным образом на окончательной поверхности как есть, они нуждаются в 2 дополнениях:

  • тонкая обводка того же цвета, что и темные концы градиента заливки (см. ПРИМЕЧАНИЕ 1)
  • тень

На следующем изображении 4 жалюзи размещены на плоской поверхности. Внизу можно увидеть тень. На самом деле это форма жалюзи, но

  • перевернуто и сжато по вертикали
  • без инсульта
  • с черной заливкой
  • размыто и
  • отправлен за жалюзи

введите описание изображения здесь

ПРИМЕЧАНИЕ 1 Штрих начинает выглядеть неправильно, если изображение настолько велико, что видно, что штрих однородный. Размытие помогает, но штрих должен быть отдельной кривой, если он размыт. Вредно, что нет доступных градиентов на пути. Обводка не нужна, если средние точки градиента ваших жалюзи немного светлее, чем основная поверхность краски. Но это создает лоск. Один и тот же режим освещения должен использоваться последовательно во всем автомобиле. Это может подойти, потому что в вашем примере рисунка есть блески, вызванные каким-то образом направленным вниз светом. Я старался избегать глянца, чтобы все было легко управляемо.

Хороший ответ, но есть пара вещей, которые мне нужно объяснить. Почему вы упомянули об этом: Как вы видите, верхний край не идеально прямой. Исправьте это, вставив декоративный список или просто цветную линию, закрывающую край. Что вы имели в виду?. Я не знаю, как добиться добавления четырехступенчатого градиента, можете ли вы показать пример того, как вы это сделали? Когда вы упомянули Set, чтобы избавиться от размытых дополнений. Создайте группу и задайте для нее режим наложения Multiply, добавит ли это больше объектов в группу?
Когда вы накладываете этот объект, который был смешан слоями, на поверхность, которая предназначена для использования, будет ли он прозрачным на заднем плане? Я имею в виду, будет ли он иметь цвет фона, который я выберу для машины?
Не идеально прямо: при большом увеличении вы должны увидеть, что концы черной линии не трансформируются в синий точно по горизонтали. Вставьте синий прямоугольник поверх верхнего края отверстия жалюзи, чтобы скрыть ошибку. Градиенты с несколькими остановками можно получить, щелкнув новые точки с помощью инструмента настройки градиента. Получить руководство и смотреть учебники, это основные методы, а не мои. «Объект > Вырезать > Установить». Это операция меню, которую следует использовать для создания обтравочного контура, скрывающего ненужную часть. Умножение — это режим наложения объектов. Вы должны увидеть, где находится умножение в диалоговом окне на моем изображении.
Мне очень жаль за задержку, но я принимаю ваш ответ. Это действительно очень помогло мне.

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

пример вентиляции

Если вы собираетесь использовать другие изображения, то это будет аналогичный процесс. Нарисуйте фигуры и используйте градиенты.

Это хорошее предложение, но я думаю, что то, что я намеревался воспроизвести, было немного более сложным, чем наложение двух прямоугольников со скругленными углами. Но если смотреть на них издалека, создается какая-то иллюзия, что так и было задумано. В вашем примере, похоже, не используется градиент, придаст ли он больше реализма?
@ChrisSteinbeckBell Это зависит от художественного стиля, которого вы хотите достичь. В вопросе выше первое изображение показывает стиль плоского дизайна, и я не думаю, что в первом изображении используются какие-либо градиенты. На моем изображении масштаб, вероятно, составляет 600%-800%, поэтому эффект тени будет выглядеть лучше при 100%. Если вам нужен гораздо более реалистичный подход, ознакомьтесь с ответом пользователя 287001.