Найпросунутіші графічні редактори на кшталт інструментів компанії Adobe коштують чималих грошей. Але є безкоштовні та цілком гідні альтернативи, можливостей яких вистачить більшості. Видання для фотографів та дизайнерів Creative Bloq обрало Best free graphic design softwareнайкращі серед подібних програм та сервісів.

Безкоштовні векторні редактори

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

Gravit Designer – раніше відомий як Gravit – це повнофункціональний векторний редактор. Він підходить для будь-яких завдань: від дизайну інтерфейсів та ікон до роботи з презентаціями, ілюстраціями та анімацією.

Акуратний інтуїтивний інтерфейс Gravit Designer можна налаштовувати під себе. Редактор містить безліч інструментів для створення прекрасних деталізованих векторних зображень. Серед них - функції, що не руйнують (їх дію можна скасовувати) для роботи з булевими операціями, інструменти «Ніж» і «Граф шляхів» плюс безліч режимів заливки та змішування, а також потужний текстовий движок.

Якщо вам знадобиться доступ до роботи на ходу, хмарний сервіс Gravit Cloud дозволить повернутися до проекту на будь-якому пристрої.

2. Vectr

• Платформи: Інтернет, Windows, MacOS, Linux.

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

• Платформи: Інтернет.

Якщо вам потрібно швидко створити або відредагувати простий SVG-файл, є кілька , які підійдуть для цього завдання не гірше за Adobe Illustrator. Серед найкращих із них - SVG-Edit.

Цей редактор повністю створений на HTML5, CSS3 та JavaScript і не використовує сервери для обробки даних. Код SVG-Edit відкрито. Тому за бажання ви можете завантажити його та модифікувати, щоб створити свою версію редактора.

SVG-Edit має у своєму розпорядженні всі базові інструменти векторного редактора. Але підтримує лише формат SVG.

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

Повна підтримка різних колірних моделей робить Inkscape гідною Adobe Illustrator як для веб-дизайну, так і поліграфії. При всій простоті інтерфейсу в цій програмі можна створювати комплексні роботи.

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

Безкоштовні растрові редактори

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

1. GIMP

• Платформи: Windows, MacOS, .

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

Команда GIMP подбала про сумісність, тому ви зможете без проблем працювати з усіма популярними форматами зображень. Крім того, у GIMP вбудований файловий менеджер, схожий на Bridge із програм від компанії Adobe.

• Платформи: Windows.

Якщо ви працюєте на Windows і не потребуєте такої кількості інструментів, як у GIMP, вашим ідеальним редактором може стати Photo Pos Pro. Останній створений з прицілом на редагування зображень і чудово справляється з типовими завданнями на кшталт регулювання контрастності, висвітлення та насиченості. Але Photo Pos Pro підходить і для складніших маніпуляцій.

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

3. Krita

• Платформи: Windows, MacOS, Linux.

Ще один редактор із відкритим вихідним кодом. Krita існує з 1999 року і постійно вдосконалюється, щоб відповідати потребам концепт-художників, ілюстраторів, спеціалістів з візуальних ефектів, домальовок та текстур.

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

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

4. Pixlr

• Платформи: Інтернет, iOS, Android.

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

Якщо ви знайомі з Photoshop, дуже швидко освоїте веб-версію Pixlr. Інтерфейси цих редакторів дуже схожі.

• Платформи: Windows.

Paint.NET є альтернативою програмі Paint, вбудованою у всі версії Windows. Але нехай схожість назв не збиває вас з пантелику: Paint.NET набагато більш просунутий і корисний редактор.

Команда розробки наголошує на простоті використання і вдосконалює Paint.NET швидше функції для редагування знімків, ніж можливості дизайну графіки. Тим не менш, Paint.NET дозволяє керувати перспективою, маніпулювати пікселями на полотні, клонувати виділені зони і так далі.

Завдяки підтримці шарів, широкому вибору інструментів для виділення та налаштувань на кшталт яскравості/контрастності та кривих, Paint.NET можна розглядати як гідну заміну Photoshop.

• Платформи: Інтернет.

