Inkscape и Adobe Illustrator - это две масштабируемые программы векторной графики, которые используют математические формулы для создания точных и бесконечно масштабируемых векторных рисунков и дизайнов. Illustrator, на момент написания этой статьи, безусловно, является отраслевым стандартом, когда речь идет о векторном искусстве, но Inkscape - это увлекательная бесплатная альтернатива, которая действительно может выступать в качестве жизнеспособной альтернативы.

Другими словами, Inkscape не так уж и плох - и не требует премиум-подписки.

Но, конечно, как и у любой другой программы, Inkscape имеет свой собственный способ действий, который отличается от того, как это делает Illustrator. Для занятого дизайнера это может сделать переключение программ на первый взгляд нереальным и разочаровывающим. Это особенно верно для людей, которые используют Illustrator настолько, что пользовательский интерфейс, включая расположение всех различных инструментов и меню программы, стал второй натурой для навигации. А функции и возможности программы были сохранены в памяти - поэтому вы точно знаете, что можете и что не можете делать с программой.

С Inkscape вы можете быть не уверены, с чего начать, так как законы программы немного другие. Кроме того, вы не знаете, что программа может или не может сделать.

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

В этой статье я сравниваю 3 с тем, что я считаю наиболее распространенными или важными функциями в Illustrator, с аналогичными функциями в Inkscape. Я буду следовать тому же формату для каждой задачи - с описанием того, как выполнить задачу в иллюстраторс последующим описанием того, как выполнить ту же или аналогичную задачу в Inkscape.

Вы можете посмотреть видео версию этого руководства прямо ниже или пропустить видео, чтобы перейти к статье (доступно на нескольких языках).

1. Создание или изменение размера иллюстратора Artboard vs Inkscape Canvas

Первая задача в этом списке - очень простая. При этом две программы довольно сильно отличаются друг от друга, когда речь идет о настройке пустого документа - и, следовательно, о настройке артборда (в Illustrator) или холста (в Inkscape).

иллюстратор

В Illustrator используется система Artboard, позволяющая создавать несколько артбордов в одной композиции. Это чрезвычайно полезно, потому что вы можете создавать бесшовные многостраничные композиции или, по крайней мере, создавать многостраничные дизайны, которые следуют единой эстетике дизайна.

Экран приветствия иллюстратора Inkscape vs Illustrator

При первом открытии Illustrator вам предоставляется экран приветствия, который позволяет выбрать один из множества часто используемых шаблонов (выделенных красным на фотографии выше).

Вы также можете выбрать опцию «Создать новый» (обозначена красной стрелкой на фотографии выше), которая позволяет создавать новый пользовательский документ, в котором вы можете установить размер артборда и выбрать, хотите ли вы один артборд или несколько артборды для вашей композиции.

Для простоты этой статьи я воспользуюсь первой опцией компоновки по умолчанию на экране приветствия в разделе «Начать новый файл быстро», который для американской версии является опцией «Letter - 612 x 792 pt».

Учебник New Letter Artboard vs Inkscape

После выбора этой опции откроется новый артборд (обозначенный красной стрелкой) с размерами, указанными на экране приветствия (612 pt для ширины, 792 pt для высоты).

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

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

Если бы я хотел изменить размеры этой монтажной области, у меня есть три варианта. Мои первые два варианта доступны прямо в моем окне композиции. Я могу либо нажать кнопку «Редактировать монтажные области» в правой части окна на вкладке «Свойства» (обозначено зеленой стрелкой), либо я могу щелкнуть инструмент «Редактировать монтажную область», обычно известный как инструмент монтажной области, над в моем наборе инструментов в правой части окна (горячая клавиша для этого инструмента - Shift + O - обозначена красной стрелкой на фотографии выше).

Параметр настройки документа Adobe Illustrator Artboard

Третий вариант - перейти в меню «Файл»> «Настройка документа» и нажать кнопку «Редактировать монтажные области».

Редактировать Adobe Illustrator Artboard

Независимо от того, какой метод вы используете, вы попадете на тот же экран, чтобы отредактировать свой артборд (выделен зеленым на фотографии выше) с помощью инструмента Artboard (все три параметра активируют инструмент Artboard) - обозначен красной стрелкой на фотографии выше ). В этой области Illustrator имеет немного большую гибкость, чем Inkscape, потому что вы можете нарисовать новую монтажную область, просто щелкнув и перетащив мышь с помощью инструмента Artboard. Вы также можете Alt + перетащить текущий артборд, чтобы создать дубликат артборда в вашей композиции (и, таким образом, теперь имеет более одного артборда), или щелкнуть значок «Создать новый артборд» (который также создаст дубликат вашего текущего артборда - обозначен синей стрелкой).

