Inkscape и Adobe Illustrator са две мащабируеми векторни графични програми, които разчитат на математически формули, за да нарисуват прецизно и безкрайно мащабируемо векторно изкуство и дизайн. По време на тази статия Illustrator със сигурност е индустриалният стандарт, когато става дума за векторното изкуство, но Inkscape е завладяваща безплатна алтернатива, която всъщност може да действа като жизнеспособна алтернатива.

С други думи, Inkscape не е чак толкова лошо - и не изисква премиум абонамент.

Но разбира се, като всяка друга програма, Inkscape има свой начин на правене, който се различава от това как Illustrator прави нещата. За зает дизайнер това може да направи превключването на програми на пръв поглед нереалистично и разочароващо. Това е особено вярно за хората, които използват Illustrator толкова много, че потребителският интерфейс, включително местоположението на всички различни инструменти и менюта на програмата, се превърна във второ естество за навигация. Функциите и възможностите на програмата са запазени в паметта - така че знаете какво точно можете и не можете да направите с програмата.

С Inkscape може да не сте сигурни откъде да започнете, тъй като законите на програмата са малко по-различни. Плюс това не знаете какво може или не може да направи програмата.

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

В тази статия сравнявам 3 от това, което считам за най-често срещаните или важни характеристики в Illustrator с подобни функции в Inkscape. Ще следвам един и същ формат за всяка задача - с описание как да изпълнявам задачата Illustrator, последвано от описание как да се изпълни същата или подобна задача в Inkscape.

1. Създаване или оразмеряване на вашия Illustrator Artboard vs Inkscape Canvas

Първата задача в този списък е много основна. Като се има предвид, двете програми се различават доста драстично, когато става дума за настройка на празен документ - и по този начин да настроите вашия артборд (в Illustrator) или платно (в Inkscape).

Illustrator

Illustrator използва системата Artboard, която ви позволява да имате няколко платки в една композиция. Това е изключително полезно, защото можете да създавате безпроблемни композиции с много страници - или най-малкото да създавате многостранични дизайни, които следват еднакво естетичен дизайн.

Добре дошли на екрана Inkscape срещу Illustrator

При отваряне на Illustrator за първи път ви се предоставя екран за добре дошли, който ви позволява да избирате от различни често използвани шаблони (очертани в червено на снимката по-горе).

Можете също така да изберете опцията „Създаване на нов“ (обозначена с червената стрелка на снимката по-горе), която ви позволява да създадете нов персонализиран документ - където можете да зададете размера на дънната си платка и да изберете дали искате един плот или няколко артбордове за вашата композиция.

За простотата на тази статия ще отида с първата опция за композиция по подразбиране на екрана за приветствия в раздела „Стартиране на бърз нов файл“ - което за американската версия е опцията „Letter - 612 x 792 pt“.

New Letter Artboard Illustrator vs Inkscape Tutorial

След като щракнете върху тази опция, ще се отвори нов работен плот (обозначен с червената стрелка) с размерите, посочени на екрана за приветствие (612 pt за ширината, 792 pt за височината).

Моят борд е бял на цвят, с тънки черни очертания около краищата или границата на таблото и с тъмносив цвят на фона (зелена стрелка), обграждащ дънната платка.

Инструмент Artboard Illustrator vs Inkscape Tutorial

Ако исках да променя размерите на тази платка, имам три възможности. Първите ми две опции са достъпни директно в прозореца на композицията ми. Мога или да щракна върху бутона „Редактиране на дъски“ от дясната страна на прозореца под раздела „Свойства“ (обозначен със зелена стрелка), или мога да щракнете върху инструмента „Редактиране на борда“, известен обикновено като Инструмента за художествени платки, върху в моята кутия с инструменти от дясната страна на прозореца (клавишът за бърз достъп за този инструмент е Shift + O - обозначен с червената стрелка на снимката по-горе).

Опция за настройка на документ Adobe Illustrator Artboard

Третата опция е да отидете на File> Document Setup и след това да натиснете бутона „Edit Artboards“.

Редактирайте Adobe Illustrator Artboard