Sumo Paint швидко працює в Інтернеті і справляється із завданнями не гіршими за настільні редактори. Але для його запуску вам знадобиться Adobe Flash Player. Тож Sumo Paint не для iOS-пристроїв.

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

Безкоштовні редактори 3D-графіки

Призначені для роботи з 3D-моделями, ефектами та анімаціями.

• Платформи: Інтернет.

SketchUp Free можна назвати ідеальною точкою входу у світ 3D-графіки. Цей редактор дружелюбно вводить новачка в курс справи і прощає йому всі помилки. Ви можете почати з простого малювання ліній та форм, а потім перетворити їх на 3D-об'єкти.

Якщо вам знадобиться натхнення, можете безкоштовно скачати моделі різних об'єктів із бібліотеки 3D Warehouse через форму пошуку на сайті SketchUp.

• Платформи: Windows, MacOS.

За допомогою Daz Studio можна кастомізувати, переміщати у просторі та різні 3D-об'єкти на кшталт людей, тварин, предметів.

Ви можете створювати унікальні персонажі, світи, різні елементи дизайну та багато іншого. Але у Daz Studio відсутні можливості моделювання та текстурування, доступні у платних альтернативах. Детальну таблицю з порівнянням редакторів дивіться на веб-сайті проекту.

• Платформи: Windows, MacOS.

Hexagon – безкоштовний інструмент для 3D-моделювання. У ньому є все необхідне для створення деталізованих моделей, які готові до фінального рендерингу.

Серед інструментів та функцій програми ви знайдете можливість швидкого імпорту з Daz Studio, заготівлі для різних об'єктів, кисті для ручного моделювання, UV-розгортку (нанесення плоских текстур на тривимірний об'єкт), інструменти малювання та миттєве затінення (instant ambient occlusion).

Програми Daz Studio та Hexagon створені одним розробником та доповнюють один одного. Разом вони складають повний безкоштовний комплект для роботи із 3D-графікою.

• Платформи: Windows, MacOS, .

Blender - це просунутий безкоштовний редактор 3D-графіки з відкритим кодом, доступний для всіх основних платформ.

Розробники постійно розвивають Blender. Він підтримує всі можливі операції з 3D-графікою: дозволяє моделювати, текстурувати, анімувати, рендерувати та компонувати.

• Платформи: Windows, MacOS.

Якщо вам цікаво мистецтво цифрової скульптури, спробуйте програму Sculptris від Pixologic розробника. Вона підходить однаково добре для будь-якого рівня підготовки. Новачки отримують хороший стартовий інструмент, а вже досвідчені цифрові художники – платформу для швидкої та зручної реалізації ідей.

Sculptris заснована на редакторі ZBrush від того ж розробника – найпопулярнішому додатку для цифрової скульптури. Коли ви будете готові перейти на наступний рівень, зможете легко переключитися на ZBrush.

• Платформи: Windows, MacOS, Linux.

Houdini - інструмент для роботи з 3D-анімацією та візуальними ефектами, який часто використовують під час роботи над фільмами, телепередачами та іншим медіаконтентом.

Вартість редактора починається з 2000 доларів. Але розробники програми – Side Effects Software – дозволяють використовувати версію Houdini Apprentice безкоштовно. Завдяки їй можна отримати доступ до всіх функцій повної версії та відточувати майстерність на особистих проектах. Тільки Houdini Apprentice призначена виключно для некомерційних та освітніх цілей.

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

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

Сучасна комп'ютерна графіка

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

Одним із найпопулярніших програмних продуктів, створених для роботи з векторною графікою, є програма CorelDraw. Дана програма є яскравим прикладом інструмента для роботи з векторною графікою. У Corel Draw є достатня кількість інструментів для створення зображень будь-якого розміру без втрати якості. Дуже часто цю програму протиставляють Photoshop. Програма для обробки векторної графіки Corel Draw зазвичай використовується для створення емблем та логотипів. За її допомогою можна створювати ідеї для оформлення товарних знаків. Також вона чудово підходить для журнальної та книжкової верстки. Основною перевагою даної програми вважається можливість змінювати форму та розмір зображень.

