Как сделать градиент в inkscape

Как сделать градиент по кривой в Inkscape?

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

nvl ★★★
05.09.21 08:46:29 MSK

Может это не то, что тебе нужно, но в расширениях есть инструмент: Extensions >> Generate from Path >> Scatter Можно сделать сначала объект и его использовать как основу для изменения градиента целевого объекта. Вообще, поищи по теме «simulate a curved gradient»

lofi
( 05.09.21 09:00:24 MSK )

Такое, насколько я знаю, только Adobe Illustrator стал с недавних пор делать. Но если есть blend по пути, то сымитировать такой градиент легко. В inkscape я чё-то сходу не нашёл способа сделать бленд по пути. В принципе, gimp импортирует пути, а там можно сделать обводку кистью (Edit > Stroke path). Будет то, что надо. Одно неудобство – надо длину затухания опытным путём подстраивать.

rechnick ★★★
( 05.09.21 23:05:15 MSK )

В SVG в принципе нет градиента по кривой. Попробуй сделать мешем, если кривая не будет в дальнейшем деформироваться и у тебя есть время на выравнивание сетки 🙂

Если делать не два ряда сетки, а четыре, то цвета будут чистые.

Как сделать градиент в inkscape

Вы здесь: Главная Inkscape 0.48 27. Редактирование градиентов

Главное меню

• Главная
• Создание элек.книг
• Adobe PhotoShop CS5
• CorelDRAW X5
• Corel Painter 12
• Corel Paint Shop Pro X4
• Редактор Bryce 5.5
• Редактор DAZ Studio 4
• Artweaver 1.23
• Photobie 7.1
• Paint.NET 3.5.10
• Inkscape 0.48
• GIMP 2.8.2
• Соз. шриф. Font Creator 6
• Созд. шрифтов. FontLab 5
• Windows 10
• ОС Linux Mint 17
• Восстановление дисков
• Прикладные программы
• Архиваторы
• Дефрагментаторы
• Защита данных
• Полезные программы
• Создание скриншотов
• Плееры
• Материалы студентам
• Политика конфиденциальности и защиты информации
• О хостинге BeGet
• Карта сайта

27. Редактирование градиентов

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

Рис. 37. Панель параметров для инструмента Градиент

Начнем рассмотрение инструмента с правил редактирования имеющихся градиентных заливок. После выбора инструмента Градиент на объекте с градиентной заливкой появляются направляющие линии и маркеры. И линии и маркеры на каждом типе градиента имеют совершенно разный вид. На линейном типе градиента направляющая по умолчанию находится строго по горизонтали. На концах направляющей линии находятся два квадратных маркера (Рис. 38).

Рис. 38. Линейный градиент

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

На радиальном градиенте находится направляющая под углом 90° (Рис. 39). На общем узле направляющей находится маркер в виде ромба. Этот маркер предназначен для смещения центра радиального градиента. На свободных концах лучей направляющей расположены круглые маркеры. Эти маркеры предназначены для поворота радиального градиента вокруг центра радиального градиента. Несмотря на возможность поворота лучей, угол между лучами направляющей все равно остается 90°. Каждый луч направляющей по умолчанию исходит из центра радиального градиента и направлен один строго направо, а другой строго вверх. Центр радиального градиента расположен строго в центре объекта, на который этот градиент наложен.

Рис. 39. Радиальный градиент

Линейный и радиальный градиенты можно преобразовывать друг в друга. Для этого на панели параметров предназначены две кнопки: Создать линейный градиент и Создать радиальный градиент. Нажатие на одну из этих кнопок еще не превращает один тип градиента в другой. После выбора другого типа градиента нужно дважды щелкнуть по градиенту инструментом Градиент. Только после этого тип градиента меняется. Одновременно с изменением типа градиента меняется и внешний вид направляющей и маркеров градиента. На панели параметров находятся кнопки: Создать градиент в заливке и Создать градиент в штрихе. В зависимости от нажатой кнопки градиент редактируется или в заливке, или в штрихе. Чтобы применить градиент также выполняется двойной щелчок по объекту. При этом все равно, в какое место объекта выполняются щелчки: в область заливки или в область штриха. Объекты, залитые монохромной или текстурной заливкой можно преобразовывать в градиент. Для этого на панели параметров выбирается тип градиента (нажимается соответствующая кнопка) и выполняется двойной щелчок мышью. При преобразовании монохромных или текстурных заливок в градиентные, предлагается простейший градиент, как правило, один цвет (например, красный) переходит в белый. Если предложенный градиент не подходит, то можно предложить следующие варианты решения:

В списке Менять выберите другие варианты градиентов, если они там имеются;

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

Инструмент «Mesh Gradients»

Инструмент Mesh Gradients появился в версии 0.92, до этого он работал в экспериментальном режиме и был выключен по умолчанию.

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

Панель настроек инструмента имеет ряд кнопок.

