Отправляет email-рассылки с помощью сервиса Sendsay

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

  Все выпуски  

Уроки Adobe Illustrator от brush.spoke.ru Визитка в Adobe Illustrator


Альтернатива
Крысы
Этюд
Прочитать Использование эффектов в Painter
Прочитать Использование модификатора Morpher в 3D studio Max
Прочитать Поздравительная открытка в Corel Painter своими руками

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

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

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

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

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

Визитка в Adobe Illustrator
автор: Alex

Вы хотите установить доброжелательные отношения между деловыми партнёрами? Вам просто необходимо обзавестись визитными карточками! Сейчас нет смысла рассказывать о её информационно-представительских и рекламных функциях. Визитка нужна многим людям. Хотите заказать её в дизайн-студии, рекламном агенстве, типографии? Гораздо лучше сделать её самому. Этим мы сейчас и займёмся.

В этом уроке дан пример создания визитной карточки. Конечно, совсем не много тут сказано предпечатной подготовке (PrePress) и вёрстке. Документ, полученный после выполнения этого урока полностью готов к печати на струйном или лазерном принтере. Исходники можно скачать здесь: визитка и вёрстка.

Как правило, все визитные карточки имеют стандартный размер 90х50 мм. Не будем менять стандарты и традиции, потому создадим новый документ (рис. 1) именно с такими размерами. Т.к. документ предназначен для последующей печати на принтере либо печатной машине, устанавливаем цветовую модель CMYK.

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

Перед нами чистый лист. Создаём основу для визитки инструментом Rectangle - белый прямоугольник без обводки размером 90х50 мм (рис. 2). Вы можете подумать, что в нём нет никакой необходимости, если фон визитки белый. Но это далеко не так. Этот объект определяет размеры самой визитки (в отличие от границ страницы), что потребуется при её последующей вёрстке.

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

При дальнейшей работе над визиткой не будет необходимости в его редактировании. Он занимает всю рабочую область визитки и постоянно будет мешаться. Потому, для данного прямоугольника задаём отдельный слой. Выделяем единственный пока слой (где и находится объект), двойным щелчком мыши (в окне Layers) вызываем диалоговое окно Layer Options (рис. 3). Переименоваваем слой в "background" и ставим галочку в пункте "Lock" (этим мы закрепляем все объекты, находящиеся в этом слое).

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

Создаём два новых слоя. Один из них будет служить для размещения текста, второй для графики (в нашем случае логотипа). Щёлкаем на кнопке в окне Layers, отмеченной на рис. 4 розовым цветом.

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

Двойном щелчном мыши вызываем окно Layer Options (рис. 5) и переименовываем слои в "txt' и "img".

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

Выделяем слой "img". Из прошлого урока достаём логотип портала brush.spoke.ru, выравниваем его по горизонтали. Для этого можно щёлкнуть на замке слоя background и выровнять объект относительно прямоугольника (выделяем их, держим кнопку , щёлкаем на прямоугольнике и на кнопке Horizontal Align Center (в окне Align)). По вертикали располагаем логотип чуть выше центра (рис. 6).

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

рис. 6

Начнём добавлять текстовую информацию. Выделяем слой "txt". В панели Tools выбираем инструмент Type Tool , щёлкаем в любом месте рабочего листа и набираем свои данные, а именно Ф.И.О; устанавливаем кегль 14 pt. Выравниваем текст по центру относительно горизонтали как в окне Align так и в Paragraph; дублируем его. Для этого перетаскиваем его, удерживая клавиши и . Уменьшаем кегль до 8 pt и заменяем текст на "модератор".

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

рис.7

Выделяем текст, в окне Charaster задаём шрифт Book Antiqua. Далее мы разместим адрес и телефоны. Но прежде советую поставить направляющие (Guides). Комбинацией Ctrl + R отображаем линейку. Чтобы создать направляющую достаточно щёлкнуть на линейке и удерживая перетащить курсор мыши в рабочее пространство. Чтобы установить её точное положение, щёлкаем правой кнопкой мыши в любом месте рабочего пространства, выбираем Lock Guides, либо снимаем флажок с этого пункта в меню View => Guides => Lock Guides. И тут советую пользоваться функцией Smart Guides Ctrl+U. Чтобы установить точные координаты направляющей, выделяем её, перемещаем к краю листа и в окне Transform ставим такие параметры, чтобы они были на расстоянии 3 мм от границ листа (рис. 8).

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

рис. 8

Как и прежде, в панели Tools выбираем инструмент Type Tool , щёлкаем в любом месте рабочего листа и вводим адрес. В окне Paragraph выравниваем текст по левому краю и располагаем его как на рис. 9. Направляющие позволяют разместить текст в точно заданном месте, на расстоянии 3 мм от границ визитки.

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

рис. 9

Таким же образом размещаем телефоны и адрес brush.spoke.ru (рис. 10). Чтобы выделить адрес сайта, выделяем текст, в окне Color задаём C=0%, M=100%, Y=100%, K=0%. Для текста "модератор" задаём цвет K=60%. Сохраняем документ.

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

рис. 10

Дизайн визитки готов. Для корректной печати её на любом принтере либо печатной машине, необходимо перевести текст в кривые. Сохраняеи файл под новым именем "vizitka_curves". Выбираем все объекты в слое "txt" щёлкаем на них правой кнопкой мыши, выбираем Create Outlines. Теперь мы имеем дело уже не с текстом, а с кривыми (рис. 11). Группируем все объекты, (!) включая белый прямоугольник.

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

рис. 11

Далее начинается другой этап подготовки визиток к печати - вёрстка. Именно этим мы сейчас и займёмся.

Создаём новый документ с параметрами, указанными на рис. 12.

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

рис. 12

При вёрстке в Adobe Illustrator трудно обойтись без функции Smart Guides Ctrl+U. С ней работа будет более продуктивнее. Размещаем визитку на листе. Копируем её и располагаем как на рис. 13.

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

рис. 13

Выделяем объекты и копируем несколько раз. На листе должно получиться 10 экземпляров (рис. 14).

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

рис. 14

Визитки расположены, остаётся добавить метки реза. Для них создаём новый слой и называем его trim marks. Создаём прямую линию инструментом Line Segment Tool . Выбираем инструмент и щёлкаем в любом месте рабочей области. Появляется окно Line Segment Tool Options. Задаём все параметры как на рис. 15.

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

рис. 15

Перетаскиваем линию к углу левой верхней визитки как на рис. 16. Чтобы расположить её точно линию следует перетаскивать за правую опорную точку (в режиме Smart Guides при наведении курсора она будет показана).

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

Копируем линию. Для этого перетаскиваем её вниз, удерживая клавиши и . Выделяем её и вторую визитку, В окне Align щёлкаем на кнопке Vertical Align Bottom . Таким же способом добавляем ещё четыре метки. Перемещаем метки влево на 1 мм. Это необходимо для того, чтобы после разрезания листа на визитках не осталось меток. Копируем элементы в правую часть листа (рис. 17).

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

Выделяем одну из меток, копируем её и поворачиваем на 90 градусов. Для этого можно задать угол в окне Transform (рис. 18).

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

Дублируем метки таким же способом, выравнивая их с помощью кнопки Horisontal Align Right в окне Align.

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

Конечный результат вы можете увидеть на рис. 19. Документ польностью готов к печати на принтере.



В избранное