mikhaylovns 9 декабря 2016 в 14:53

Inkscape: начало (перевод)

• Работа с векторной графикой ,
• Графический дизайн

• Recovery Mode

Предисловие переводчика:
В первые месяцы 2013 года деятельность авторов PCLinuxOS Magazine (распространяемого под лицензией CC- BY-NC-SA 3.0) была посвящена миграции с Windows, учебнику по GIMP, нескольким компьютерным играм и другим темам. В мартовском номере появилась статья об Inkscape. От ее автора Meemaw она получила название Inkscape: Getting Started. В принципе, все. После этой строки представлен результат предпринятой мной попытки перевода этой статьи.

Мы благополучно создавали своеобразные вещи с помощью GIMP, но не следует забывать, что GIMP - не единственный графический редактор. Основное назначение GIMP - обработка фотографий. Inkscape - отличная программа для рисования.

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

Давайте окинем взглядом основное окно программы Inkscape и внимательно рассмотрим его.

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

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

Наверху мы видим строку меню с пунктами Файл, Правка, Вид, Слой, Объект, Контур, Фильтры, Расширения и Справка. Многие элементы меню доступны из других мест, и мы это скоро увидим.

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

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

Следующие три элемента смотрятся как увеличительные стекла с внутренними прямоугольниками. Это инструменты масштабирования: слева направо идут масштабирование до размеров окна выбранной части изображения, рисунка и страницы. Они помогают удобно увеличивать и уменьшать масштаб до целой страницы и какой-либо выделенной области, над которой вы работаете. Эти команды также доступны из строки меню в подменю Вид → Масштаб.

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

В группу из следующих двух элементов попали круг и прямоугольник, окруженные черными точками. Левый инструмент используется для группировки выделенных объектов, а правый для их разгруппировки. Благополучно рисуя, временами вы захотите сгруппировать несколько объектов, чтобы завершить проект. Эти кнопки весьма удобны, чтобы сделать это, а также для разгруппировки, если вы вдруг узнаете, что надо что-то исправить. Эти инструменты также доступны из строки меню в подменю Объект → Группировка и Объект → Разгруппировка.

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

Заливка и обводка. С помощью этого инструмента вы закрашиваете большинство объектов и их границ. Если я рисую прямоугольник, Обводкой считается цвет его границы, а заливкой - внутренний цвет прямоугольника. Я могу изменить внутренний цвет, выбрав вкладку Заливка и указав цвет, градиент или шаблон. Я могу изменть цвет границы, выбрав вкладку Обводка и указав цвет, градиент или шаблон. В следующем примере я нарисовала прямоугольник, закрасила его голубым цветом и еще сделала черную границу, потом выбрала Стиль обводки и указала ее толшину 5 пикселей. Используя диалог Заливка и обводка, вы можете применить многочисленные варианты заливок и обводок. Вы можете открыть его из строки меню с помощью подменю Объект → Заливка и обводка.

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

Слои. Как и во многих других программах, таких как LibreOffice Draw, Scribus и GIMP, слои очень полезны при создании вашего проекта. Вы можете создать ваш рисунок на одном слое, ваш фоновый рисунок на другом слое, а текст положить на третий слой. Это помогает содержать вещи в порядке и также помогает вам сохранять неподвижным то, что не нужно двигать. Если вы уверены в своем фоновом рисунке, вы можете положить его на нижний слой и заблокировать его, и вы не сможете больше двигать ваш фоновый рисунок, пока снова его не разблокируете. Этот механизм позволяет вам свободно заниматься другими объектами. Инструмент Слои также доступен в подменю Слои. Здесь такие же кнопки, как мы видели в Gimp: щелчок по глазу приводит к скрытию слоя, а щелчок по закрытому замку приводит к блокировке слоя и невозможности ничего на нем изменить.

Редактор XML. У каждого рисунка, который вы делаете в Inkscape, есть текстовое описание, которое сохранилось в файле рисунка в формате.svg. Каждый объект, который вы вставляете в рисунок, имеет определенное имя и перечислен в этом текстовом файле. Щелчок по его имени дает вам полный список параметров этого объекта (размер, цвет, расположение на странице и т.д.). Чем более сложные вы используете объекты, тем больше вы получаете размер этого файла. Хотя я так никогда не делаю, можно изменить рисунок путем изменения этого файла. Я пыталась сделать это, продублировав в файле XML сущность, которая представляла собой нарисованный мной круг. У меня получилось два идентичных круга. Если вы понимаете это достаточно хорошо, возможно вы сможете нарисовать так весь рисунок. Этот инструмент также доступен через пункт меню Правка → Редактор XML.

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

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

