Как работать в программе inkscape 0.91. Как создать векторный контур фотографии, используя редактор «Inkscape

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

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

Основные функции

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

Достоинства и недостатки

Достоинства:

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

Недостатки:

замедление работы процессора вследствие высокой ресурсоемкости;
отсутствие функции экспорта в формат SWF;
периодические ошибки при импорте файлов.

GIMP - бесплатный редактор графики . Отличается огромным набором эффектов и рабочих инструментов. Умеет обрабатывать GIF-анимации и работать со слоями. Поддерживает пакетную обработку файлов.

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

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

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

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

Интерфейс

Для того чтобы создать новый документ, откройте меню «Файл», пункт «Создать» или используйте сочетание клавиш «Ctrl+O». Для сохранения проекта предназначена комбинация «Ctrl+S». Переключать рабочие окна можно с помощью клавиш «Ctrl+Tab».

Если вы хотите изменить параметры страницы (редактировать размеры холста, ориентацию, фон и т. д.), нажмите «Shift+Ctrl+D» и перед вами появится такое окно:

Параметры страницы

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

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

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

Перетаскивание

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

Отметим основные отличительные для этой программы элементы окна:

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

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

Линейки . Линейки дают возможность зрительно оценить расстояние и расположение объектов.

Палитра цветов . Позволяет задавать объектам цвет контура и заливки.

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

	Инструмент Селектор (Указатель)		Инструмент Перо Безье
	Инструмен Редактор узлов контура		Инструмент Каллиграфическое перо
	Инструмент Корректор		Инструмент Текст
	Инструмент Масштаб		Инструмент Распылитель
	Инструмент Прямоугольник		Инструмент Ластик
	Инструмент Параллелограмм		Инструмент Заливка
	Инструмент Овал		Инструмент Правка градиента
	Инструмент Звезда или Многоугольник		Инструмент Пипетка
	Инструмент Спираль		Инструмент Соединительные линии
	Инструмент Карандаш

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

Существуют несколько способов изменения масштаба:

Сохранение документа

В inkscape cуществует несколько способов сохранения файлов:

Меню Файл -> Сохранить . Эта команда сохраняет существующий документ, используя имя текущего файла. Если документ является новым и еще ни разу не был сохранен, то будет открыто диалоговое окно, предлагая пользователю задать имя файла и место сохранения. Сохранить файл можно, используя сочетание клавиш Ctrl + S , а так же нажав кнопку Сохранить документ
Меню Файл -> Сохранить как... Эта команда позволяет сохранить новую копию файла под другим именем или в другом месте. В этом случае последний сохраненный файл автоматически становится рабочей копией, таким образом, дальнейшие действия будут выполняться уже в новом файле. Этой командой обычно пользуются для сохранения разных версий рисунка. Это же действие доступно по сочетанию клавиш Ctrl + Shift + S .
Меню Файл -> Экспортировать в растр . Эта команда позволяет трансформировать весь векторный SVG-файл или отдельные объекты документа в растровое изображение. В настоящее время inkscape поддерживает только один растровый формат PNG. Эта команда доступна по сочетанию клавиш Ctrl + Shift + E .

Открытие документа

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

Меню Файл -> Открыть... . По этой команде inkscape открывает файл в новом окне. Таким образом, открытие файла никак не повлияет на работу с другими документами. Тоже самое действие по открытию нового документа можно выполнить по комбинации клавиш CTRL + O или через значок Открыть в панели инструментов.
Меню Файл -> Импорт... Загрузка открываемого файла в активный документ, т.е. тот в которым вы сейчас работаете. Импортированный файл становится объектом в уже открытом документе. Импорт объекта возможен также по комбинации клавиш Ctrl + I или по кнопке Импорт в верхней панели инструментов.

Создание документа

Новый документ в inkscape можно создать несколькими способами:

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

Изменение параметров страницы

Для изменения свойств документа, таких как размер страницы, единицы измерения и т.д., используйте:

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

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

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

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

Теперь перейдем к делу. Начнем рисовать векторную электролампочку и с ее помощью прольем немного света на то, как работать с замечательной, но не самой интуитивной програмой Inkscape.

Создаем новый файл. Файл - > Создать ≈ открывается длиннейший список опций. Выбираем из него icon_48x48 , это распространенный для миниатюр стандарт. Мы могли бы создать файл любого размера, а затем уменьшить его, но к чему лишние движения?

Вот перед нами окно Inkscape с новым пустым файлом.

Рис. 1

Прежде чем что-либо рисовать, нужно сделать две вещи:

Первое. Пройти Файл - > Свойства документа , откроется одноименное окно с несколькими вкладками. Нам нужна вкладка Прилипание (рисунок 2).

