Уроки Adobe Illustrator от brush.spoke.ru

  Все выпуски  

Уроки Adobe Illustrator от brush.spoke.ru Листовка в Adobe Illustrator


Etjud...2
Альтернатива
Крысы
Прочитать Моделирование простого карандаша в 3ds max
Прочитать Моделирование вазы, работа с геометрией в 3ds max
Прочитать Использование эффектов в Painter

Информ-Лента

Все больше работ размещают начинающие художники в разделе "Мастерская"!
Покажите на что Вы способны! Включитесь в сообщество участников Brush.spoke.ru и участвуйте в совместной работе над проектами. Оставьте свой след в истории.

Другие рассылки от сайта Brush.spoke.ru

Рассылки Subscribe.Ru
Уроки Photoshop от Brush.spoke.ru

Есть вопрос или идея по поводу нового урока? Выскажите его администрации.
Задать вопрос.

Листовка в Adobe Illustrator
автор: Alex

О чём были предыдущие уроки? Отрисовка растрового изображения, работа с заливками, рисование, работа с защитными элементами, вёрстка... Пора заняться чем-то более существенным. Разработаем полноценный макет печатной продукции, а заодно рассмотрим некоторые нюансы, которые нужно знать для полноценной работы.

В этом уроке даны основы разработки макета на примере листовки. Перед началом работы мы должны представлять что же за листовку мы будем делать. Это листовка для автосалона (только что мною выдуманного).

Урок содержит исходник, который Вы можете скачать здесь. Чтобы не сильно загромождать файл, рисунок имеет низкое разрешение.

Итак, начнём!

Создаём новый документ выбирая File => New... либо комбинацией клавиш +. Какие же размеры документа мы будем задавать?

Листовка имеет размер 100х210. Т.к. наша листовка по краям будет иметь не один сплошной цвет (а это я уже знаю за ранее), делаем отступы по 1 мм с каждой стороны (это необходимо учитывать, поскольку при резке листовок ножом будет производиться два реза). Потому, задаём размер документа 102х212. Подробнее информация о резке раммсотрена в параграфе ниже.

Резка печатного листа
После печати продукции на типографской печатной машине производится резка листов, на которых размещены (в нашем случае) листовки. Резка может производиться в один или два реза. Если печатная продукция (та же листовка) имеет сплошной фон по краям, резку можно производить в один рез. В этом случае размер макета должен соответствовать размеру готовой продукции. Если в макете по краям фон не сплошной, т.е. в некоторых местах расположены векторные объекты (в нашем случае фотография автомобиля, горизонтальная линия и декоративный элемент у логотипа), резку необходимо производить в два реза. Иначе при небольшом отклонении ножа часть одной листовки может оказаться на другой. Потому необходимо делать отступы по 1-2 мм с каждого края.

Первое, что необходимо сделать перед началом непосредственной разработки макета - задать фон и контур реза. Для фона создаём слой "background" и размещаем на нём прямоугольник (в нашем случае чёрного цвета) размером 102х212. Для контура реза создаём слой "cut", размещаем его выше всех других. В этом слое располагаем прямоугольник, имеющий рамер самой листовки. Задаём ему следующие параметры: заливка отсутствует, контур - 1 pt, белый цвет (C - 0%, M - 0%, Y - 0%, K - 0%). Фиксируем эти два слоя, щелкнув в каждом из них (во вкладке Layers) на кнопке Toggles Lock. Наконец, создадим ещё три слоя для рисунка, логотипа и текста.

С технической стороны всё готово для начала работы над листовкой. На ней должны располагаться логотип фирмы, адрес и дополнительная информация. Начнём с графического оформления. Расположим в нижней части листовки автомобиль (растровое изображение). Я уже полностью подготовил изображение для печати (перевёл в CMYK, установил разрешение 300 ppi). Рисунок в нашем случае имеет ширину 102 мм. Результат Вы можете увидеть на рис. 1.

Создание листовки в Adobe Illustrator
рис.1

Начнём работать над логотипом :)

Называться наша фирма будет............ "No Limits". Берём инструмент Type Tool и пишем название (рис. 2).

Создание листовки в Adobe Illustrator
рис.2

