Как сделать фон в inkscape

Добавил пользователь Евгений Кузнецов
Обновлено: 15.09.2024

Как давний пользователь Adobe Illustrator, самой сложной частью перехода на Inkscape было открытие программы и видение полностью белого холста, смотрящего на меня.

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

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

К счастью, довольно легко внести несколько изменений в Inkscape, и ваш холст будет выглядеть точно так же, как артборд Adobe Illustrator. Вот как.

Шаг 1: измени фон вашего документа

Чтобы начать этот процесс, я перейду в Файл> Свойства документа.

Шаг 2: отрегулируйте границы холста

Шаг 3: создайте белый фоновый слой

Теперь у вас должна быть форма, занимающая все пространство документа, и поэтому она должна быть точно такого же размера, как и ваш документ. Мой документ был 210 мм на 297 мм, что является размером документа по умолчанию, когда вы впервые открываете иллюстратор. Вы увидите, что ширина и высота моей фигуры соответствуют этим размерам (выделены зеленым на фотографии выше).

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

Шаг 4: сохранение документа в качестве шаблона по умолчанию

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

Для этого перейдите в Файл> Сохранить.

Вот и все для этого урока! Если вам понравилось, вы можете проверить любой из моих других Статьи справки Inkscapeсмотри яnkscape Видеоурокили проверить любой из моих Учебники GIMP.

Как сделать тёмную тему в Inkscape в Windows

Внимание, этот способ относится к версии Inkscape 0.92.4, с другими версиями он может не заработать. Проверить версию установленного Inkscape можно так: меню Справка — О программе ( Help > About Inkscape )

Итак, переходим к установке тёмной темы. Вначале скачайте файл с темой отсюда: Dark-theme-92.zip .

Также обратите внимание, что в архиве есть папка “Original Files”. Если что-то пойдёт не так и программа не запустится после смены темы, просто замените файлы в папке настроек файлами из папки “Original Files” — это файлы темы, которая идёт с чистым Inkscape и просто вернут всё как было.

Заменим файлы темы

Откройте папку Локальный диск (C:) > Program Files > Inkscape > Share > Themes > MS-Windows > gtk-2.0

Удалите в ней имеющийся файл “gtkrc” и скопируйте в неё файл “gtkrc” и папку “ui” из папки “New Files” скаченного архива.

Заменим основной шаблон на тёмный

Фон в шаблоне можно установить в свойствах документа:

меню Файл — Свойства документа

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

Откройте папку Локальный диск (C:) -> Program Files -> Inkscape -> Share -> Templates и поищите в ней файл default.svg.

Этот файл — шаблон Inkscape по-умолчанию. Любой файл с именем “default.svg” в этой папке будет запущен при открытии программы.

Переименуйте файл “default.svg” в “old-default.svg”, скачайте новый шаблон inkscape-startup-files.zip и после распаковки архива скопируйте файл “new-default.svg” в папку Templates, переименовав его в “default.svg”.

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

Заменим иконки программы

Перейдите в папку Локальный диск (C:) > Program Files > Inkscape > Share > Icons

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

Основы работы в Inkscape

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

Интерфейс программы

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

Всего можно выделить 6 основных областей:

Главное меню

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

Панель инструментов

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

Свойства инструмента

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

Панель параметров прилипания и панель команд

По умолчанию они располагаются рядом, в правой области окна приложения и имеют следующий вид:

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

Образцы цветов и панель состояния

Эти две области тоже находятся рядом. Расположены они внизу окна и выглядят следующим образом:

Рабочая область

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

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

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

Загружаем картинку или создаем холст

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

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

Вырезаем фрагмент изображения

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

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

Работа со слоями

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

Подобным образом можно создать сколько угодно слоев и перенести на любой из них необходимую фигуру или объект.

Рисование прямоугольников и квадратов

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

Жмем один раз левой кнопкой мышки по кнопке соответствующего элемента на панели.

Рисование кругов и овалов

Окружности в Inkscape рисуются по такому же принципу, как и прямоугольники.

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

Рисование звезд и многоугольников

Многоугольники в Inkscape можно нарисовать всего за несколько секунд. Для этого есть специальный инструмент, который позволяет тонко настроить фигуры такого типа.

Рисование спиралей

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

Редактирование узлов и рычагов

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

Это действие можно выполнять не со всей фигурой, а лишь с выбранным ее участком. Добавляя новые узлы, вы сможете все больше и больше менять форму объекта. Для этого достаточно навести указатель мышки на нужный узел, зажать ЛКМ и вытянуть элемент в нужном направлении. Кроме того, можно с помощью данного инструмента потянуть за край. Таким образом, участок объекта будет более вогнутым или выпуклым.

Рисование произвольных контуров

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

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

Рисование кривых Безье

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

Использование каллиграфического пера

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

Добавление текста

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

Распылитель объектов

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

Результат у вас должен получиться примерно следующим.

Удаление элементов

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Как и любой редактор векторной графики Inkscape обладает отличными возможностями для создания различных вариантов заливок и обводок контуров.

p, blockquote 1,0,0,0,0 -->

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

p, blockquote 2,0,0,0,0 --> adsp-pro-1 -->

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

p, blockquote 3,0,0,0,0 -->

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

