27 нояб. 2014 г.

Монтажные области в Adobe Illustrator. Использование нескольких Artboards для быстрого сохранения серии иллюстраций на микростоки.


Shutterstock запретил Use Artboards: vk.com/wall-29007596_6008



Всем привет! А у нас очередной урок Adobe Illustrator, в котором я расскажу и покажу плюсы использования нескольких монтажных областей. Если у вас не самая старая версия иллюстратора, то вы наверняка заметили, что помимо слоёв, там есть ещё одно измерение, которое называется Artboards. Монтажные области, рабочие области, артборды. Можно по разному их называть. Выглядит это всё как-то так.



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

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

Создание новых Artboards

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



Как вы уже поняли, за рабочие области отвечает панель Artboards. И первый способ добавить в векторный файл новый артбоард, это нажать на кнопочку New Artboard.



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



New Artboard - создать новую, это понятно.
Duplicate Artboards - создать копию артборда и всего, что на нём лежит.
Delete Artboards - удалить, это тоже понятно.
Delete Empty Artboards - удалить пустые артборды.
Convert to Artboards - может превратить квадрат в рабочую область.
Artboards Options - настройки рабочей области, можно поковыряться.
Rearrenge Artboards - распределение, можно настроить порядок и положение.

В общем, панель Artboards обладает поистине мистическими способностями по искажению и преломлению векторного пространства в Adobe Illustrator.

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



Редактирование Artboards

Но самым настоящим властелином мира, вы почувствуете себя, когда попробуете инструмент Artboard Tool (Shift+O). Его мощь несокрушима, и позволяет проникнуть сквозь ткань векторного бытия, чтобы управлять артбордами.



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



Также хочу вам рассказать об одной весьма полезной команде, которая приклеивает рабочую область к уже нарисованной иллюстрации. Это очень удобно, когда надо подогнать размеры артборда к готовой картинке. Просто выделите то, что нарисовали, и идите Object > Artboards > Fit to Selected Art. Текущая рабочая область изменит свои размеры, встав точно по краям выделенной иллюстрации.

Сохраняем серию иллюстраций из одного файла

Итак, хватит баловаться, давайте перейдём к делу. Для примера я взял файл, в котором три монтажных области. На первой новогодний фон, а на второй и третьей редизайны этой картинки с шариком и ёлочкой. Размеры у артбордов 1200x1200 px.



Сначала давайте сделаем из всего этого EPS-ы для стоков. Идём File > Save as.



В появившемся окошке пишем имя, понятное дело. Потом выбираем тип EPS. И обязательно ставим галочку Use Artboards. Именно после этого, иллюстратор будет учитывать рабочие области в файле. Там рядом ещё есть пипка All и Range - то есть можно даже выбрать какие именно рабочие области сохранять, а какие игнорировать. Так как мне нужны все, я оставил как есть All. В итоге жмём Сохранить. Далее в следующем окне с настройками EPS ставим как обычно EPS-10 и жмём OK. Иллюстратор попыхтит чуть-чуть, и мы получим следующие файлы.



При этом 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 в моём примере вышли 5000x5000 px, разрешение 300 dpi. В общем, вкусное и душистое растровое превью, которое подойдёт практически для всех микростоков. Так что можно брать пары файлов JPEG и EPS с одинаковыми названиями и смело загружать. Если только конечно ваши вектора подготовлены в соответствии с техническими требованиями микростоков. Подробнее об этом можно почитать вот тут: Как готовить векторные файлы к продаже на микростоках.

На этом мы заканчиваем наши эксперименты с параллельными вселенными, живущими в разных артбоардах Adobe Illustrator. Меня опять понесло в область эпических словесных оборотов из мира научной фантастики. Недавно посмотрел Interstellar, так что всё ещё прёт :)



Роман aka dacascas специально для блога Записки микростокового иллюстратора


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



Читать дальше...


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

Предлагаю ознакомиться с аналогичными статьями:



