Как настроить смартфоны и ПК. Информационный портал
  • Главная
  • Советы
  • Как эффективно использовать шаблоны в Inkscape. Inkscape уроки для начинающих – управление узлами

Как эффективно использовать шаблоны в Inkscape. Inkscape уроки для начинающих – управление узлами

Темой сегодняшнего занятия станет создание изображения государственного флага Швеции.

По ходу дела мы мы узнаем:

  • Как рассчитать размеры страницы и интервалы сетки
  • Как создать документ нужного размера
  • Как создать сетку с нужными интервалами между линиями
  • Что такое прилипание и как им пользоваться
  • Как работать с инструментом для рисования прямоугольников
  • Как объединять контуры
  • Как изменять цвета заливки и обводки объекта
  • Как сохранять готовый документ и как экспортировать его в растровое изображение

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

Из Википедии узнаём, что флаг Швеции имеет сотношение сторон 32 к 20, причем вертикальная полоса креста начинается с 5/16 слева и имеет ширину 2/16, а горизонтальная полоса расположена по середине и равна по ширине вертикальной.

Значит нам нужно выбрать размер документа или 32х20, или 320х200 пикселей. Для векторной графики это не имеет принципиального значения, но в целях наглядности выберем размер страницы побольше.

Запускаем Inkscape и видим открывшийся по умолчанию документ размера А4. Идем в меню Файл -> Создать и в выпавшем внушительном списке форматов документов не находим нужного. Значит нужно изменить свойства документа.

Меню Файл -> Свойства документа (рисунок 1).

Рис. 1

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

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

Пока открыто окно Свойства документа , полезно сразу настроить удобную сетку. Что есть сетка? Будучи подключена в меню Вид -> Сетка , она превращает холст в страницу школьной тетради в клеточку. Только размер этих клеточек мы можем изменять.

Перейдем на вкладку Сетки (рисунок 2).

Рис. 2

Пока эта вкладка пуста, но стоит нам создать новую сетку, как появятся настройки сетки по умолчанию (рисунок 3).

Рис. 3

Как видно в выделенном красном прямоугольнике, по умолчанию интервалы между линиями сетки составляют 1 пиксель. Нам это не подходит, слишком мелко. Мы вписываем по 20 пикселей как по X, так и по Y (овальная врезка). Почему по 20? На 20 делится как 320 так и 200. По ширине получаются как раз шестнадцатые доли, нужные нам для построения креста. По высоте легко найти середину документа, особенно когда основные линии сетки идут через каждые 5 обычных. Не сетка, а само удобство!

Рис. 4

Нам будет удобнее рисовать прямоугольники, если линии будут идти точно по клеточкам сетки ≈ "прилипать" к ней. Поэтому настроим сразу и прилипание на соответствующей вкладке (рисунок 5).

Рис. 5

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

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

Для версий Inkscape 0.47 и 0.48 нужно сначала в Свойствах документа , во вкладке Прилипание подключить Прилипание к сеткам , отключить Прилипать только если ближе чем: что даст прилипание на любом расстоянии от линии сетки. Затем на Панели прилипания нужно подключить следующие миниатюры: Прилипание глобально , Прилипание узлов , убедиться, что подключены две кнопки прилипания к сетке и и удостовериться, что НЕ подключено Прилипание к углам площадки .

По окончании всех настроек окно Свойства документа нужно закрыть.

Пора приступить к рисованию. Первым делом нарисуем фон флага.

Берем инструмент , служащий для рисования прямоугольников (F4 ). На холсте его указатель представляет собой небольшой прямоугольник с крестиком над левым верхним углом. Крестик является собственно указателем. Наводим указатель на левый верхний угол документа, нажимаем и, удерживая левую кнопку мыши, ведем указатель в правый нижний угол страницы.

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

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

Рис. 6

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

А вот кружок в правом верхнем углу предназначен для скругления углов прямоугольника. Как это делать, можно узнать, прочитав великолепный интерактивный Учебник Inkscape на русском языке, который находится в меню Справка -> Учебник . Очень рекомендую.

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

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

Рис. 7

Теперь понятно, почему мы не увидели бы результатов, не будь обводки!

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

Рис. 8

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

Берем инструмент Выделения (F1 ) и, при нажатой клавише SHIFT щелкаем на обоих прямоугольниках креста по очереди. Оба они становятся выделенными, что видно в пунктирной обводке на рисунке 9.

Рис. 9

Теперь нужно пройти в меню Контуры -> Сумма и сложить два контура.

Рис. 10

Вот теперь у нас настоящий крест!

Осталось раскрасить документ в национальные цвета Швеции. Та же Википедия сообщает, что синий цвет шведского флага имеет оттенок Red: 0, Green: 90, Blue: 173 по системе RGB. Чтобы точно воспроизвести этот оттенок, нам понадобится окно Заливка и обводка . Прежде всего, нужно выделить нужный прямоугольник (фона) при помощи инструмента F1 , который у нас уже выбран. Для верности глянем в Секцию уведомлений на нижней панели окна программы. Там будет описан выделенный объект: Прямоугольник в слое Layer1 .

Открыть окно Заливка и обводка можно несколькими способами: Из меню Объект -> Заливка и обводка ; щелкнуть на объекте правой кнопкой мыши и открыть строку Заливка и обводка ; нажать на миниатюру на Панели Команд (правда ее не всегда видно из-за размеров окна); горячими клавишами Shift+Ctrl+F (не везде срабатывает). Так или иначе, открываем это окно (рисунок 11).

Рис. 11

Во вкладке Заливка уже нажата кнопка Плоский цвет, нам нужно установить известные нам значения RGB. Их можно просто вписать в соответствующие окошки, или выставить их стрелочками, можно двигать ползунки на шкалах, можно даже вписать шестнадцатеричный номер цвета в окошко RGBA . Шкала А означает прозрачность заливки, полная непрозрачность равна 255, полная прозрачность ≈ нулю.

Фон на глазах меняет цвета и принимает нужный оттенок.

Переходим на вкладку Обводка и нажимаем крестик Х , что означает Обводки нет . Она нам больше не нужна.

Рис. 12