p, blockquote 4,0,0,0,0 -->

p, blockquote 5,0,0,0,0 -->

Для настройки цвета и стиля заливки будем использовать панель Заливка и обводка . Если панель не отображается, необходимо ее включить, нажав Shift+Ctrl+F.

p, blockquote 6,0,0,0,0 -->

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

p, blockquote 7,0,0,0,0 -->

p, blockquote 8,0,0,0,0 -->

в закладке Обводка укажите синий цвет. Способ заливки контура- сплошной цвет. Способ формирования цвета можете выбрать любой из доступных- RGB, HSL, CMYK, Круг, CMS.

p, blockquote 9,0,0,0,0 -->

p, blockquote 10,0,0,0,0 -->

В закладке Заливка установите красный цвет.

p, blockquote 11,0,0,0,0 -->

p, blockquote 12,0,0,0,0 -->

p, blockquote 13,0,1,0,0 -->

Заливка контура

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

p, blockquote 14,0,0,0,0 -->

p, blockquote 15,0,0,0,0 -->

В панели присутствуют следующие варианты заливки контура:

Нет заливки
Сплошная заливка
Линейный градиент
Радиальный градиент
Текстура
Образец

С режимом 1 все понятно: заливка отсутствует. Область внутри контура не имеет цвета и полностью прозрачна.

p, blockquote 17,0,0,0,0 -->

Режим 2 это заливка сплошным цветом: выбираем на круге цвет и настраиваем, если нужно, непрозрачность.

p, blockquote 18,0,0,0,0 -->

Короткое видео по заливке и обводке контура

p, blockquote 19,0,0,0,0 -->

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

p, blockquote 20,0,0,0,0 -->

p, blockquote 21,0,0,0,0 -->

Режим 3 отвечает за линейный градиент- плавный переход от одного цвета к другому. По умолчанию, после выбора режима левый цвет установлен в цвет предыдущей сплошной заливки (у нас красный), правый цвет тоже красный, но непрозрачность равна 0.

p, blockquote 22,0,0,0,0 -->

p, blockquote 23,0,0,0,0 -->

p, blockquote 24,0,0,0,0 -->

p, blockquote 25,0,0,0,0 -->

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

p, blockquote 26,0,0,0,0 -->

Двигая каждый маркер и выбирая цвет, можно редактировать градиент.

p, blockquote 27,1,0,0,0 -->

p, blockquote 28,0,0,0,0 -->

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

p, blockquote 29,0,0,0,0 -->

Точка добавляется двойным щелчком мыши на отрезке.

p, blockquote 30,0,0,0,0 -->

p, blockquote 31,0,0,0,0 -->

Для каждого цвета отдельно настраивается прозрачность.

p, blockquote 32,0,0,0,0 -->

p, blockquote 33,0,0,0,0 -->

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

p, blockquote 34,0,0,0,0 -->

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

p, blockquote 35,0,0,0,0 -->

p, blockquote 36,0,0,0,0 -->

p, blockquote 37,0,0,0,0 -->

Удаление опорных точек происходит выбором точки и нажатием клавиши delete.

p, blockquote 38,0,0,0,0 -->

Линейный и радиальный градиент, смотрим

p, blockquote 39,0,0,0,0 -->

Режим 5 позволяет заполнить внутреннюю область черно-белой текстурой. Текстуры выбираются из списка.

p, blockquote 40,0,0,0,0 -->

p, blockquote 41,0,0,1,0 -->

p, blockquote 42,0,0,0,0 -->

Можно использовать собственные как векторные, так и растровые текстуры. Стоит потренироваться с их использованием.

p, blockquote 43,0,0,0,0 -->

Режим 6 позволяет использовать образцы цвета заливки, которые пользователь планирует задействовать в работе. После сохранения файла с работой образцы так же сохраняются.

p, blockquote 44,0,0,0,0 -->

p, blockquote 45,0,0,0,0 -->

Как задать обводку контура

Работа с обводкой ничем не отличается от работы с заливкой, поэтому подробно рассматривать не будем.

p, blockquote 46,0,0,0,0 -->

Рассмотрим только настройки самой обводки в закладке Стиль обводки . Нарисуйте линию с помощью инструмента Кривые Безье. Панель настроек стиля ниже

p, blockquote 47,0,0,0,0 -->

Управление толщиной линии
Настройка формы соединения сегментов
Угол в месте соединения сегментов
Настройка концов линии
Тип линии
Маркеры начала середины и конца линии

Ниже проведена линия, концы которой выбраны Квадратные , соединение сегментов установлено в положение Острое

p, blockquote 49,0,0,0,0 -->

p, blockquote 50,0,0,0,0 -->

На следующем рисунке показаны фрагменты двух линий в местах соединения сегментов

p, blockquote 51,0,0,0,0 -->

p, blockquote 52,0,0,0,0 -->

У линии 1 — концы круглые , соединение сегментов — скругленное , у линии 2 концы квадратные , соединение сегментов — фаска .

p, blockquote 53,0,0,0,0 -->

Еще ниже пример линии проведенной пунктиром, толщиной 6 пх, начальный маркер — круг, конечный — стрелка. Стиль проведения линии выбирается в открывающемся списке (5), а вид маркера в трех списках ниже (6).

Читайте также: