Векторні графічні редактори

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

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

CorelDRAW – редактор векторних зображень;

Corel Photo Paint – редактор растрових зображень;

Corel R.A.V.E. - Векторна анімація об'єктів;

Corel Capture - граббер захоплення зображення;

Corel Trace – утиліта перетворення растрових зображень на векторні (векторизатор).

Пакет Corel Draw має інтелектуальні інструментальні засоби нового покоління, які дозволяють користувачам вирішувати дизайнерські завдання значно швидше. Остання версія Corel Draw Graphics Suite, економить час дизайнерів, даючи їм інструментальні засоби, які зменшують кількість кроків, що потрібні для виконання завдань.

Corel Draw має файлове розширення. Основні переваги пакету пов'язані з перевагами векторної графіки. Але є й власні переваги. Існує версія Corel Draw для основних платформ Windows, MAC, UNIX. Він має гарну сумісність з іншими графічними пакетами, існує підтримка декількох форматів – Al, PSD, EPS, PDF. Підтримується створення веб-сторінок за допомогою майстра перетворення у формат HTML.

Мінуси Corel Draw також пов'язані з вадами векторної графіки. Крім того, редактор дещо перевантажений кнопками та опціями.

ADOBE Illustrator CS v11.0. Нова версія редактора векторної графіки з посиленою підтримкою створення 3D-зображень, що представляє абсолютно нові функції, включаючи підтримку 3D Effects, яка значно спрощує роботу з 3D-об'єктами, Scribble Effect і зовсім нового ефекту "грифельного олівця". З'явилася підтримка різних шрифтів, підтримка PDF 1.5 та інтеграція "Acrobat 6.0". Крім цього, Illustrator CS включає велику кількість нових вбудованих ефектів. Потужний інструментарій обробки графічних зображень завоював популярність завдяки широкому набору інструментів, що дозволяють користувачам MAC та Windows XP створювати WEB-графіку високої якості.

Спеціальний інструментарій дозволяє здійснювати різні маніпуляції з малюнками та текстами, створювати додаткові ефекти, а розширені можливості роботи зі шарами зображень забезпечують найвищі якісні показники створюваних цим редактором об'єктів.
Macromedia Freehand MX v11.0Потужний графічний пакет для векторної графіки, давній, хоч і менш відомий конкурент Adobe Illustrator та CorelDraw. Тісно інтегрований з іншими продуктами Macromedia (наприклад, Macromedia Flash). Має підтримку багатьох популярних форматів. Сподобається як видавцям, і Web дизайнерам. Дозволяє зберігати результати у форматі Flash (SWT) та інші.

Macromedia FireWorks 2004 MXНайкращий засіб для створення інтерактивної web-графіки. Macromedia Fireworks MX містить повний набір інструментів, необхідних для професійного створення графічних елементів. Ви зможете швидко створювати оригінальні композиції та інтерактивні елементи, від простих графічних кнопок до складних ефектів та спливаючих меню. Готові зображення можна зберегти у будь-якому графічному форматі або експортувати до програм Macromedia Flash та Dreamweaver.

Xara X(Читається "зара") – редактор векторної графіки призначений для створення художніх ілюстрацій (нині це продукт фірми Corel, що не входить у стандартний пакет). Компактний редактор із достатнім набором коштів. Дозволяє працювати і з растровими зображеннями. За цим показником жоден із редакторів, які вміють працювати з векторними та растровими формами, не зрівняється з Xara X за простотою, гнучкістю та швидкістю. Програма має величезну внутрішню роздільну здатність – 72000 dpi – менше мікрона, що дозволяє використовувати її, наприклад, у картографії (при збільшенні до 25000% зображення залишається гладким). Недоліки Xara X – слабкі можливості обробки тексту, спотворення кольорів під час переходу на модель CMYK.

Графічний редактор Автокад (AutoCAD)) є одним із найпоширеніших там і у Росії програм, широко які у різних системах автоматизованого проектування – в машинобудуванні, приладобудуванні, будівництві, в радіотехніці тощо.

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

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

Autodesk Inventorзалишається системою тривимірного машинобудівного проектування, що найбільше продається. Лідируючі позиції цього програмного пакета обумовлені поєднанням можливостей тривимірного проектування з унікальною технологією двовимірного проектування, супроводу та міграції 2D-даних у 3D.