Adobe Illustrator

Ще одна програма, яка зазвичай використовується для обробки векторних зображень – Adobe Illustrator. Ця програма переважно використовується художниками, причому як любителями, і професіоналами. На відміну від CorelDraw, в якій створюються логотипи, що потребують масштабування, в Adobe Illustrator можна створювати повномасштабні деталізовані зображення. З цією програмою сьогодні працюють багато фахівців у галузі комп'ютерної графіки.

Цей продукт від компанії Adobe надає користувачам безліч можливостей у сфері дизайну та відеомонтажу. Ця програма дозволяє створювати тривимірні спецефекти та спецефекти в режимі реального часу. Безліч інструментів для малювання робить програму Adobe Illustrator досить потужним середовищем для обробки векторної графіки. Адже не дарма ця програма не втрачає своєї актуальності вже довгі роки.

Безкоштовні аналоги

Два розглянуті вище програмні продукти підтверджують відому істину у тому, що все доводиться платити. Офіційно програми Adobe Illustrator та Corel Draw коштують чимало. Можна, звичайно, знайти і піратську версію, портативний варіант або ріпак, які ви зможете використати абсолютно безкоштовно. Але це вже не буде оригіналом. Значить, настав час згадати про безкоштовні аналоги.

Програма Inkscape

Inkscape є повноцінним професійним засобом для роботи з векторною графікою. Доступна не лише сама програма, а й її вихідний код. Як відомо, це очевидна ознака Linux програми. Останнім часом Windows-версії таких програм завойовують ринок. Відрізняються вони зручністю у використанні та високою якістю. Inkscape виправдовує всі очікування майстрів дизайну. В арсеналі програми є широкий вибір різних інструментів для малювання, чудова робота з квітами та потужний трейсинг. Програма, окрім іншого, підтримує найпоширеніші формати зображень. Також, коли йдеться про безкоштовні аналоги програмного забезпечення для роботи з векторною графікою, насамперед згадують про Inkscape. Цю програму можна сміливо поставити в один ряд з Adobe Illustrator. За навантаженням на систему та вартості Inkscape може навіть обійти Illustrator на кілька очок.

Creature House Expression

Це програмне забезпечення більше підійде професіоналам. Фахівці із задоволенням використовують його у своїй роботі. Історія програми Creature House Expression поділяється на два періоди. Вперше Creature House Expression заявив про себе як інноваційний програмний продукт. Справа в тому, що одним із недоліків векторної графіки є складність отримання «реалістичного» зображення. Растрова графіка набагато краще з цим справляється, взяти, наприклад, фотографії. Програма Creature House Expression успішно спробувала виправити цей недолік. Набір пензлів у цій програмі вийшов досить вражаючим. У результаті вийшло, що вектором можна малювати так, ніби це зовсім векторне зображення. Зображення виходять дуже реалістичними. 2003 року компанію, яка розробила Creature House Expression, викупила Microsoft. Програма одержала нове ім'я. Але з офіційного сайту нинішнього виробника-власника все ще можна завантажити оригінальну безкоштовну версію програмного продукту.

Microsoft Expression Design

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

Aviary Raven

Ця програма також є привабливим засобом для роботи з векторною графікою завдяки відсутності необхідності оплати та встановлення. Aviary Raven працює у режимі онлайн. Але попри це програму ніяк не можна назвати примітивною. Достатньо пройти процедуру реєстрації, і ви зможете зберігати свої шедеври на своєму обліковому записі та експортувати їх куди завгодно. Для розробки шедеврів комп'ютерної графіки Aviary Raven надає користувачеві широкий набір різних опцій та інструментів. Звичайно, це не повноцінний векторний редактор, але близький до цього. Дуже зручно використовувати цей засіб у тому випадку, якщо з якихось причин немає можливості встановити векторний редактор на комп'ютер. Акаунт Aviary Raven дозволить користувачеві отримати доступ до своїх робіт з будь-якого персонального комп'ютера, як би далеко від робочого місця він не знаходився.

