Inkscape - дуже популярний інструмент для створення векторної графіки. Зображення в ньому малюється не по пікселям, а за допомогою різних ліній і фігур. Одним з основних переваг такого підходу є можливість збільшувати або зменшувати зображення без втрати якості, що неможливо зробити з растровою графікою. У даній статті ми розповімо вам про базові прийоми роботи в Inkscape. Крім того, розберемо інтерфейс програми і дамо кілька порад.

Основи роботи в Inkscape

Даний матеріал більше орієнтований на початківців користувачів Inkscape. Тому ми розповімо лише про базові прийоми, які використовуються при роботі з редактором. Якщо після прочитання статті у вас виникнуть індивідуальні питання, ви можете задати їх у коментарях.

інтерфейс програми

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

Загальний вигляд вікна програми Inkscape

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

Головне меню

Головне меню програми Inkscape

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

Меню Файл в програмі Inkscape

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

Параметр Властивості документа в програмі Inkscape

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

Перелік Властивостей документа в програмі Inkscape

Також ми рекомендуємо зайти в меню «Правка» і включити відображення панелі з історією дій. Це дозволить вам в будь-який час скасувати одне або кілька останніх дій. Зазначена панель відкриється в правій частині вікна редактора.

Відкриваємо панель з історією дій в Inkscape

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

Саме до цієї панелі ви будете постійно звертатися при малюванні. Тут розташовуються всі фігури і функції. Для вибору потрібного елемента достатньо клікнути по його іконці один раз лівою кнопкою миші. Якщо ж ви просто наведете курсор на зображення кошти, то побачите спливаюче віконце з назвою і описом.

Панель інструментів в програмі Inkscape

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

За допомогою даної групи елементів ви можете налаштувати параметри обраного кошти. Сюди відносяться згладжування, розмір, відношення радіусів, кут нахилу, кількість кутів і багато іншого. У кожного з них є свій набір опцій.

Властивості інструментів в програмі Inkscape

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

За умовчанням вони розташовуються поруч, в правій області вікна програми і мають такий вигляд:

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

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

Відключаємо параметр Прилипання в Inkscape

На панелі команд, в свою чергу винесені, основні пункти з меню «Файл», а також додані такі важливі функції, як заливка, масштаб, угруповання об'єктів та інші.

Панель команд в Inkscape

Зразки кольорів і панель стану

Ці дві області теж знаходяться поруч. Розташовані вони внизу вікна і виглядають наступним чином:

Зразки кольорів і панель стану в Inkscape

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

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

Це сама центральна частина вікна програми. Саме тут розташовується ваш полотно. По периметру робочої області ви побачите повзунки, які дозволяють прокрутити вікно вниз або вгору при зміні масштабу. Вгорі і зліва знаходяться лінійки. Він дозволяють визначити розмір фігури, а також виставити напрямні при необхідності.

Зовнішній вигляд робочої області в Inkscape

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

Встановлюємо напрямні в Inkscape

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

Завантажуємо картинку або створюємо полотно

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

  1. За допомогою меню «Файл» або комбінації клавіш «Ctrl + O» відкриваємо вікно вибору файлу. Відзначаємо потрібний документ і тиснемо кнопку «Відкрити».
  2. Відкриваємо файл в Inkscape

  3. З'явиться меню з параметрами імпорту растрової картинки в Inkscape. Всі пункти залишаємо без змін і тиснемо кнопку «OK».
  4. Налаштовуємо параметри імпорту в Inkscape

В результаті на робочій області з'явиться вибране зображення. При цьому розмір полотна автоматично буде таким же, як дозвіл картинки. У нашому випадку це 1920 × 1080 пікселів. Його завжди можна буде змінити на інше. Як ми говорили на початку статті, якість фото від цього не зміниться. Якщо ви не хочете в якості джерела використовувати будь-яке зображення, тоді просто можете використовувати автоматично створений полотно.

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

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

  1. Вибираємо інструмент «Прямокутники і квадрати».
  2. Виділяємо ту ділянку зображення, який потрібно вирізати. Для цього затискаємо на зображенні лівою кнопкою мишки і тягнемо в будь-якому напрямку. Відпускаємо ліву кнопку мишки і бачимо прямокутник. Якщо потрібно підкоригувати кордону, тоді затискаємо ЛФМ на одному з кутів і витягуємо.
  3. Вирізаємо фрагмент зображення в Inkscape

  4. Далі перемикається на режим «Виділення і трансформування».
  5. Вибираємо інструмент Виділення і трансформування в Inkscape

  6. Затискаємо на клавіатурі клавішу «Shift» і тиснемо лівою кнопкою мишки по будь-якого місця в межах виділеного квадрата.
  7. Тепер заходимо в меню «Об'єкт» і вибираємо зазначений на зображенні нижче пункт.
  8. Заходимо в меню Об'єкт програми Inkscape

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