Графічний редактор Autodesk Inventor є засобом побудови параметричних 3D-моделей твердих тіл на основі елементів. Лідируючі позиції цього програмного пакета обумовлені поєднанням можливостей тривимірного проектування з унікальною технологією двовимірного проектування, супроводу та міграції 2D-даних у 3D. Параметричне моделювання (Parametric Modeling) дозволяє керувати формою та габаритами створюваного об'єкта шляхом завдання його розмірів – проектування, кероване розмірами.

Основне призначення Autodesk Inventor 11 - надати користувачам інструментарій, який максимально відповідає їх вимогам, створити умови для високопродуктивної роботи, гарантувати можливість створення складних форм, забезпечити відповідність реальним потребам ринку в галузі 2D/3D-проектування.

Подібний підхід до моделювання використовується ще в ряді графічних редакторів, таких як, Solid Works, Компаста інші.

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

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

Запитання для самоперевірки.

1. Що таке векторна графіка?

2. Назвіть основні інструменти векторної графіки.

3. Що таке крива Безьє?

4. Назвіть основні переваги кривої Безьє.

5. Що означає термін примітив?

6. Які види вузлів існують у векторній графіці?

7. Що таке контур?

8. Назвіть основні переваги та недоліки векторної графіки.

9. Перерахуйте основні графічні редактори векторної графіки.

Довгий час інструменти створення/редагування були важкодоступними для вебмайстрів, блогерів та контент-маркетологів. По-перше, спеціальне ПЗ часто коштувало дорого, а по-друге, було дуже складним для рядових користувачів (не дизайнерів). Зараз ситуація краща — можна знайти різні у вільному доступі, які не сильно поступаються оригіналу. Про одного з них сьогодні поговоримо – це програма Vectr .

Використовуйте цей безкоштовний векторний редактор на звичайному ПК або браузері для створення вектора та іншої графіки. Це по-справжньому крос-платформний і легкий у роботі софт: вам доступні програми під Mac, Windows, Linux або Chromebook; зареєструвавшись онлайн, вже за кілька хвилин почнете реалізовувати свої дизайнерські задуми.

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

• логотипів;
• водяних знаків;
• та макетів веб-сайтів;
• банерів соцмереж;
• іконок;
• …і практично будь-яких інших видів 2D-картинок.

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

Як працює Vectr (фішки та функції)

Коли почнете вникати особливо цього програмного забезпечення, перше, з чим зіткнетеся - це цілий набір інтерактивних посібників. За допомогою посібників Vectr ви навчитеся створювати та редагувати контури, повертати та масштабувати об'єкти, користуватися інструментами у робочому просторі та керувати шарами. Знаходяться вони у розділах «User Guide» та «Tutorials». Багато відеогайдів є на їх Youtube каналі.

Для старту просто завантажте або перетягніть зображення до Vectr. Дозволяється імпортувати файли у форматі EPS, AI, SVG, PNG або JPEG – це значно полегшує процес переходу з інших (платних) альтернатив, наприклад, таких як Illustrator.

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

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

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

Переваги Vectr

Як висновки зібрали всі позитивні фішки, якими він має:

• Він схожий на , має набір всіх необхідних знайомих інструментів для створення красивого дизайну або виправлення наявної графіки.
• Тут є сітка та завдання ліній вирівнювання для більшої зручності.
• Імпорт/експорт підтримує різні формати: AI, EPS, PNG/JPEG та SVG.
• Кросплатформенність: є версії під Windows, Mac, Linux, Chromebook + онлайн.
• Є відправка унікальної URL-адреси для перегляду проекту колегами/замовниками.
• Історія змін дозволяє швидко повернути минулі напрацювання.
• Софт повністю безкоштовний.
• Доступна синхронізація — у десктопній ПК версії в режимі офлайн допускається до 100 виправлень, які при появі зв'язку, автоматично синхронізуються з вашим онлайн акаунтом.
• Програмний продукт простий у вивченні, тому ідеально підходить новачкам. Хоча, в принципі, профі також знайдуть у ньому корисні фішки.

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

Чи стикалися ви з Vectr раніше? Яке інше ПЗ знаєте на тему і порадите?