Свойства документа. Каждый создаваемый вами документ - разный. Этот инструмент дает вам возможность изменить свойства документа, настройки ориентации, отступы, размер страницы, включить направляющие и сетку. Также этот инструмент доступен в меню Файл.

Если вы еще не знаете, каждый раз, когда вы наводите курсор мыши на инструмент, появляется подсказка с его описанием и горячей клавишей для этого инструмента. Так, если вы наведете курсор мыши на инструмент Заливка и обводка, горячая клавиша будет Shift + CTRL + F. Таким образом, у вас есть три способа получить этот инструмент. Используйте тот, который для вас является наиболее естественным. Кстати, последнее действие отменяется с помощью пункта меню Правка → Отменить или CTRL+Z, как и в других программах.

Теперь давайте посмотрим на левую часть окна.

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

Инструмент выделения. Это стрелка, которую мы все хорошо знаем. Она выбирает объект одним несложным щелчком мыши. В самом общем виде объекта вы увидите направленные вовне стрелки по его краям, которые вы можете использовать, чтобы изменить размер объекта. Если вы щелкнете мышью еще раз, эти стрелки поменяют направление и вы сможете повернуть объект. Эти стрелки называются «манипуляторами» и они помогают изменять объект определенным способом.

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

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

Zoom tool. Ой, здесь еще один инструмент для изменения туда-сюда масштаба вашего рисунка! Выбрав его, вы измените курсор мыши на изображение увеличительного стекла с плюсом внутри. Левый щелчок мыши приближает объекты, а правый отдаляет. Также вы можете использовать колесо прокрутки, но не забывайте при этом держать нажатой клавишу CTRL.

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

3D Box tool. С помощью этого инструмента вы сможете нарисовать паралеллепипеды в 3D. Для контроля объекта, вы управляете появившимися вместе с ним осями. Вам нужно будет немного с этим поэкспериментировать.

Эллипс. Этот инструмент рисует эллипсы и круги. Если при перетаскивании курсора мыши вы будете держать CTRL, вы нарисуете настоящий круг.

Звезда. Если ваш желаемый объект имеет три стороны и более, используйте этот инструмент. Вместе с соответствующей ему панелью инструментов, расположеной над страницей, вы можете выбрать, будет ли это многоугольник или звезда, а также установить число углов, которое будет у вашего объекта. В случае звезды, вы можете также установить отношение радиусов основания и вершины луча (чем меньше это значение, тем острее будет звезда; чем более значение приближается к единице, том больше звезда становится похожа на круг). Ниже приведены два примера, в них оба объекта имеют по 8 углов и звезда имеет отношение радиусов 0.5. В то время, когда выбран инструмент звезда, вы можете поменять внешний вид вашего многоугольника или звезды, добавив больше углов, либо изменив отношение радиусов его лучей.

Спираль. Свое название этот инструмент получил из-за того, что он рисует спирали. Его панель инструментов основана на трех настройках: числе витков, нелинейности и внутреннем радиусе. Первая назначает, сколько раз ваша линия будет оборачиваться кругом. Нелинейность означает, насколько реже идут друг за другом внешние линии, чем внутренние, и внутренний радиус это радиус открытой области внутри спирали. Слева спираль имеет 9 оборотов, нелинейность 2 и внутренний радиус 0.5. У спирали справа 5 витков, нелинейность 4 и внутренний радиус 0.25. Повторяю, если выбран этот инструмент, вы можете, если хотите, изменить нарисованную ранее спираль.

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

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

Каллиграфическое перо. Это другой инструмент типа «Перо», но с ним вы можете нарисовать линии каллиграфического типа. Настройки этого инструмента, доступные над вашей страницей, изменят представление вашей линии. У вас есть 6 предварительно заданных инструментов, плюс «Без предварительных настроек». Этот инструмент может создавать интересные варианты нарисованных линий.

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

Распылитель. Распылитель это интересный инструмент. У него есть три установки: «Распылять копии выбранного объекта», «Распылять клоны выбранного объекта» и «Распылять копии объекта, объединяя их в один контур». Если вы делаете копии, каждый из объектов может быть изменен независимо от других, а если вы делаете клонов, все изменения в оригинале отразятся на его клонах, пока вы не разорвете между ними связь. Еслы вы распыляете объекты, объединяя их в один контур, вы получаете расширение используемого вами объекта, все ограниченное внутри данного штриха. Создание из эллипса облака это пример использования этой установки. В примере левый эллипс это оригинал, а облако справа это то, что я получила, распыляя его копии и объединяя их в один контур.