Inkscape – редактор, який використовується для роботи з векторною графікою. За своїми функціональними можливостями Інкскейп подібний до CorelDRAW та Adobe Illustrator. Програма дозволяє створювати ілюстрації, логотипи, карти, діаграми, веб-графіки. Inkscape може створити як технічну документацію, так і художнє зображення. Створена за допомогою програми векторна графіка повністю відповідає сучасним стандартам. Програма здатна трасувати растрові зображення та додавати в проекти графічні зображення у всіх популярних форматах. Inkscape скачати безкоштовно ви можете прямо зараз, на цьому сайті.

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

На відміну від іншого подібного ПЗ, інтерфейс утиліти відрізняється своєю простотою. Для зручності користувачів передбачена підтримка «гарячих» клавіш: одним натисканням можна задати чутливість миші, почати перевірку тексту або змінити зовнішній вигляд інтерфейсу, а також здійснити налаштування інших параметрів. Багатьом зручно користуватися ПЗ російською мовою: інтерфейс Inkscape дозволяє встановити, окрім англійської та російської, ще безліч інших мов.

Основні переваги Inkscape

• Наявність "гарячих" клавіш.
• Імпорт та експорт файлів у багатьох відомих форматах.
• Багато інструментів.
• Можливість тонкого налаштування.
• Можливість роботи із форматом SVG.

Редактор Inkscape відрізняється від таких програм своєю гнучкістю, а також широкими можливостями. Так, утиліта має великий набір різноманітних інструментів для роботи зі стилями та кольорами – копіювання та вибір кольору, маркери контуру. Функціонал програми має такі інструменти, як «градієнт», «піпетка» та багато інших.

Комп'ютерна графіка – дуже широке поняття. Комусь при згадці цього терміну на думку спадуть тривимірні шедеври від студій Pixar та Dreamworks, інші подумають про цифрову фотографію, треті вирішать, що йдеться про оформлення комп'ютерних ігор. Але також обов'язково знайдеться чимало тих, хто зв'яже це словосполучення з векторною графікою. Незважаючи на надзвичайну популярність векторної графіки, багато користувачів абсолютно незнайомі з особливістю векторних малюнків. Що ж криється за словами «векторна графіка» і чому вона така популярна?

Звичайний растровий малюнок є деяким масивом точок. Цей масив може візуалізуватися з максимальною або приблизною точністю. У першому випадку інформація про точковий малюнок передається без втрат, але займає багато пам'яті. У другому випадку графічне зображення може бути передано з умовною точністю. Напрошується пряма аналогія зі звуком, який стискується без відчутних втрат у формат MP3. Для графіки подібний формат - JPG. При помірному і не дуже високому ступені стиснення вихідний масив точок цілком вгадується. Алгоритми візуалізації растрової графіки можуть відрізнятися, але їх суть однакова — картинка має жорстку прив'язку до піксельної матриці.

Для візуалізації векторного зображення використовується зовсім інший підхід. Кожен векторний малюнок створюється за допомогою геометричних фігур та кривих. Використання математики при описі малюнка дає величезну перевагу: при масштабуванні векторних елементів вихідна картинка нітрохи не втрачає якості. Растровий малюнок при зміні розмірів поводиться інакше — лінії об'єктів на зображенні при збільшенні обростають помітним «гребінцем». Ці артефакти присутні на зображенні спочатку, оскільки растровий малюнок апріорі не може містити безперервних елементів — ліній, геометричних форм тощо. Все це в растрі виглядає як матриця пікселів, яка тим помітніша, чим сильніше збільшений растровий малюнок.

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

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

Професійні дизайнери використовують для створення векторної графіки інструменти, перевірені роками, наприклад, Adobe Illustrator та CorelDraw. Але любителю, якому потрібно швидко створити логотип для друку на футболці або технічну ілюстрацію, не потрібно вдаватися до таких громіздких і дорогих додатків. Можна обійтися безкоштовними, а іноді навіть онлайновими інструментами. З їхньою допомогою можна перевести растрове зображення у векторне, зробити малюнок нескладного дизайну, згенерувати візерунок гільйоша і так далі.

