Как сделать конверт в иллюстраторе
5 февраля 2019 | Опубликовано в Уроки | Нет комментариев »
В этом уроке мы будем рисовать стилизованную иконку конверта в Adobe Illustrator. У нас получится работа в упрощенном векторном стиле, который нелегко дается новичкам. Но это полезный навык. Плоский стиль не выходит из моды, а умение упрощать необходимо любому дизайнеру.
Результат
Шаг 1
Создайте новый документ. Для этого выберите в меню File > New/Файл>Создать (или воспользуйтесь сочетанием клавиш Control-N). В появившемся окне укажите параметры как показано ниже.
Шаг 2
Теперь начнем работу над иконкой. Нарисуйте круг размером 88 x 88 px и укажите ему цвет #9076FF. Выделите круг и в палитре Align/Выравнивание выровняйте его центру документа по горизонтали и вертикали. Это будет фон нашей иконки.
Шаг 3
Рисуем основную форму конверта — прямоугольник размера 36 x 44 px белого цвета (#FFFFFF). Поместите его по центру круга.
Шаг 4
Укажите прямоугольнику Stroke/Обводку цвета #1C202D и толщиной в 4 px. Также укажите обводке скругленные углы.
Шаг 5
В верхней части прямоугольника нарисуйте еще один поменьше — размером 36 x 16 px тоже белого цвета и с теми же параметрами для обводки.
Шаг 6
Инструментом Direct Selection/Прямое выделение (A) выделите левый нижний угол маленького прямоугольника и передвиньте его на 8 px правее. Сделайте то же с правым нижним углом.
Шаг 7
Рисуем скрепку. Для этого используйте прямоугольник со скругленными углами размером 8 x 24 px с радиусом скругления углов в 4 px.
Шаг 8
Рисуем маленькую кнопку из круга размером 8 x 8 px.
Шаг 9
Теперь для эффект объема рисуем тень. Нарисуйте овал размером 32 x 4 px, укажите ему заливку цвета #1C202D и разместите под конвертом.
Создание фирменного конверта
1. File –> New.
2. Переходим в раздел принт и нажимаем View all presets (посмотреть все заготовки).
3. Выбираем формат листа А3 и ставим горизонтальную ориентацию.
4. Нажимаем кнопку Create.
5. Берем заготовку фирменного конверта и копируем ее в рабочий файл клавишей Command / Ctrl C, Command / Ctrl V — вставляем наш конверт.
6. Для технического цвета вырубки заходим в обводку и находим цвет CMYK magenta.
7. Нажимаем на нее 2 раза ЛКМ. У нас открывается меню, и по заданию нам надо назвать ее Deline.
8. Меняем тип цвета с Process color на Spot color, т.е. плашечный цвет.
9. Называем наш слой Deline.
10. Задаем толщину обводки 0,25 пт.
11. Линиям сгиба задаем пунктир.
12. Создаем параллельный контур к вырубке. Это будет наш блид.
13. Выделяем контур и заходим во вкладку Object, параллельный контур. По заданию блид равен 5 мм.
14. Задаем на углах круговое скругление.
15. Слой Дизайн меняем местами со слоем Deline, т.к. технические линии всегда должны быть сверху.
16. Задаем цвет блиду.
17. Выделяем все технические линии, заходим во вкладку Window и находим атрибуты. Ставим галочку Over print stroke.
Теперь нам надо разместить логотип на нашем конверте, но т.к. буквы имеют цвет фона конверта, их следует перекрасить в желтый цвет.
1. Выделяем текстовую часть.
2. Берем пипетку и перекрашиваем в цвет нашего чемоданчика.
3. Переносим логотип на конверт и размещаем его в левом верхнем углу.
4. Для добавления паттерна заходим в ранее созданный документ «Паттерн», берем его с помощью Command / Ctrl C, затем Command / Ctrl V — вставляем к нашему конверту.
5. Разворачиваем паттерн с помощью клавиши Shift на 90° и размещаем на конверте.
6. Так как один из элементов паттерна имеет такой же цвет, как и фоновая заливка нашего конверта, мы должны поменять ему цвет на белый.
1. Для размещения заходим в текстовый документ со слоганом, копируем его с помощью Command / Ctrl C и вставляем с помощью Command / Ctrl V на наш конверт.
2. Располагаем его под логотипом.
3. Задаем фирменный шрифт и цвет.
4. Располагаем авторскую графику на конверте.
1. Переводим шрифт в кривые.
2. File –> Save as и выбираем формат pdf. Нажимаем Сохранить.
3. По заданию ставим формат pdf x4 и Create acrobat layers, т.е. сохраняем файл послойно.
4. Вручную ставим блиды документа.
5. Заходим в Output (вывод) и проверяем цветовой профиль документа. У нас должно стоять coated FOGRa 39.
Как создать макет листовки в Adobe Illustrator
Без макета нет печати. Разработка макета листовки с нуля стоит примерно 2000 руб., которые можно сэкономить, научившись делать макеты самому. Для создания дизайна простого полиграфического продукта (листовки, визитки) достаточно разобраться в основных функциях любого из графических редакторов (Corel Draw, Adobe Photoshop, Adobe Illustrator, InDesign). Разберемся как работать в Иллюстраторе.
Создаем прямоугольник нужного размера. Листовки могут быть А4 (210*297 мм), А5 (148*210 мм), А6 (105*148 мм) или евро (100*210 мм).
Проверьте, чтобы была указана цветовая модель CMYK.
Нажимаем Файл, наводим на пункт цветовой режим документа, смотрим где стоит галочка (CMYK или RGB).
Не забываем про вылеты.
Словарь полиграфиста
Вылеты — продолжение цветных элементов на 3-5 мм (в зависимости от формата изделия) за границы обрезного формата. Вылеты нужны для того, чтобы избежать появления белых полос после резки.
Для создания вылетов выбираем вкладку параметры документа.
Указываем нужную величину в пункте Выпуск. Для листовок и визиток — по 2-3 мм со всех сторон, для брошюр и плакатов — по 5 мм со всех сторон, исключая корешок; для продукции с вырубкой — по 5 мм за пределы вырубного контура.
Создаем новый слой и нажимаем Файл → Поместить (Shift+Ctrl+P), затем выбираем картинку и кликаем Поместить.
Для текстового контента создаем новый слой и используем инструмент Текст, выбираем шрифт, размер шрифта, начертание.
После того, как закончите с текстовой частью листовки, выделите весь текст и выберите Текст → Преобразовать в кривые (Shift+Ctrl+O). Если этого не сдлеать, то текст может потеряться или превратиться в набор непонятных символов при открытии файла на другом компьютере.
С помощью инструмента Перо можно нарисовать другие элементы дизайна, предварительно создав новый слой в иллюстраторе.
Поэкспериментируйте с расположением, цветом и размерами элементов макета. Посмотрите на полученный результат, представьте себя на месте клиентов или дайте посмотреть макет кому-нибудь из знакомых, чтобы понять какие мысли и эмоции вызывает ваш дизайн и наполнение.
Сохраняем файл. Можно сохранить в формате ai, но лучше выбрать формат pdf. Так вы застрахуете себя от потери шрифтов и изображений.