• кнопка Create mesh gradient — стандартный режим
• кнопка Create conical gradient — конический режим

Следующие две кнопки определяют, к кому применить градиент — заливке или обводке.

Вы можете задать число рядов и столбцов.

Для управления узлами доступны клавиатурные сокращения.

Страница описания на Wiki

Создайте объект, выберите инструмент Mesh и сделайте двойной щелчок по объекту. Узлы можно двигать.

Видео

До появления инструмента, можно было создать вручную подобие градиентной сетки — Simple Inkscape Gradient Mesh Tutorial (на русском).

Путеводитель по Inkscape: Глава 40, инструмент Градиент

На семнадцатом месте Панели инструментов расположился инструмент Градиент . Всплывающая подсказка называет его Создавать и править градиенты, а вызвать инструмент можно горячими клавишами CTRL+F1 (работает не во всех рабочих столах, обычно эта комбинация переключает на первое рабочее место), поэтому надежнее пользоваться горячей клавишей g.

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

Рис. 1

Как явствует из рисунка 1, градиентным может быть не только цвет заливки объекта, но и цвет его обводки.

Создавать градиенты при помощи инструмента Градиент намного удобнее, чем при помощи меню Объект ⇨ Заливка и Обводка (Глава 4).

На Панели настройки инструмента:

• В настройке Новый ≈ нужный тип градиента: линейный или радиальный (всплывающая подсказка поможет).
• В настройке На ≈ к чему применить градиент: к заливке или к обводке.

Рис. 3

Объект зальется градиентом. На рисунке 3 показана разница между линейным и радиальным градиентом.

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

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

По умолчанию будет создан градиент на базе исходного цвета объекта. На квадратной опорной точке будет исходный цвет полностью непрозрачный, на круглой ≈ исходный цвет полностью прозрачный.

Чтобы изменить градиент нужно действовать, как показано на рисунке 4:

Рис. 4

1. Исходный градиент от зеленого до прозрачного.
2. Кликнем инструментом на правой опорной точке рычага градиента, шарик окрасится.
3. Выберем в Палитре красный цвет и кликнем на нем; градиент станет от зеленого к красному.
   Кликнем на левой опорной точке рычага градиента; квадратик окрасится.
4. Выберем в Палитре желтый цвет и кликнем на нем; градиент станет от желтого к красному.

У радиального градиента два рычага, но схема действий аналогична.

Рис. 5

Можно изменять длину рычагов независимо друг от друга (рисунок 5 слева). Можно выделить обе круглые опорные точки (при помощи клавиши SHIFT), тогда рычаги будут удлиняться синхронно.

При помощи комбинации клавиш SHIFT+R можно изменять градиент на противоположный, что особенно удобно для радиального градиента (рисунок 6).

Рис. 6

Двойной клик левой кнопкой мыши на рычаге градиента добавит новую опорную точку.
CTRL+ALT+клик левой кнопкой мыши также добавляют опорную точку.

DEL удалит выделенную опорную точку.

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

Рис. 7

На рисунке 7: радиальный градиент с тремя опорными точками.

Опорных точек может быть сколько угодно, как на рисунке 8:

Рис. 8

В секции при помощи стрелок можно просмотреть все уже имеющиеся в данном файле градиенты и выбрать нужный.

Кнопка Изменить открывает Редактор градиентов. Этот редактор позволяет выбрать для опорных точек градиента цвета, которых нет в Палитре (или если лень просматривать все многочисленные палитры).

Рис. 9

• В самом верху окна полоска, представляющая данный градиент.
• Ниже секция выбора опорной точки, подлежащей редактированию. Клик мышью на стрелочках, обведенных красным кружком, откроет список всех опорных точек и позволит выбрать нужную.
• Еще ниже ползунок Смещение показывает положение выбранной опорной точки. Для крайних опорных точек (квадратной и круглой), этот ползунок находится в крайнем левом или крайнем правом положении и не двигается. Если добавлены дополнительные опорные точки, то можно с достаточной точностью перемещать их при помощи данного ползунка.
• Далее следует секция выбора цвета опорной точки. Выбирать цвет можно по четырем различным системам: RGB, HSL, CMYK или Круг. Подробно об этих системах читайте в Главе 18.
• В нижнем правом углу окна расположено окно ввода шестнадцатеричного номера цвета по системе RGBA, где А обозначает непрозрачность. На рисунке 9 это желтый цвет при полной непрозрачности.

Редактор градиентов планируется ликвидировать, так как он является избыточным. Любую опорную точку можно выделить и редактировать ее цвет непосредственно в окне Заливка и Обводка.

Создание градиентов при помощи окна Заливка и Обводка.

Следует иметь в виду, что заливать объекты градиентом можно и без помощи инструмента Градиент. Меню Объект ⇨ Заливка и Обводка имеет для этого даже больше возможностей (например создание повторяющихся градиентов). Подробный пример создания градиента при помощи этого меню находится в Главе 4.