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 + плъзнете текущия си монтаж, за да създадете дубликат на монтажната плоча във вашата композиция (и по този начин вече имате повече от един монтаж), или да щракнете върху иконата „Създаване на нов монтаж“ (която също ще създаде дубликат на текущия ви монтаж - обозначен от синята стрелка).

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

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

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

Inkscape

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

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

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

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

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

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

Ако искате да промените свойствата на платното на Inkscape (т.е. да промените размера на платното, да редактирате цвета на фона и т.н.), има два начина да постигнете това. Само с главата нагоре - в момента няма инструмент за 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 има три лесно достъпни цветни панела, които ви помагат да разглеждате и прилагате цветове за вашите произведения на изкуството. Това са панел Цвят, панел Цветово ръководство и панел Образци. Тези панели са първите три икони, намерени в раздела „Панели“ вдясно от монтажната плоча (преминавайки отгоре надолу - маркирани в червено на снимката по-горе).

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

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

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

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

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

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

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

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

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

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

Color Guide Harmony Rules Illustrator

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

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

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

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

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

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

Color Swatches Menu Illustrator vs Inkscape

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

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

Inkscape

Inkscape Bar Palette Bar

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

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

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

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

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

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

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

Меню Inkscape Swatches 2019

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Illustrator

Illustrator Shape Builder Tool

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

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

Artboard Tool Shape Region Illustrator

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

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

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

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

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

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

Adobe Illustrator Path Finder Tool

Също така бих искал да отбележа, че всеки път, когато сте избрали множество фигури, Adobe ще покаже опциите на Pathfinder под панела Properties (очертан в зелено на снимката по-горе). Функцията Pathfinder по същество е същото като инструмента Shape Builder, въпреки че можете да извършвате действия с едно щракване, за да извлечете или обедините вашите фигури. Наличните четири действия са Click to Unite, Click to Minus Front, Click to Intersect и Click to Exclude.

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

Например, на снимката по-горе избрах “Union”, за да обединя двете си фигури заедно и да създам една абстрактна форма.

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

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

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

Абонирайте се за бюлетина на DMD

Абонирайте се за бюлетина на DMD

Регистрирайте се, за да получавате нови уроци, актуализации на курсове и най-новите новини за любимия си софтуер с отворен код!

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

Тя ПИН на Pinterest

Споделя това