Ластик. Это инструмент похож на большинство других ластиков: маленький розовый ластик. Выберете объект, который вы хотите стереть, и беритесь за ластик. Верхняя панель инструментов показывает цвет заливки и обводки, которые вы будете видеть во время удаления; они нервируют, но все будет хорошо. Если вы не выбрали объект, будут удалены все объекты, по которым вы провели ластиком.

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

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

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

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

Эти инструменты готовы для того, чтобы вы начали ими рисовать! Вы можете выбрать некоторые из них и попробовать их в работе. А теперь пришло самое время, чтобы посмотреть на нижнюю часть окна. Там все довольно неплохо, есть цветовая палитра, и вообще нижняя часть окна богата разнообразной информацией.
Это табло сообщает кое-что о какой-либо выбранной вещи. В левой части табло сообщается о ее заливке и обводке, об их цветах. При желании вы можете использовать эти цвета, чтобы их изменить. Щелчок по любому цвету в палитре приводит к изменению цвета заливки, а шелчок при нажатой клавише Shift приводит к изменению цвета обводки. Вот цвета моего круга, выбранного ниже. Справа от цвета обводки стоит цифра 5. Я использовала то же значение для рисования эллипса, что и раньше для рисования прямоугольника, для которого я выбрала размер обводки 5 пикселей (очевидно, тогда же я изменила цвет заливки). Здесь есть контекстное меню с несколькими стандартными размерами, из которого вы можете выбрать размер обводки, или даже при желании удалить ее. Далее идет поле со значением 100. Это прозрачность, которую вы можете задать здесь, а также в окне Заливка и обводка. Следующим идут «глаз», щелкнув по которому вы можете сделать слой невидимым, и замок, щелкнув по которому вы заблокируете слой и после этого не будете способны что-либо на нем изменить. По центру красуется сообщение «Ellipse in layer Layer 1». Похоже, в нем повторяется слово Layer, но я думаю, что это означает «Ellipse in layer Named Layer 1», поэтому, если вы дадите слою какое-либо другое имя, эта строка будет более правильной. Правее вы также можете видеть полезный текст. Поскольку мы выбрали эллипс с помощью нашего инструмента для выделения, в нем сообщается о том, что если сделаем еще один щелчок мышью, то сможем переключить инструмент в режим поворота объекта. Справа от него мы получаем координаты X и Y. Они сообщают нам о положении курсора мыши в настоящий момент. Наконец, в процентах показан масштаб просмотра нашего рисунка.

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

В следующий раз мы начнем проект.

Теги:

• inkscape
• vector graphics

Добавить метки

Описание презентации по отдельным слайдам:

1 слайд

Описание слайда:

Технология работы в программе Inkscape Рисование графических примитивов в редакторе. Редактирование и трансформация. Понятие слоя. Работа с текстом

2 слайд

Описание слайда:

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

3 слайд

Описание слайда:

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

4 слайд

Описание слайда:

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

5 слайд

Описание слайда:

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

6 слайд

Описание слайда:

Второй маркер - базовый узел контролирует положение "внутренней" вершиной звезды.

7 слайд

Описание слайда:

Удержание клавиши Shift при изменении узлов звезды, позволяет управлять закруглением её углов.

8 слайд

Описание слайда:

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

9 слайд

Описание слайда:

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

10 слайд

Описание слайда:

Характеристики спирали определяются двумя узлами внешним и внутренним. Маркеры узлов будут также активны, если активен инструмент управления узлами Спираль можно изменить, если перетащить маркеры этих узлов, предварительно выделив спираль с помощью инструмента выделения и трансформации Если спираль выбрана, а сам инструмент Спираль активен, то эти маркеры будут видны.

11 слайд

Описание слайда:

Перетаскивание маркеров позволяет делать спираль длиннее или короче, или изменять радиус внутреннего и внешнего её концов. Удерживая клавишу Shift, при нажатии на внутренний узел, внутренний радиус будет обнулен.

12 слайд

Описание слайда:

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

13 слайд

Описание слайда:

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

14 слайд

Описание слайда:

