Как сделать упаковку в adobe illustrator
У вас есть макеты грамот и более 9000 фамилий, которые в эти грамоты надо вписать, а после передать всё в типографию. Вы — один, на каждую грамоту уйдёт никак не меньше минуты, а типография через час закроется. Другой бы заплакал, но вам повезло — вы прочитаете эту статью и всё успеете.
Чуть-чуть теории
Adobe Illustrator — программа мощная, и может многое. А чтобы она могла ещё больше, разработчики включили в неё возможность добавлять пользовательские функции за счёт скриптов. Кроме этого, Illustrator позволяет автоматизировать процессы за счёт экшнов. А ещё есть возможность хранить наборы данных, которые мы вбиваем в поля, за счёт переменных.
Словарик, чтобы не запутаться:
Разговорное Скрипт — в английской версии Script, в русской — Сценарий.
Разговорное Экшн — в английской версии Action, в русской — Операция.
Переменные — в английской версии Variables.
Ситуация, описанная в начале, решается таким образом: с помощью специального скрипта данные подгружаются в переменные. После этого с помощью экшна происходит экспорт макетов в печатный формат.
Подготовим данные
Чтобы скрипт смог подгрузить данные, их нужно сохранить в перевариваемый им формат. Берём Microsoft Excel или любой другой удобный вам табличный процессор, например — LibreOffice Calc. Открываем его, создаём новый файл.
Разные данные хранятся в разных столбцах. Группы данных — в строках. Если в один макет нам надо вставить в разные места фамилию и имя, то у нас должно быть два соответствующих столбца в таблице: с фамилиями и с соответствующими именами. Первая строка зарезервирована под названия полей. Используйте для них только латинские буквы и цифры, в самих полях — любые печатные символы. Для примера, назовём столбцы «Family» и «Name». Именовать столбцы — обязательно, иначе ничего не выйдет.
Готовую таблицу нужно сохранить, но не просто так — а в формат «Текст с разделителем табуляции». При сохранении программа может напоминать, что формат не поддерживает все функции редактирования. Соглашайтесь.
Всё, на этом данные готовы.
Проверим макет
Для каждой переменной в макете должна быть своя область. В этом примере мы работаем только с текстом. Про остальные типы данных расскажем в другой раз. На что обратить внимание: иногда удобнее разделять переменные, содержащие несколько слов, на несколько полей.
Размер области должен быть достаточным, чтобы поместился весь текст. Подогнать легко: просто возьмите самую большую переменную и вбейте её руками. Если текст не помещается — он обрежется, что никому не нужно.
Подготовим Illustrator
Если файл не скачивается, а открывается в браузере, то выделите весь текст, и сохраните его в текстовый файл с названием VariableImporter.jsx
Для удобства файл можно положить в каталог скриптов Illustrator, как правило он находится примерно по такому пути:
Так он станет доступным в меню скриптов. В противном случае придётся каждый раз указывать к нему путь. Не трагично, но занимает лишние несколько секунд времени.
После этого откроем два окошка, которые нам понадобятся дальше.
Window (Окно) -> Actions (Операции)
Window (Окно) -> Variables (Переменные)
При подготовке документов к печати для точного совмещения элементов иллюстраций и проверки цветов применяются различные метки. К документу можно добавить следующие типографские метки:
Тонкая (волосяная) горизонтальная и вертикальная линии, которые показывают, где должна быть обрезана страница. Метки обрезки также могут помочь в приводке (выравнивании) одной цветоделенной формы с другой.
Расположенные за пределами области страницы небольшие «флажки», предназначенные для выравнивания цветоделенных форм в цветном документе.
Небольшие квадраты, представляющие краски CMYK и оттенки серого (с шагом 10%). Эти метки используются в типографии для настройки плотности красок на печатной машине.
Информация о странице
Для указания на пленке имени монтажной области, времени и даты вывода на печать, используемой линиатуры растра, угла установки растра для цветоделения и цвета каждой формы. Эти сведения размещаются в верхней части изображений.
A. Радиальная мира (обязательно) B. Приводочные метки C. Информация о странице D. Метки обрезки E. Цветовая шкала F. Шкала оттенков
Выберите тип типографских меток, которые нужно добавить. Также можно выбрать стиль меток: латинский или японский.
(Необязательно) Если выбраны метки обрезки, укажите ширину линий и расстояние смещения между метками обреза и иллюстрацией.
Чтобы избежать появления типографских меток на выпуске за обрез, значение «Сдвиг» должно быть больше значения «Выпуск за обрез».
Выпуск за обрез — это область за пределами ограничительной рамки или меток обрезки. Выпуск за обрез можно включить в графический объект как поля ошибки, гарантирующие, что рисунок займет все пространство до края страницы после ее обреза или что в документе будет виден только контур изображения. После создания документа, занимающего пространство до выпуска за обрез, в программе Illustrator можно задать размер выпуска за обрез. Чем больше значения выпуска за обрез, тем большую область, расположенную за метками обрезки, Illustrator выводит на печать. Метки обрезки определяют размер ограничительной рамки при печати.
Размер выпуска за обрез зависит от цели печати. Дообрезной формат (то есть изображение, печатаемое на листе бумаги) должен превышать формат после обрезки по крайней мере на 18 пунктов. Если выпуск за обрез служит для гарантии размещения изображения в контуре, необходимо использовать выпуск за обрез на 2–3 пункта больше. Рекомендации по размеру выпуска за обрез, требующегося для конкретной работы, можно узнать в типографии.
Для размещения меток выпуска за обрез задайте значения в полях «Сверху», «Слева», «Снизу» и «Справа». Для использования одинаковых значений щелкните значок связи .
Выберите «Использовать настройки документа», чтобы использовать параметры документа, заданные в диалоговом окне «Новый документ».
Максимальный размер выпуска за обрез — 72 пункта, минимальный — 0 пунктов.
Здесь живут сами макеты коробок, а также подробное видео, как создать свой макет.
Жанночка, огромное спасибо. Хороший урок и хорошенькая коробочка! МК как всегда супер понятный и доступный! Спасибо. Пошла творить! Вдохновения тебе Жанночка.
Спасибо, Мариночка, и тебе!
Здравствуйте! Спасибо за Мк) у меня шаблон как-то странно открывается (приложу фото), не видно части заготовки((
Здравствуйте! Это в программе плоттера? Или в чем открываете?
после скачки файла он открывается в окне браузера, но в силуэте такие же фигуры)
В браузере возможно, а в программе плоттера все должно быть нормально, по кр. мере на Cricut. Я проверяла и резала :)
Я добавила файлы DXF под видео, при чем разнесла две части коробочки на два файла. Попробуйте их скачать, теперь получается вырезать?
Добрый день, прошу прощения, что влезаю в Ваш диалог, но у меня такая же проблема. Подскажите, как Вы ее решили?
Здравствуйте) пока к сожалению не решила.. так как в силуэте он так же открывается((
Добрый день! Я добавила файлы DXF под видео, при чем разнесла две части коробочки на два файла. Попробуйте их скачать, теперь получается вырезать?
Жанна! Вы настоящее солнышко в мире скрапбукинга! Спасибо огромное за столько бесплатных и полезных МК. Выкладывая подобные видео МК вы бескорыстно делитесь не только своими знаниями, но и временем которое у вас ушло на съемку и монтаж этого видео. Большое вам спасибо!
Мырр, Настя, спасибо! Как приятно, что многие понимают, какой труд за этим стоит, я очень стараюсь сделать вам приятное!
Жанна, спасибо огромное за урок.
А можно сохранить на рисунке все линии и просто в программе плоттера отметить нужные для сгиба как линии биговки?
Пожалуйста :) Сохранять не надо, нужно их отделить, нарисовать отдельными линиями, а после объединить в один объект, отдельный от объектов резки. Тогда в программе плоттера можно будет назначить, что это надо биговать. Но я тут не особо разбираюсь в теме, т.к. мне не нравится качество биговки у плоттера, я ею не пользуюсь.
Жанна огромное спасибо вам за этот урок))) Попробовала в пробной версии сделать сама макет, все очень понятно и быстро. В программе плоттера сделать подобный макет намного сложнее и дольше. теперь хочу приобрести полную версию иллюстратора))) У меня возникла единственная проблема — скачала ваш макет для стандартного коврика, конвертирую файл в dfx (т.к. у меня Cameo) и при открытии в программу загружается только одна часть коробочки, второй, которая с прорезью, нет((( получается при конвертации часть файла теряется?
Пожалуйста! Увы, у меня нет Cameo, поэтому и возможности понять его логику загрузки файлов тоже нет. Я добавила файлы DXF под видео, при чем разнесла две части коробочки на два файла. Попробуйте их скачать, теперь получается вырезать?
Спасибо, да все открылось))
Жанна, спасибо огромное за такой подробный и понятный урок! Получилось все быстро и красиво. Но когда стала объединять объекты программа как-то странно все объеденила — оставив внутренние линии прямоугольников, а нужные линии убрал ((( В чем может быть ошибка?
Пожалуйста! Скорее всего до объединения линии, которые у Вас остались, не плотно прилегали друг к другу, между ними было маленькое расстояние. Нужные линии внутри объектов не выделяйте, если не хотите, чтобы при таком виде объединения их скушали, ведь когда объединяете все в одно, то, что внутри, пропадает :)
Перепроверю стыки объектов )
Вот так выглядит мой объединенный объект
Нужно точнее попадать при составлении объекта: у Вас тут и ушки коробки разные, справа доходит прорезь до сгиба, слева нет. У полукгруглой крышечки справа ровно идет край, слева какой-то выступ. Скорей всего и до объединения прямоугольники у этой линии не прилегали друг к другу как надо. Используйте умные направляющие Cmd+U, чтобы все липло друг к другу, и увеличивайте постоянно картинку, чтобы смотреть, все ли ровно. Еще можно использовать режим скелета Cmd+Y, чтобы видеть только тонкие контуры, без толщины обводки. Включите его и гляньте, одна там линия или все же две рядом ;)
В этом уроке мы будем рисовать подарочные коробки в Adobe Illustrator. Для их создания мы используем инструмент Mesh/Сетчатый градиент. Мы создадим детали отдельно, затем соберем их вместе. В итоге у нас получатся реалистичные банты и коробки.
Результат
1. Рисуем первый вариант коробки
Шаг 1
Начнем с использования Mesh/Сетчатого градиента (U) для создания первое части банта.
Начнем с создания прямоугольника при помощи инструмента Rectangle/Прямоугольник (M).
Шаг 2
Шаг 3
Подобным образом создайте следующую фигуру, используя инструмент Mesh/Сетчатый градиент и следующие цвета:
Шаг 4
Шаг 5
Шаг 6
Шаг 7
Последняя фигура для банта.
Шаг 8
Соберите бант из созданных фигур.
Шаг 9
Шаг 10
Шаг 11
Дублируйте ленту и перекрестите копии. Поместите на стык бант.
Шаг 12
Шаг 13
Снова поместите на место перекрещения бант.
Шаг 14
Теперь создайте копию первых лент с бантом.
Не снимая выделения с копии, выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Корректировка цветов, выберите Color Mode: Grayscale/Цветовой режим: оттенки серого и снизьте параметр Black/Черный до -25%. Не забудьте нажать Convert/Конвертировать!
Шаг 15
И снова войдите в меню Adjust Colors/Коррекция цвета. На этот раз выберите режим RGB, включите опцию Convert/Конвертировать, и настройте параметры как показано ниже:
Шаг 16
Повторите тот же процесс со вторыми лентами и бантом.
Шаг 17
Шаг 18
Создайте копию прямоугольника. Не снимайте с него выделения и выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цвета.
Настройте параметры как показано ниже.
Шаг 19
Шаг 20
Создайте разные сочетания коробок с бантами, и под ними растяните эллипс с радиальным градиентом от серого цвета к белому в качестве тени.
В этом уроке мы с вами будем создавать текст с эффектом ретро. Ничего сложного здесь нет. Для работы будем использовать обыкновенный текст и с помощью возможностей панели Appearance добавим ему объем и соответствующий вид. А также используем созданный текст в качестве символа, который может вам пригодится в дальнейшем. В этом уроке мы будем создавать много слоев на панели Appearance, поэтому важно следить за их расположением на панели. Шаг первый. Создаем новый документ любого необходимого вам размера так, чтобы на нем поместился наш текст. Для фона создаем такой же прямоугольник и заливаем его цветом, показанным на рисунке ниже. Набираем текст любым […]
Создаем горящий текст
В этом уроке мы с вами научимся создавать горящий текст в Adobe Illustrator. Для этого нам понадобятся лишь кисти, которые мы сами создадим. Техника простая и не потребует от вас особых знаний. Нам понадобится всего 30 минут, чтобы реализовать задуманное. Создаем новый документ. Берем инструмент Rectangle Tool и рисуем прямоугольник размером на всю рабочую область документа. Заливаем его радиальным градиентом, как показано на рисунке ниже. Берем инструмент Type Tool и набираем необходимый текст любым понравившимся шрифтом. В моем случае это Book Illustrator`s Handwriting. Основа готова! Для создания пламени нам понадобится кисть, которой будем поджигать наш текст. Берем инструмент Elipse и […]
Как создать глаз в Adobe Illustrator
В данной статье вы узнаете, как создать глаз в Adobe Illustrator (тематика — Хеллоуин). Сначала мы создадим простое глазное яблоко, состоящее из эллипсов, а потом перейдем к венам. Мы будем использовать такие инструменты редактора Adobe Illustrator, как Pencil Tool и Art Brush. Радужная оболочка или зрачок — важная часть глаза, но создать ее не просто. Для его создания мы воспользуемся эффектами Pucker&Bloat, Transform и Roughen, также режимами наложения (Blending modes). Создаем новый документ Запустите редактор Adobe Illustrator и перейдите в File > New для создания нового инструмента. Введите имя, установите единицей измерения пиксели (Pixels) и цветовой режим RGB. Затем перейдите […]
Знакомство с инструментами для рисования Adobe Illustrator
Узнайте, что лучше всего делает каждый инструмент рисования, включая инструмент «Перо», «Карандаш», «Кривизна», «Кисть» и другие. Вам понадобятся следующие файлы Что вы узнали: Понимание различных инструментов рисования в Adobe Illustrator В Illustrator имеется широкий набор инструментов для рисования на панели инструментов, каждый из которых позволяет создавать различные способы. В этом уроке представлены различные инструменты рисования. Для начала работы нужно создать новый файл в среде Adobe Illustrator. Многие авторы работают с несколькими художественными платами, при этом работа распространяется через данную системы. Все эти правила исключают работу путаницы. Начальное знакомство с инструментами для рисования Adobe Illustrator Все инструменты рисования создают контуры. Пути имеют […]
Как создать шаблон персонажа
Как создать шаблон персонажа когда вы упоминаете M&Ms или Pringles, все вспоминают красочных шоколадных персонажей в форме пуговиц и усатого мужчину, что, естественно, заставляет нас помнить бренды, с которыми они связаны. Профессионально разработанные талисманы — отличный способ держать бизнес в сознании клиентов. Шаблон — это забавные, полезные бренды/услуги и послы мероприятий. Поэтому они должны быть привлекательными, чтобы привлечь внимание своей целевой аудитории, и должны отражать дух и характер «продукта». Envato Elements и Envato Market предлагают широкий выбор дизайнов логотипов и талисманов, а также наборы талисманов , которые вы можете приобрести или просмотреть для вдохновения. В большинстве случаев талисманы используются в […]
Рисуем летний кокосовый коктейль в Adobe Illustrator
Кокосовый коктейль в Adobe Illustrator в этом уроке рассмотрим сделать композицию с тропическим кокосовым коктейлем в модном плоском стиле! Давайте научимся работать с самыми полезными инструментами Adobe Illustrator, чтобы иметь возможность изменять основные геометрические фигуры и создавать яркие иллюстрации для веб-дизайна, печати на футболках, дизайна одежды и многого другого! Вы готовы? Давайте начнем! Шаг 1 Начнем с кокоса. Давайте возьмем Инструмент «Эллипс» (L), удерживая нажатой клавишу Shift , и создадим круг размером примерно 207 х 207 пикселей . Залейте его коричневым цветом на панели Color . Возьмите Инструмент «Прямое выделение» (А) и щелкните верхнюю опорную точку, чтобы выделить её. Нажмите клавишу Delete , чтобы удалить верхнюю точку вместе с верхней половиной круга. Теперь они имеют […]
Как создать простую композицию фигур
Создать простую композицию фигур в этом уроке это восхитительный векторный дизайн фруктов из основных форм и создадим динамическую композицию, идеально подходящую как для печати, так и для веб-медиа! Шаг 1 Давайте начнем с некоторых очень простых форм! Инструментом « Эллипс » нарисуйте круг. Перекройте его прямоугольником, нарисованным с помощью инструмента «Прямоугольник» . Выберите оба и нажмите Minus Front на панели Pathfinder . Повторите с меньшими формами, чтобы сформировать каждый слой арбуза. Для семян нарисуйте круг и потяните самую верхнюю опорную точку вверх с помощью инструмента «Прямое выделение» . Преобразуйте опорную точку в острую и поместите три из них на кусок арбуза. Шаг 2 Другими объектами в вашем мотиве могут быть листья, апельсины и лимоны (поскольку это […]
5 Advantages of promoting a Youtube channel
Nowadays, Youtube channel is the second largest search engine and the third most visited website in the world after Google and Facebook. It was developed in 2005 and has been increasingly popular since then. In this age of technology, people prefer visual content to what they are looking for. So it is used in marketing, business, entertainment, education and everything else. Nowadays, everyone wants to have a popular Youtube channel – be it a movie star, a baker, a businessman, a teacher or even a student. They all need a Youtube channel whose content can reach the other end of […]
Простой способ нарисовать розу в Adobe Illustrator CS5
Один из наших читателей прислал вопрос о том, как нарисовать розу в Adobe Illustrator CS5 и сегодня мы рассмотрим один простой способ как это сделать. Нам не понадобятся сложные техники для создания розы в векторе. Будем работать с самыми простыми фигурами и базовыми эффектами векторного редактора, многие из которых мы уже рассматривали ранее. 1. Итак, сначала создаем новый документ в Adobe Illustrator. Инструментом «Прямоугольник» создаем пять прямоугольников, перекрывающих друг друга, как показано на рисунке ниже. 2. Теперь инструментом «Прямое выделение» нужно скруглить углы на наших прямоугольниках. Выделяем один прямоугольник и выбираем нижнюю левую точку, после чего скругливаем этот угол так, […]
Учебное пособие по 3D-стилю ретро-текстового эффекта
Пособие по 3D-стиле ретро-текстового эффекта в этом уроке вы научитесь создавать объемный текст, вдохновленный винтажными дизайнами упаковки и логотипами. Налейте чашку кофе, расслабьтесь и давайте создадим текст с помощью эффектов Illustrator, инструмента «Переход» и текстур, подходящих для брендинга кофейни. Шаг 1 Начните с выбранного вами шрифта. В данном случае я выбрал Lobster 2 , но также рекомендую Lobster , ChunkFive или Birra . Напишите свой текст или заголовок с помощью инструмента «Текст» (T) . Я выбрал «Итальянское обжаривание», так как это название сорта кофе, и я считаю, что этот текстовый эффект хорошо сочетается со всем, что связано с кофе, упаковкой […]
Милая иконка снеговика в Adobe Illustrator
Милая иконка снеговика в Adobe Illustrator зимний сезон – время пушистого снега, снежков и снеговиков! Сделаем тоже. В этом уроке мы создадим симпатичную иконку снеговика, используя основные геометрические фигуры, панель «Обводка» и различные инструменты и функции Adobe Illustrator, чтобы создать простую иконку снеговика с контурами. Давайте начнем! Шаг 1 Давайте начнем с создания простого фона, чтобы сделать нашу иконку белого снеговика более заметной. Возьмите инструмент «Прямоугольник со скругленными углами », удерживайте нажатой клавишу Shift и создайте фигуру размером 540 х 540 пикселей . Залейте его очень светлым оттенком розового на панели « Цвет ». Шаг 2 Теперь возьмите Инструмент «Эллипс» (L) , удерживайте Shift и создайте ровный круг 200 х 200 пикселей . Установите белую заливку и коричневую обводку на панели […]
Функции Blend в Adobe Illustrator CS5 — Часть вторая
Продолжим изучение Blend Tool и функции Blend в Adobe Illustrator CS5. И сегодня мы попробуем применить блэнд к более сложным объектам. Также узнаем как с помощью блэнд можно создать тень, которая будет соответствовать требованиям микростоков. Кнопочка инструмента Blend Tool находится на панели инструментов, а также можно использовать Blend выбрав соответствующий пункт на вкладке Object > Blend. Мне больше нравится использовать сочетание горячих клавиш Ctrl + Alt + B (чтобы применить бленд), Ctrl + Shift + Alt + B (обратное действие). Блэнд для градиентов Для этого примера рисуем две линии (можно и больше). В моем случае разного цвета. Выделяем их и […]
Финансовый план и зачем он нужен фрилансеру
Финансовый план — это комплексная оценка текущего и будущего финансового состояния любого человека с использованием известных в настоящее время переменных для прогнозирования будущих потоков денежных средств и стоимости активов. Большинство людей, создавших финансовый план, работают вместе с финансовым планировщиком и используют текущую чистую стоимость, налоговые обязательства, распределение активов и будущие планы выхода на пенсию и имущества при разработке финансовых планов.
Знакомство с инструментами для рисования
Узнайте, что лучше всего делает каждый инструмент рисования, включая инструмент «Перо», «Карандаш», «Кривизна», «Кисть» и другие.
Читайте также: