Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Vector
Webdesign

Альтернатива Adobe: векторні прикладнi програми 

by
Length:LongLanguages:
This post is part of a series called The Complete Guide to Adobe Alternatives.
Adobe Alternatives: Digital Painting Applications
Adobe Alternatives: Video Editing Applications

Ukrainian (українська мова) translation by Григорий В (you can also view the original English article)

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

Як і весь софт, який ми розглянули в нашій серії досі, кожен додаток в цьому списку є без передплати або менш, ніж за 100$.  По суті, все в цьому списку, за винятком Affinity Designer, безкоштовне. Тому сміливо беріться за векторну роботу без бюджету! 

Ці програми повністю крос-платформні (крім Affinity Designer), з відмінним софтом для Linux, Mac, Windows і навіть для ChromeOS, тому для вас обов'язково щось знайдеться. 

Боюся, ви не побачите тут додаток Sketch для Mac, і не тому, що це погана програма. Сьогодні воно вважається найкращим для UI дизайну. Однак, як було сказано, я включаю додаток, якщо особисто перевірив його останню версію, і, оскільки я вирішив розлучитися з моїм Mac, з Sketch найближчим часом цього не станеться.  Але якщо у вас Mac і ви працюєте над UI, можете його перевірити. 

А тепер давайте приступимо до наших альтернативним Adobe векторних прикладних програм! 

1. Affinity Designer 

Як Affinity Photo є провідною альтернативою Adobe в області редагування фотографій, так і Affinity Designer лідер в області редагування векторів. Якщо ви професіонал, який сильний в Illustrator і шукаєте прикладнi програмы з порівнянною потужністю, прямо зараз, на мій погляд, Affinity Designer немає рівних. 

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

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

В основі будь-якої векторної прикладної програми лежить pen tool, у Affinity Designer він відмінний. Він має чотири режими: pen tool для прямих ліній і кривих Безьє, смарт режим автоматичного скруглення кривих навколо вузлів, багатокутний режим тільки для прямих ліній і лінійний режим для, ну, ліній.  Також дуже легко перетворити будь-який вузол в будь-який з типів, просто вибравши його і натиснувши кнопку потрібного типу вузла в UI. 

Якщо потрібно ближче розгледіти свою роботу, Affinity Designer теж немає рівних. Він має неймовірну функцією масштабування, аж до 1 000 000% - по суті нескінченну для будь-яких намірів і цілей.  За замовчуванням ваші роботи будуть у векторному режимі, але є режим в 1x піксель, режим 2x пікселів і режим контуру.  Крім того, ви можете розділити екран на перегляд в двох режимах, а за допомогою роздільника стерти перехід між видами: 

Система прив'язок Affinity Designer дозволяє налаштовувати сітки, як сподобається, і не тільки стандартними квадратами. Доступні: ізометричний, 2: 1 ізометричний, діметріческая, похилий, тріметрічний лівий, тріметрічний правий, трикутний, горизонтальний трикутний, 2: 1 трикутний і два типи сіток, які можна налаштувати через spacing, divisions, gutter, angle і snapping.  Це чи не найкраща сітка в будь-якому софт, яку я бачив на сьогоднішній день. 

Майже все в Affinity Designer є живим і неразрушающим. Boolean Операції і shapes можуть переміщатися і коригуватися в будь-який час.  Adjustment layers теж неруйнівні і завжди можуть бути складені, відсортовані і відредаговані.  Режими змішування миттєво проглядаються при наведенні на них курсора в списку, що випадає. Це типи функцій, які дійсно згладжують і прискорюють робочий процес. 

Унікальна в Affinity Designer його система "Personas", яких три: вектор, піксель і експорт. Ви починаєте в "Vector Persona", за замовчуванням там знаходяться векторні інструменти, натиснувши кнопку "Pixel Persona", ви опинитеся в повнофункціональному растровому редакторові в рамках однієї і тієї ж програми.  Можливість використовувати розширені векторні і растрові інструменти в одній прикладній програмі - феноменальна функція Affinity Designer. 

Наприклад, Affinity Designer має блискучі векторні пензлі, що дозволяють створити реальний ручної малюнок і зберегти всю точність векторної роботи.  Однак у нього є і растрові пензлі в режимі «Pixel», необхідні для цифрового живопису. Ви отримуєте найкраще з обох світів.

Останнім часом Affinity Designer рухається в бік професійного рівня UI/UX розробок, що буде приємною новиною для розробників прикладних програм для веб i Windows. Тепер він включає artboards, символи і обмеження, серед інших функцій, які допомагають процесу.  Можете переглянути всі деталі на сторінці: Affinity Designer для UI / UX

Для професіоналів, зацікавлених в кращому софт, Affinity Designer швидко росте як претендент номер один. Зрозуміло, що в прикладній програмі топ рівня набагато більше опцій, ніж може бути описано в одній статті, тому вам може бути корисно познайомитися з нашим курсом Affinity Designer Quick Start, де я покажу все його основні функції.

Affinity Designer коштує $49,99 і пропонує 30 днів на пробну версію, яких, зокрема, за допомогою нашого курсу, вистачить, щоб пограти з усіма параметрами. 

2. Inkscape 

Як часто буває з програмним забезпеченням зі світу Linux / open source, можливості Inkscape приховані за призначеним для користувача інтерфейсом і потрібен час на їх вивчення. Ви не відразу запустіть Inkscape, як Affinity Designer, але не втрачайте привід для знайомства з цієї прикладної програмою. 

Навіть якщо ви колись спробували Inkscape і більше до нього не поверталися, то у версії 0.92, випущеної в січні цього року, додані нові чудові функції. Перевірте: 

Існує довгий список новиовведеній, як ви побачите в неймовірно швидкому відео вище.  Одним з видатних доповнень є нова і дуже популярна gradient meshes. У програм з нашого списку така опція є тільки у Inkscape.  Розробники Affinity Designer заявили, що планують додати, це було пару років назад, і хоча вони запевняють, що просування є, на даний момент ETA немає.  Тому, якщо ви любите сітки градієнтів і хочете спробувати нову програму, не витрачаючи сотні доларів або взагалі ніяких доларів, Inkscape - ваш квиток. 

Ще одна важлива новина для всіх, хто створює SVG для Інтернету, це перехід від 90dpi до 96dpi в стандарті CSS.  Тепер ви можете правити XML-структуру SVG безпосередньо всередині інтерфейсу, що робить Inkscape перспективним для створення веб-графіки. На цю тему в release notes 0.92 сказано: 

"Тепер підтримуються багато властивостей SVG2 і CSS3 (наприклад, порядок малювання, mix-blend-mode). Не всі вони доступні з GUI." 

BSplines теж є в версії 0.92, що полегшує прокладку контрольованих гладких кривих. І freehand drawing / pencil tool тепер має згладжування в режимі реального часу, що робить Inkscape відмінним інструментом малювання.

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

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

Pen tool чудовий і дуже потужний. Він має функцію розміщення вузлів на прямих лініях і кривих bezier, крім того, режим "spiro" для створення плавно закруглених форм, режим "bspline" версії 0.92 для створення м'яких кривих і хвиль, і "paraxial", щоб створювати фігури тільки з прямих кутів.

Є фантастичний sculpting tool, коли, натискаючи і витягаючи вузли, ви міняєте форму фігур, це дуже органічний процес редагування. Якщо ви займалися 3D-скульптурою місцевості або сітки, цей інструмент здається дуже схожим, але тільки в 2D-формі. 

Є прекрасний brush stroke tool, звичні rectangle і ellipse tools, і кілька інших інструментів. 

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

За допомогою «Path Effects» можна змінити шляху або видалити в будь-який час. І функція спрощення шляху працює дуже добре, що особливо корисно для очищення безладних векторів, які були створені інструментом freehand tool або за допомогою функції «Trace bitmap". 

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

"The Great Friend" by Luiz Rezende 

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

Одна річ, яку я виразно ціную в Inkscape і це, схоже, ще один привід для роботи з інструментами Linux / open source - великий список налаштувань, які ви можете використовувати на свій розсуд.  У вас є керований UI, швидкі клавіші і інструменти за замовчуванням. І ще одна річ, яку Inkscape має разом зі своїми партнерами FOSS - велика документація та вікі-контент на допомогу.  Можливо, на початку вам буде потрібно трохи часу для вивчення, зате потім обійдетеся без підказок.

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

3. Gravit Designer 

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

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

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

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

Говорячи про створення нових документів, треба згадати можливість вибору "New from template" будь-якого із запропонованих шаблонів.  Вам буде запропоновано безліч готових шаблонів з хмари. Хоча ця функція нова, вона вже добре заповнена. Я з нетерпінням чекаю невеликих відгалужень від траси.

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

Переходячи до малювання, в першу чергу ви шукаєте pen tool, і в Gravit він працює очікувано, що з прямою лінією, що з кривими bezier. Однак bezigon tool трохи відрізняється, він дозволяє створювати криві на льоту - утримуючи ALT і розставляючи точки - інструмент bezigon автоматично створює між ними плавні криві.

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

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

Численні заливки Gravit і вкладка "mixes" 

Що я люблю в Gravit, так це систему управління кольором. Разом з палітрою кольорів ви отримуєте автоматично створений набір зразків, що показує всі кольори в вашому поточному документі, і відмінну вкладку "Mixes" з декількома тінями, тонами і відтінками для змішування на основі поточного кольору. 

Замість artboards в Gravit у вас сторінки, кожна з яких може бути свого розміру, що дуже корисно для складних проектів і роботи з UI. Говорячи про сторінки, у Gravit є функція, яка виділяє його серед векторних програм, і саме - система подання стилю презентацій Powerpoint / Keynote.  Потрібно тільки з кожного слайда створити сторінку, пройти по View > Play/Presentation, користуючись кнопками стрілок. 

На жаль, я зіткнувся з кількома невеликими збоями. В одному з уроків по Gravit є функція «background fill», яка відображає фон документа незалежно від того, що вкладається під ним.  У мене це не спрацювало, хоча я пробував кожну версію програми, браузера і GPU, тому що це схоже на дійсно класну функцію.  У мене також було дивне зміщення на прозорих фонах, коли фігури були не на місці, а деякі мерехтіли.

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

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

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

  • Website: https://designer.io/ 
  • Платформи: Linux, Mac, ChromeOS, Windows, Online 
  • Ціна: безкоштовно

4. Boxy SVG 

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

Boxy SVG може бути web-based, однак, коли ви встановлюєте його в Chrome або Chromium (і, можливо, в Vivaldi), він виглядає звичайної прикладної програмою. Запускається і виглядає, як рідна програма, хоча завантажений з браузера. 

Якщо ви віддаєте перевагу запускати Boxy прямо з вікна браузера, ви можете зробити це тут.

Вона, схоже, має деякі відмінності від версії з магазину прикладних програм Chrome. Наприклад, у демо є masking tools, а в прикладній програмі Chrome немає, зате в ній є бібліотека drag and drop об'єктів, а в live demo немає, тому трохи спробуйте кожну.

 У наборі інструментів Boxy все звично: straight line, bezier curve, freehand, text, rectangle, ellipse, triangle і інші фігури в асортименті.

На спеціальній стороні SVG є панель "View", призначена для прямого управління вікном перегляду, а також налаштування для властивості preserveAspectRatio, вирівнювання і перемикання між meet або slice

Панель "Arrangement" дозволяє управляти вирівнюванням об'єктів по відношенню до вікна перегляду або інших об'єктів. Тут можна обертати, перевертати, впорядковувати та групувати об'єкти. 

Існують інструменти модифікації шляху, в тому числі boolean операції, (об'єднання, перетин, віднімання, виняток), складні методи з'єднання для об'єднання або поділу, кнопка конверсії шляху, кнопки відкриття, закриття та розвороту шляхів. 

А для прискорення роботи є бібліотека, яка містить drag and drop кошти, які ви можете використовувати або просто перевірити їх, щоб дізнатися можливості Boxy SVG. 

При експорті Boxy SVG налаштований на SVG, але ви можете виводити свою роботу як PNG, JPEG або WebP. Можна вивести в HTML замість SVG, хоча отриманий код буде злегка іншим. 

Якщо ви шукаєте доступний інструмент, особливо якщо ви створюєте SVG для Інтернету, Boxy SVG може стати відмінним доповненням до вашого арсеналу. 

  • Website: https://boxy-svg.com/ 
  • Платформи: Linux, Mac, ChromeOS, Windows 
  • Ціна: безкоштовно

5. Vectr 

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

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

У наборі інструментів є bezier curve pen, олівець, текстовий інструмент, завантажувач зображень, інструмент прямокутника, округлений прямокутник, еліпс і колекція додаткових фігур. Можна створювати кілька сторінок в одному документі. 

Всі шляхи і форми в документі Vectr можуть мати кілька фонів, кордонів, зовнішніх і внутрішніх тіней, а також контроль їх opacity. До фонам можна застосувати плоску заливку, зображення, лінійний або радіальний градієнт. 

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

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

Vectr в WordPress 

Vectr є безкоштовний, проте вам необхідно створити обліковий запис, щоб зберегти вашу роботу. Локальних сховищ немає, все зберігається в хмару.  Єдиний локальний варіант - експортувати в форматі SVG, PNG або JPG, але, схоже, немає способу зберегти вашу роботу, сторінки, шари та інше.  Я сподіваюся, що вони додадуть локальну функцію збереження, тому що відсутність доступу до вихідних файлів може бути проблематичним. 

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

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

  • Website: https://vectr.com/
  • Платформи: Linux, Mac, ChromeOS, Windows, Online
  • Ціна: безкоштовно

Яку програму для вектора вибрати 

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

  • Якщо ви працюєте в дизайнерській студії, Affinity Designer напевно буде більш підходящим. Це топ додаток, яке знаходиться в активній розробці і стрімко підвищує продуктивність. 
  • Якщо ви не проти навчання, Inkscape може стати вашим вибором. Якщо ви працюєте в Linux, це, безсумнівно, для вас. Ймовірно, краще за все для фрілансерів і одинаків, які можуть вибрати власну програму. 
  • Gravit Designer є найпотужнішим web based редактором і швидко збільшує свій набір функцій.  Якщо ви шукаєте інтуїтивно зрозумілий UI і сильний web based / крос-платформний редактор, переходите на нього. Просто будьте готові до випадкових збоїв. 
  • Якщо ви веб-дизайнер, який створює SVG для веб-сайтів, Boxy SVG може стати ідеальним рішенням. Він повністю налаштований на SVG, і, працюючи в браузері, можете бути впевнені: те, що ви бачите на полотні - ви отримаєте на своїх сайтах. 
  • Як проста програма з гарною начинкою, якщо ви не проти збереження тільки хмарних даних, і якщо ви хочете займатися редагуванням графіки безпосередньо в WordPress під час роботи над контентом, Vectr відмінно підходить. 

Звичайно, в кожної прикладної програми більше опцій, ніж описано в статті, тому не забудьте перевірити їх самі! 

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

Далі: редагування відео 

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

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

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

У наступній статті ми розглянемо ці програми, але їх вміст. До зустрічі!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.