Незаменимая графическая программа для создания векторной графики – Adobe Illustrator. Создание логотипов, иконок, фирменных стилей, значков, упаковок, паттернов, визиток, буклетов, баннеров, иллюстраций, шрифтов, интерфейсов и презентаций – все это возможности данной программы. Как же она устроена и как в ней работать?
Выбираем Adobe Illustrator потому что
Востребованность и популярность векторной графики постоянно растет. В чем ее преимущество и минусы в сравнение растровой графики можно почитать тут. Векторные изображения масштабируются без потери качества. Они занимают мало памяти, что особенно важно в веб-дизайне, например.
Для создания векторных изображений обычно используют две конкурентные программы: Corel Draw и Adobe Illustrator. Но большинство дизайнеров выбирают именно иллюстратор. Плюсом этой программы является взаимодействие с пакетом Adobe: Photoshop, InDesign, After Effects и т.д. Вы можете с легкостью переносить файл с иллюстратора в другие программы Adobe и продолжать работу. Векторные картинки транспортируются в Аfter effects и делается моушен дизайн. Также иллюстратор работает с Cinema 4d.
Презентация в иллюстраторе очень хороша, где есть сложная инфографика. Она легко масштабируется и просматривается на любом мониторе. Ее можно сохранить в формате pdf. Но есть и минусы. Иллюстратор не признает формат Corel Draw, хотят последний в свою очередь формат иллюстратора открывает. И самое главное, создание крупных макетов более 5,7 метров сверстать в Adobe Illustrator не получится. А вот Corel Draw широко используется для этих целей.
В остальном возможности этих программ практически равны, а выбор между ними — дело вкуса.
Настраиваем интерфейс программы
Создавая новый файл в иллюстраторе (Create new), мы видим окно с готовыми шаблонами и форматами. Здесь можно выбрать шаблон для web, для печати, для мобильных телефонов и т.д. Если не нашли шаблон с нужными размерами, можно создать свой. Для этого выберем какой-нибудь формат и настроим его: пропишем имя файла (на английском языке для читаемости другими программами), зададим его размеры в мм, выпуски за обрез, цветовой режим.
Очень важная настройка Raster effects (плотность печати). Для печати выбираем 300 ppi, для web 72 ppi, для огромного билборда – 150 ppi. Эта настройка имеет смысл только для растра, так как чисто векторное изображение можно масштабировать под любой формат. Вообще плотность для растровых изображений нужно уточнять, так как для некоторых мониторов, смартфонов она может быть гораздо выше, чем 72 ppi. Цветовой режим для печати – CMYK, для web – RGB.
В программе предусмотрена рабочая область (workspace) и монтажная область (artboards). Рабочая область по умолчанию темно-серая, монтажная-белая.
На рабочей области можно и рисовать, и создавать объекты также как на монтажной области. Важно отметить, что при экспорте файла, сохранятся изображения, расположенные только на монтажной области. Рабочая область будет хранить ваши эскизы, референсы, мудборды, цвета, шрифты, которые не хотелось бы удалять.
Монтажная область в отличие от рабочей области создается по размерам.
Самая важная, часто используемая панель инструментов в иллюстраторе находится слева. Там представлено большинство инструментов, необходимых для работы.
Нажав на дополнительную стрелку, расположенную справа в углу под инструментом, у нас раскроется дополнительное окно с набором дополнительных настроек. Каждый инструмент по отдельности мы рассмотрим позднее на практике.
Сверху находится панель управления. Особенность панели в том, что она динамическая. При выборе инструмента на панели управления будут отображены настройки и функции именно этого инструмента. Если вдруг отображение не произошло, тогда возможно по неосторожности, вы отключили эту настройку. Включить ее можно, нажав на иконку меню в верхнем правом углу панели и поставить исчезнувшую галочку.
Справа находится плавающая панель floating panel. Она содержит более детальные элементы управления. В каждой вкладке есть свои настройки, которыми мы можем управлять. Например, нажав на иконку монтажной области, мы можем и поменять области местами, и задать им свой порядок, ориентацию, и изменить размер.
Все панели можно отделять, перемещать, потянув их в другую сторону и подсоединять, приблизив к нужному месту, где появится синяя рамочка. Синяя рамка сообщает, что панель можно прикрепить к интерфейсу. Исчезнувшие панели можно вернуть, если зайти в главное меню, выбрать Window и поставить нужные галочки.
Создаем свою floating panel
Эту панель можно полностью подстроить под себя, чтобы было удобно работать. В панели установим самые популярные функции, которым пользуются дизайнеры.
Зайдем в Window и поставим галочку на Align. Появится окно с функциями выравнивания (Align), трансформации (Transform) и обработка контуров (Pathfinder). Эти функции обычно идут вместе. Если какая либо функция нам не нужна, то можно перетащить ее с помощью левой клавишей мыши и закрыть.
По аналогии включим остальные панели, такие как appearance, artboards, color, character, gradient и т.д.
В программе есть много разных полезных функций и горячих клавиш, которые в разы облегчают работу. Скачать весь список горячих клавиш можно, нажав Edit – Keyboard Shostcuts
Регулируем главные настройки иллюстратора
В главном меню Edit-Preference-General (Ctrl+K) открываются главные настройки самой программы. Здесь отметим важные моменты.
В настройке keyboard Increment (шаг перемещения, на который перемещается выделенный объект с помощью стрелок) зададим 1 px.
Corner radius (радиус скругления углов прямоугольника) оставляем без изменений 12 px.
В units (единицы измерения, которые подходят для данной работы):
- pixels– для веб и мобильных приложений;
- millimeters, santimeters, inches– для печати;
- points, picas — для шрифтовой работы.
Show tool tips (показывать подсказки по инструментам) ставки гаочку.
Scale strokes and effects (масштабировать обводки и эффекты в соответствии с масштабом элемента) ставим галочку.
Scale corners (масштабировать углы) тоже включаем.
Далее в блоке Selection and anchor display (отображение и выделение опорных точек) ставим галочку Highlight anchors on over mouse (подсвечивание опорной точки при наведении курсора).
Значения каждой настройки можно посмотреть и скачать здесь.
На данном этапе для начала работы в иллюстраторе этих небольших знаний будет достаточно. В процессе практики придет понимание и запоминание других инструментов программы.