⇡ «Малюнки Google» – найпростіший векторний редактор, який завжди під рукою

Найвідоміший, найпростіший і найдоступніший онлайновий векторний редактор — це «Малюнки» у сервісі «Google Диск». Ця веб-програма входить до складу онлайнового офісу від Google і більше орієнтована на спільну роботу та додавання графічних елементів до офісних документів інших типів, ніж на створення векторної графіки. Однак все ж таки деякі базові засоби для роботи з нею тут є.

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

⇡ Autotracer — безкоштовний конвертер растрових картинок у вектор.

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

Відповідні засоби є практично в будь-якому векторному редакторі, але векторизація може бути ще більш простою завдяки онлайновим інструментам. Можна знайти не один веб-сервіс, який пропонує такі послуги. Наприклад, дуже зручний у роботі безкоштовний ресурс Autotracer. З його допомогою можна перетворити файли PNG, BMP, JPEG та GIF у векторний формат та зберегти у формат SVG, EPS, PDF, DXF.

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

⇡ Vector Paint — векторний редактор у Chrome, який може працювати і без браузера

Vector Paint — це веб-додаток для Google Chrome, створений на HTML5, однак працювати він може і без браузера. Воно відноситься до нового покоління додатків, представлених на початку вересня цього року. Запускати такі програми можна прямо з робочого столу — відкритий браузер, як і доступ до Інтернету, для їх використання не потрібні.

Vector Paint містить досить велику колекцію різних попередньо встановлених форм, які можна використовувати в проектах: тут і годинник, і хмаринки, і стрілочки, і тварини, і нотки, і багато іншого. Форми можна створювати і вручну, використовуючи прямі та ламані лінії, інструмент для малювання довільних форм, прямокутник, еліпс. Для кожного елемента є можливість вибрати колір, товщину та тип обведення, а також колір заливки, зробити його частково прозорим, додати один із безлічі ефектів (спотворення, тіні, текстури, псевдо-3D та інше). Передбачені й інструменти для керування елементами у проекті: їх можна переміщати на передній план або переносити назад. Для більш точної розміщення елементів є численні засоби вирівнювання, також можна включити відображення лінійки.

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

У Vector Paint передбачені й інші доповнення, які можуть бути легко додані в додаток. Це розширені можливості для роботи з текстом (додаткові шрифти, налаштування інтервалів, окремих елементів написів), додавання маркерів, використання зображень для створення малюнків, що повторюються, на формах. З меню Plugins також включаються додаткові параметри обведення та заливання.

Готові проекти зберігаються у форматі SVG, а також можуть бути експортовані до PNG та JPEG.

⇡ SVG-Edit — векторний векторний редактор

SVG-Edit – це векторний редактор, створений на основі JavaScript, який може працювати у будь-якому браузері. Його можна використовувати у вигляді онлайнового сервісу (у цьому випадку для доступу використовується демоадреса), а також як веб-додаток (у цьому випадку потрібно завантажити архів із файлами SVG-Edit, розпакувати його та запустити файл програми у будь-якому браузері).

SVG-Edit повноцінно працює з файлами SVG, даючи можливість як зберігати проекти у цьому форматі, так і відкривати такі файли та вносити до них зміни. Окрім цього, файл SVG може бути імпортований у проект як окремий елемент.

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

У програмі велика бібліотека готових форм (та сама, яка використовується в Vector Paint), але, крім цього, реалізований доступ до величезної безкоштовної бібліотеки елементів векторної графіки IAN Image Library. Для роботи з нею буде потрібна реєстрація, але потім можна прямо з редактора переглядати колекції зразків векторної графіки і відразу ж додавати їх до поточного або нового проекту.

⇡ Chittram - простий онлайновий редактор

Chittram – це ще один векторний редактор, який може працювати як веб-додаток. На відміну від SVG-Edit, він реалізований як повноцінний онлайновий сервіс із можливістю збереження проектів на сервері. Для перегляду та редагування створених раніше проектів використовується обліковий запис Google.

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

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

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

