Inkscape – графический редактор для работы с векторной графикой. Описание интерфейса и основных функций Inkscape Первые шаги работы на inkscape

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

Когда вы создаете миниатюру в традиционом растровом виде, то уменьшать ее (так же как и увеличивать) можно лишь в узких пределах, очень скоро становится невозможно понять, что же, собственно, изображено. Ведь растровое изображение состоит из отдельных точек (а точнее - квадратиков), называемых пикселями, которые имеют вполне определенные размеры (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%, а затем изменить в Свойствах объекта размер холста (документа). В противном случае бывает трудно найти крошечный рисунок на большом холсте.

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

Наверное многие знают программу CorelDRAW , которая является векторным графическим редактором. Я использую векторный графический редактор практически во всем, так как в нем достаточно удобно работать, и наверное в первую очередь из за того что мне больше по душе векторная графика. Конечно о преимуществах векторной графики над растровой графикой можно говорить много, но это отдельная тема для разговора. Я лишь скажу что векторная графика меня привлекает тем что при увеличении качество изображения не ухудшается, что дает много преимуществ перед растровой графикой. А редакторы векторный графики нравятся тем что там без особых знаний и умений в рисовании, можно создать что то красивое и гениальное. Естественно многие могут сказать что и в редакторах растровой графики можно создать шедевры. В основном решение о том какой редактор использовать зависит во многом от поставленной задачи, и от вкусов человека, который будет решать ту или иную задачу. Я долго использовал редактор векторной графики для решения большинства задач, к примеру таких как: создание диаграмм, блок схем, логотипов, схем и др. И при переходе на лицензионное и бесплатное ПО я стал искать подходящую по функциональности замену CorelDRAW . Главными критериями поиска были бесплатность, удобство работы, сходство интерфейса. И мне долго искать не пришлось, хоть и бесплатных редакторов векторной графики существует достаточно большое количество. Первым понравившимся и подходящим под критерии поиска оказался бесплатный редактор векторной графики Inkscape , о котором собственно я и попытаюсь сегодня рассказать.

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

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

Основные характеристики Inkscape

  • программа бесплатна и распространяется на условиях лицензии GNU General Public License
  • кроссплатформенность
  • программа поддерживает следующие форматы документов: импорт — практически все популярные и часто используемые форматы SVG, JPEG, GIF, BMP, EPS, PDF, PNG, ICO, и много дополнительных, таких как SVGZ, EMF, PostScript, AI, Dia, Sketch, TIFF, XPM, WMF, WPG, GGR, ANI, CUR, PCX, PNM, RAS, TGA, WBMP, XBM, XPM; экспорт — основной форматы PNG и SVG и много дополнительных EPS, PostScript, PDF, Dia, AI, Sketch, POV-Ray, LaTeX, OpenDocument Draw, GPL, EMF, POV, DXF
  • есть поддержка слоев
  • как и во многих программах Inkscape поддерживает клавиатурные комбинации клавиш, что ускоряет в разы разработку того или иного макета или рисунка
  • есть много встроенных расширений, многие из которых позволяют автоматизировать тот или иной процесс, или же просто позволяют сделать прорисовку большого объема информации
  • расширенная статусная строка, которая содержит много полезной информации, а именно — информация о выделенных объектах, подсказки для клавиатурных комбинаций
  • Inkscape имеет редактор XML с деревом объектов, связанный с рабочим пространством
  • очень полезная и часто используемая мной функция, это возможность векторизировать растровое изображение
  • есть возможность писать свои расширения, и сценарии на Perl, Python и Ruby
  • программа доступна на нескольких языках, включая и русский и украинский

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

  • создание логотипов, визиток, плакатов, иллюстраций для презентаций
  • технические схемы, графики и др.
  • web-графика — баннеры, макеты сайтов, кнопки для сайта, логотипы, полноценный дизайн сайта

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

Установка Inkscape

Для загрузки Inkscape , есть несколько вариантов официальных версий: архив с исходным кодом — .gz, архив с исходным кодом — .bz2, Mac OS X — .dmg, Windows - установочный пакет.exe, 7zip. Так как у меня установлена ОС Windows, то я выбираю соответственно установочный пакет в формате.exe. Все остальные вариации для загрузки доступны на странице — http://inkscape.org/download/?lang=ru . Для того чтобы загрузить версию 0.48 в формате 7zip, нужно перейти последующему адресу — . Файл весит примерно ~33МB, для его загрузки можно воспользоваться программой .

После загрузки у Вас должен появится файл Inkscape-0.48.0-1.exe , после запуска которого появится окно выбора языка, на выбор доступные следующие языки: English, Indonesian, Russian, Ukrainian . Выбираем нужный нам язык и нажимаем кнопку ОК . (в моем случае это Russian )

После чего появится окно приветствия, в котором нужно нажать кнопку Далее > .

В следующем окне приводится текст лицензии, читаем и нажимаем кнопку Далее > .

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

  • Inkscape, редактор SVG(требуется) ,
  • Среда исполнения GTK+(требуется) .

Также можно выбрать дополнительные компоненты для установки:

  • Для всех пользователей (если поставить флажок то программа установится для всех пользователей компьютера),
  • Ярлыки (здесь можно выбрать места, куда будут установлен ярлык для программы — Рабочий стол, Панель быстрого запуска, Открывать файлы SVG в Inkscape(будет произведена ассоциация файлов SVG с программой), Контекстное меню),
  • Удалить личные настройки (если у Вас уже была установлена программа Inkscape то нажав здесь флажок все сохраненные настройки будут удалены),
  • Дополнительные файлы (если поставить здесь флажок, то установятся Примеры и Уроки),
  • Переводы (здесь можно выбрать один или несколько переводов, и доступно для этого большое количество языков, выбираем Русский(ru) или Украинский(uk)).

После того как Вы выберите все дополнительные компоненты нужно нажать на кнопку Далее > .

В следующем окне будет информация о том в какую директорию установить Inkscape , по умолчанию C:\Program Files\Inkscape , для того что бы выбрать другую директорию нужно нажать кнопку Обзор … . После чего следует нажать на кнопку Установить для продолжения установки.

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

И в последнем окне, которое говорит о том что программа установилась, нужно нажать кнопку Готово . Если Вы не убирали флажок рядом с надписью Запустить Inkscape , то после нажатия кнопки Готово программа запустится автоматически.

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

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

Ссылки

  • http://inkscape.org — официальный сайт программы Inkscape

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

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

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

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

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

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

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

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

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

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

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

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

To create a new empty document, use File > New or press Ctrl+N . To create a new document from one of Inkscape"s many templates, use File > New from Template... or press Ctrl+Alt+N

To open an existing SVG document, use File > Open (Ctrl+O). To save, use File > Save (Ctrl+S), or Save As (Shift+Ctrl+S) to save under a new name. (Inkscape may still be unstable, so remember to save often!)

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

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

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

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

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

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

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

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

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

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

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

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

Щёлкните мышью по прямоугольнику ещё раз - направление стрелок изменится. Теперь вы можете:

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

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

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

Изменение формы при помощи клавиш

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

Вы можете использовать клавиатуру для перемещения объектов (клавиши-стрелки), изменения размера (клавиши < и >) и вращения (клавиши [ и ]). По умолчанию шаг перемещения и смены размера равен двум пикселам. С нажатой клавишей Shift это значение увеличивается в 10 раз (и становится равным 20 пикселам). Клавиши Ctrl+> и Ctrl+< увеличивают или уменьшают объект на 200% или 50% от оригинала соответственно. С нажатой клавишей Ctrl вращение будет выполняться с шагом в 90 градусов вместо 15.

Кстати говоря, наиболее удобны пиксельные изменения формы , производимые с нажатой клавишей Alt и клавишами изменения форм. Например, Alt+стрелки будут двигать выбранное на 1 пиксел данного масштаба (т.е. на 1 пиксел экрана , не путайте с пикселом, который является SVG единицей длины и отличается от пиксела масштаба). Это означает, что если вы увеличили масштаб, то Alt+стрелка даст меньшее смещение от абсолютного измерения, что по-прежнему будет выглядеть как смещение на пиксел на экране. Это даёт возможность точно разместить объект, изменяя масштаб.

Схожим образом Alt+> и Alt+< изменяют размер на один пиксел, а Alt+[ и Alt+] вращают объект на один пиксел.

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

Выделение нескольких объектов

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

Теперь, используя «резиновое» выделение (без или с клавишей Shift), выделите эллипсы, но не прямоугольник:

Каждый выделенный объект отображается с пунктирной рамкой вокруг него. Благодаря этой рамке просто определить, какой объект выделен, а какой нет. Например, если выбрать оба эллипса и прямоугольник под ними, то без пунктирной рамки будет сложно понять, выделены эллипсы или нет.

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

Нажатие Esc сбросит все выделения. Ctrl+A выделяет все объекты в пределах активного слоя (если вы не создавали слоёв, то это равносильно выделению всех объектов документа).

Группировка

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

Для создания группы нужно выбрать один или более объектов и нажать Ctrl+G . Разгруппировать их можно, нажав Ctrl+U и предварительно выбрав группу. Сами по себе группы могут быть сгруппированы и как одиночные объекты. Подобная поэтапная группировка может быть сколько угодно сложной. При этом следует помнить, что Ctrl+U разгруппирует только последнюю группировку. Нужно нажать Ctrl+U несколько раз, если вы хотите полностью разгруппировать сложносгруппированные группы в группе.

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

Заливка и обводка

Probably the simplest way to paint an object some color is to select an object, and click a swatch in the palette below the canvas to paint it (change its fill color). Alternatively, you can open the Swatches dialog from the View menu (or press Shift+Ctrl+W), select an object, and click a swatch to paint it (change its fill color).

Но более грамотным способом будет выбор диалога «Заливка и обводка...» через меню Объект (Shift+Ctrl+F). Выберите нижнюю фигуру и откройте диалог «Заливка и обводка...».

Диалог содержит три вкладки: «Заливка», «Обводка», и «Стиль обводки». Вкладка «Заливка» позволит вам изменить заполнение выбранного объекта (или объектов). Используя кнопки под вкладкой, вы можете выбрать тип заливки, включая режим «Нет заливки» (кнопка со знаком X), режим «Сплошной цвет», режимы «Линейный градиент» или «Радиальный градиент». Для приведённой выше фигуры будет нажата кнопка «Сплошной цвет».

Чуть ниже расположены кнопки-варианты выбора цвета . Каждый вариант имеет свою вкладку: RGB, CMYK, HSL, и «Круг». Вероятно, самым удобным вариантом является «Круг», в нём можно выбрать тон цвета, вращая треугольник, а затем подобрать насыщенность и яркость в самом треугольнике. Все варианты выбора цвета имеют возможность менять альфа-канал (прозрачность) выбранного объекта (или объектов).

Каждый раз при выборе объекта вкладка «Заливка и обводка...» показывает текущее значение для данного объекта (для нескольких одновременно выбранных объектов, вкладка цвета показывает их усреднённый цвет). Экспериментируйте на этих примерах:

Используя вкладку «Обводка», вы можете убрать обводку объекта, установить его цвет или прозрачность:

Последняя вкладка «Стиль обводки» позволит вам изменить толщину и другие параметры обводки:

И, наконец, вместо сплошной окраски можно использовать Градиенты для заливки и/или обводки:

При переключении с режима «Сплошной цвет» на режим градиента, создаваемый градиент использует предыдущий цвет и направлен от насыщенности к прозрачности. Переключитесь на инструмент для градиентов (выбрав инструмент в левой панели или нажав Ctrl+F1). При перемещении рычагов градиента - видно, что рычаги связаны линиями, которые определяют направление и длину градиента. Если какой-нибудь из рычагов градиента выбран (подсвечен синим), то диалог «Заливка и обводка...» устанавливает цвет рычага (цвета части градиента), а не выбранного объекта.

Ещё один способ изменить цвет объекта - использовать инструмент «Пипетка» («Брать усреднённые цвета из изображений» (F7)). Выбрав этот инструмент, щёлкните мышью в любой части рисунка, и полученный цвет будет присвоен выбранному до этого объекту (Shift+щелчок присвоит цвет обводке).

Дублирование, выравнивание, распределение

Одним из наиболее распространённых действий является дублирование объекта (Ctrl+D). Дублирование размещает дубликат над оригиналом и делает его выделенным так, что вы можете переместить его в сторону при помощи мыши или клавиш со стрелками. Попробуйте построить линию из копий этого квадрата:

Chances are, your copies of the square are placed more or less randomly. This is where the Align and Distribute dialog (Shift+Ctrl+A) is useful. Select all the squares (Shift+click or drag a rubberband), open the dialog and press the “Center on horizontal axis” button, then the “Make horizontal gaps between objects equal” button (read the button tooltips). The objects are now neatly aligned and distributed equispacedly. Here are some other alignment and distribution examples:

Z-порядок

The term z-order refers to the stacking order of objects in a drawing, i.e. to which objects are on top and obscure others. The two commands in the Object menu, Raise to Top (the Home key) and Lower to Bottom (the End key), will move your selected objects to the very top or very bottom of the current layer"s z-order. Two more commands, Raise (PgUp) and Lower (PgDn), will sink or emerge the selection one step only , i.e. move it past one non-selected object in z-order (only objects that overlap the selection count, based on their respective bounding boxes).

Практикуйтесь в использовании этих команд, развернув Z-порядок нижестоящих объектов так, чтобы крайний левый эллипс оказался вверху, а крайний правый - в самом низу:

Очень полезная клавиша для выделений объектов - Tab . Если ничего не выбрано, данная клавиша выделяет самый нижний объект по оси Z; при других условиях она выбирает объект, находящийся над выбранным объектом (объектами) на оси Z. Shift+Tab срабатывает наоборот, переключая от верхнего к нижнему, так как при создании объекта он добавляется вверх Z-уровня. И если нет выделения, нажатие Shift+Tab выберет последний созданный объект. Опробуйте использование Tab и Shift+Tab на стопке эллипсов вверху.

Выделение объектов под объектами и перемещение выделенного

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

В такой ситуации может помочь комбинация Alt+щелчок. Для начала щёлкните мышью по объекту, зажимая при этом клавишу Alt . В результате будет выбран тот объект, что сверху, как и при обычном выделении. Но при повторном нажатии Alt+щелчок в этом же месте выделенным станет нижний объект, ещё нажатие - и выделение сместится на объект уровнем ниже и т.д. Таким образом, несколько нажатий Alt+щелчок на стопке объектов будут перемещать выделение от верхнего объекта к нижнему на оси Z. Добравшись до самого нижнего объекта, нажатие Alt+щелчок выберет самый верхний объект.

[ Alt+щелчок может не работать в Linux, если используемый оконный менеджер зарезервировал эти события для собственных надобностей. Попробуйте или изменить настройки оконного менеджера, или заставьте его использовать клавишу Meta (она же клавиша Windows), для того, чтобы Inkscape и другие приложения могли свободно использовать Alt.]

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

Практикуйте Alt+щелчок и Alt+перемещение (мышью) на двух коричневых фигурах под зелёным прозрачным прямоугольником:

Selecting similar objects

Inkscape can select other objects similar to the object currently selected. For example, if you want to select all the blue squares below first select one of the blue squares, and use Edit > Select Same > Fill Color from the menu. All the objects with a fill color the same shade of blue are now selected.

In addition to selecting by fill color, you can select multiple similar objects by stroke color, stroke style, fill & stroke, and object type.

Заключение

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


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

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

В Inkscape возможно создание векторной графики для высококачественной печати (с предварительным импортом SVG в Scribus) , веб-графики (от баннеров до макетов сайтов) , пиктограмм для приложений, кнопок сайтов и графики для игр.

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


В Inkscape используется собственный «движок» рендеринга livarot (в дальнейшем возможен переход на Cairo) , имеет мощную инфраструктуру для исполнения сценариев (написанных на Perl, Python и Ruby) . SVG основан на языке разметки XML и к нему пишутся расширения, например реализующие поддержку новых форматов данных.

Inkscape использует стандарт W3C под названием Scalable Vector Graphics (SVG ). Формат SVG позволяет создавать иллюстрации различного типа, в том числе анимированные.

Inkscape имеет собственный формат документов (основаный на SVG v1.1) , сразу содержит ряд расширений для увеличения функциональности.

Документы Inkscape SVG можно сохранить как Plain SVG с возможностью изменять не поддерживаемые в обычном SVG элементы как контуры. Документы можно сохранять и открывать в сжатом виде, с использованием алгоритма компрессии gzip .

В Inkscape поддерживаются такие возможности SVG как фигуры, контуры, текст, маркеры, клоны, альфа-канал, трансформации, градиенты, текстуры и группировка. Возможно использование групп SVG как слоёв и перемещение документов между слоями.

Inkscape также поддерживает метаданные Creative Commons , правку узлов, слои, сложные операции с контурами, векторизацию растровой графики, текст по контуру, завёрстанный в фигуру текст, редактирование XML -данных напрямую и многое другое.

Inkscape удобен в использовании и имеет привычные инструменты: Выделение, Масштабирование, Правка узлов, Прямоугольник, Эллипс, Звезда, Спираль, Линия от руки, кривые Безье, Каллиграфическое перо, Текст, Соединительные линии, Градиент, Пипетка.

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

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

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

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

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

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

Inkscape имеет встроенный векторизатор растровых изображений, использующий SIOX для выделения объектов на переднем плане. Расширенные возможности работы с клонами объектов, создание узора из клонов при помощи любой из 17 групп симметрии, поддержку наклона и силы нажатия стилуса при использовании графических планшетов (инструмент Каллиграфическое перо) .

Inkscape поддерживает коллективное рисование через протокол XMPP (Jabber) , есть встроенный редактор XML -кода документа с деревом объектов (для доступа к пока не поддерживаемым в графическом интерфейсе параметрам документа) .

Inkscape импортирует файлы в таких форматах как: SVG, SVGZ, EMF, EPS, PostScript, Dia, AI, Sketch, PNG, TIFF, JPEG, XPM, GIF, BMP, WMF, WPG, GGR, ANI, ICO, CUR, PCX, PNM, RAS, TGA, WBMP, XBM, XPM.

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

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

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

Есть множество способов перемещаться по холсту. Попробуйте 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 градусов.)
В этом режиме (режиме выделения объектов) вы так же можете менять размеры и расположение выделения на холсте , используя поля вверху.