Є дві основні категорії зображень: растрові (bitmap) та векторні (vector).
Растрові зображення складаються з безлічі точок пікселів. Кожен піксел має свій колір та задане положення у структурі зображення. При редагуванні зображення змінюються по суті ці пікселі. При збільшенні растрового зображення пікселі деформуються і зображення може перетворюватися на збільшену карикатуру вихідного.
Програми, що працюють з растровими зображеннями, у тому числі Photoshop, іноді називають не зовсім точно програмами для малювання (painting program).
Векторні зображення формують об'єкти. По суті, вони складаються з ліній та кривих, які можна розрахувати математично. З цієї причини векторні зображення можна збільшувати або зменшувати до довільних величин, вони завжди залишаються пропорційними копіями вихідного зображення, зі збереженою вихідною чіткістю.
Програми, що працюють із векторною графікою, іноді називають креслярськими програмами (drawing programs).
У Photoshop включені інструменти для роботи з обома типами графіки. Ви можете використовувати програми, призначені для певного типу зображень, наприклад, Adobe Illustrator та Freehand фірми Macromedia, для роботи з векторною графікою. Програма Macromedia Flash також містить набір інструментів для роботи з векторною графікою. Для новачків в області Web-дизайну у Photoshop представлені основні інструменти для створення та редагування обох типів зображень.

Плоска растрова графіка:

1)Adobe Photoshop– програма є лідером у галузі графічних програм такого роду, але вона потребує відповідних ресурсів від вашого комп'ютера. Можна вважати, що Photoshop – найдосконаліший професійний редактор растрової графіки та найпопулярніший. Його область – це обробка готових зображень, таких як відскановані фотографії. Останні версії вже доповнені компонентом для роботи з веб-графікою. Разом з іншими програмами Adobe він може скласти інтегрований пакет дизайнерських програм, здатний задовольнити найвибагливіші запити.
2)Microsoft Photo Editor– цей редактор призначений переважно для роботи з фотографіями. Часто він поставляється із пакетом Microsoft Office, тому поширений досить широко.
3)Microsoft Image Composer- Найрозвиненіший засіб обробки графіки з усіх програм фірми Microsoft. Схоже, що за задумом розробників він має скласти конкуренцію редактору Adobe Photoshop щодо розробки графіки для Інтернету. Головна перевага продукції Microsoft – простота та зручність інтерфейсу. Цей редактор займає трохи місця на диску та дуже швидко завантажується. Однак для зображень, які будуть використані у поліграфії, він практично непридатний.
4)Microsoft Paint- Найпростіший графічний редактор, що поставляється разом з операційною системою Windows, заслуговує на згадку, хоча він має мінімум можливостей і навряд чи може бути застосований для вирішення скільки-небудь серйозного завдання. Цей редактор завдяки своєму поважному віку і поширенню можна назвати найвідомішим графічним редактором.
5)Pixia– графічний редактор, який володіє всіма основними функціями програм такого типу. У цій програмі передбачено можливість розширення функцій редагування графічних файлів за рахунок підключення фільтрів від Photoshop та інших програм обробки графіки.
6)Corel Painter- Дуже цікавий та потужний растровий інструмент для художньої обробки зображень. Це один із небагатьох редакторів, до складу якого входять інструменти фрактальної графіки.
7)Paint Shop Pro- Одна з кращих shareware-програм, яка, до того ж, підтримує фільтри від Adobe PhotoShop і дуже швидко працює з об'ємними (>20Мб або Мв) фотографіями. Може імпортувати та експортувати зображення у 40 – 50 різних форматів.
8)GIMP– програма з відкритим вихідним кодом, що вільно розповсюджується. Спочатку набула поширення серед любителів ОС Linux. Наразі доступна і для Windows. По можливості наближається до Adobe Photoshop. Має виняткову нарощуваність і розширюваність.
Вище наведено невеликий перелік найвідоміших і найпоширеніших растрових редакторів. За деякими оцінками, програма Photoshop встановлена ​​на комп'ютерах, загальна кількість яких у Росії близько 10 млн штук.

Вектор плоскої графіки:

