10 Инструментов Adobe Illustrator Которые Должен Использовать Каждый Дизайнер

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

Что же, не будем больше тратить драгоценное время и начнем отсчет нашего топ-списка, с номера 10, под которым у нас идет Линейка (Ruler).

10. Линейка

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

По умолчанию этот инструмент скрыт, но вы можете легко вызвать его нажав Control-R или зайдя в Просмотр > Линейки > Показать Линейки (View > Rulers > Show Rulers).

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

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

Если вы никогда не пользовались этим инструментом, я искренне рекомендуем вам его попробовать. Я уверен, что он станет привычным элементом вашего рабочего процесс, как только вы увидите его потенциал.

Вы можете посмотреть этот короткий урок, из которого вы узнаете все, что вам нужно, что бы стать мастером Линейки в Иллюстраторе.

9. Инструмент Переход

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

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

Как и большинство инструментов Иллюстратора - Переход, является универсальным инструментом, так как он позволяет создавать паттерны из повторяющихся элементов, цветовых палитр, или, как видно из названия, создавать цветовые переходы между двумя или несколькими объектами.

Вы можете найти его в подменю Объект > Переход (Object > Blend), там же вы можете поиграть с опциями (Параметры Перехода), и конечно запустить его (Создать (Make) или Alt-Control-B), что бы создать, то что вы хотите.

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

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

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

Чтобы узнать больше, почему бы вам не прочесть наше полное руководство по использованию инструмента «Переход».

8. Создать Параллельный Контур

Пытаетесь ли вы создать большую копию уже существующего объекта, или хотите создать контур для фигуры, Создание Параллельного Контура (Offset Path) поможет решить эти задачи.

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

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

Вы можете найти этот инструмент в подменю Объект > Контур (Object > Path), и при выбранном объекте выберите Создать Параллельный Контур (Offset Path), тогда появится окно опций, где вы можете выбрать то, что вам нужно, начиная от величины Смещения (Offset) до типа Стыков (Joins) и величины Срезания (Miter Limit).

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

Если вы занимаетесь дизайном иконок, даже больше - иконок в линейном стиле, я очень рекомендую вам познакомится с уроком, в котором говорится о том, как работает Создание Параллельного Контура, что значительно повысит ваш уровень.

7. Обтравочная Маска

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

Теперь, если вы еще не знали, Обтравочная Маска (Clipping Mask), как ее отлично определяет Adobe, это "объект, форма которого маскирует другой рисунок так, что видимыми остаются только области, которые лежат в пределах маски".

Обычно при создании сложных композиций, вы можете подумать, что Панель Обработки Контуров (Pathfinder) с ее Взаимодействиями Составляющих (Shape Modes) - это верный способ, что бы подправить формы объектов, как вам нужно. Но как я узнал на своем опыте, Обтравочная Маска, почти всегда является лучшим решением ,так как она оставляет вам полный контроль над скрытыми формами.

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

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

Вы можете прочитать больше о преимуществах использования Обтравочной Маски перед Взаимодействием Составляющих в Панели Обработки Контуров и увидеть, как ее использовать, и самое главное, узнать, почему вам стоит с ней поработать.

6. Панель Монтажные Области

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

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

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

Я не буду вдаваться в подробности, а дам вам ссылку на статью, которая научит вас тому, как использовать Монтажные Области для экспорта ваших наборов иконок.

5. Панель Слоев

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

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

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

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

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

4. Панель Обработка Контуров

Номер четыре нашего списка - Панель Обработка Контуров (Pathfinder), а точнее ее четыре Взаимодействия Составляющих (Shape Modes), которые позволяют вам создавать новые формы комбинируя контуры двух или большего количества объектов.

Тут вы можете подумать, что я ведь несколькими строчками выше, сказал, что Обтравочная Маска удобнее, чем Обработка Контуров. Да-да, если вам надо подогнать объекты, добавить эффекты или другие элементы - использование Обтравочной Маски будет всегда эффективнее для таких случаев. Но если вам надо создать совершенно новую фигуру из более простых, например такой как прямоугольник, то Панель Обработки Контуров - это то, что нужно.

Вы можете использовать Соединение, Минус Верхний, Пересечение и Исключение, чтобы создавать новые и интересны формы, когда разберетесь, как работает каждое Взаимодействие.

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

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

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

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

3. Панель Выравнивание

Хотите ли вы выравнять объекты по Монтажной Области или распределить элементы с определенным расстоянием между ними,  панель Выравнивание (Align) - лучший инструмент для такой работы. Это простой в использовании и быстрый в работе инструмент.

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

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

Когда вы сделаете это, у вас появится новая функция, которая называется Распределить Объекты (Distribute Spacing), которая позволяет вам точно расположить два или более элементов с определенным расстоянием между ними.

Вам так же становится доступен контроль, над тем как будет выполняться выравнивание, вы можете выбрать между Ключевым Объектом или Монтажной Областью. В противном случае, Иллюстратор всегда будет выполнять выравнивание по первому пункту.

Я лично, предпочитаю, что бы было отмечено Выравнивание по Монтажной Области, так как если мне нужно выровнять один объект относительно другого, я просто выделяю их, и щелкаю по тому, который я хочу назначить Ключевым Объектом, чтобы выравнивание выполнялось по нему.

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

2. Сетка

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

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

1. Выравнивание по Сетке/ Пиксельная Сетка

Сетка сама по себе - точный инструмент, но если вы начинаете заниматься выстраиванием композиции с пиксельной точностью, вы должны сочетать ее возможности с Привязкой к Сетке/Пиксельной Сеткой (Snap to Grid / Pixel Grid), что бы выйти на новый совершенно другой уровень.

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

Так что, если вы никогда не использовали опцию Привязка к Сетке/Пиксельная Сетка из  меню Просмотр, я настоятельно советую вам с этим познакомится, так как в какой-то момент, в каком-нибудь проекте вы поймете, что вам нужна возможность работы с исключительной точностью.

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

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

Время Заняться Практикой!

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

Я надеюсь вам понравилась статья и вы узнали для себя что-то новое.