⇡ Inkscape — повноцінна альтернатива комерційним пакетам

Векторний редактор Inkscape має багато переваг. По-перше, він кроссплатформенний (може запускатися в середовищі Windows, Linux, Mac). По-друге, він підтримує велику кількість популярних векторних форматів, серед яких SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF та інші.

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

Варто звернути увагу на інтегровані засоби для векторизації растрових зображень. Щоб при трасуванні фотографій враховувалися важливі об'єкти на передньому плані, задіюється алгоритм SIOX (Simple Interactive Object Extraction), що допомагає автоматично визначити такі об'єкти.

⇡ ZebraTRACE — безкоштовне створення гільйошей

Будь-які грошові банкноти, а також документи державної ваги (дипломи, грамоти, посвідчення тощо) легко дізнатися з першого погляду. Цю «впізнаваність» дизайну документа надають тонкі візерунки, що повторюються, які проходять по всьому основному малюнку. Такі лінії називаються гільошем.

Гільоші можна малювати вручну у векторному редакторі, проте без спеціальних доповнень і навичок створення подібних візерунків цей процес може затягтися. Безкоштовна утиліта ZebraTRACE допомагає у вирішенні таких завдань.

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

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

⇡ Висновок

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

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

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

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

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

Спосіб 1: Vectr

Продуманий векторний редактор від творців знайомого багатьом сервісів Pixlr. Цей інструмент буде корисним як новачкам, так і досвідченим користувачам у роботі з SVG.

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

До можливостей експорту відноситься також одна з найбільш відмінних можливостей Vectr – підтримка прямих посилань на SVG-проект у редакторі. Багато ресурсів не дозволяють завантажувати векторні картинки до себе безпосередньо, проте дозволяють їх віддалене відображення. В цьому випадку Вектр можна використовувати як справжнісінький хостинг SVG, чого інші сервіси робити не дозволяють.

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

Спосіб 2: Sketchpad

Простий та зручний веб-редактор для створення SVG-зображень, що базується на платформі HTML5. З огляду на набір доступних інструментів можна стверджувати, що сервіс призначений виключно для малювання. За допомогою Sketchpad ви можете створювати красиві, ретельно опрацьовані картинки, але не більше.

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

Спосіб 3: Method Draw

Ця веб-програма призначена для базових операцій з векторними файлами. Зовні інструмент нагадує десктопний Adobe Illustrator, але щодо функціоналу тут все значно простіше. Втім, є у Method Draw і деякі особливості.

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

Method Draw однозначно не підійде для створення серйозних векторних проектів – причиною цього є брак відповідних функцій. Але завдяки відсутності зайвих елементів і грамотно організованому робочому простору, сервіс може служити для швидкого редагування або точкового доопрацювання простих SVG-картинок.

Спосіб 4: Gravit Designer

Безкоштовний веб-редактор векторної графіки для сучасних користувачів. Багато дизайнерів ставлять Gravit в один ряд з повноцінними настільними рішеннями, як Adobe Illustrator. Справа в тому, що цей інструмент є кросплатформним, тобто в повному обсязі доступний на всіх комп'ютерних ОС, а також як веб-додаток.

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

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

Вся ця різноманітність «упакована» в стильний та інтуїтивно зрозумілий інтерфейс, так що будь-який інструмент доступний буквально в пару кліків.

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

Спосіб 5: Janvas

Популярний серед веб-розробників інструмент для створення векторної графіки. Сервіс містить ряд інструментів для малювання з властивостями, що детально налаштовуються. Головна особливість Janvas – можливість створення інтерактивних SVG-картинок, анімованих за допомогою CSS. А у зв'язці з JavaScript сервіс взагалі дозволяє будувати цілі веб-додатки.

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

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

Спосіб 6: DrawSVG

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

За допомогою DrawSVG можна конструювати векторні об'єкти будь-якого виду та властивостей, змінювати їх параметри та рендерувати як окремі картинки. Існує можливість вбудовувати в SVG сторонні мультимедійні файли: відео та аудіо з комп'ютера або мережевих джерел.

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