Рис. 2

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

Второе. Настроить сетку для удобства рисования. Мои долгие мучения с настройкой сетки показали, что настраивать ее нужно при больших увеличениях, порядка 10 000%, иначе настроить можно только случайно.

Для настройки в том же окне Свойства документа открываем вкладку Сетки (рисунок 3)

Рис. 3

Вверху окна читаем: Прямоугольная сетка и дальше Создать . Жмем.

Открывается сетка по умолчанию, которая нам не подходит. У нас файл 48х48 пикселей, так что число основных линий сетки должно быть кратно 12, 6 или 4, чтобы легко видеть середину холста. Поэтому выставляем Основная линия сетки каждые: 12 линий. А Интервалы по X и Y оставляем 1 пиксель. Настраиваем цвета обычных и основных линий сетки, чтобы она выглядела как миллиметровка (кто помнит, что это такое). Если сетка немедленно не появляется, или появляется не такая как надо, то внизу окошка есть длинная клавиша Удалить . Удалив неудачную сетку, следует еще увеличить масштаб и создать новую сетку. Масштаб проще всего изменять клавишами + и - , а можно в самом нижнем правом углу основного окна Inkscape, там есть специальное окошечко (помечено на рисунке 1 стрелкой).

Когда сетка создана, ее можно убирать и снова накладывать из меню Вид - > Сетка . Хорошо бы сохранить файл под именем lamp.svg, чтобы программа запомнила текущую сетку. Вобще, по ходу работы рекомендую время от времени сохранять файл. Дело в том, что Inkscape использует ограниченное количество памяти машины, и иногда становится заметны заминки, вызванные ее нехваткой.

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

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

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

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

Рис. 4

Об этом учебник не предупреждал. Не бросайтесь удалять страшный круг и искать настройки инструмента. Дело в том, что в программе Inkscape сначала рисуют элемент, а потом изменяют его. Это несколько необычно, так как в большинстве программ, да и просто в жизни, инструмент сначала настраивают, а уж потом им пользуются. Здесь все наоборот: пока нет объекта, нет и настроек (также было и с сеткой ≈ сначала мы ее создали, а потом настраивали).

Нарисованный круг выделен по умолчанию, но если нет, то надо выделить его при помощи инструмента F1 ≈ стрелки. Не поленитесь прочитать первые два раздела учебника, иначе мне придется переписывать их в этой статье. Когда объект (круг) выделен, то можно легко превратить чудовище в красавицу. Для начала разберемся с потерянным сегментом. Посмотрите на панель выше рабочего окна: на рисунке 4 я обвел зеленым цветом интересующий нас отрезок (он виден только при выбранном инструменте F5).

Там три варианта рисования эллипсов, почему-то по умолчанию выбран сегментированный. Переключитесь на третий (последний) вариант и круг обретет законченность. Хорошо; теперь займемся цветами.

Пройдем с меню Объект - > Заливка и обводка . Если объект выделен, то можно без труда менять его очертания и цвета. Начнем с красного круга. Переходим на вкладку Заливка (рисунок 5).

Рис. 5

Мы видим, что сейчас выбрана плоская заливка цвета ff0000 (чисто красного) по системе RGB с непрозрачностью 100% (две добавочные шестнадцатеричные цифры ff в конце номера). Сам номер вписан в окошке, помеченном синей стрелой.

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

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

Теперь нам предстоит сделать из круга грушу, поэтому смело берем инструмент Shift+F6 , который называется Рисовать кривые Безье и прямые линии . Что такое кривые Безье, вы выясните самостоятельно, а пользоваться ими очень просто: нажимаем левую кнопку мыши ≈ ставим точку, переносим инструмент на другое место, нажимаем, ставим точку. Когда мы хотим остановиться и не ставить больше точек, то делаем двойной щелчок или нажимаем ENTER . Главное в этом деле минимализм ≈ не ставить больше точек, чем нужно, в крайнем случае их всегда можно добавить. (Впрочем, удалить лишние тоже не трудно). Как только мы нажали ENTER , как волосяная линия, тянувшаяся за инструментом, превращается в контур с текущей обводкой (рисунок 6).

Рис. 6

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

В итоге должно получиться нечто похожее на рисунок 7.

Рис. 7

Следующим шагом будет удаление ставшей ненужной нижней части окружности. Для этого сперва нужно объединить два контура ≈ окружность и новую кривую ≈ в один контур. Для этого, удерживая клавишу SHIFT , поочередно кликаем инструментом F2 на окружности и на кривой. Затем переходим в меню Контуры - > Объединить . Получается как на рисунке 8.

Рис. 8