Изменить Adobe Illustrator Artboard Ширина и Высота

Кроме того, вы можете вручную ввести новую ширину и высоту для артборда в соответствующих полях на панели свойств (область справа от артборда) или на панели управления (вверху артборда). Обе эти области, где вы можете редактировать ширину и / или высоту вашего артборда, выделены синим цветом на фотографии выше.

Последнее, что я здесь упомяну, это то, что вы можете получить доступ к множеству других опций, чтобы настроить артборд или добавить дополнительные функции, нажав кнопку «Параметры артборда» на панели свойств (обозначена красной стрелкой).

Inkscape

Итак, мы слышали о множестве способов создания, изменения размера или добавления / настройки ваших монтажных областей в Illustrator. Так чем же отличается этот процесс в Inkscape?

Inkscape Холст и фон

Для начала, когда вы открываете Inkscape в первый раз, вы не попадаете на экран приветствия. Вместо этого откроется документ по умолчанию (который поставляется с вашей загрузкой Inkscape) (как показано на фотографии выше). Этот документ по умолчанию будет выглядеть немного иначе, чем документ по умолчанию в Illustrator.

Например, холст белый с тонкой черной рамкой (как в Illustrator - обозначен красной стрелкой на фотографии выше), но область вокруг холста по умолчанию также белая (обозначена синей стрелкой). Это может стать настоящей проблемой для дизайнеров, впервые открывающих Inkscape, потому что они так привыкли к белой монтажной области и темно-серому фону, которые есть в Illustrator.

Если вы предпочитаете иметь свой Холст Inkscape выглядит как артборд Adobe Illustrator, я рекомендую проверить мою статью о том, как выполнить эту задачу.

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

Если вы хотите изменить свойства холста Inkscape (т.е. изменить размер холста, отредактировать цвет фона и т. Д.), Есть два способа сделать это. Просто будьте осторожны - в настоящее время нет инструмента Artboard или Canvas, эквивалентного Illustrator. Первый способ - использовать значок «Изменить свойства» на панели команд, которая находится с правой стороны вашего холста (обозначена красной стрелкой на фотографии выше).

Меню свойств документа Учебное пособие по Inkscape

Второй вариант - перейти в Файл> Свойства документа (сочетание клавиш 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).

иллюстратор

Цветные панели иллюстратор Панели

В Adobe Illustrator есть три легко доступные цветные панели, которые помогают вам просматривать и применять цвета к вашим произведениям. Это панель «Цвет», панель «Руководство по цвету» и панель «Образцы». Эти панели представляют собой первые три значка, которые можно найти в разделе «Панели» справа от монтажной области (сверху вниз - выделены красным на фотографии выше).

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

Когда вы щелкаете по панели «Цвет» (красная стрелка), вы можете выбрать любой цвет в спектре для выбранного вами цветового пространства.

Меню параметров цветной панели Illustrator и Inkscape

Другими словами, если щелкнуть значок «Параметры» в верхнем правом углу панели «Цвет» (красная стрелка), вы можете выбрать любое из цветовых пространств, поддерживаемых в Illustrator (в этом примере я использовал CMYK).

С выбранным CMYK я могу навести курсор мыши на любой цвет на CMYK Spectrum и щелкнуть, чтобы выбрать этот цвет в качестве основного цвета заливки. Если я нажму alt + click на спектре, цвет, над которым я наведен, будет выбран в качестве цвета обводки.

Выбор цвета заливки и обводки

Я также могу выбрать «Нет», «Черный» или «Белый» из любого из трех образцов над областью цветового спектра (выделенной красным) в качестве цвета переднего плана или фона.

Цветовая панель Illustrator

Вы заметите вкладку справа от вкладки с надписью «Цвет», когда на панели цветов с надписью «Руководство по цвету» (красная стрелка). Щелкнув эту вкладку, вы попадете на панель Color Guide. Вы также можете перейти на эту панель, щелкнув второй значок сверху в разделе «Панели».