Независимо кой метод използвате, ще бъдете отведени на същия екран, за да редактирате Artboard (подчертан в зелено на снимката по-горе) с помощта на Artboard Tool (и трите опции активират инструмента Artboard - обозначен с червената стрелка на снимката по-горе ). В тази област Illustrator има малко по-голяма гъвкавост от Inkscape, тъй като можете да нарисувате нов таблото за управление, просто като щракнете и плъзнете мишката с инструмента Artboard. Можете също да alt + плъзнете текущото си табло, за да създадете дублиращ се artboard във вашата композиция (и по този начин вече има повече от едно artboard) или да кликнете върху иконата „Create New Artboard“ (която също ще създаде дубликат на текущото ви artboard - обозначено от синята стрелка).

Редактиране на Adobe Illustrator Artboard Ширина и височина

Освен това можете ръчно да въведете нова ширина и височина за вашата дъска в тези съответни полета в панела със свойства (зоната вдясно от вашата дъска за управление) или контролния панел (в горната част на дънната платка). И двете от тези области, в които можете да редактирате ширината и / или височината на дъската, са подчертани в синьо на снимката по-горе.

Последното нещо, което ще спомена тук, е, че можете да получите достъп до различни други опции, за да коригирате дънната си платка или да добавите допълнителни функции, като щракнете върху бутона „Опции на борда“ в панела със свойства (обозначен с червената стрелка).

Inkscape

Добре - така че сме чували различни начини да създадете, преоразмерите или добавите / коригирате по друг начин вашите платки в Illustrator. И така, как се различава този процес в Inkscape?

Платно и фон за мастило

За начало, когато отворите Inkscape за първи път, няма да бъдете отведени до добре дошъл екран. Вместо това ще се отвори документ по подразбиране (който идва с изтеглянето ви от Inkscape) (показан на снимката по-горе). Този документ по подразбиране ще изглежда малко по-различно от това как са настроени документите по подразбиране на Illustrator.