Обратите внимание на два помеченных красным узла на контуре. Сейчас нам предстоит добавить над каждым из них еще по одному узлу. Это делается двойным кликом инструмента F2 . Результат на рисунке 9.

Рис. 9

Теперь нужно выделить тем же инструментом самый нижний узел на окружности и удалить его при помощи клавиши DEL . Очертания контура при этом немного изменятся.

Затем, при нажатой клавише SHIFT выбрать два узла, которые показаны желтым на рисунке 10. После того, как вы их выберете, они у вас тоже пожелтеют.

Рис. 10

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

Рис. 11

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

Рис. 12

При помощи пиктограммы Соединить контуры по выделенным оконечным узлам (третьей слева на рисунке 11) соедините разрыв. Потом проделайте ту же операцию с другой стороны груши.

Колба нашей будущей лампы готова. Теперь настало время изменить ее черный цвет на более подходящий.

Выделяем объект инструментом F1 и открываем окно Объект - > Заливка и обводка . Во вкладке Обводка выбираем линейный градиент (рисунок 13).

Рис. 13

Объект окрашивается в какой-то градиент, но он нам не подходит. Поэтому нажимаем клавишу Изменить . Откроется окно Редактор градиентов , рисунок 14.

Рис. 14

Редактор градиентов позволяет изменять цвета конечных точек градиента, которые называются stop 3153 и stop 3155 (номера могут быть любые). Вызвать их можно, нажав на указатели, которые я пометил зеленым кружком. Подсветив верхнюю конечную точку, нужно задать ей нужный цвет. Это можно сделать пятью способами: либо при помощи одной из четырех вкладок, на которые указывает синяя стрела, либо просто написав нужный шестнадцатеричный номер в окне, которое я обвел красным. Я выбрал цвет 729fcfff. Первые шесть цифр: номера красного, зеленого и синего, последнее (ff) говорит о полной непрозрачности.

Потом мы переходим на вторую конечную точку градиента и назначаем цвет ей, в моем случае это 3465a4ff. Левая часть контура груши становится светлее, чем правая, и цвета эти плавно переходят друг в друга. Это и есть градиент. Берем инструмент F2 и на экране появляется линия направления (рычаг) градиента. Сейчас она горизонтальна, на левом конце ее квадратик, на правом ≈ кружок. Мышью двигаем квадратик вверх, а кружок вниз, как показано на рисунке 15.

Рис. 15

Градиент пойдет по диагонали холста, что придаст эффект освещенности верхней части лампы.

Теперь займемся заливкой нашей колбы. В том же окне Заливка и обводка , перейдем во вкладку Заливка и выберем Радиальный градиент . Я брал для конечных точек цвета: ffffff56 и 729fcfe3. Обратите внимание на две последние цифры в этих номерах. Это уже не ff, а значит цвета эти обладают некоторой прозрачностью, что придаст колбе стеклянный вид.

Рис. 16

Следующим шагом будет выделить нашу колбу инструметом F1 , и продублировать ее. Это можно сделать Правка -> Продублировать или, проще, сочетанием клавиш CTRL+d . Дублирование создает копию объекта и размещает ее прямо поверх него, так что изменений почти не видно, разве что заливка стекла стала менее прозрачной. Вместо дублирования можно было скопировать объект CTRL+с , а затем вставить на то же самое место Правка - > Вставить на место (CTRL+ALT+v) .

Дубль нашей колбы, находящийся сверху, уже выделен, если вы не снимали выделения. Открываем окно Объект - > Заливка и обводка . Первым делом убираем заливку полностью, нажав на крестик Х вo вкладке Заливка (рисунок 5). Затем, перейдя во вкладку Обводка выбираем плоский цвет ffffffff. Нетрудно понять, что это белый. Он полностью перекрывает нижележащий синий цвет основной груши.

Теперь берем мышью за угловую стрелочку рамки выделения и, удерживая клавишу SHIFT , что обеспечит прапорциональность, начинаем уменьшать белую обводку. Когда она окажется внутри синей, подгоним ее поплотнее к синему контуру при помощи инструмента F2 , как на рисунке 17.

Рис. 17

Теперь нужно придать белой обводке другой цвет. Выбираем Линейный градиент . Тот, что будет открыт по умолчанию (от белого до прозрачного) нас как раз устроит. Установим Непрозрачность около 75% (шкала внизу окна Заливка и обводка ). Останется установить рычаги градиента (F2 ) как показано на рисунке 18.

Рис. 18

Колба лампы готова. Настала очередь "начинки" ≈ всяких проволочек, спиралей и прочего.