На мой взгляд, панель Color Guide - единственная лучшая функция в Illustrator. Причина в том, что он рекомендует использовать цвета на основе текущего цвета, который вы выбрали (в данном случае, цвета переднего плана), используя теорию цвета в режиме реального времени для информирования своих рекомендаций. Первый цвет, отображаемый в Цветовой шкале, - это цвет переднего плана, за которым следуют рекомендуемые цвета на основе выбранного «Правила гармонии».

Руководство по цвету Гармония Правила Illustrator

Итак, если я щелкну раскрывающийся список (который называется «Правила гармонии» при наведении на него - выделено синим цветом выше), вы увидите, что мое текущее выбранное правило гармонии в данном случае является правилом гармонии «тетрады 2» (красная стрелка ). Цвета, которые будут отображаться на основе вашего цвета переднего плана, будут зависеть от конкретной теории цвета, лежащей в основе любого выбранного вами правила гармонии. Для правила гармонии тетрады 2 у нас есть 5 основных цветов: зеленый из цвета переднего плана, темно-зеленый, темно-синий, розоватый цвет и коричневый цвет.

Иллюстратор Цветное руководство Tetrad 2 Harmony Rule

Эти 5 цветов отображаются вертикально в центральном ряду на нашей панели Color Guides (вы можете видеть стрелку, указывающую на эти цвета - обозначенную красной стрелкой на фотографии выше), и каждый цвет затем имеет четыре соответствующих оттенка (слева от центральный цвет) и четыре оттенка (справа от центрального цвета).

Color Guide Illustrator Правильный комплимент

Если я выберу другое Правило Гармонии - скажем, Правильный комплимент - мои цвета изменятся, а Оттенки и Оттенки будут обновляться на основе этих основных цветов. Иногда цветов больше пяти, иногда меньше пяти. Это зависит от правила гармонии. В этом случае отображается шесть цветов (вам нужно прокрутить вниз в шкале цветов, чтобы увидеть шестой цвет - полоса прокрутки вниз обозначена красной стрелкой на фотографии выше).

Однако главный вывод из этой функции заключается в том, что она позволяет легко придумывать цветовые схемы или цветовые вариации для ваших дизайнов на основе одного цвета. Эти цвета, как правило, хорошо сочетаются друг с другом, потому что они происходят из правила гармонии, которое гарантирует, что они не конфликтуют и не выглядят как случайные цвета, смешанные вместе. Таким образом, цвета вашего дизайна выглядят более согласованными и профессиональными.

Меню «Образцы цветов» и Inkscape

Наконец, под панелью Color Guide находится панель Swatches (обозначена синей стрелкой). Здесь вы можете выбрать из множества образцов цвета по умолчанию, чтобы установить цвет переднего плана или фона. Сюда входят отдельные цвета, а также цветовые группы, которые либо поставляются с программой по умолчанию, либо создаются пользователем.

Чтобы просмотреть все образцы по умолчанию, которые поставляются с Illustrator по умолчанию, вы можете нажать на «Меню библиотеки образцов» (обозначено красной стрелкой) и просмотреть различные доступные параметры. Я не буду вдаваться в подробности о функциях цвета в Adobe просто ради этой статьи. Но, как вы понимаете, в Adobe Illustrator есть множество вариантов выбора, когда дело доходит до цветовых функций.

Inkscape

Цветовая палитра Inkscape

При первом открытии Inkscape одной из первых вещей, которая больше всего выделяется для пользователя Illustrator, является ряд образцов цвета в нижней части окна (выделенный зеленым цветом на фотографии). Поначалу это выглядит почти безвкусно и непривычно, и можно попытаться найти эквивалент панели Color Guide (как в Illustrator), чтобы найти шпаргалку для создания цветовых схем.

Предупреждаю - в Inkscape на данный момент нет шпаргалки по Color Guide / Harmony Rules.

Функция полосы прокрутки палитры цветов Inkscape

Однако в так называемой «цветовой палитре» Inkscape есть гораздо больше, чем кажется на первый взгляд. На первый взгляд кажется, что на нижней панели цветовой палитры под холстом можно выбрать всего около 120 цветов. Однако под всеми образцами есть полоса прокрутки (обозначенная красной стрелкой), которая позволяет прокручивать вправо и отображать еще больше цветов. Я сделал быструю приблизительную оценку того, сколько цветов было доступно, и по умолчанию поставил около 600 цветов.

Цветовая палитра Бар Inkscape Цвета объяснил