Например, платното е бяло с тънка черна рамка (подобно на Illustrator's - обозначена с червената стрелка на снимката по-горе), но зоната около платното по подразбиране също е бяла (обозначена със синята стрелка). Това може да бъде истинска болка точка за дизайнерите, които отварят Inkscape за първи път, тъй като те са толкова свикнали с бялото табло, тъмносив фон, открит в Illustrator.

Ако предпочитате да имате своя Платното Inkscape изглежда като артборд на Adobe Illustrator, препоръчвам да разгледате статията си за това как да се изпълни тази задача.

Редактиране на свойствата на документа в Inkscape

Ако искате да промените свойствата на Invascape canvas (т.е. да промените размера на платното, да редактирате цвета на фона и т.н.), има два начина да постигнете това. Само с главата нагоре - в момента няма Artboard или Canvas инструмент, който да е еквивалент на този на Illustrator. Първият метод е да използвате иконата "Редактиране на свойства" в лентата с команди - която е от дясната страна на вашето платно (обозначена с червената стрелка на снимката по-горе).

Меню Свойства на документа Урок за мастилене

Втората опция е да отидете на File> Document Properties (клавишът за бърз достъп е shift + ctrl + d). Както в Illustrator, независимо каква опция използвате в Inkscape, ще бъдете отведени на същия екран - диалоговия прозорец Свойства на документа.

Диалог на свойствата на документа Inkscape vs Illustrator

След като се отвори диалогът за свойствата на документа, можете да избирате от различни опции за редактиране на вашето платно (бърза забележка, за да избегнете объркване - документът и платното са по същество взаимозаменяеми термини. Въпреки че, по-точно, документът се отнася най-вече за всички елементи на вашето платно - например единиците, в които се показва вашето платно, размера на платното и цвета на фона. Платното е просто крайната област на документа, където се показва вашето изкуство). Например, можете да промените размера на платното си, като използвате различни често използвани размери на шаблони (точно като в Illustrator - подчертан със синьо на снимката по-горе). Можете също да зададете персонализиран размер за вашето платно, като ръчно напишете ширина и височина на платното в секцията „Персонализиран размер“ (червена очертана област). След като въведете стойностите, които искате да използвате за вашето платно, просто излезте от прозореца със свойствата на документа (червена стрелка) и промените ви автоматично ще бъдат приложени.

Отидох с 1920 x 1080 и смених единицата на пиксели за този пример (тези нови измерения не са показани на снимката по-горе).

Създайте ново платно в Inkscape 2019

Ако искате да създадете чисто ново платно, използвайки настройките на платното по подразбиране, щракнете върху иконата „Създаване на нов документ от шаблона по подразбиране“ в лентата с команди (червена стрелка). Едно важно нещо, което трябва да се отбележи е, че понастоящем не можете да имате отворени множество платна в една и съща композиция. Всяко ново платно винаги ще се отваря в нов прозорец Inkscape.

2. Цветово ръководство на Illustrator спрямо цветова палитра Inkscape

Втората тема, която ще разгледам за тази статия, е голямата разлика между това как работят цветовете в двете програми. Понастоящем Illustrator използва тортата с тази функция (подобно на това с възможностите на дъската), въпреки че Inkscape все още предлага адекватна алтернатива, която може да бъде допълнена с лесни за използване ресурси на трети страни. Трябва да се отбележи, че Adobe Illustrator има както RGB, така и CMYK поддръжка, докато Inkscape не (въпреки че Inkscape може да бъде експортиран в CMYK).

Illustrator

Панели за илюстрация на цветни панели

В Adobe Illustrator има три лесно достъпни цветни панела, които ви помагат да разглеждате и прилагате цветове за произведенията си на изкуството. Това са панел Color, панел Color Guide и панел Swatches. Тези панели са първите три икони, намиращи се в секцията „Панели“ вдясно от таблото ви за изкуство (върви отгоре надолу - подчертано в червено на снимката по-горе).

Цветен панел в Illustrator 2019

Когато щракнете върху панела Цвят (червена стрелка), можете да избирате от всякакви цветове, намиращи се в спектъра, за цветовото пространство, което сте избрали.

Меню Опции за цветен панел Illustrator vs Inkscape

С други думи, ако кликнете върху иконата Опции в горния десен ъгъл на панела Цветове (червена стрелка), можете да изберете от всяко от цветовите пространства, поддържани в Illustrator (аз отидох с CMYK за този пример).

При избран CMYK мога да задържа курсора на мишката върху всеки цвят на CMYK Spectrum и щракнете, за да избера този цвят като основен цвят за запълване. Ако алтирам + щракна върху спектъра, цветът, над който се пазя, ще бъде избран като цвят на щрих.

Изберете Илюстратор за запълване и заглаждане на цветове

Също така мога да избера „None“, „Black“ или „White“ от всеки от трите образа над областта на цветовия спектър (подчертан в червено) като цвят на преден план или фон.

Цветен панел за цветово ръководство на Illustrator

Ще забележите, че има отдясно на раздела, озаглавен „Цвят“, когато в панела с цветове е обозначен „Ръководство за цвят“ (червена стрелка). Кликването върху този раздел ще ви отведе до панела с цветово ръководство. Можете също да стигнете до този панел, като щракнете върху втората икона отгоре в секцията Панели.

Според мен панелът Color Guide е единствената най-добра функция, която се намира в Illustrator. Причината е, че тя препоръчва цветове, които да използвате въз основа на избрания от вас цвят (в този случай цвят на преден план), като използва теорията на цветовете в реално време, за да информира препоръките си. Първият цвят, показан в Ръководството за цветовете, е вашият цвят на преден план, последван от препоръчани цветове въз основа на избраното „Правило на хармонията“.

Color Guide Harmony Rules Illustrator

Така че, ако щракнете върху падащото меню (което е означено като „Правила на хармонията“, когато задържите курсора върху него - очертано със синьо горе), ще видите, че моето текущо избрано правило за хармония в този случай е правилото за хармония „tetrad 2“ (червена стрелка ). Цветовете, които ще се показват въз основа на цвета на предния план, ще зависят от специфичната теория на цветовете, независимо от правилото за хармония, което сте избрали. За правилото за хармония на tetrad 2 имаме основни цветове на 5 - зеленият от нашия преден цвят, по-тъмно зелено, тъмно син, розов цвят и кафяв цвят.

Цветово ръководство за илюстратор Tetrad 2 Правило за хармония

Тези цветове 5 се показват вертикално в централния ред в нашия панел с цветни водачи (можете да видите стрелка, насочена към тези цветове - обозначена с червената стрелка на снимката по-горе), а след това всеки цвят има четири съответни нюанса (отляво на централния цвят) и четири нюанса (вдясно от централния цвят).

Десен комплимент за пътеводител Illustrator

Ако отида с различно правило за хармония - да речем, Right Compliment - цветовете ми ще се променят и Shades and Tints ще се актуализират въз основа на тези основни цветове. Понякога има повече от пет цвята, понякога има по-малко от пет. Зависи от правилото за хармония. В този случай се показват шест цвята (трябва да превъртите надолу в пътеводителя, за да видите шестия цвят - лентата за превъртане надолу се обозначава с червената стрелка на снимката по-горе).

Основното извличане от тази функция обаче е, че тя прави наистина лесно да излезе с цветови схеми или цветови вариации за вашите дизайни въз основа на един цвят. Тези цветове са склонни да вървят добре помежду си, защото произлизат от правило за хармония, което гарантира, че не се сблъскват или изглеждат като случайни цветове, хвърлени заедно. Затова вашите дизайнерски цветове изглеждат по-координирани и професионални.

Color Swatches Menu Illustrator vs Inkscape

И накрая, под панела Color Guide е панелът Swatches (обозначен със синя стрелка). Тук можете да избирате от различни цветове по подразбиране, за да зададете цветовете на преден план или цветове на фона. Това включва отделни цветове, както и цветови групи - които или се предлагат с програмата по подразбиране, или са създадени от потребителя.

За да разгледате всички фишове по подразбиране, които по подразбиране се доставят с Illustrator, можете да кликнете върху „Менюто на Swatches Library“ (обозначено с червената стрелка) и да разгледате различните налични опции. Няма да навлизам в повече подробности относно цветните функции в Adobe само за времето за тази статия. Но както можете да разберете, Adobe Illustrator има доста разнообразни опции, които да избирате, когато става дума за цветни функции.

Inkscape

Inkscape Bar Palette Bar

Когато отваряте Inkscape за първи път, едно от първите неща, които се открояват най-много за потребителя на Illustrator, е редът от цветни фишове в долната част на прозореца (очертан със зелено на снимката). Отначало това изглежда почти лепкаво и необичайно и човек може да има склонността да търси еквивалент на панела за цветни пътеводители (както се намира в Illustrator), за да има мамят за създаване на цветови схеми.

Ще ви предупредя сега - в Inkscape понастоящем няма макет на Color Guide / Harmony Rules.

Функция за превъртане на лентата за цветна палитра Inkscape

Има обаче много повече от това, което се нарича Inkscape „Цветова палитра“, отколкото отговаря на очите. На пръв поглед изглежда, че има само цветове от 120 или така да избирате в долната лента на цветовата палитра под платното. Има обаче лента за превъртане под всички суичове (обозначена с червената стрелка), която ви позволява да превъртите вдясно и да разкриете още повече цветове. Направих бърза, груба оценка на това колко цветове са налични и ги поставих около 600 или около цветовете общо по подразбиране.

Обяснени цветове на палитрата с цветни палитри

Първият цвят в цветовата палитра е „None“ (червена стрелка), което означава, че щракването върху това ще зададе вашия цвят на предния план на „None“ по същия начин, както в Illustrator (Shift + щракване върху това ще зададе вашия цвят на фона на нито един). След това имате серия от цветове, преминаващи от черно към бяло, последвани от някои често използвани цветове като бордо, жълто, синьо и др., Последвани от серия от цветове, които започват с тъмен нюанс и преминават към по-светъл нюанс от Отляво надясно.

Цветовете в Цветовата палитра служат като бърз начин за избор от разнообразни цветове, нюанси и нюанси - и палитрата може да бъде променена с помощта на малкото меню с форма на триъгълник в най-дясната част на лентата Цветова палитра (обозначена с зелена стрелка на снимката по-горе).

Меню Inkscape Swatches 2019

Щракването върху това меню разкрива 20 + други цветови палитри, от които да избирате (очертани в зелено на снимката по-горе), а също така показва всички създадени от потребителя цветни палитри („Западна планинска пивоварна”Цветната палитра, показана на снимката, е тази, която създадох за урок).

Най-подвеждащата част от лентата на цветовата палитра за новите потребители, особено тези, идващи от Illustrator, е, че изглежда, че това е единствената опция за редактиране на цветове в програмата - но със сигурност не е така.

Меню за запълване и преместване на обекта Inkscape 2019 Tutorial

Всъщност основната зона за редактиране на цветовете се намира, като отидете на Object> Fill and Stroke (до който можете да получите достъп чрез клавиша на клавишната комбинация + ctrl + f).

Ако все още нямате нарисувани обекти на платното си (както е при мен в този пример), нищо няма да се покаже тук.

Запълване и щрих диалог Inkscape vs Illustrator

Ако нарисувам обект (използвайки нещо като инструмент „Правоъгълник“ или инструмент за текст - ще използвам инструмента за правоъгълник за този пример), сега ще получа няколко опции за цветово пространство в секцията „Запълване“ (очертана със зелено на снимката по-горе) ), които ми позволяват да коригирам цвета на запълване на моя правоъгълник на живо върху платното.