63 комментария:

  1. Хех)) Отличный урок получился:)))
    Особенно интересно было читать эпические словесные обороты=)))

    ОтветитьУдалить
    Ответы
    1. Тогда лови ещё
      Любовь - единственная сила, способная противостоять пространству и времени.

      Удалить
  2. Потрясающе просто, как все гениальное!... Это жжжжж. Это ж сколько симиляров за раз можно наклепать!.. И что я раньше это дело не юзала?.. Спасибо огромное! Обороты шикарны, да)

    ОтветитьУдалить
    Ответы
    1. Тут Морковка в ЖЖ писала, что так сделала 50 симиляров за один час. Так что действительно, сделать можно много

      Удалить
  3. Ураааа!!! Больше симиляров для бога симиляров! Спасибо, Рома!

    ОтветитьУдалить
  4. Роман, спасибо за интересный урок) А что означает эпическая галочка при сохранении JPEG Embed ICC Profile sRGB? Кто-то ее ставит, кто-то нет, для чего она вообще?

    ОтветитьУдалить
    Ответы
    1. Люблю вопросы, которые способствуют расширению моего кругозора :)
      Это специальный цветовой профиль, который можно включить в файл JPEG. Он призван улучшить отображение цветов при просмотре картинки через браузер. Но не все браузеры читают эти данные из JPEG, да и нет однозначного мнения, что включенный sRGB будет действительно улучшать отображение цветов. Если вы заметили, что цвета вашего JPEG как-то по другому выглядят в сети, при просмотре через браузер, то вы можете поэкспериментировать с этим профилем. Может в вашем случае подействует. У меня эта галочка стоит по умолчанию, я даже не обращал особо внимания на неё, пока вы не спросили :)

      Удалить
    2. Вопросы придумывать - это мы умеем! Значит можно не париться про ту галочку, спасибо за развернутый ответ:-)

      Удалить
  5. Больше 3-х артбордов я бы не советовала кстати делать на сложные работы с мешами и блендами, вешается все, просто жуть, даже с флетом со множеством деталей 6 - и уже тормоза. Я набрасываю элементы, потом работаю уже с каждым из сохраненных по отдельности. Ну, конечно, все от мощности компа зависит =) Просто у меня однажды сложная работа подвесилась намертво и пришлось вырубать АИ, много потерялось при этом.

    ОтветитьУдалить
    Ответы
    1. Да, это очень важное дополнение. Повесить иллюстратор можно легко какой-нибудь громоздкой картинкой, а если их много, то тем более

      Удалить
  6. Здравствуйте! Большое спасибо за урок! Я делаю в иллюстраторе несколько артбордов и хочу сделать из них паттерны, обрезаю с помощью программы Маджик Эразер - обрезается все и остается только один артборд с паттерном. Подскажите пожалуйста, как можно сделать так, чтобы обрезался только тот артборд, что мне нужен.

    ОтветитьУдалить
    Ответы
    1. К сожалению сейчас Magic Eraser работает только с одним артбордом. Я свяжусь с разработчиком, и попрошу включить в следующее обновление функцию, которая позволит работать с несколькими артбордами. И если повезёт, то в следующем году всё будет реализовано в новом скрипте

      Удалить
    2. Просто прекрасно, если появится такая замечательная возможность! Спасибо за отзывчивость!

      Удалить
  7. Здравствуйте! Спасибо за урок :)
    А кто-нибудь сталкивался с таким, что при сохранении EPS'ов в итоговом файле вместо одной картинки на одном артборде, открывается одна картинка на одном артборде + элементы или целиком картинки с соседних артбордов (но без них)? Вся серия так записалась, в задумчивости теперь.
    Ольга.

    ОтветитьУдалить
    Ответы
    1. Сталкивались. Если вы сохраняете EPS-10 из файла с несколькими артбордами, то иллюстратор в общем файле оставляет все элементы, а артборды убирает, так как в 10-й версии иллюстратора не было возможности работать с несколькими артбордами.

      Если вы хотите сохранить так называемый исходный файл, где все артборды останутся на своих местах, то лучше его сохранять в текущей версии ai. А потом уже плодить EPS-ы, установив во время сохранения галочку Use Artboards. Получим серию EPS-ов и итоговый EPS со всеми элементами, но он по сути уже не нужен будет, его можно будет в конце просто удалить.

      Удалить
    2. Спустя больше года обращусь, вдруг ответите)
      Та же проблема, что описана выше. Хоть и експортирую в ЕПСы из AI файла версии СС - все равно в итоговые ЕПСы сохраняются элементы с соседних артобордов. Что может быть не так, я уже голову сломал(

      Удалить
    3. Возможно, артборды очень близко расположены, и каким-то образом иллюстратор числит элементы с одного артборда на другом артборде. Например, при применении маски может быть такое, если объект слишком далеко торчит под маской за артборд, и достаёт в итоге до другого.

      Удалить
  8. Спасибо за урок! Очень подробно описано все, что и новичку понятно! Мне понравилось, теперь гораздо проще создавать симиляры, глядя на оригинал!!!

    ОтветитьУдалить
  9. Привет! Большое спасибо! А вот такой вопрос: можно ли открыть несколько разных файлов каждый в своем артборде?

    ОтветитьУдалить
    Ответы
    1. Привет, а что мешает вам попробовать это сделать. Просто из вопроса, я не совсем понимаю, что именно вы хотите.

      Удалить
    2. например, есть 100 ai файлов, можно ли открыть эти файлы в одном документе, который будет иметь 100 артбордов? Я бы попробовал, но не нашел, как такое совершить)

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

      Удалить
    4. Появился такой вариант. Скрипт может собрать иллюстрации из отдельных файлов в один и разместить на артбордах в соответствии с настройками. Скрипт тута Magic Set Maker

      Удалить
  10. где можно купить скрипт Magic Eraser ? Спасибо

    ОтветитьУдалить
  11. Спасибо, очень ценный урок!
    Только возникла такая проблема:
    при открытии в иллюстраторе полученных 3х EPSов у всех одинаковое превью файла (такое же как у исходного), то есть вместо 1 картинки в превью видны все 3.
    Это можно как то исправить?или только вручную пересохранять все полученные файлы?

    ОтветитьУдалить
    Ответы
    1. Похоже, вы забыли поставить галочку Use Artboards во время экспорта JPG

      Удалить
  12. Приветик! Такой вопрос...например у меня 10 патернов и все их сохраняю в swatshes... но после такой "дележки" в одном файле остаются все 10 паттернов в swatshes... или их можно там не сохранять? покупатель потом разберется?

    ОтветитьУдалить
    Ответы
    1. Сохранять паттерны в Swatches не обязательно. Это всё на усмотрение автора. Если не хочется оставлять все 10 в Swatches, то можно удалить лишние, или не сохранять их туда вообще.

      Удалить
  13. А если нужно чтобы они все оставались в одном файле

    ОтветитьУдалить
    Ответы
    1. Сохраняете файл в Ai формате, галочку "use artboards" не выставляете

      Удалить
  14. Здравствуйте...а подскажите, возможно ли сочетать использование символов и артбордов? (так что бы их изменение не дублировалось на остальные артборды)?

    ОтветитьУдалить
    Ответы
    1. Возможно - сделать в панели Symbols копию символа через Duplicate Symbol в меню панели. И использовать на другом артборде символы из этой копии

      Удалить
  15. Спасибо большое, попробую так :)

    ОтветитьУдалить
  16. ...цены вам нет за эту статью! Спасибище!!!))

    ОтветитьУдалить
  17. Бесценная статья! Спасибище огромное)

    ОтветитьУдалить
  18. Замучалась вопросом - вот подогнать артборд под готовую иллюстрацию можно, а мне бы уменьшить или увеличить артборд, а потом под его размеры подогнать автоматом иллюстрацию. А то приходится вручную подгонять, времени много тратится и не идеальный результат... Может есть какой фокус как такое проделать?

    ОтветитьУдалить
    Ответы
    1. Так уменьшай картинку и подгоняй артборд, порядок действий не важен, результат то будет такой же. Если у картинки нет фона, то нарисуй белый квадрат под низом, уменьши, подгони артборд и удали этот квадрат.

      Удалить
  19. Отличная статья) Но у меня вопрос - а можно ли соединить монтажные области в одну? Допустим, делая дизайн упаковки, мне нужно 4 части разных размеров, для этого очень удобно использовать артборды. Но я почему-то не нашла функции их соединить в конце работы..

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

      Удалить
  20. Здравствуйте! Подскажите, а что делать если артборд открывается непонятным образом? будто наполовину разорван и сплошной белый экран, причем через раз..т.е. утром он может нормально открыться, вечером уже не откроется. Или может я что то не то делаю?
    Спасибо.

    ОтветитьУдалить
    Ответы
    1. Очень странно. Возможно, иллюстратор глючит... А может выключается артборд в меню View, это может происходить при случайном нажатии Shift+Ctrl+H

      Удалить
    2. Спасибо большое за урок. Очень просто разъяснили простые но полезные вещи.

      Удалить
  21. В АИ файле три артборда со сложными композ. группы итд, сохраняю в ЕПС с галочкой ALL но в каждом отдельном ЕПС сохраняет(не удаляет) еще и картинки с соседних 2-ух артбордов иногда +1 соседний только. Пробовал разложить содержимое артбордов на отдельные слои - всё равно. За края артб. ничего не выходит.
    UPD: Щас попробовал этот трюк с просто прямоугольниками на артб. всё супер. Создаю новый файл с 3 артб. в новый файл вставляю картинки и опять та же фигня. голову сломал

    Пробую в разных версиях СС, CS6

    ОтветитьУдалить
    Ответы
    1. Если используются маски, и объекты, которые ими скрыты, попадают на соседние артборды, то так и должно быть, иллюстратор их перенесёт в другие файлы. Попробуйте расположить артборды на большем расстоянии друг от друга.

      Удалить
  22. Здравствуйте! подскажите пожалуйста, как объединить монтажные области в одну? например есть две прямоугольные области, горизонтальная и вертикальная, я помещаю одну на другую так что б часть вертикальной выступала с горизонтальной. но при сохранении выдает иллюстрацию на двух разных мо. как объединить в одну?

    ОтветитьУдалить
    Ответы
    1. Взять Artboard Tool (Shift+O) и удалить одну, там есть крестик справа вверху. А вторую сделать нужных размеров. Объекты при этом не удалятся, их можно будет переместить на оставшуюся монтажку. А как объединять я не знаю, предполагаю, что никак.

      Удалить
  23. Подскажите пожалуйста, когда я делаю экспорт в jpeg, выставляю максимальные настройки для разрешения 300 ppi комп ругается: "Не удается выполнить экспорт с использованием этого разрешения.Задайте более низкое разрешение и повторите попытку".Когда я выставляю 150 все проходит нормально, но разрешение файла получается всего 1667Х1667. Этого достаточно для стоков или нет?

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

      Удалить
  24. А если использовать специальный скрипт для подготовки вектора на сток, нужно применять его для каждого артборда, правильно? Выделять нужный артборд и запускать скрипт и потом для следующего?

    ОтветитьУдалить
    Ответы
    1. Обычно скрипты работают не на конкретном артборде, а во всём файле целиком. Но тут конечно зависит от того, что именно за скрипт используется.

      Удалить
  25. Большое спасибо за статью!Остался единственный вопрос, как уменьшить размер JPEG?При размере артбордов 2200x2000 (9 штук), JPEG получаются 9167x8333.Как можно умешьшить раза в два?

    ОтветитьУдалить
    Ответы
    1. При экспорте делайте в два раза меньше разрешение Resolution. Если вы ставили 300 dpi, то сделайте 150 dpi. Посмотрите результат, если всё равно большие получатся, то сделайте разрешение ещё меньше.

      Удалить
  26. Подскажите, есть ли быстрый способ прописать ключевики, когда сохраняешь файл с 4 артбордами.
    Получается 4 JPG. Нужно ли прописывать в каждом файле?

    ОтветитьУдалить
    Ответы
    1. Да, метаданные прописываются для каждого JPEG. Удобнее всего это делать в Stocksubmitter или Adobe Bridge. В обоих программах есть возможность их просто копировать между файлами.

      Удалить
  27. Огромное спасибо, вы очень облегчили мне жизнь!

    ОтветитьУдалить
  28. Привет. Спасибо за статью. Вот у меня такой вопрос: если я сохраняю все по отдельным eps, то у меня на превью в самой папке (если нажать один раз на файл) вместо той картинки, которая там внутри, отображается превью всех артбордов, которые были в одном файле до этого. Я просто не хочу, чтобы покупатель это видел. Это как-нибудь решается?

    ОтветитьУдалить
    Ответы
    1. Привет! Да, я думаю, это решается. Только придётся достучаться до какого-нибудь внятного человека в Adobe, который таки заставит разработчиков Иллюстратора, обратить внимание на подобные баги. К сожалению, у нас это не получилось. А пока, даже если выключить опцию Preview в настройках сохранения EPS, всё равно видны превьюшки всех артбордов в каждом одиночном файле. Данный косяк наблюдается в EPS-10. А вот если сохранять EPS-8, то выключение Preview срабатывает, и уже ничего не светится.

      Удалить
  29. Гениально, всегда приятно почитать и открыть в обычном что-то новое. На высоте, спасибо!

    ОтветитьУдалить

Для тех, кто хочет оставить комментарий, но не знает как:

- Нажмите на стрелку в окошке "Подпись комментария"
- Выберите Имя/URL. Все-таки приятнее общаться с человеком, чем с Анонимом
- Напишите своё имя, строчку URL можете оставить пустой, а можете добавить ссылку на свой блог или профиль в соц. сети
- Нажмите "Продолжить"
- Напишите все, что хотели написать!
- Нажмите "Публикация"

Будьте терпеливы, комментарии отображаются в блоге только после модерации.

 

Постоянные читатели

Яндекс.Метрика

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2018