Первый цвет в цветовой палитре - «Нет» (красная стрелка), что означает, что щелчок по нему установит цвет переднего плана на «Нет» так же, как и в Illustrator (Shift + щелчок по нему установит цвет фона на никто). Затем у вас есть серия цветов, переходящих от черного к белому, за которыми следуют некоторые часто используемые цвета, такие как бордовый, желтый, синий и т. Д., За которыми следует серия цветов, которые начинаются с темного оттенка и переходят к более светлому оттенку от слева направо.

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

Меню образцов Inkscape 2019

При нажатии на это меню отображается более 20 других цветовых палитр на выбор (обведены зеленым на фотографии выше), а также отображаются любые созданные пользователем цветовые палитры (значок «Западная Горная ПивоварняЦветовая палитра, отображаемая на фотографии, - это та, которую я создал для учебника).

Самая вводящая в заблуждение часть панели цветовой палитры для новых пользователей, особенно тех, кто пришел из Illustrator, заключается в том, что похоже, что это единственный вариант для редактирования цветов в программе, но это, конечно, не так.

Меню заливки и обводки объектов Учебник Inkscape 2019

Фактически, основная область редактирования цвета находится в меню «Объект»> «Заливка и обводка» (доступ к которому можно получить с помощью сочетания клавиш shift + ctrl + f).

Если у вас еще нет объектов, нарисованных на вашем холсте (как в случае со мной в этом примере), здесь ничего не будет отображаться.

Диалог Fill and Stroke Inkscape против Illustrator

Если я нарисую объект (используя что-то вроде инструмента «Прямоугольник» или инструмента «Текст» - в этом примере я буду использовать инструмент «Прямоугольник»), то теперь я получу несколько вариантов цветового пространства в разделе «Заливка» (обведены зеленым на фотографии выше. ), которые позволяют мне настраивать цвет заливки прямоугольника прямо на холсте.

Диалог Fill and Stroke закрывает Inkscape против Illustrator

По умолчанию Inkscape позволяет мне корректировать цвет заливки (называемый «Flat Color», когда не используется градиент - выделен зеленым на фотографии выше), отображаемый в моем прямоугольнике с помощью ползунков HSL (HSL означает Hue, Saturation, и Lightness - также есть ползунок «A», который означает Alpha, или прозрачность). Мои другие варианты включают RGB (красный, зеленый, синий и альфа), CMYK (голубой, пурпурный, желтый и черный). Примечание: хотя вы можете выбирать цвета CMYK, вы не можете выводить в цветовой профиль CMYK в Inkscape без третьего- party plugin или обходной путь), Wheel (который позволяет вам выбирать из цветового круга) и CMS (который позволяет вам выбирать цветовой профиль - я не буду вдаваться в этот вариант в этой статье).

Нажав на опцию «Колесо», вы увидите, что, как и в панели «Цвет» в Illustrator, вы можете выбрать случайный цвет, используя указатель мыши для цвета заливки.

В меню «Заливка и обводка» есть и другие параметры, которые я не буду вдаваться в подробности, в том числе возможность добавить линейный или радиальный градиент, градиент сетки или узор - среди некоторых других параметров.

Inkscape Color Wheel Меню обводки

Вы также можете применить все эти функции к обводке вашего объекта, щелкнув вкладку «Обводка» (обозначена красной стрелкой). В этом случае у меня установлен только красный цвет заливки, поэтому, когда я нажимаю на вкладку «Обводка», ничего не отображается. Однако, если я, удерживая нажатой клавишу Shift, щелкну цвет на панели цветовой палитры (я выбрал синий), чтобы добавить обводку, вы увидите, что те же самые параметры цвета появляются для обводки (как вы можете видеть на фотографии выше).

Одна из особенностей Inkscape, которой нет в Illustrator, - это возможность добавлять градиент к обводке объекта. На мой взгляд, это большая победа для Inkscape, так как меня всегда раздражало отсутствие функциональности в Illustrator.

3. Объединение фигур: инструмент Illustrator Shape Builder и меню пути Inkscape

Я упомянул, что, по моему мнению, панель «Руководство по цвету» была самой полезной функцией в Illustrator. Второй наиболее полезной функцией, на мой взгляд, является инструмент Shape Builder. Этот инструмент позволяет легко комбинировать фигуры для создания более сложного объекта, что резко расширяет функциональные возможности программы и позволяет не художникам создавать художественные работы, не требуя навыков рисования. К счастью, Inkscape включает собственную версию этой функции в свою программу, что, по общему признанию, значительно упрощает переход на бесплатную программу.