Инструментом Ellipse Tool рисуем овал, задаём ему градиемтную заливку (первый цвет: C - 0%, M - 100%, Y - 100%, K - 30%; второй: C - 0%, M - 60%, Y - 60%, K - 0%). Текст переводим в кривые (Create Outlines в контекстном меню, вызываемом правым щелчком мыши). Разгруппировываем полученные объекты. Тексту "Limits" применяем заливку (первый цвет: белый; второй: C - 0%, M - 20%, Y - 20%, K - 0%). Для текста "No" применяем следующую модификацию: во вкладке Pathfinder => Shape Modes выбираем Add to shape area. К полученному объекту применяем градиентную заливку (первый цвет: C - 0%, M - 100%, Y - 100%, K - 40%; второй: C - 0%, M - 100%, Y - 100%, K - 20%). Так же к тексту "No" применяем белую обводку 1 pt. Она должна находиться сзади текста. Потому применяем её к копии текста, расположенной ниже его. Результат представлен на рис. 3. Прошу обратить Ваше внимание, что при задании заливки объектам, я выставлял значение каждого цвета кратное пяти. Можно выставлять и любое другое значение, но прошу Вас, задавайте целые числа (например 20,19 ставить не рекомендую).

Создание листовки в Adobe Illustrator
рис.3

Рисуем ещё два элемента, как на рис. 4. Их можно получить произвольным рисованием кривой. Чтобы полученный объект не выходил за границы овала, применяем модификацию: во вкладке Pathfinder => Shape Modes => Intersect shape areas. Дублируем овал, располагаем его выше всех объектов логотипа, убираем заливку, ставим цвет обводки C - 0%, M - 100%, Y - 100%, K - 30%.

Создание листовки в Adobe Illustrator
рис.4

Добавляем к логотипу декоративную обводку. Это два эллипса. Большой имеет следующие параметры:
градиентная заливка (первый цвет: C - 0%, M - 100%, Y - 100%, K - 30%; второй: C - 0%, M - 60%, Y - 60%, K - 0%).
обводка - 0,5 pt: C - 0%, M - 10%, Y - 30%, K - 70%

Меньший эллипс имеет следующие параметры:
градиентная заливка (первый цвет: C - 0%, M - 10%, Y - 30%, K - 40%; второй: C - 0%, M - 5%, Y - 10%, K - 10%). Результат Вы видите на рис. 5.

Размещаем логотип в верхней части листовки.

Создание листовки в Adobe Illustrator
рис.5

Займёмся размещением текста.

В верхней области располагаем текст "- автосалон -" со следующими атрибутами:
шрифт - Trebuchet MS
кегль - 16
цвет - C - 0%, M - 10%, Y - 20%, K - 25%.
Выравнивать по горизонтали лучше тогда, когда у нас будет набран весь текст, чтобы не терять времени.

В центральной области располагаем услуги, пердоставляемые автосалоном. Шрифт - Trebuchet MS, кегль - 11, цвет - белый.

В нижней области располагаем адрес фирмы и телефоны. Шрифт - Trebuchet MS, кегль - 12, цвет - белый. Межбуквенный интервал для всего текста ставим 400.

Результат представлен на рис. 6.

Создание листовки в Adobe Illustrator

рис. 6

Логотип, текст и рисунок уже размещены. Теперь займёмся оформлением! Разумеется, Вы можете оформить листовку так, как Вы считаете нужным.

Отделю логотип от других элементов горизонтальной линией. Линия будет представлять из себя не простой прямоугольник. Нарисуем её следующим образом. Создаём объект, представленный на рис. 7 вычитанием одного эллипса из другого.

Создание листовки в Adobe Illustrator

рис.7

Растягиваем объект по горизонтали, выравниваем с листовкой и убираем лишние области, выступающие за пределы листовки. Применяем градиентную заливку (первый цвет: C - 0%, M - 10%, Y - 30%, K - 40%; второй - белый). Результат Вы видите на рис. 8.

Создание листовки в Adobe Illustrator

рис. 8

Добавим декор к логотипу. Создадим два эллипса, со следующими параметрами заливки:

градиентная заливка малого эллипса идентична заливке горизонтальной линии;
градиентная заливка большого эллипса:
первый цвет: C - 0%, M - 10%, Y - 25%, K - 80%;
второй: C - 0%, M - 5%, Y - 10%, K - 70%

Расположим эллипсы как показано на рис. 9.

Создание листовки в Adobe Illustrator

рис. 9

Делаем последний штрих! Добавим несколько прямоугольников, расположив их за текстом со следующими атрибутами заливки: первый цвет 100% чёрного, второй цвет C - 0%, M - 5%, Y - 10%, K - 70%. Теперь наш автомобиль (неплохо бы такой) стоит на стенде в автосалоне. Итог нашей работы можно увидеть на рис. 10.

Создание листовки в Adobe Illustrator

рис. 10

Макет готов. Осталось произвести предпечатную подготовку (PrePress) и можно его верстать. Теперь Вы можете разрабатывать макет печатной продукции. Желаю успехов в этом творческом деле!!

Если у Вас возниклит какие-либо вопросы по этому уроку, пожалуйста, оставляйте свои комментарии здесь, либо на форуме. С радостью отвечу.



В избранное