Статьи

Inkscape

  1. способи вставки
  2. Малювання довільних ліній і кривих Безьє
  3. редагування контурів
  4. Субконтуров і їх об'єднання
  5. Оконтурювання (перетворення в контур)
  6. Логічні операції
  7. Втягування і витягування
  8. спрощення
  9. створення тексту
  10. редактор XML
  11. висновок

В цьому розділі підручника розповідається про те, як копіювати і вставляти об'єкти, змінювати вузли, малювати довільні лінії і криві Безьє, виробляти логічні операції з контурами, спрощувати їх і працювати з інструментом набору тексту.

Використовуйте Ctrl + стрілки, колесо миші або переміщення з натиснутою середньої клавішею миші для перегляду тексту. Для отримання початкових знань про створення об'єктів, їх виділення та зміну їх форм дивіться урок «Основи» в меню.

способи вставки

Після того як ви скопіювали якийсь об'єкт, використовуючи Ctrl + C, або виріже його за допомогою Ctrl + X, звичайна команда «» (Ctrl + V) вставить скопійований об'єкт (и) точно під курсор миші або, якщо курсор знаходиться за межами вікна, в центр документа. Разом з тим, що знаходиться в буфері обміну об'єкт «пам'ятає» свою вихідне місце розташування. Завдяки цьому, його можна вставити назад, використовуючи команду «» (Ctrl + Alt + V).