Теперь нужно выделить крест (при этом в Секции уведомлений появится: Контур 12 узлов... В окне Заливка и обводка уже будут новые параметры выделенного объекта. Нам нужно установить желтый цвет R: 255, G: 194, B: 0 при полной непрозрачности. Обводку убрать.

Сетку снять (Вид -> Сетка ).

Флаг готов. Его рисунок вы видели в начале главы.

Осталось сохранить его. Но прежде пройдем в меню Файл -> Очистить defs . Что это значит? По ходу работы мы использовали временные цвета, не вошедшие в окончательный вариант обводки и так далее. Все они записаны где-то в XML тексте нашего файла, увеличивая его "вес". Конечно в сегодняшнем случае это немного, какие-то байты, но привычку избавляться от балласта нужно вырабатывать с самого начала. Ведь главным козырем векторной графики является малый размер файлов SVG.

Теперь, в том же меню Файл , жмем Сохранить , откроется диалоговое окно, где вы укажете имя файла, скажем, swedish_flag.svg и директорию, куда сохранить его.

А чтобы можно было использовать рисунок в других графических программах или помещать в Сети, его следует экспортировать в растровый формат. Для этого идем Файл -> Экспортировать в растр . Откроется диалог, как на рисунке 13.

Рис. 13

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

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

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

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

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

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

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

Главное меню

Здесь в виде подпунктов и выпадающих меню собраны самые полезные функции, которые вы можете использовать при создании графики. В дальнейшем мы опишем некоторые из них. Отдельно хотелось бы отметить самое первое меню — «Файл» . Именно здесь расположены такие популярные команды, как «Открыть» , «Сохранить» , «Создать» и «Напечатать» .

С него и начинается работа в большинстве случаев. По умолчанию при запуске Inkscape создается рабочая область размером 210×297 миллиметров (лист А4). При необходимости эти параметры можно изменить в подпункте «Свойства документа» . К слову, именно тут в любое время можно поменять и цвет фона холста.

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

Также мы рекомендуем зайти в меню «Правка» и включить отображение панели с историей действий. Это позволит вам в любое время отменить одно или несколько последних действий. Указанная панель откроется в правой части окна редактора.

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

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

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

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

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

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

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

На панели команд, в свою очередь вынесены, основные пункты из меню «Файл» , а также добавлены такие важные функции, как заливка, масштаб, группировка объектов и прочие.

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

  1. Первым делом вам необходимо нарисовать на холсте любую фигуру или объект.
  2. Далее выбираете функцию «Распылять объекты» .
  3. Вы увидите окружность определенного радиуса. Настройте ее свойства, если посчитаете необходимым. К ним относится радиус окружности, количество рисуемых фигур и так далее.
  4. Переместите инструмент в то место рабочей области, где хотите создать клоны ранее нарисованного элемента.
  5. Зажмите ЛКМ и удерживайте ее столько, сколько сочтете нужным.

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

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

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

По умолчанию любой объект или группу таковых можно выделить с помощью функции «Выделить» . Если после этого нажать на клавиатуре клавишу «Del» или «Delete» , то объекты целиком будут удалены. Но если выбрать специальный инструмент, то можно будет стирать лишь конкретные куски фигуры или изображения. Данная функция работает по принципу ластика в .

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

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


Окно интерфейса inkscape можно разделить на девять основных областей:
  1. Главное меню (Главное меню в верхней части окна)
  2. Панель инструментов
  3. Контекстная панель управления
  4. Разметка, линейки, направляющие и сетки
  5. Панель элементов управления
  6. Окно инструментов
  7. Холст
  8. Палитра
  9. Строка состояния

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

Главное меню


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

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

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

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

Окно инструментов

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

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


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

Холст


Холст или канва inkscape является главной рабочей областью программы. Это основная часть интерфейса, поскольку именно здесь пользователь графического редактора создает и редактирует рисунки. Холст расположен посередине окна программы и похож на изображение чистого листа бумаги, расположенного на белом фоне. По умолчанию в окне редактора сленва и сверху включены линейки, для определения координат в пикселях. Значения по умолчанию - видимость линейки и единицы измерения можно изменять в Свойствах документа.

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

Линейки разметки


Линейка разметки расположена вверху и слева холста inkscape. Деления линейки разметки определяют расстояния в некоторых единицах, по умолчанию в пикселях. Изменить настройку единиц измерения можно в свойствах документа в меню Файл Свойства документа .

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

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

Комбинация клавиш CTRL + R позволяет скрыть или отобразить линейки разметки inkscape. Также это можно сделать в главном меню Вид Показать или скрыть Линейки .

Направляющие

Направляющие создаются в inkscape пользователем для облегчения рисования или построения фигур. Направляющие «притягивают» некоторые инструменты, т.е. позволяют установить положение инструментов точно по ним. Использование направляющих облегчает пользователям выравнивание объектов, создаваемых с помощью мыши. Чтобы использовать направляющие, щелкните указателем мыши на горизонтальной или вертикальной линейке и, удерживая кнопку мыши нажатой, перетащите появившуюся направляющую в ту точку холста, где она должна быть, после этого отпустите кнопку мыши. С помощью горизонтальной линейки создаются горизонтальные направляющие, из вертикальной - вертикальные.

Как использовать направляющие в inkscape

Как переместить направляющие inkscape? При активном инструменте выбора F1 , передвиньте указатель мыши к направляющей. Когда указатель окажется над ней, направляющая изменит свой цвет на красный. Затем щелкните по направляющей и перетащите её туда, куда вы хотите.

Как удалить направляющую в inkscape? Чтобы удалить направляющую, просто перетащите её на соответствующую линейку с помощью инструмента выбора.

Как отключить видимость направляющих в inkscape? Чтобы скрыть направляющие, без их удаления, выберите в главном меню Вид Направляющие . Сочетание клавиш для переключения видимости направляющих Shift + | .В главном меню Файл Свойства документа можно переопределить настройки по умолчанию для направляющих. Можно указать должны ли направляющие показываться по умолчанию, задать цвет направляющих - цвет самой направляющей и цвет её, когда над ней находится указатель мыши.

Направляющие часто используются для размещения объектов на холсте, в этом случае рекомендуется установить флажок «направляющие прилипают при перетаскивании».

Сетка


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

Сетки делятся на два типа: прямоугольная и аксонометрическая. Параметры сетки могут быть определены в главном меню Файл Свойства документа . Наиболее распространенным является прямоугольная сетка, которая состоит из вертикальных и горизонтальных линий. Аксонометрическая сетка содержит дополнительно диагональные линии и может быть интересна для технических или архитектурных чертежей.

Как пользоваться сеткой в inkscape

Используйте раскрывающийся список в диалоговом окне свойств документа (пример на рисунке справа), чтобы выбрать тип сетки, которую вы планируете использовать использовать, а затем нажмите кнопку Создать . Под фразой Определенные пользователем сетки (для одного документа могут быть определены несколько сеток) будет создана новая вкладка с параметрами созданной сетки. Затем определите единицы, которые вы хотите использовать, определите точку отсчета по горизонтали и вертикали (X и Y) и расстояние между соседними линиями сетки. При использовании аксонометрической сетки появляется дополнительный параметр, определяющий угол двух линий сетки.


Галочка Включена . Отметьте её, чтобы использовать эту сетку в текущем документе.

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

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

Точки отсчета по X и Y . Эти параметры определяют начальную точку сетки inkscape. Значение по умолчанию 0 (ноль), но иногда бывает удобно изменить её, особенно для определения точки края листа.

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

Угол по X и Z . Эти параметры доступны только для аксонометрической сетки. Они определяют углы линий сетки на оси X и Z.

Цвета линий сетки . По умолчанию для сетки используется синий цвет, но этот параметр также можно изменить. Существует два типа линий. Наиболее часто используемым является линия сетки, но когда используется сетка с маленьким шагом, и множеством линий, то отображаются основные линии сетки. Они помогают оценить расстояния. Другие цвета могут быть определены для каждого типа линии. Параметр Основная линия сетки каждые… определяет частоту основных линий. Обычно этот параметр равен 5 или 10 .

Показывать точки вместо линий . Этот параметр доступен только для прямоугольной сетки inkscape. Линии сетки иногда могут мешать при работе с инструментами рисования. Этот параметр позволяет отображать сетку в виде точек.

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

Панель параметров прилипания позволяет легко настроить параметры прилипания объекта inkscape. Функции этой панели удобны для правильного и точного размещения объектов. Панель параметров прилипания расположена вертикально по правому краю рабочей области окна.

Палитра цветов

Это быстрый доступ к цветам, она же позволяет назначить цвета к фигурам inkscape. Она отображается в нижней части окна программы, или может быть открыта в виде отдельного окна. Для этого в главном меню Вид надо выбрать Образцы цветов или использовать комбинацию клавиш Shift + Ctrl + W

Как пользоваться палитрой цветов в inkscape

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

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

Чтобы применить цвет к контуру, нажмите клавишу Shift во время выбора цвета.

Строка состояния находится в самом низу окна программы inkscape. Она отображает (слева направо):

  • Цвет заливки и обводки объекта
  • Возможность быстрой работы со слоями и переключения между ними
  • Область сообщений
  • Индикатор координат указателя мыши
  • Управление масштабом

Редактировать, копировать и сохранять.

Учебник охватывает приёмы ориентирования на холсте и работе с документами. Он даёт начальное представление об инструментах рисующих формы , о выделении, о изменении форм , группировке, установке параметров заливки и обводки , выравнивании и распределении объектов. Если ищете более глубокие знания, смотрите другие учебники из меню «Справка».

Перемещение по холсту

Есть множество способов перемещаться по холсту. Попробуйте Ctrl+стрелки для перемещения при помощи клавиатуры (Попробуйте прямо сейчас Ctrl+стрелка вниз для смещения документа вниз). Вы также можете передвигаться по холсту , зажав его поверхность средней кнопкой мыши или при помощи ползунков (нажмите Ctrl+B (тут и далее все буквы в клавиатурных комбинациях - латинские), для того что бы показать или спрятать их). Колёсико прокрутки на мышке также работает для вертикального перемещения. Для горизонтального перемещения используйте Shift вместе с колёсиком.

Изменение масштаба

Простейший способ изменить масштаб - это нажать - или + (для увеличения работает и =). Также работает вариант Ctrl+средняя кнопка мыши или Ctrl+правая кнопка мыши - для увеличения , Shift+средняя или Shift+правая - для уменьшения, или колёсико мыши с нажатым Ctrl. Как вариант , вы можете выбрать масштаб увеличения в нижнем левом углу окна документа. Значение указанно в процентах, набрав нужное нажмите Enter. Ко всему прочему есть инструмент масштабирования (среди инструментов слева), который позволяет увеличивать только необходимую выделенную область.

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

Инструменты Inkscape

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

Многие действия доступны с клавиатуры. Полный справочник по клавишам можно вызвать через «Справка > Клавиатура и Мышь».

Работа с документами

Для создания нового пустого документа используйте «Файл > Создать» или нажмите Ctrl+N. Чтобы открыть существующий SVG документ, используйте «Файл > Открыть» (Ctrl+O). Для сохранения используйте «Файл > Сохранить» (Ctrl+S) или «Сохранить как...» (Shift+Ctrl+S) для сохранения файла под другим именем. (Inkscape по прежнему может быть нестабильным в работе , так что запомните важное правило - СОХРАНЯТЬСЯ ПОЧАЩЕ!!!)

Inkscape использует SVG (Scalable Vector Graphics - Масштабируемая Векторная Графика) формат для своих файлов. SVG является открытым стандартом и широко используется в графических пакетах. SVG файлы базируются на XML и могут редактироваться любым текстовым или XML-редактором (отдельно от Inkscape). Помимо SVG Inkscape может работать и с другими форматами (EPS, PNG).

Для каждого документа Inkscape открывает новое окно. Вы можете переключаться между ними разными способами в зависимости от менеджера окон (например, нажав Alt+Tab для переключения между документами по кругу). Попробуйте сейчас создать несколько новых документов и попереключаться между ними для практики.

Создание фигур

Настало время фигур! Выберите синий прямоугольник в полоске слева (или нажмите F4). Наведите курсор мыши на документ (тут же или в новом созданном окне), нажмите клавишу мыши и переместите её курсор в сторонуs - вы получите прямоугольник:

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

Рассмотренные инструменты называются инструментами фигур. Каждая созданная фигура имеет один и более белых прямоугольников управления (ручек); попробуйте потаскать их туда-сюда и обратите внимание на изменение фигуры (белые точки видны только когда выбран один из четырёх инструментов: синий квадрат , коричневый круг, жёлтая звёздочка или спираль). У панели настроек инструментов свой способ настройки фигуры. Управляющие элементы в ней влияют на выбранные в настоящий момент объекты (т.е. те, ручки которых видны), а также определяют параметры новых фигур.

Для отмены последнего действия действует комбинация Ctrl+Z. (Если вы изменили решение , можно вернуть отменённое действие, используя Shift+Ctrl+Z.)

Перемещение, изменение размера и вращение

Наиболее популярный инструмент в Inkscape - это Селектор. Выбрать его можно щёлчком по чёрной стрелке (либо нажатием F1 или пробела. Этим инструментом вы можете выбрать любой объект на холсте. Щёлкните квадрат, изображённый на иллюстрации ниже:

Вокруг объекта вы увидите восемь стрелок. Теперь вы можете:


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

  • Менять размер объекта, потянув за любую из стрелок (меняя размер с нажатым Ctrl , вы сохраните пропорции ориганала).
Щёлкните по прямоугольнику ещё раз. Направление стрелок изменится. Теперь вы можете:

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

  • Перекашивать (наклонять) объект, двигая неугловые стрелки. (с нажатым Ctrl перекашивание будет производиться с шагом в 15 градусов.)
В этом режиме (режиме выделения объектов) вы так же можете менять размеры и расположение выделения на холсте , используя поля вверху.

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

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

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

Уроки Inkscape для начинающих

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







Лучшие статьи по теме