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

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

Каждый объект имеет контур (обводка) и заливку. Многие функции Inkscape доступны через диалоги. Для изменения окраски объекта и свойств контура можно использовать диалог Заливка и Обводка (Объект → Заливка и штрих).

Диалог имеет три вкладки: Заливка, Обводка и Стиль обводки.

Все панели содержат ползунок для регулирования Прозрачности и Размытия объектов.

Вкладка Заливка позволит редактировать окраску внутренней области фигуры.

Первая строка имеет 9 кнопок:

1. Нет заливки
2. Плоский цвет
3. Линейный градиент
4. Радиальный градиент
5. Текстура
6. Цвет неопределен
7. Что это
8. Заливка с пересечениями
9. Заливка не учитывая пересечение

Чтобы применить градиент:

1. Выбрать фигуру
2. Выбрать градиент (линейный или радиальный)
3.Нажать кнопку Изменить.

4. Откроется окно редактор градиентов.

5. Выбрать последовательно из меню две точки (начальную и конечную).

6. Для каждой точки выбрать цвет и установить параметр прозрачности.

Чтобы создать многоцветный градиент

1. Выбрать фигуру
2. Выбрать градиент (линейный или радиальный)
3. Нажать кнопку Изменить. Откроется окно редактор градиентов.
4. Нажать кнопку Добавить опорную точку, она вставится посредине градиента, для этой точки выбрать цвет и параметр прозрачности.

5, Добавить нужное количество промежуточных точек.

Текстурные заливки

Текстурные заливки – заливки, в которых рисунок повторяется несколько раз.

Чтобы создать собственную текстуру и залить его объект:

1. Создать рисунок для текстуры.
2. Сгруппировать получившийся рисунок.
3. Выделить его.
4. Объект → Текстуры → Объект(ы) в текстуру.
5. Выделить объект, который нужно залить.
6. Открыть диалог Заливка и Штрих.
7. Выбрать кнопку Текстурная заливка.
8. Фигура зальется последней созданной текстурой (но можно выбрать другую текстуру из списка).

Контур

В окне Цвет штриха можно поменять цвет контура, прозрачность и размытие.

В окне Стиль штриха толщину контура, сглаженность углов и вид контура.

Источник

Линейный градиент

Сегодня мы еще раз поговорим о таком важном инструменте inkscape как градиент. Речь пойдет о линейном градиенте и его применении для создания изображения … губной помады. Да, да именно так.

Линейный градиент и имитация блестящих поверхностей.

Итак, запускайте редактор и давайте составим конкуренцию известным брендам.

Шаг 1. Рисуем пенал

Верхняя часть пенала будет блестящей. Блики и отражения на таких поверхностях чаще всего резкие и четкие.

Для добавления опорной точки линейного градиента сделайте двойной клик мышкой в нужной точке, находясь в режиме правки градиента Ctrl+F1.

Опорные точки градиента (по умолчанию их две) имеют вид квадрата и круга (начальная и конечная точка). Все добавляемые точки линейного градиента имеют вид ромбика.

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

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

Не забудьте, рисунок выше был повернут на 90 градусов!

Для создания резкого перехода между цветами нажмите один раз на точку градиента и сдвиньте ее в нужную сторону мышкой или курсорными клавишами. Мой вариант показан ниже.

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

Я опять временно повернул на 90 градусов этот экземпляр для удобства указывания цвета градиента. Лишние точки градиента легко удалить. Для этого выбираем точку градиента и нажимаем клавишу Del.

Добавьте пару прямых на границу между двумя прямоугольниками как показано ниже.

Выравниваем все три прямоугольника и группируем Ctrl+G. Под пенал губной помады добавьте тень. Это может быть прямая линия или очень вытянутый эллипс.

Шаг 2. А вот и помада

Для этого контура задаем линейный градиент по известным уже правилам из первого шага. Например, вот такой вариант.

Опорные точки градиента и цвета указаны ниже.

Размещаем в верхней части пенала.

Осталась последняя часть. Нам нужно добавить скошенную поверхность. Нарисуйте кривыми нечто похожее на листок дерева. И задайте сплошную заливку.

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

Все, работа готова. Можете поэкспериментировать с цветом пенала и красящей пасты.

Я выпустил целую линейку губных помад! Я гигант индустрии! Ура-а-а!

Источник

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

Урок 20 Работа с градиентами

Режим () позволяет создать градиентную заливку. При входе в режим, в верхней строке появится строка параметров.

— создание линейного градиента;

— создание радиального градиента;

— создать градиент в заливке;

— создать градиент в обводке.

Нарисуем несколько объектов, их сгруппируем (при помощи клавиши Shift ).

Теперь зайдем в режим градиентной заливки (). Нажмем на кнопки создания линейного градиента () и создание градиента в заливке ().

Затем проведем линию градиентной заливки.

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

Теперь можно поменять цвет, например, на зеленый.

Приведем еще один пример. Создадим квадрат.

Зайдем в режим градиентной заливки (). Нажмем, как и в прошлый раз, на кнопки создания линейного градиента () и создание градиента в заливке (). Проведем линию.

Как видно из рисунка будет градиент из синего и белого цвета. Линия пока имеется на рисунке, на концах которых, имеются квадрат и кружок. Их можно перенести, и появится соответственно другая заливка.

Если щелкнуть по цветовой палитре (строка внизу окна), то изменится цвет заливки (например, щелкнем на зеленый цвет).

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

Теперь нажмем на желтый цвет в палитре.

Нижняя часть заливки станет желтой.

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

В верхней строчке показан градиент как желтый переходит в зеленый. Причем ниже находится желтый цвет с надписью stop 3868 и ниже имеется возможность поменять данный цвет на другой. На рисунке открыта вкладка HSL (тон, насыщенность и светлота). Можно перейти на другую вкладку, например, RGB – где основными цветами являются красный, зеленый и синий.

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

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

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

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

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

Теперь щелкнем по кнопке обводка () и по кнопке создание радиального градиента () и проведем линию.

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

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

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

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

Источник

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

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

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

Рис. 1

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

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

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

Рис. 3

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

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

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

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

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

Рис. 4

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

Рис. 5

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

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

Рис. 6

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

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

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

Рис. 7

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

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

Рис. 8

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

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

Рис. 9

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

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

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

В следующей главе рассмотрим инструмент Пипетка.

Источник