Практично всі сучасні графічні програми за своїм внутрішнім пристроєм багато в чому мають векторну природу. Наприклад, навіть найпримітивніша програма – растровий редактор MS Paint – має у своєму арсеналі векторні інструменти, такі як «Прямокутне виділення». З іншого боку, будь-яка «векторна» програма випускає кінцевий продукт у вигляді растрової картинки, що виводиться на екран або принтер.
Перелічимо найпопулярніші «чисто векторні» програми:
1)М5 Office Art– графічна підпрограма, призначена до створення геометричних фігур, блок-схем тощо. Має дуже слабкі можливості, але завдяки тому, що вона вбудована у всі програми Microsoft Office, це, мабуть, найпоширеніший у світі векторний редактор. Це не зовсім проста програма. Через "вбудованість" в інші програми програми типу Office Art називають аплетами.
Незважаючи на примітивність Office Art, з його допомогою можна дуже швидко створити досить складну та симпатичну картинку.
2)Corel Draw– найпотужніший і найскладніший «плоский» векторний редактор. Спектр розв'язуваних завдань надзвичайно широкий.
3)Corel Kara- Спрощена або «полегшена» версія програми Corel Draw. Вона менш вимоглива до ресурсів комп'ютера, оскільки не перевантажена можливостями.
4)Adobe Illustrator- Основний конкурент Corel Draw на ринку потужних двовимірних векторних редакторів.
5)Adobe Flash (раніше Macromedia Flash) - найвідоміший, найкращий і поширений у світі редактор для анімованої графіки. Основна сфера застосування – картинки для Інтернету, рекламні банери та комп'ютерні ігри.
6)AutoCad- Світовий флагман тривимірної векторної графіки. Належить до класу програм САПР (Системи Автоматизованого Проектування).
7)Curious Labs Poser- Цікава програма для тривимірної анімації.
8)ABBYY FineReader– найвідоміша і найширше застосовувана система розпізнавання тексту. Цю програму автор глави з упевненістю помістив у розряд векторних редакторів, оскільки її основне призначення – перетворювати растрові картинки в текстові символи (векторної природи). Тільки після розпізнавання відскановані тексти можна редагувати за допомогою клавіатури у звичайних текстових редакторах.
9)RX Spotlight– один із найвідоміших векторизаторів. На відміну від системи розпізнавання тексту, основне призначення векторизаторів – перетворювати растрові картинки на геометричні фігури їх подальшої обробки у плоских чи тривимірних векторних редакторах.

«ПРОГРАМИ & ДОДАТКИ .»

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

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

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

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

CorelDraw - один із найвідоміших представників векторної графіки

Програма векторної графіки CorelDraw – дуже яскравий приклад для наочності. У ній є достатньо інструментів для будь-якого розміру без втрати якості. Її часто протиставляють програмі Photoshop – знаменитому представнику

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

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

Adobe Illustrator

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

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

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

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

Отже, саме час згадати у тому, що найпоширеніші - отже єдині.

Inkscape

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

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

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

Creature House Expression

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

Creature House Expression ділиться у своїй історії на два періоди.

Вперше він заявив себе як інноваційний програмний продукт. Справа в тому, що один із недоліків векторної графіки - це складність отримання "живого" зображення. Растр (у якому, наприклад, редагуються фотографії) справляється з цим набагато краще. Саме Creature House Expression спробував (і успішно, треба сказати) виправити це. Набір пензлів у цьому продукті виявився настільки приголомшливим, що в результаті вийшло, що вектором можна було малювати так, ніби це зовсім не векторна графіка. Зображення виходили дуже реалістичними.

У 2003 році Microsoft купив компанію, що випускає Expression, стандартизував його, дав своє ім'я. Але й оригінальну і, що важливо, безкоштовну версію цього програмного засобу все ще можна завантажити з офіційного сайту його нинішнього виробника-власника.

Microsoft Expression Design

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

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

Aviary Raven

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

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

Тривимірна векторна графіка

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

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

3D-графіка працює як із растровими, так і з Векторними ілюстраціями.

Corel MotionStudio 3D

Corel MotionStudio 3D – найпростіша програма тривимірної графіки. Проте вона наочно демонструє можливості цього виду. Насамперед, як уже було зазначено в попередньому пункті, в неї можна імпортувати файли як растрових зображень, так і векторних, а також створювати щось своє, з нуля. У Corel MotionStudio 3D є безліч різних ефектів і пресетів, проте багато хто вважає її несерйозною. У той же час, якщо потрібно зробити анімовану картинку швидко, не розбираючись у зайвих тонкощах та нюансах, вона – те, що необхідно.

Комп'ютерна графіка – дуже широке поняття. Комусь при згадці цього терміну на думку спадуть тривимірні шедеври від студій 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, взагалі можна відмовитися від придбання векторного редактора для потреб дизайну.