Диалог за запълване и инсулт отблизо Inkscape vs Illustrator

По подразбиране Inkscape ми позволява да направя корекции в цвета на запълване (наречен "Flat Color", когато не използвам градиент - очертан в зелено на снимката по-горе), показан в моя правоъгълник, използвайки плъзгачите HSL (HSL означава Hue, Saturation, и лекота - има и плъзгач „A“, който означава Алфа или прозрачност). Другите ми опции включват RGB (червено, зелено, синьо и алфа), CMYK (синьо, пурпурно, жълто и черно. Забележка: въпреки че можете да изберете CMYK цветове, не можете да изведете на цветен профил CMYK в Inkscape без трето- партия плъгин или обиколка), колело (което ви позволява да избирате от цветно колело) и CMS (което ви позволява да изберете цветен профил - няма да вляза в тази опция за тази статия).

Кликвайки върху опцията „Wheel“, можете да видите, че подобно на панела Color на Illustrator, можете да изберете произволен цвят, като използвате показалеца на мишката за вашия цвят на запълване.

Има и други опции в менюто Запълване и щрих, които няма да преразглеждам подробно, включително възможността да добавям линеен или радиален градиент, градиент на окото или шаблон - сред някои други опции.

Меню Inkscape Цвят на хода на колелото

Можете също да приложите всички тези функции към удара на вашия обект, като щракнете върху раздела „Ход“ (обозначен с червената стрелка). В този случай имам настроен само червен цвят за запълване, така че когато щракнете върху раздела „Ход“, нищо не се показва. Ако обаче преместя щракване върху цвят от моята лента за цветна палитра (отидох със синьо), за да добавя щрих, сега ще видите същите цветови опции да се показват за щриха (както можете да видите на снимката по-горе).

