что такое монтажная область в иллюстраторе
Записки микростокового иллюстратора
Микростоки: рисуем и зарабатываем на своем творчестве
27 нояб. 2014 г.
Монтажные области в Adobe Illustrator. Использование нескольких Artboards для быстрого сохранения серии иллюстраций на микростоки.
Всем привет! А у нас очередной урок Adobe Illustrator, в котором я расскажу и покажу плюсы использования нескольких монтажных областей. Если у вас не самая старая версия иллюстратора, то вы наверняка заметили, что помимо слоёв, там есть ещё одно измерение, которое называется Artboards. Монтажные области, рабочие области, артборды. Можно по разному их называть. Выглядит это всё как-то так.
Да, совершенно верно. Как будто несколько картинок лежат в одном векторном файле. Это и есть Artboards. Именно с ними мы сегодня немного поколдуем. Ведь использовать несколько артбордов в одном файле очень удобно. Особенно, если вы делаете серию однотипных картинок или симиляры для микростоков. Когда работа закончена, можно в пару кликов сохранить все иллюстрации. Будь их хоть десять, хоть двадцать. И не нужно никаких экшенов, скриптов и прочих заморочек.
Этот урок Adobe Illustrator я решил разделить на несколько частей. В самом начале разбираются основные моменты по работе с монтажными областями, которые будут полезны начинающим. А в конце показано, как с нескольких Artboards сохранить иллюстрации для микростоков.
Создание новых Artboards
По умолчанию в иллюстраторе одна рабочая область. И когда вы делаете новый документ, он может выглядеть вот так.
Как вы уже поняли, за рабочие области отвечает панель Artboards. И первый способ добавить в векторный файл новый артбоард, это нажать на кнопочку New Artboard.
Новая монтажная область появится рядом. Через панель Artboards можно также удалять рабочие области, иконка мусорной корзины явно на это намекает. Если зайти в меню панели, то там вам будут предложены дополнительные опции.
В общем, панель Artboards обладает поистине мистическими способностями по искажению и преломлению векторного пространства в Adobe Illustrator.
Но на самом деле рабочие области можно заказать при создании нового файла. Обратите внимание на пункт, выделенный красным.
Но самым настоящим властелином мира, вы почувствуете себя, когда попробуете инструмент Artboard Tool (Shift+O). Его мощь несокрушима, и позволяет проникнуть сквозь ткань векторного бытия, чтобы управлять артбордами.
Да, артборды можно двигать, сжимать и растягивать. У кого была пятёрка в школе по геометрии, обратите внимание на панель информации, что вверху. Там будут точные координаты и размеры текущей монтажной области, плюс другие полезные кнопочки.
Также хочу вам рассказать об одной весьма полезной команде, которая приклеивает рабочую область к уже нарисованной иллюстрации. Это очень удобно, когда надо подогнать размеры артборда к готовой картинке. Просто выделите то, что нарисовали, и идите Object > Artboards > Fit to Selected Art. Текущая рабочая область изменит свои размеры, встав точно по краям выделенной иллюстрации.
Сохраняем серию иллюстраций из одного файла
Итак, хватит баловаться, давайте перейдём к делу. Для примера я взял файл, в котором три монтажных области. На первой новогодний фон, а на второй и третьей редизайны этой картинки с шариком и ёлочкой. Размеры у артбордов 1200×1200 px.
Сначала давайте сделаем из всего этого EPS-ы для стоков. Идём File > Save as.
При этом christmas-background.eps это векторный файл, который включает все три фона. Можете считать его так называемым исходником. Но так как в EPS-10 несколько рабочих областей не поддерживается, то в итоге все три картинки будут лежать на одной рабочей области. Поэтому в качестве исходника лучше всё-таки сохранить отдельно вектор в формате ai вашей текущей версии Adobe Illustrator.
Файлы с цифрами на конце 01, 02 и 03, это вектора с отдельными рабочими областями. Если открыть, например, christmas-background-01.eps, то там будет только одна рабочая область номер 1 с рождественским фоном. Таким образом Adobe Illustrator разбил общий файл на несколько EPS. По одной рабочей области в каждом.
Но вернёмся к нашему файлу с несколькими артбордами, так как нужно ещё сделать растровое превью для всех картинок. Для этого идём File > Export.
Далее выбираем тип файла JPEG, и снова ставим галочку Use Artboards. В следующем окне необходимо будет выставить максимальные настройки качества для JPEG.
Жмём OK, иллюстратор пыхтит некоторое время, всё зависит от количества артбордов и сложности вектора. Может даже успеете чай попить. В итоге получаем следующие файлы.
С каждой рабочей области иллюстратор сделал экпорт в отдельный растровый JPEG. Цифры, как и в случае с EPS, соответствуют номерам артбордов. Размеры у JPEG в моём примере вышли 5000×5000 px, разрешение 300 dpi. В общем, вкусное и душистое растровое превью, которое подойдёт практически для всех микростоков. Так что можно брать пары файлов JPEG и EPS с одинаковыми названиями и смело загружать. Если только конечно ваши вектора подготовлены в соответствии с техническими требованиями микростоков. Подробнее об этом можно почитать вот тут: Как готовить векторные файлы к продаже на микростоках.
На этом мы заканчиваем наши эксперименты с параллельными вселенными, живущими в разных артбоардах Adobe Illustrator. Меня опять понесло в область эпических словесных оборотов из мира научной фантастики. Недавно посмотрел Interstellar, так что всё ещё прёт 🙂
Большой сборник уроков по иллюстратору на русском языке для начинающих и продвинутых. Уроки шаг за шагом, полезные техники и приемы, видео уроки и курсы по иллюстратору: Уроки Ai
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
1.4. Монтажные области
Сфера полиграфической рекламы подразумевает использование одних и тех же элементов графического образа в качестве ключевых элементов в рамках различных носителей. Например, это требуется при создании буклета, календаря и баннера в рамках одного документа. В этих целях целесообразно создание в одном документе нескольких монтажных областей.
Artboard (Монтажная область)
Монтажные области – это области, в составе которых могут содержаться печатаемые графические объекты. Они могут использоваться как области кадрирования для печати. Создание ряда монтажных областей полезно при создании разного рода объектов, например печатных страниц с различными элементами или размерами, многостраничных PDF-файлов, независимых элементов веб-сайтов и т. д.
Возможно создание многостраничных файлов, которые содержат до сотни разноразмерных областей. При этом монтажные области могут частично перекрывать друг друга, находиться одна на другой либо примыкать друг к другу.
Сохранение, экспортирование и печать монтажных областей можно производить как вместе, так и раздельно.
Количество монтажных областей можно устанавливать при создании документа, а в процессе работы можно добавлять новые или удалять существующие. Вы можете задавать произвольные размеры монтажных областей и впоследствии изменять их с помощью палитры ARTBOARDS (Монтажные области) либо инструмента Artboard (Монтажная область). Также у вас есть возможность произвольного расположения монтажных областей, при этом допускается перекрытие одной области другой.
Режимы просмотра графических объектов
Чтобы изменить параметры отображения документа в рамках рабочего окна программы, можно использовать режимы, имеющиеся в главном меню View (Вид).
Программа по умолчанию использует режим просмотра под названием Preview (Иллюстрация). Название режима отображается в скобках, расположенных после названия документа. Этот режим подразумевает отображение всех цветов, градиентов, узорных заливок, декоративных обводок и применённых эффектов. Отображение растровых иллюстраций производится в цвете. Иными словами, всё, что вы нарисовали, будет отображаться на экране. Также существует режим просмотра под названием Outline (Макет), который отличается большим комфортом выравнивания, выделения и построения. Чтобы переключиться в этот режим, нужно использовать комбинацию клавиш + либо команду главного меню View | Outline (Вид | Макет). В этом режиме отображается только обводка всех объектов и прямоугольные контуры иллюстраций.
Кстати, в этот режим можно переключить какую-либо отдельную часть изображения при помощи палитры LAYERS (Слои).
В режиме под названием Overprint Preview (Отображение наложения) вы можете увидеть области наложения цветов.
А режим под названием Pixel Preview (Отображение в пикселах) позволяет трансформировать векторные изображения в растровые, чтобы отобразить документ в стандарте веб-браузера.
Копирование и перемещение монтажных областей
Создаете иллюстрации для книги, карточной игры, многостраничной брошюры и т. д.? Для ускорения работы используйте функцию копирования и перемещения монтажных областей.
Вырезание и копирование монтажных областей
Вы можете копировать и вставлять монтажные области в пределах одного документа или между несколькими документами.
Выберите одну или несколько монтажных областей, используя инструмент «Монтажная область», и выполните одно из следующих действий:
Операция
Windows
macOS
Скопированная монтажная область будет вставлена после последней монтажной области в активной строке монтажных областей. Если в активной строке больше нет места, то монтажная область будет перемещена на следующую строку.
Примечание. При вырезании и копировании монтажных областей расширенные параметры вставки будут недоступны.
Перемещение монтажных областей
Чтобы переместить монтажные области в пределах одного документа или в разных документах:
Настройка выполняемых задач
По умолчанию перемещение и копирование монтажных областей происходит вместе с их содержимым. Чтобы отключить перемещение содержимого, нажмите кнопку «Переместить/копировать объект с монтажной областью» (
) на панели «Управление».
Выберите параметр «Вставить скопированные слои» на панели «Слои».
По умолчанию Illustrator не перемещает заблокированные или скрытые объекты при копировании монтажных областей. Для изменения этой опции выберите Установки > Отображение выделения и опорных точек > Перемещать заблокированный или скрытый объект вместе с монтажной областью.
При копировании монтажной области ее название сохраняется и в скопированной версии. Различать монтажные области можно по их идентификаторам.
Основные сведения о рабочей среде
Для создания и управления документами и файлами используются такие элементы интерфейса, как палитры, панели и окна. Расположение этих элементов называется рабочей средой. (Рабочие среды разных приложений в Creative Cloud имеют одинаковый вид, что позволяет пользователю с легкостью переключаться между ними.) Пользователь может настроить Illustrator в соответствии со своими предпочтениями, выбрав стандартную рабочую среду или создав новую.
При запуске программы Illustrator отображается начальный экран, на котором представлено следующее:
Содержимое начального экрана зависит от вашего уровня владения программой Illustrator и плана подписки Creative Cloud.
Интерфейс начального экрана
На начальном экране слева отображаются следующие вкладки и кнопки:
Кроме того, можно использовать следующие значки для перехода между документом и начальным экраном:
Отключение начального экрана при отсутствии открытых документов
Вы можете использовать комбинации клавиш, чтобы открывать файлы (Ctrl/Cmd + O) или создавать новые документы (Ctrl/Cmd + N).
Заголовок приложения
При создании нового документа в Illustrator можно просмотреть заголовок приложения с параметрами, описанными ниже.
Обзор рабочей среды
Illustrator предлагает вам десять разных рабочих сред, включая рабочую среду Touch. Стандартной рабочей средой является Essentials.
Панель «Свойства»
На панели «Свойства» в Illustrator можно просматривать настройки и элементы управления для текущей задачи или рабочего процесса. Эта новая панель была реализована с целью повышения удобства работы, чтобы предоставить пользователю доступ к необходимым элементам управления, когда это необходимо.
Дополнительные сведения приведены в разделе Панель «Свойства».
Что умеет Adobe Illustrator: функции и возможности
Adobe Illustrator – это программа, созданная для работы с векторной графикой. С помощью Adobe Illustrator дизайнеры создают красочные иллюстрации, иконки, паттерны, логотипы, различные макеты для печати и многое другое. Начинающему дизайнеру будет полезно освоить главные функции редактора, ведь без него как без рук!
Давайте посмотрим, что умеет Иллюстратор и как его используют профессионалы.
Что такое векторная графика?
Векторные изображения состоят из кривых линий, которые образуют геометрические объекты. Такая графика создается программой при помощи математических формул. Создание векторной иллюстрации чем-то напоминает создание аппликации – вы накладываете друг на друга формы и отрезаете половинку круга, чтобы, к примеру, сделать дольку апельсина.
Фишка векторной графики в том, что как ни растягивай такое изображение – оно останется четким в абсолютно любом масштабе. Растровое изображение (например, фотография) при сильном приближении покажет вам зазубренные края и точки – пиксели. А вот если вы попробуете приблизить векторную иллюстрацию, она будет масштабироваться бесконечно.
Условно говоря, если нарисовать векторный логотип и распечатать на самом большом принтере во вселенной, такой баннер можно демонстрировать из космоса. А если подлететь к нему поближе, то изображение будет очень четким. Это дает возможность использовать одно и то же изображение в любых масштабах.
В этом заключается принципиальная разница между Adobe Illustrator и Adobe Photoshop: в первом вы работаете с векторной графикой, а во втором – с растровой (состоящей из пикселей).
Основные функции Adobe Illustrator
Что можно сделать в Adobe Illustrator?
Логотипы
Как правило, дизайнеры создают логотипы в векторном формате. Как я говорила выше, это делается для того, чтобы без потери качества иметь возможность масштабировать лого до любых размеров. Начать создавать лого можно на бумаге от руки, а затем импортировать изображение в Illustrator, создать контуры на основе эскиза или строить его с нуля прямо в программе. Для удобства работы можно использовать модульную сетку, чтобы создать лаконичный логотип.
Шрифты и надписи
Так как в Иллюстраторе можно сделать векторным любой текст, это дает простор для фантазий на тему леттеринга и дизайна текста. Можно растягивать буквы, менять их форму и цвет, гнуть в разные стороны, совмещать с другими фигурами и многое другое. Для леттеринга пригодится инструмент «Трассировка изображения» – можно сделать надпись от руки, сфотографировать и импортировать фото в Иллюстратор. С помощью трассировки программа сама построит векторные контуры вашей надписи – останется их только доработать. А различные кисти и эффекты помогут придать надписи уникальности.
Иконки
В Adobe Illustrator удобно создавать серии иконок. Вы можете задать стиль оформления элементов и применять его к разным фигурам, чтобы иконки выглядели так, будто они из одной семьи. Чтобы следовать пропорциям, при создании иконок дизайнеры используют сетку, это здесь тоже предусмотрено. Широкий арсенал инструментов позволит сделать иконки в любом стиле – от простых форм до имитации 3D.
Паттерны
О том, что такое паттерн и как его создать, я рассказывала в этом материале. Однако там была приложена инструкция по созданию паттерна в Фотошопе. В Иллюстраторе тоже можно делать узоры, бесшовные, бесконечные, и даже с котиками!
Иллюстрации
В Illustrator можно делать и сложные иллюстрации – настоящие произведения искусства. С этим редактором работают не только дизайнеры, создающие рекламные макеты. Художники-иллюстраторы тоже используют возможности программы для создания изображений. А версия для iPad делает процесс удобнее: на планшете можно рисовать от руки векторными кистями.
Макеты для печати
Зачастую дизайнеры пользуются Иллюстратором для создания макетов для печати, например визиток, флаеров или плакатов. В общем, всего, что можно сделать в одно- или двухстороннем варианте. Многостраничные документы в Иллюстраторе делать не слишком удобно – для этого есть Adobe InDesign. Так как редактор умеет импортировать растровые изображения, вставить картинку в проект не составит труда.
Графика для социальных сетей и сайтов
Векторные иллюстрации, созданные в Adobe Illustrator, можно использовать для оформления постов в социальных сетях. Например, вы можете создать парочку шаблонов для Инстаграма или посмотреть, как будет выглядеть серия постов в сетке.
Инфографика
Инфографику используют для визуализации каких-либо данных. Если для инфографики требуется минималистическое оформление в виде иконок, схем и текста – использовать Illustrator будет отличным решением. К тому же в программе есть инструмент для создания диаграмм: линейной, круговой, столбцами и прочих. Удобно!
Графика для анимации
С помощью Adobe Illustrator создают элементы для последующего импорта и анимации в After Effects. Да, сначала все это рисовали именно в Иллюстраторе!
Стикеры
Если вы думаете о создании собственного стикерпака, попробуйте сделать его в Иллюстраторе. Такие стикеры можно использовать в мессенджерах. Иногда компании разрабатывают стикеры, чтобы дарить их своим клиентам в качестве сувенира или оформлять ими упаковку товара.
Какие форматы умеет сохранять Adobe Illustrator?
Проект, созданный в Adobe Illustrator, можно сохранить в 5 собственных форматах: AI, PDF, EPS, FXG и SVG. Это значит, что в этих форматах полностью сохраняются все данные, которые есть в проекте. Но если вы уже закончили работу, и нужно экспортировать макет для печати или загрузки в интернет, Illustrator предложит вам такие варианты:
Эти варианты форматов доступны только при выборе пункта «Экспортировать как. ».
Есть ли разница в Adobe Illustrator на macOS и Windows?
Так как формат, который используется в Adobe Illustrator, является кроссплатформенным, никаких проблем в открытии одного и того же проекта на Windows или Mac быть не должно. Единственное незначительное различие в Иллюстраторе на разных операционных системах – это горячие клавиши, где в сочетаниях есть Control и Alt. В Windows клавиша Control аналогична клавише Command в macOS, а Alt – это Option.
А что можно делать в Adobe Illustrator на iPad?
Приложение Adobe Illustrator для iPad сейчас не имеет такого мощного функционала, как десктопная версия. Однако базовые функции, которые принесли разработчики в версию для планшета, позволяют создавать полноценные иллюстрации любой сложности, делать логотипы и леттеринг, рисовать узоры и работать с текстом.
Приложение также адаптировано под Apple Pencil, что дает возможность создавать иллюстрации от руки. Например, вот эта иллюстрация была сделана на iPad:
А есть ли аналоги?
Второй по популярности программой для работы с векторной графикой является CorelDraw. Ее функционал очень похож на AI, принципиальные отличия лишь в интерфейсе. Один из плюсов Corel – возможность открывать проекты, сделанные в Illustrator (наоборот сделать невозможно).
Заключение
Adobe Illustrator – это одна из самых популярных программ в дизайнерской сфере. Если вы хотите заниматься векторной иллюстрацией, вас вдохновляет типографика, вы завороженно разглядываете иконки и логотипы – тогда точно стоит освоить этот редактор. Бодрого настроя и да пребудет с вами сила!