Команда «» (Shift + Ctrl + V) застосовує стиль (першого) об`єкту з буфера до вибраного в даним момент об'єкту або групі об'єктів. Стиль включає в себе заливку, обведення і параметри шрифту, але не розмір і не параметри фігури (такі як кількість вершин в зірці і т.п.).

Ще одна група команд - «» - масштабує виділення до його збігу з розміром скопійованого об'єкта. Доступні наступні команди: «», «», «», «», «» і «».

Команда «» підганяє розмір виділення під розмір скопійованого об'єкта (або об'єктів). Команда «» масштабує все виділення по горизонталі або вертикалі до збігу з шириною або висотою скопійованого об'єкта (об'єктів). Ці команди враховують фактор замкнені співвідношення сторін в панелі налаштувань інструменту виділення (між полями Ш і В). Тому, коли співвідношення сторін замкнено, обраний об'єкт масштабується зі збереженням пропорцій; в іншому випадку друга сторона не змінюється. Команди, що містять у назві «окремо», працюють точно так же, з тією лише різницею, що кожен об'єкт масштабується окремо до збігу з розміром / шириною / висотою об'єкта (об'єктів) в буфері обміну.

У Inkscape використовується системний буфер обміну, тому ви можете переносити об'єкти як між різними копіями Inkscape, так і з Inkscape в інший додаток і назад (за умови, що це інший додаток підтримує SVG в буфері обміну).

Малювання довільних ліній і кривих Безьє

Найпростіший шлях створити довільну фігуру - намалювати її за допомогою олівця ( «Малювати довільні контури» в меню зліва (F6)):

Найпростіший шлях створити довільну фігуру - намалювати її за допомогою олівця ( «Малювати довільні контури» в меню зліва (F6)):

Якщо хочете отримати більш правильні фігури, використовуйте перо (інструмент «Малювати криві Безьє і прямі лінії» в меню зліва (Shift + F6)):

Якщо хочете отримати більш правильні фігури, використовуйте перо (інструмент «Малювати криві Безьє і прямі лінії» в меню зліва (Shift + F6)):

With the Pen tool, each click creates a sharp node without any curve handles, so a series of clicks produces a sequence of straight line segments. click and drag creates a smooth Bezier node with two collinear opposite handles. Press Shift while dragging out a handle to rotate only one handle and fix the other. As usual, Ctrl limits the direction of either the current line segment or the Bezier handles to 15 degree increments. Pressing Enter finalizes the line, Esc cancels it. To cancel only the last segment of an unfinished line, press Backspace.

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

редагування контурів

На відміну від фігур, створених інструментами фігур, перо й олівець створюють так звані контури. Контур - це послідовність відрізків прямих ліній і / або кривих Безьє, яка як і будь-який інший об'єкт в Inkscape може мати власні параметри заливки і обведення. На відміну від фігур контур може вільно редагуватися зміщенням будь-якого з його вузлів (а не тільки встановлених важелів) або перетягуванням його сегмента. Виберіть цей контур і включіть інструмент редагування вузлів (F2):

Виберіть цей контур і включіть інструмент редагування вузлів (F2):

Ви побачите кілька сірих квадратів на контурі - вузлів. Ці вузли можуть бути обрані різними способами: клацанням миші, Shift + клацання або тягнеться виділенням - точно так само, як об'єкти виділяються звичайним інструментом виділення. Ви також можете клацнути мишею по сегменту контуру для автоматичного вибору сусідніх вузлів. Обрані вузли стають виділеними і показують свої важелі - один або два гуртки, з'єднаних з обраним вузлом відрізком прямої лінії. Клавіша! звертає виділення вузлів в поточному субконтуров (або субконтуров, тобто субконтуров з як мінімум одним обраним вузлом); Alt +! звертає весь контур.

Paths are edited by dragging their nodes, node handles, or directly dragging a path segment. (Try to drag some nodes, handles, and path segments of the above path.) Ctrl works as usual to restrict movement and rotation. The arrow keys, Tab, [,], <,> keys with their modifiers all work just as they do in selector, but apply to nodes instead of objects. You can add nodes anywhere on a path by either double clicking or by Ctrl + Alt + click at the desired location.

You can delete nodes with Del or Ctrl + Alt + click. When deleting nodes it will try to retain the shape of the path, if you desire for the handles of the adjacent nodes to be retracted (not retaining the shape) you can delete with Ctrl + Del. Additionally, you can duplicate (Shift + D) selected nodes. The path can be broken (Shift + B) at the selected nodes, or if you select two endnodes on one path, you can join them (Shift + J).

A node can be made cusp (Shift + C), which means its two handles can move independently at any angle to each other; smooth (Shift + S), which means its handles are always on the same straight line (collinear); symmetric (Shift + Y), which is the same as smooth, but the handles also have the same length; and auto-smooth (Shift + A), a special node that automatically adjusts the handles of the node and surrounding auto-smooth nodes to maintain a smooth curve. When you switch the type of node, you can preserve the position of one of the two handles by hovering your mouse over it, so that only the other handle is rotated / scaled to match.

Ви також можете втягувати важелі в вузол за допомогою комбінації Ctrl + клацання на важелі. Якщо важелі у двох сусідніх вузлів втягнуті, цей сегмент шляху буде відрізком прямої лінії. Щоб витягнути важелі назовні, потрібно натиснути Shift + переміщення і потягнути важіль в сторону від вузла.

Субконтуров і їх об'єднання

Об'єкт контуру може складатися з більш ніж одного субконтуров (subpath). Субконтуров - це послідовність з'єднаних один з одним вузлів. Тому, якщо у контуру більше одного субконтуров, то не всі вузли контуру з'єднані один з одним. Внизу зліва контур складається з трьох субконтуров, такі ж три субконтуров справа є незалежними об'єктами-контурами:

Внизу зліва контур складається з трьох субконтуров, такі ж три субконтуров справа є незалежними об'єктами-контурами:

Але контур, що складається з субконтуров, не є групою об'єктів. Це єдиний об'єкт, що виділяється як ціле. Якщо вибрати лівий верхній об'єкт і включити інструмент редагування вузлів, то вузли відобразяться на всіх трьох субконтуров. Справа ж можна редагувати тільки один з контурів.

Inkscape може контури в складовою контур (Ctrl + K) і складовою контур на окремі контури (Shift + Ctrl + K). Спробуйте ці команди на наведених вище прикладах. Оскільки параметри заливки і обведення у об'єкта індивідуальні, новооб'едінённий контур бере параметри першого об'єкта з об'єднання (нижнього по осі Z).

Коли об'єднуються перекривають один одного контури з заливкою, в місцях перекриття заливка зникає:

Коли об'єднуються перекривають один одного контури з заливкою, в місцях перекриття заливка зникає:

Це найпростіший спосіб створювати об'єкти з дірками всередині. Більш потужні команди по роботі з контурами описані трохи нижче в розділі «Логічні операції».

Оконтурювання (перетворення в контур)

Будь-яка фігура або текстовий об'єкт можуть бути перетворені в контур (оконтурени) (Shift + Ctrl + C). Ця операція не змінює видимість об'єкта, але змінює все його специфічні властивості (тобто ви не можете округлити кути прямокутника або редагувати текст), і тепер вам доступно редагування їх вузлів. Нижче зображено дві зірки: ліва є фігурою, в той час як права перетворена в контур. Перейдіть на інструмент редагування вузлів і, вибравши об'єкти, порівняйте їх можливості:

Перейдіть на інструмент редагування вузлів і, вибравши об'єкти, порівняйте їх можливості:

Крім того, ви можете перетворювати в контур обведення будь-якого об'єкта. Перший об'єкт внизу - просто контур (без заливки з чорною обведенням), другий же - результат дії команди оконтурити обведення (результат - чорна заливка без обведення):

Перший об'єкт внизу - просто контур (без заливки з чорною обведенням), другий же - результат дії команди оконтурити обведення (результат - чорна заливка без обведення):

Логічні операції

Команди в меню Контур дозволяють вам об'єднувати два і більше об'єктів, використовуючи логічні операції:

Команди в меню Контур дозволяють вам об'єднувати два і більше об'єктів, використовуючи логічні операції:

Короткі імена цих операцій посилаються на арифметичні аналоги булевих дій (сума, різниця і т.п.). Команди «» і «» можуть застосовуватися тільки до двох вибраних об'єктів, інші команди можуть застосовуватися до будь-якої кількості об'єктів. Одержуваний об'єкт завжди використовує параметри стилю (заливки і обведення) нижнього об'єкта.

Використання команди «» виглядає схожим на команду «» (див. Вище), але різниця полягає в тому, що «» додає вузли в місцях перетину початкових контурів. Різниця між командами «» і «» полягає в тому, що перша розрізає цілісність нижнього об'єкта контуром верхнього об'єкта, в той час як друга ріже тільки обведення нижнього об'єкта і прибирає заливку (це зручно для розрізання обводок незалітих об'єктів).

Втягування і витягування

Inkscape може стискати і розтягувати фігури не тільки змінюючи їх розмір, але і за допомогою зміщення контуру об'єкта, тобто зміщуючи їх перпендикулярно контуру в кожній точці. Відповідні команди називаються «» (Ctrl + () і «» (Ctrl +)). На малюнку нижче як приклад зображений початковий контур (червоний) і кілька витягнутих і втягнутих копій:

На малюнку нижче як приклад зображений початковий контур (червоний) і кілька витягнутих і втягнутих копій:

Самі команди «» і «» просто створюють контури (перетворюючи початковий об'єкт в шлях, якщо він не є таким). Найчастіше, більш зручним є використання команди «» (Ctrl + J). Ця команда створює об'єкт з важелем (вузол, як у звичайних фігур), який контролює відстань зсуву. Щоб зрозуміти, що до чого, виберіть нижній об'єкт, перейдіть на інструмент редагування вузлів і порухайте важіль:

Щоб зрозуміти, що до чого, виберіть нижній об'єкт, перейдіть на інструмент редагування вузлів і порухайте важіль:

Подібний об'єкт з динамічної Втяжка запам'ятовує початковий контур, так що не бійтеся - він не «поламається» від ваших зсувів. Якщо вам більше не потрібно, щоб об'єкт був коригуємо, ви завжди можете перетворити його назад в контур.

Ще одна зручна команда - це «Пов'язана Втяжка», яка схожа з динамічної, але відрізняється тим, що пов'язані контури залишаються редагованими. Ви можете мати скільки завгодно велику кількість пов'язаних втяжек від одного вихідного контуру. Нижче показаний контур-джерело (червоний), одна з прив'язаних втяжек має чорну обведення без заливки, інша - чорну заливку без обведення.

Select the red object and node-edit it; watch how both linked offsets respond. Now select any of the offsets and drag its handle to adjust the offset radius. Finally, note how you can move or transform the offset objects independently without losing their connection with the source.

Finally, note how you can move or transform the offset objects independently without losing their connection with the source

спрощення

Основне застосування команди «» (Ctrl + L) - це скорочення кількості вузлів у контуру при збереженні його вихідної фігури (по можливості). Це може бути корисним для контурів, створених олівцем, так як олівець іноді створює занадто багато вузлів. Ліва фігура на нижньому малюнку створена за допомогою олівця, а права - це копія лівої з подальшим спрощенням. У вихідного контуру було 28 вузлів, в той час як спрощений контур глаже і містить всього 17 вузлів (це спрощує роботу з об'єктом при редагуванні вузлів).

У вихідного контуру було 28 вузлів, в той час як спрощений контур глаже і містить всього 17 вузлів (це спрощує роботу з об'єктом при редагуванні вузлів)

Кількість спрощень (так званий поріг) залежить від розміру виділення. Отже, якщо ви виберете шлях одночасно з великим об'єктом, то контур буде спрощуватися різкіше, ніж якби він був обраний один. Більш того, команда прискорюється. Це означає, що якщо швидко (один раз в півсекунди) натискати Ctrl + L кілька разів поспіль, поріг спрощення збільшиться (після невеликої паузи поріг спрощення повернеться в початкове значення). З використанням цього прискорювача дуже легко отримати необхідне спрощення в кожному конкретному випадку.

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

створення тексту

Inkscape вміє створювати довгі і складні тексти, але також прекрасно підходить для створення маленьких текстових об'єктів, на зразок банерів, логотипів, діаграм, етикеток, заголовків і т.п. Цей розділ уроку дає початкові знання про можливості інструменту для роботи з текстом.

Створити текстовий об'єкт так само легко, як вибрати інструмент для роботи з ним (кнопка зліва «Створювати і правити текстові об'єкти» (F8)). Клацніть мишею по будь-якій області документа і введіть текст. Є два способи змінити шрифт, його стиль, розмір і нахил. Перший, найбільш очевидний - виділити текст і змінити його параметри через панель налаштувань інструменту Текст. Другий - відкрити діалог Текст і шрифт (Shift + Ctrl + T). У цьому діалозі є вкладка Текст, в якій ви можете редагувати обраний текст. Іноді це зручніше, ніж редагувати його в рамці на полотні (заслуговує на окрему увагу те, що в цьому вікні працює автоматична перевірка орфографії).

Як і інші інструменти, інструмент Текст може вибирати об'єкти свого типу - текстові об'єкти - тому, ви можете клацанням миші вибрати текстовий об'єкт і, встановивши курсор, почати змінювати текст (наприклад, цей абзац).

Одне з найбільш звичайних дій в текстовому дизайні - це регулювання відстані між буквами і лініями. У Inkscape для цього є гарячі клавіші. У момент редагування тексту натискання Alt + <і Alt +> змінить міжсимвольний інтервал на цій лінії текстового об'єкта, так що довжина лінії зміниться на один піксель цього масштабу (як і при роботі з звичайними виділеннями, ці кнопки відповідають за попіксельне зміна розміру). Як правило, якщо кегль шрифту більше початкового, невелике звуження відстані між буквами прикрасить зовнішній вигляд документа. Ось приклад:

Звужений варіант виглядає трохи краще, але все ще не ідеально: міжсимвольні відстань не однаково, наприклад літери "a" і "t" занадто далекі один від одного, в той час як "t" і "i" занадто близькі. Кількість подібних вад (особливо помітних при великих кеглях шрифту) більше у шрифтів низької якості, ніж чим у шрифтів високої якості. Але, чесно кажучи, в будь-якому тексті з будь-яким шрифтом ви, ймовірно, знайдете пари букв, кернинг яких можна було б поліпшити.

У Inkscape вносити подібні корекції дійсно просто. Помістіть курсор текстового інструменту між дратівливими символами і використовуйте Alt + стрілки для зміщення літер праворуч від курсора. Нижче показаний той же заголовок, але вже з ручною корекцією:

На додаток до горизонтального зміщення символів комбінаціями Alt + ліва стрілка або Alt + права стрілка ви також можете зміщувати символи по вертикалі комбінаціями Alt + верхня стрілка або Alt + нижня стрілка:

На додаток до горизонтального зміщення символів комбінаціями Alt + ліва стрілка або Alt + права стрілка ви також можете зміщувати символи по вертикалі комбінаціями Alt + верхня стрілка або Alt + нижня стрілка:

Звичайно, ви можете перетворити свій текст в контур (Shift + Ctrl + C) і пересувати літери як звичайні об'єкти контуру. Але розумніше залишати текст текстом: він буде редагується, ви зможете змінити шрифт, не втрачаючи заданий вручну кернинг, та й сам текст займає менше місця в збереженому файлі. Єдиний мінус полягає в тому, що необхідно мати вихідний шрифт в кожній системі, де цей документ SVG буде відкритий.

Подібно регулювання міжсимвольного інтервалу ви можете регулювати міжрядковий інтервал в багаторядкових текстових об'єктах. Спробуйте комбінації клавіш Ctrl + Alt + <і Ctrl + Alt +> на будь-якому з абзаців цього підручника. Зауважимо, що від кожного натискання загальна довжина текстового об'єкта змінюється на один піксель цього масштабу. Як і при звичайному виділенні, натискання Shift з комбінацією клавіш, змінюють міжрядковий або міжсимвольний інтервали, збільшує зсув в 10 разів.

редактор XML

Найпотужніший інструмент Inkscape - це XML-редактор (Shift + Ctrl + X). Він повністю відображає XML-дерево документа, завжди відображаючи реальний стан. Ви можете редагувати свої малюнки і дивитися на зміни в дереві XML. Більш того, ви можете редагувати будь-який текст, елемент або атрибут вузла в XML-редакторі і бачити результат дій на полотні. Це найкращий інструмент, який тільки можна уявити для інтерактивного вивчення SVG, і він дозволяє виконувати такі хитрощі, які не зробити звичайними інструментами для редагування.

висновок

Цей розділ підручника розповів лише про малу частину можливостей Inkscape. Ми сподіваємося, що читання було захоплюючим. Не бійтеся експериментувати і показувати свої роботи. Будь ласка, заходьте на www.inkscape.org за додатковою інформацією, свіжими версіями програми і допомогою спільноти користувачів і розробників.