Рассеивание света в Inkscape

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

Большой капитал А

Как вы можете видеть в этом примере, свет рассеивается вокруг каждой лампочки, чтобы создать эффект света, освещающего остальную часть буквы А. Мой вопрос: как лучше всего создать подобный эффект рассеивания света в Inkscape?

Ответы (1)

Прежде всего : имейте в виду, что Inkscape предназначен для векторных иллюстраций, поэтому эффекты изображения, о которых вы просите, не являются сильной стороной Inkscape... Результат, который вы получите с такими программами, как Inkscape, обязательно будет выглядеть «более плоским» и менее реалистичным, чем полномасштабная симуляция света, также известная как 3D-рендеринг / трассировка лучей. Если вы предпочитаете двигаться в этом направлении, обратите внимание на Blender и YafaRay .


Сказав это, вот как я буду имитировать эффект в Inkscape:

У каждой лампочки есть два компонента: корпус лампочки и свечение вокруг него .

1. Тело

  • Используйте произвольное количество кругов, некоторые со сплошной заливкой, некоторые только с обводкой и частичным контуром, а некоторые с градиентной заливкой. Выберите цвета и градиенты из исходного изображения. Это художественный процесс, поэтому здесь нет правильного или неправильного. Продолжайте/повторяйте до тех пор, пока у вас не будет достаточно деталей и «мультяшной» копии оригинального корпуса лампы.

  • Когда вы будете удовлетворены, преобразуйте все объекты обводки в контуры. Затем выберите каждый объект и сделайте заливку размытой (используйте ползунок прямо под цветом заливки). Я дал каждому объекту несколько разное размытие от 3% до 10%. Это уберет резкие края и уменьшит «мультяшный» вид.

  • Одна лампочка может выглядеть так:

2. Свечение

Есть несколько фильтров, которые звучат так, как будто они могут помочь. В частности, «Фильтры» > «Тени и свечение» > «Свечение выреза», «Темное свечение» и «Тень» (с цветной тенью) могут показаться хорошими кандидатами.

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

Поэтому вместо использования предварительно настроенных фильтров я получил следующий рабочий процесс:

  • Накладывайте один или несколько кругов, пока они не совпадут со свечением на исходном изображении. Объедините круги с помощью «Путь»> «Союз». Обратите внимание, что эта форма может (но не обязательно) совпадать со светом, излучаемым лампочкой.

  • Теперь выберите подходящий цвет для только что созданной формы (некоторый оттенок оранжевого от оригинала). Если хотите, примените круговой градиент от более желтовато-оранжевого внутри к более темному снаружи. Затем размойте заливку (например, 8%) и сделайте фигуру прозрачной (например, 50%).

3. Собираем вместе

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

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

В оригинале среди свечения и по всей букве виден отчетливый рисунок. ИМХО, это должно указывать либо на а) грубую текстуру дерева на корпусе буквы, либо б) на какой-то узор дыма/муара/бликов. В любом случае это выглядит круто, поэтому вот предложение о том, как добиться такого эффекта:

  • Используйте каллиграфическую кисть, чтобы нарисовать несколько волнистых белых штрихов на букве. Они должны следовать той же схеме, что и строки в оригинале. Затем выберите белую заливку, низкую непрозрачность (скажем, 10%) и размойте заливку (например, 3%). Вручную рисуйте/регулируйте эти линии, пока не будете удовлетворены.

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


Последнее замечание : Исходное изображение, безусловно, выглядит очень отточенным, поэтому не удивляйтесь, если вам придется приложить немало усилий для получения аналогичного результата. Я думаю, что для достижения такого безупречного результата требуется либо много ручной иллюстрации и уточнения, либо некоторые продвинутые навыки 3D-моделирования / рендеринга.