Робота з шарами

Розміщення об'єктів на різних шарах дозволить не тільки розмежувати простір, але і уникнути випадкових змін в процесі малювання.

  1. Тиснемо на клавіатурі комбінацію клавіш «Ctrl + Shift + L» або кнопку «Палітру шарів» на панелі команд.
  2. Відкриваємо Палітру шарів в Inkscape

  3. У новому вікні тиснемо кнопку «Додати шар».
  4. Додаємо новий шар в Inkscape

  5. З'явиться невелике віконце, в якому необхідно дати ім'я новому шару. Вводимо назву і тиснемо «Додати».
  6. Вводимо ім'я для нового шару в Inkscape

  7. Тепер виділяємо знову картинку і натискаємо на ній правою кнопкою мишки. У контекстному меню слід натиснути на рядок «Перемістити на шар».
  8. Переміщаємо зображення на новий шар в Inkscape

  9. Знову з'явиться вікно. Вибираємо зі списку той шар, на який буде перенесено зображення, і тиснемо відповідну кнопку підтвердження.
  10. Вибираємо зі списку потрібний шар в Inkscape

  11. От і все. Картинка виявилася на потрібному шарі. Для надійності можна зафіксувати його, натиснувши на зображення замка поруч з назвою.
  12. Фіксуємо шар в Inkscape

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

Малювання прямокутників та квадратів

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

  1. Тиснемо один раз лівою кнопкою мишки по кнопці відповідного елемента на панелі.
  2. Вибираємо інструмент прямокутники і квадрати в Inkscape

  3. Після цього переносимо курсор мишки на полотно. Затискаємо ЛФМ і починаємо тягнути з'являється зображення прямокутника в потрібному напрямку. Якщо вам необхідно намалювати квадрат, то просто затисніть «Ctrl» під час малювання.
  4. Приклад намальованого прямокутника і квадрата в Inkscape

  5. Якщо ви натиснете на об'єкті правою кнопкою мишки і з меню, що виберіть пункт "Заливка і обведення», то зможете налаштувати відповідні параметри. До них відноситься колір, тип і товщина контура, а також аналогічні властивості заливки.
  6. Вибираємо пункт обведення і заливка в Inkscape

  7. На панелі властивостей інструментів ви знайдете такі параметри, як «Горизонтальний» і «Вертикальний радіус». Змінюючи дані значення, ви закруглюватимете краю намальованою фігури. Скасувати дані зміни можна після натискання кнопки «Прибрати закруглення кутів».
  8. Параметри заокруглення прямокутника в Inkscape

  9. Пересунути об'єкт по полотну можна за допомогою засобу «Виділення і трансформування». Для цього достатньо затиснути ЛКМ на прямокутнику і перемістити його в потрібне місце.
  10. Переміщаємо фігуру в Inkscape

Малювання кіл і овалів

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

  1. Вибираємо потрібний інструмент.
  2. На полотні затискаємо ліву кнопку мишки і пересуваємо курсор в потрібному напрямку.
  3. Вибираємо інструмент кола і овали в Inkscape

  4. За допомогою властивостей можна змінити загальний вигляд окружності і кут її розвороту. Для цього достатньо вказати потрібний градус у відповідному полі та вибрати один з трьох типів окружності.
  5. Змінюємо властивості окружності в Inkscape

  6. Як і у випадку з прямокутниками, колам можна задавати колір заливки і обведення через контекстне меню.
  7. Пересувається об'єкт по полотну також за допомогою функції «Виділення».

Малювання зірок і багатокутників

Багатокутники в Inkscape можна намалювати все за кілька секунд. Для цього є спеціальний інструмент, який дозволяє тонко налаштувати фігури такого типу.

  1. Активуємо на панелі засіб «Зірки і багатокутники».
  2. Затискаємо на полотні ліву кнопку миші і пересуваємо курсор в будь-якому доступному напрямку. В результаті у вас вийде наступна фігура.
  3. Включаємо інструмент Зірки і багатокутники в Inkscape

  4. У властивостях даного інструменту можна виставити такі параметри, як «Кількість кутів», «Ставлення радіусів», «Закруглення» і «Спотворення». Змінюючи їх, ви будете отримувати абсолютно різні результати.
  5. Змінюємо властивості багатокутників в Inkscape

  6. Такі властивості як колір, обведення і переміщення по полотну змінюються аналогічним чином, як і у попередніх фігур.

