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

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

В моем проекте часть, примыкающая к передней двери и задней части автобуса VW, выглядит так, как будто она утопает в поверхности. Как добиться этого эффекта? Это видно по стрелкам, указывающим на изображение, и закругленным частям.

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

Я попытался проследить объект, нарисовав кривую Безье, но в результате получился просто плоский цвет.

Затем я попытался продублировать и увеличить обводку, чтобы использовать ее как эффект тени, но это не дало эффекта, которого я хотел. Проблема возникла в кривой, так как "тень" как бы идет по начальному штриху от кривой Безье. Поэтому мой вопрос. Существует ли лучший способ добиться этого?

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

Справочное изображение

Из него видно, что стыки, вызванные разрывом дверей, застревают, в то время как рамы в верхних окнах торчат, а окна в пассажирской линии застревают.

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

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

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

Ответы (1)

Ваш пример с оранжевым VW груб. Канавка между двумя поверхностями представляет собой лишь кривую более темного цвета. Он может быть серым с режимом наложения Multiple. Темнота серого в разных местах разная. Также можно использовать частично прозрачный черный. Он работает с обычным смешиванием.

Я думаю, вы ожидаете чего-то большего размера. Темная кривая правдоподобна, только если кривая отображается на дисплее шириной около 1 пикселя.

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

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

Это три смежные кривые, нарисованные на плоской поверхности, черная посередине и вокруг нее штрихи с вертикальным серым градиентом. Один из темного к светлому, а другой противоположный светлому к темному.

Градиентные штрихи имеют режим наложения Жесткий свет, поэтому более 50% серого отображаются как свет, а менее 50% — как тень.

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

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

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

Это просто 2 копии черной кривой на сплошной плоской окрашенной поверхности. Нижняя кривая размыта, чтобы создать впечатление изогнутых краев. Верхняя кривая сплошная. Вы можете уменьшить его непрозрачность или изменить цвет на более светлый, если глубокий черный кажется слишком глубоким. В примере непрозрачность составляет 75%.

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

Вот та же кривая в уменьшенном масштабе:

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

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

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

Не думайте, что у меня хватило терпения нарисовать эти глоссы. Они создаются автоматически с помощью программы 3D CAD начального уровня (=DesignSpark Mechanical, бесплатная версия). В 3D вы без труда получаете разные виды одного и того же чертежа. Вот один:

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

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

Нарисуйте кривую. Вот один. Ширина штриха = 0,5 мм. Сделайте дубликат. Ctrl+D делает один сверху. Пусть у него будет двойная ширина штриха, в данном случае 1 мм.

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

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

Остерегайтесь движущихся частей! Позже их невозможно выровнять обратно. Снапы потом не помогут!

Преобразуйте дубликат в путь с помощью Path > Stroke to Path. Это становится заполненной областью. Удалите цвет заливки и вставьте штрих 0,5 мм:

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

Пурпурная часть теперь представляет собой комбинированный контур, который отображается как один элемент на панели «Объекты».

Разделите объединенный путь на 2 отдельных пути. Примените Контур > Разорвать. Затем вы можете выбрать и перекрасить штрихи самостоятельно:

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

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

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

Извините, я все еще учусь, но когда вы упомянули режим смешивания, вы имели в виду это. Можете ли вы добавить пример того, как этого добиться? Я имею в виду, как вы предложили использовать кривую с более темным цветом? Второй пример, который вы показали, который, как вы упомянули, сложен, как вы его сделали? Это один черный штрих поверх более толстого с серым градиентом? Это метод?
Ваша ссылка на умножение режима наложения совершенно правильная, я использую это умножение. Ответ находится в разработке. Есть 3 смежные кривые. В середине есть черная обводка, а остальные — вертикальные градиенты от более светлого, чем краска, к более темному, чем краска. Ответ дополнен.
Вы можете сместить смещенную форму, тогда вы получите более изогнутую линию подсветки
@ user287001 Я пытался воспроизвести первую часть вашего ответа, но застрял на том, что канавка между двумя поверхностями - это всего лишь кривая более темного цвета. что я сделал, так это сделал два мазка, один размытый, а другой без размытия, и использовал режим наложения Умножение, но конечный результат не был близок к рисунку. Возможно, я вас неправильно понял? Не могли бы вы добавить второе примечание о том, что вы имели в виду? Предполагая, что после всего этого, как я могу скопировать объект со всеми этими слоями, чтобы использовать его в другом изображении? Можно ли объединить все существующие слои?
Начните с пустой доски. Нарисуйте прямоугольник с заливкой (= закрасьте поверхность), нарисуйте кривую, без заливки. Пусть у него будет черная обводка шириной 0,5 мм. Вставьте небольшое размытие, скажем, 10%. Установите размытие на панели заливки и обводки, а НЕ на панели объектов (они используют разные проценты, вы не можете сделать его достаточно маленьким). Дублируйте кривую (=Ctrl+D). Уберите размытие с дубликата, уменьшите непрозрачность на вкус, может даже до 30%. Вам не нужна другая смесь, кроме Normal, потому что есть прозрачный черный. Объедините с группировкой, чтобы сохранить части вместе.
@ChrisSteinbeckBell (продолжение) Примечание. Достаточно одного слоя. Во многих программах каждый элемент представляет собой слой. При желании фигуры Inkscape могут быть в одном слое, но слои помогают поддерживать порядок. Например, вы можете легко заблокировать уже сделанный слой, чтобы сохранить его в безопасности.
Эффективно используя эффекты пути (Клонировать оригинал + Смещение LPE), вам не нужно предупреждение о движущихся объектах.
Истинный. Но для правильного окрашивания нужны пути, которые можно разделить. Кривые смещения должны иметь разные точки разделения. Это уничтожает возможность иметь кривые, которые следуют оригиналу. Если бы вдоль доступного пути был градиент, метод смещения был бы превосходным.
@ user287001 Извините за задержку, но я принимаю ваш ответ. Этот эффект, как и многие другие, требует терпения, чтобы учиться и практиковаться.