Една характеристика, която Inkscape има Illustrator, не е възможността да добавите градиент към удара на обект. Според мен това всъщност е голяма печалба за Inkscape, тъй като винаги съм се дразнил от тази липса на функционалност в Illustrator.

3. Комбиниране на фигури: инструмент за създаване на илюстратор на форми на инструменти спрямо менюто на пътеката Inkscape

Споменах, че вярвам, че панелът Color Guide е единствената най-полезна функция в Illustrator. Втората най-полезна функция според мен е инструментът Shape Builder. Този инструмент ви позволява лесно да комбинирате форми, за да създадете по-сложен обект, което драстично разширява функционалността на програмата и позволява на нехудожниците да създават произведения на изкуството, без да се нуждаят от умения за рисуване. Inkscape с благодарност включва своя собствена версия на тази функция в своята програма, което, разбира се, прави превключването към безплатната програма много по-лесно.

Illustrator

Illustrator Shape Builder Tool

В Illustrator ще трябва да започнете, като нарисувате поне две форми, които се припокриват една с друга (както направих на снимката по-горе). След това изберете всички фигури с инструмента за избор или като отидете на Избор> Всички.

Инструментът за изграждане на форма се намира във вашата кутия с инструменти (обозначена с червената стрелка на изображението по-горе) или чрез използване на клавиша за бърз достъп + m.

