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

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

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

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

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

Inkscape

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

Inkscape Холст и фон

Для начала, когда вы открываете Inkscape в первый раз, вы не попадаете на экран приветствия. Вместо этого откроется документ по умолчанию (который поставляется с вашей загрузкой Inkscape) (как показано на фотографии выше). Этот документ по умолчанию будет выглядеть немного иначе, чем документ по умолчанию в 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

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

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

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

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

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

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

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

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

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

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

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

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

Inkscape

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

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

Я предупрежу вас сейчас - в Inkscape нет шпаргалки «Руководство по цветам / Правила гармонии».

Функция полосы прокрутки палитры цветов 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 позволяет мне вносить корректировки в цвет заливки (называемый «плоский цвет», когда не используется градиент - обведен зеленым на фотографии выше), отображаемый в моем прямоугольнике, с помощью ползунков HSL (HSL означает «Оттенок, Насыщенность», и легкость - есть также ползунок «А», который обозначает альфа, или прозрачность). Мои другие варианты включают RGB (красный, зеленый, синий и альфа), CMYK (голубой, пурпурный, желтый и черный. Примечание: хотя вы можете выбрать цвета CMYK, вы не можете выводить в цветовой профиль CMYK в Inkscape без плагин для вечеринки или обходной путь), Wheel (который позволяет выбрать цветовой круг) и CMS (который позволяет выбрать цветовой профиль - я не буду описывать этот вариант в этой статье).

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

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

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

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

Одна из особенностей, которую 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.

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

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

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

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

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

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

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

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

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

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

Подпишитесь на нашу рассылку GIMP

Подпишитесь на нашу рассылку, чтобы получать новые учебные пособия, обновления курса GIMP и последние новости.

Вы успешно подписались!

Pin It на Pinterest

Поделись этим