Рисование инструментом Эллипс Инструмент эллипс позволяет рисовать в Inkscape эллипсы, круги и дуги. Чтобы нарисовать эллипс или круг, выберите инструмент в боковом окне панели инструментов inkscape. Чтобы нарисовать эллипс или круг, перетащите курсор мыши с нажатой левой кнопкой из одной точки в другую. Чтобы рисовать ровные круги, удерживайте при рисовании нажатой клавишу Ctrl. Этот способ позволяет также рисовать эллипсы с целыми соотношениями высоты к ширине. Если удерживать при рисовании эллипса или круга клавишу Shift, то начальная точка будет соответствовать не контуру, а центру эллипса.

15 слайд

Описание слайда:

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

16 слайд

Описание слайда:

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

17 слайд

Описание слайда:

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

18 слайд

Описание слайда:

Рисование инструментом Прямоугольник Инструмент прямоугольник позволяет рисовать фигуры: прямоугольники и квадраты. Чтобы нарисовать прямоугольник или квадрат, выберите этот инструмент в боковом окне панели инструментов inkscape и перетащите курсор мыши с нажатой левой кнопкой из одного угла в другой противоположный угол. Чтобы рисовать квадраты, удерживайте при рисовании нажатой клавишу Ctrl. Если удерживать при рисовании прямоугольника клавишу Shift, то начальная точка будет соответствовать не вершине, а центру прямоугольника.

19 слайд

Описание слайда:

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

20 слайд

Описание слайда:

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

21 слайд

Описание слайда:

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

22 слайд

Описание слайда:

Редактирование и трансформация Инструмент выделения и трансформации используется для выбора, перемещения и изменения размеров объектов на холсте с помощью мыши. Для того что бы активировать инструмент выделения и трансформации inkscape выберите его в окне инструментов (первый инструмент сверху виде черной стрелочки) или нажмите клавишу S или F1.

23 слайд

Описание слайда:

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

24 слайд

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

В этой статье мы рассмотрим как пользоваться Inkscape для рисования и обработки изображений. Поговорим про установку самой программы и использование фигур.

Это достаточно популярная программа, поэтому вы можете очень просто ее установить. В дистрибутивах Linux, векторный редактор Inkscape доступен из официальных репозиториев, например, для установки в Ubuntu необходимо выполнить команду:

sudo apt install inkscape

Для установки в системах Red Hat и CentOS выполните:

sudo yum install inkscape

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

Как пользоваться Inkscape?

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

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

Сразу после запуска программы вы увидите такое главное окно:

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

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

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

• Ctrl+стрелка - для перемещения по листу. Также перемещаться можно с помощью колесика мышки по вертикали и с зажатой кнопкой Shift по горизонтали;
• Клавиши + и - используются для масштабирования документа;
• Ctrl+Z и Ctrl+Shift+Z используется для отмены и повтора последних действий соответственно;
• Shift - выделить несколько фигур.

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

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

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

Каждая фигура имеет два параметра, которые влияют на ее оформление. Это заливка и обводка. Заливка определяет основной цвет фигуры, а обводка - цвет контура. Обводка и заливка настраиваются в окне, которое можно отрыть на панели инструментов:

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

3. Группировка объектов

Для удобства перемещения и применения объектов векторный редактор Inkscape поддерживает объединение их в группы. Для этого отметьте несколько объектов с помощью кнопки Shift и в меню "Объект" выберите "Сгруппировать" . Теперь все выбранные объекты находятся в одной группе, вы можете их перемещать и применять операции ко всем ним сразу. Также для группировки можно использовать сочетание клавиш Ctrl+G.

Для расгруппировки используйте пункт разгруппировать. Или нажмите несколько раз клавишу Ctrl+U . В вопросе как пользоваться Inkscape более важна работа с формами и цветами фигур, рассмотрим это подробнее.

4. Действия над фигурами

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

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

Инструмент "Редактировать углы" позволяет различным образом изменить углы и очертания объекта:

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

Инструмент "Измеритель" позволяет изменять длины и углы различных геометрических объектов:

5. Фильтры

С помощью фильтров можно применить различные эффекты к объектам. Все доступные эффекты рассортированы по категориям и доступны из меню "Фильтры" . Среди эффектов есть различные текстуры, изменение дизайна, и многое другое:

6. Сохранение результата

Поскольку в этой статье мы ставим перед собой задачу рассказать об Inkscape для начинающих, разберем как сохранить изображение. Поскольку это векторные изображения, здесь будет использоваться специальный формат - svg. Чтобы сохранить готовое изображение откройте меню "Файл" и выберите "Сохранить" , затем выберите расположение файла:

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

Окно интерфейса Inkscape можно разделить на девять основных областей:

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

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

Главное меню

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

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

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

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

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

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

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

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

Холст

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

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

Разметка, линейки, направляющие и сетки в inkscape

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ios