Artboard Tool Shape Region Illustrator

С всички избрани от вас форми, които бихте искали да комбинирате (в случая само две форми), можете да задържите курсора на мишката върху различните припокриващи се части от вашите форми (наречени региони - можете да видите един регион, подчертан с формиращия формат инструмент на снимката по-горе, обозначен с червената стрелка), за да видите кои части искате да „извлечете“ или „обедините“.

Извлечение на Adobe Illustrator Shape Builder

За да извлечете или разчупите части от формата, просто кликнете веднъж върху областите на формата, които искате да отделите от първоначалния набор от форми.

Обединете фигури с инструмента за създаване на формати Illustrator Shape

За да обедините региони на фигурите, щракнете и плъзнете мишката върху всички региони, които искате да обедините заедно (стрелката на снимката по-горе сочи линията, създадена от инструмента, когато щракнете и плъзнете мишката).

Можете или да обедините части от регионите, които се припокриват, или да слеете заедно всички региони от всички избрани форми. Финалният стил на новата форма или регион на формата ще зависи от това Правилата на Adobe за инструмента Shape Builder.

Adobe Illustrator Path Finder Tool

Също така бих искал да отбележа, че всеки път, когато сте избрали няколко фигури, Adobe ще покаже опциите Pathfinder под панела Свойства (очертани в зелено на снимката по-горе). Функцията Pathfinder е по същество същото като инструмента Shape Builder, въпреки че можете да извършвате действия с едно щракване, за да извлечете или обедините фигурите си. Четирите налични действия са „Кликнете за обединяване“, „Кликнете за предния минус“, „Кликнете за пресичане“ и Щракнете за изключване.

Inkscape

избор на няколко фигури в Inkscape

Inkscape може да се възползва от извличане и сливане на фигури, да използва терминологията на Illustrator, въпреки че се отнася до фигури като „Обекти“ и „Пътеки“ (в зависимост от това дали сте превърнали обекта си в път, след като сте го нарисували). Процесът е малко по-различен в Inkscape - но ще започнем с правоъгълник и кръг, припокриващи се един друг, както направихме в примера на Illustrator.

За да изберете и двете форми, можете или да изместите + щракнете върху всички фигури, които искате да изберете, докато използвате инструмента за избор (обозначен с червената стрелка), или щракнете и плъзнете мишката, след това задръжте клавиша ctrl и плъзнете върху който и да е от фигурите, които искате да изберете (трябва да плъзнете върху цялата форма за всички форми, които искате да изберете, в противен случай няма да работи).

Path Object to Path Inkscape vs Illustrator Shape Builder

След като сте избрали вашите форми, известни като Обекти, трябва да ги преобразувате в Пътеки. За да направите това, отидете на Path> Object to Path (червена стрелка).

Path Menu Inkscape vs Illustrator

След това можете да използвате менюто Path, за да изпълнявате различни функции, подобни на функциите Pathfinder в Illustrator. Във всички опции има 8 (подчертани със зелено на снимката по-горе), включително Union, Difference, Intersection, Excludation, Division, Cut Path, Combine и Break Apart.

Union Path Shape Builder Feature Inkscape

Например, на снимката по-горе избрах „Съюз“, за да слея двете си форми заедно и да създам една единствена абстрактна форма.

Така, подобно на инструмента Pathfinder в Illustrator, менюто Paths в Inkscape ви позволява да създавате различни видове фигури с едно щракване.

В обобщение, Inkscape и Illustrator всъщност са по-подобни, отколкото се появяват в началото на повърхността. Всяка програма просто има малко по-различен начин на правене на нещата, давайки подобни крайни резултати.

Това е за този урок! Ако ви хареса, можете да проверите всеки от другите ми Inkscape Помощ членове, Видео уроци за Inkscapeили дори моята Уроци по GIMP.

Абонирайте се за нашия бюлетин на GIMP

Присъединете се към нашия пощенски списък, за да получавате нови уроци, актуализации на курса GIMP и последните новини.

Абонирахте се успешно!

Тя ПИН на Pinterest

Споделя това