Для начала рисуем две проволоки, держащие спираль. Обводку их делаем линейным градиентом от темного 9927aff до белого ffffffff. Понятно, что белый конец ≈ верхний, там где проволоки раскалены спиралью (рисунок 19).

Рис. 19

Затем рисуем саму спираль. Ставим четыре точки инструментом SHIFT+F6 и изгибаем кривые Безье. Красим обводку в белый цвет. (Рисунок 20).

Рис. 20

Ничего, что спираль пока плохо видно, впоследствии она проявится.

Теперь рисуем стеклянный постамент, держащий всю конструкцию. Рисуем трехсторонний прямоугольник и изгибаем его верхнюю сторону. Цвет обводки: плоский d0bfacff; Заливка: линейная, от белого ffffffff до белого прозрачного ffffff00. Непрозрачность около 50% ≈ стекло, как-никак. Кроме того, найдите в окне Заливка и обводка строку Повтор: и выберите Отраженный . Это даст как бы двойной градиент от краев к центру. Рычаги градиента чуть сместите, как показано на рисунке 21.

Рис. 21

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

Рис. 22

После этого придайте объекту непрозрачность 25% и опустите на самое дно рисунка. Это можно сделать из меню Объект - > Опустить на задний план , либо просто нажав клавишу END .

Дальше. На круглых предметах обязательно бывают блики. Нарисуем белый овал без обводки с непрозрачностью 36%. Затем второй раз кликнем на нем инструментом F1 . Стрелочки на углах изменятся, теперь они приглашают вращать объект, что мы и сделаем. Потом поставим овал на место, как показано на рисунке 23.

Рис. 23

Осталось приделать лампе цоколь. Рисуем прямоугольник при помощи инструмента SHIFT+F6 и изгибаем его верхнюю и нижнюю стороны (рисунок 24).

Рис. 24

Добавляем вспомогательный слой под текущим слоем (Слой -> Добавить слой ). В этом новом слое нарисуем пунктиром с обводкой шириной 0,2 (Стиль обводки -> Пунктир ) следующие зигзаги, которые помогут нам правильно расставить дополнительные точки (рисунок 25).

Рис. 25

Теперь переходим на основной слой, и, ориентируясь на пунктирные зигзаги, расставляем на боковых сторонах инструментом F2 (двойной щелчок) по две дополнительные точки. Затем эти же инструментом перемещаем новые точки немного глубже, а отрезки контура между ними превращаем в кривые Безье. В результате должно получиться как на рисунке 26.

Рис. 26

Вспомогательный слой удаляем (Слой -> Удалить) . Только смотрите, какой слой удаляете. Смотреть надо или на панели в самом низу основного окна, или в окне Слои , которое можно вызвать из меню Слой -> Слои...

Теперь меняем цвета цоколя. Обводку делаем плоским цветом d59600ff, а заливку - линейным градиентом ffd543ff / ffeca9ff. Применяем также Повтор: Отраженный . После этого опускаем объект на самый задний план (END ).

Осталось нарисовать на цоколе резьбу. Снова воспользуемся инструментом SHIFT+F6 и нарисуем резьбу, как на рисунке 27. Обводку уберем, а фон зальем цветом d59600ff. При этом достаточно нарисовать один объект, а затем скопировать его и вставить в нужное место.

Рис. 27

Теперь сделаем лампе контактную подошву. Для этого достаточно поставить две точки, затем выгнуть их в дугу и окрасить обводку цветом 5a5249ff.

Рис. 28

После этого опускаем объект вниз (END ).

Осталось "навести тень на плетень". Рисуем черный эллипс без обводки, делаем ему размывание на 5% и непрозрачность 15%. Потом опускаем его ниже (PgDown или END ).

Лампочка готова. Убираем сетку, чтобы удобнее было любоваться.

Рис. 29

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

Сохраняем файл в формате SVG для архива. Дальше есть несколько возможностей. Можно экспортировать изображение в растровое посредством меню Файл -> Экспортировать в растр .

Если нужна миниатюра другого размера, скажем, 16х16, то нужно пройти Файл -> Свойства документа и там выбрать новый размер документа (icon_16x16 ). Затем масштабировать рисунок, чтобы он уместился в новый холст и сохранить как копию. Масштабировать можно при помощи инструмента F1 , стрелок и клавиши SHIFT ; но лучше пройти в меню Объект -> Трансформировать . Затем во вкладке Масштаб выбрать новый размер в процентах, поставить галочку около Пропорциональное масштабирование и нажать Применить .

При увеличении, например в десять раз, лучше сначала масштабировать объект на 1000%, а затем изменить в Свойствах объекта размер холста (документа). В противном случае бывает трудно найти крошечный рисунок на большом холсте.

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

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

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

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