малювання спіралей

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

  1. Вибираємо на панелі інструментів пункт «Спіралі».
  2. Затискаємо на робочій області ЛФМ і переносимо курсор миші, не відпускаючи кнопку, в будь-якому напрямку.
  3. Включаємо інструмент Спіралі в Inkscape

  4. На панелі властивостей ви завжди можете змінити кількість витків спіралі, її внутрішній радіус і показник нелінійності.
  5. Змінюємо властивості спіралі в Inkscape

  6. Інструмент «Виділити» дозволяє змінювати розмір фігури і переміщати її в межах полотна.

Редагування вузлів і важелів

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

  1. Вибираємо будь-який намальований об'єкт за допомогою інструмента «Виділити».
  2. Виділяємо об'єкт в Inkscape

  3. Далі заходимо в меню «Контур» і вибираємо з контекстного списку пункт «оконтурити об'єкт».
  4. Задаємо контур об'єкта в Inkscape

  5. Після цього включаємо засіб «Редагування вузлів і важелів».
  6. Включаємо редактор вузлів і важелів в Inkscape

  7. Тепер потрібно виділити повністю всю фігуру. Якщо ви все зробили правильно, то вузли забарвляться в колір заливки об'єкта.
  8. На панелі властивостей тиснемо найпершу кнопку «Вставити вузли».
  9. Вставляємо нові вузли в об'єкт Inkscape

  10. В результаті між вже існуючими вузлами з'являться нові.
  11. Нові вузли в фігурі в Inkscape

Цю дію можна виконувати не з усією фігурою, а лише з обраним її ділянкою. Додаючи нові вузли, ви зможете все більше і більше міняти форму об'єкта. Для цього достатньо навести курсор мишки на потрібний вузол, затиснути ЛКМ і витягнути елемент в потрібному напрямку. Крім того, можна за допомогою даного інструменту потягнути за край. Таким чином, ділянка об'єкта буде більш увігнутим або опуклим.

Приклад деформації прямокутника в Inkscape

Малювання довільних контурів

За допомогою цієї функції ви зможете намалювати як рівні прямі лінії, так і довільні фігури. Робиться все дуже просто.

  1. Вибираємо інструмент з відповідною назвою.
  2. Вибираємо інструмент Довільні контури в Inkscape

  3. Якщо ви хочете намалювати довільну лінію, тоді затискаєте на полотні в будь-якому місці ліву кнопку мишки. Це буде початкова точка малюнка. Після цього ведете курсор в тому напрямку, де хочете бачити цю саму лінію.
  4. Можна також натиснути один раз лівою кнопкою мишки на полотні і протягнути покажчик в будь-яку сторону. В результаті утворюється ідеально рівна лінія.
  5. Малюємо довільні і прямі лінії в Inkscape

Зверніть увагу, що лінії, як і фігури можна рухати по полотну, змінювати їх розмір і редагувати вузли.

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

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

  1. Активуємо функцію, яка так і називається - «Криві Безьє і прямі лінії».
  2. Вибираємо інструмент Криві Безьє в Inkscape

  3. Далі робимо поодинокі натискання лівою кнопкою мишки на полотні. Кожна точка буде з'єднуватися прямою лінією з попередньою. Якщо при цьому затиснути ЛКМ, то ви зможете відразу зігнути цю саму пряму.
  4. Малюємо прямі лінії в Inkscape

  5. Як і у всіх інших випадках, ви можете в будь-який час додати до всіх лініях нові вузли, змінити розмір і пересунути елемент отриманого зображення.

Використання каліграфічного пера

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

Використання каліграфічного пера в Inkscape

Додавання тексту

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

  1. Вибираємо інструмент «Текстові об'єкти».
  2. Вказуємо його властивості на відповідній панелі.
  3. Ставимо покажчик курсору в тому місці полотна, де хочемо розташувати сам текст. У майбутньому його можна буде перемістити. Тому не варто видаляти результат якщо ви випадково розмістили текст не там, де хотіли.
  4. Залишається лише написати потрібний текст.
  5. Працюємо з текстом в Inkscape

розпилювач об'єктів

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

  1. Насамперед вам необхідно намалювати на полотні будь-яку фігуру або об'єкт.
  2. Далі вибираєте функцію «Розпилювати об'єкти».
  3. Ви побачите коло певного радіуса. Налаштуйте її властивості, якщо вважаєте за необхідне. До них відноситься радіус кола, кількість змальованих фігур і так далі.
  4. Перемістіть інструмент в те місце робочої області, де хочете створити клони раніше намальованого елемента.
  5. Затисніть ЛФМ і утримуйте її стільки, скільки вважаєте за потрібне.

Результат у вас повинен вийти приблизно таким.

Используем инструмент Распылитель в Inkscape

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

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

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

Включаем инструмент Удаление в Inkscape

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

Детальніше: Сравнение программ для редактирования фотографий