иллюстратор

Инструмент для создания форм Illustrator

В Illustrator вам нужно начать с рисования как минимум двух форм, которые перекрывают друг друга (как я сделал на фотографии выше). Затем выделите все фигуры с помощью инструмента «Выделение» или перейдя в «Выделение»> «Все».

Инструмент Shape Builder найден в вашем наборе инструментов (обозначен красной стрелкой на изображении выше) или с помощью сочетания клавиш Shift + M.

Artboard Tool Shape Region Illustrator

Выбрав все фигуры, которые вы хотите объединить (в данном случае только две фигуры), вы можете навести указатель мыши на различные перекрывающиеся части ваших фигур (называемые областями - вы можете увидеть одну область, выделенную с помощью Shape Builder. инструмент на фотографии выше, обозначенный красной стрелкой), чтобы увидеть, какие части вы хотите «извлечь» или «объединить».

Adobe Illustrator Shape Builder Extract

Чтобы извлечь или разделить части фигуры, просто нажмите один раз на области фигуры, которые вы хотите отделить от исходного набора фигур.

Объединение фигур с помощью инструмента Illustrator Shape Builder

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

Вы можете объединить части областей, которые перекрываются, или объединить все области всех выбранных фигур. Окончательный стиль новой формы или области формы будет зависеть от Правила Adobe для инструмента Shape Builder.

Инструмент для поиска путей Adobe Illustrator

Я также хотел бы отметить, что каждый раз, когда у вас выбрано несколько фигур, Adobe будет отображать параметры Pathfinder на панели «Свойства» (обведены зеленым на фотографии выше). Функция Pathfinder - это, по сути, то же самое, что и инструмент Shape Builder, хотя вы можете выполнять действия одним щелчком мыши для извлечения или объединения ваших фигур. Доступны четыре действия: «Щелкнуть, чтобы объединить», «Щелкнуть, чтобы вычесть спереди», «Щелкнуть, чтобы пересечь», и «Щелкнуть, чтобы исключить».

Inkscape

выбор нескольких фигур в Inkscape

Inkscape может использовать преимущества извлечения и объединения фигур, используя терминологию Illustrator, хотя он называет фигуры «объектами» и «контурами» (в зависимости от того, преобразовали ли вы свой объект в контур после того, как его нарисовали). В Inkscape процесс немного отличается, но мы начнем с прямоугольника и круга, перекрывающих друг друга, как это было в примере с Illustrator.

Чтобы выбрать обе фигуры, вы можете либо Shift + щелкнуть по всем фигурам, которые вы хотите выбрать, используя инструмент выделения (обозначен красной стрелкой), либо щелкнуть и перетащить мышь, затем удерживать клавишу ctrl и перетащить любую фигур, которые вы хотите выбрать (вам нужно провести по всем фигурам для всех фигур, которые вы хотите выбрать, иначе это не сработает).

Путь от объекта к пути Inkscape против Illustrator Shape Builder

После того, как вы выбрали фигуры, известные как объекты, вам необходимо преобразовать их в контуры. Для этого перейдите в Path> Object to Path (красная стрелка).

Путь меню Inkscape против Illustrator

Затем вы можете использовать меню «Путь» для выполнения различных функций, аналогичных функциям «Навигатор» в Illustrator. Во всех есть опции 8 (выделены зеленым цветом на фото выше), включая объединение, разность, пересечение, исключение, деление, отрезок, объединение и разделение.

Функция построения контуров Union Path Inkscape

Например, на фотографии выше я выбрал «Союз», чтобы объединить две фигуры вместе и создать одну абстрактную фигуру.

Таким образом, подобно инструменту «Навигатор» в Illustrator, меню «Контуры» в Inkscape позволяет создавать различные типы фигур одним щелчком мыши.

Таким образом, Inkscape и Illustrator на самом деле больше похожи, чем кажутся на первый взгляд. У каждой программы просто немного разные способы работы, которые дают схожие конечные результаты.

Вот и все для этого урока! Если вам понравилось, вы можете проверить любой из моих других Статьи справки Inkscape, Видеоинструкции по Inkscapeили даже мой Учебники по GIMP.

Pin It на Pinterest