Все больше работ размещают начинающие художники в разделе "Мастерская"!
Покажите на что Вы способны! Включитесь в сообщество участников Brush.spoke.ru и участвуйте в совместной работе над проектами. Оставьте свой след в истории.
Вы хотите установить доброжелательные отношения между деловыми партнёрами? Вам просто необходимо обзавестись визитными карточками! Сейчас нет смысла рассказывать о её информационно-представительских и рекламных функциях. Визитка нужна многим людям. Хотите заказать её в дизайн-студии, рекламном агенстве, типографии? Гораздо лучше сделать её самому. Этим мы сейчас и займёмся.
В этом уроке дан пример создания визитной карточки. Конечно, совсем не много тут сказано предпечатной подготовке (PrePress) и вёрстке. Документ, полученный после выполнения этого урока полностью готов к печати на струйном или лазерном принтере. Исходники можно скачать здесь: визитка и вёрстка.
Как правило, все визитные карточки имеют стандартный размер 90х50 мм. Не будем менять стандарты и традиции, потому создадим новый документ (рис. 1) именно с такими размерами. Т.к. документ предназначен для последующей печати на принтере либо печатной машине, устанавливаем цветовую модель CMYK.
рис.1
Перед нами чистый лист. Создаём основу для визитки инструментом Rectangle - белый прямоугольник без обводки размером 90х50 мм (рис. 2). Вы можете подумать, что в нём нет никакой необходимости, если фон визитки белый. Но это далеко не так. Этот объект определяет размеры самой визитки (в отличие от границ страницы), что потребуется при её последующей вёрстке.
рис.2
При дальнейшей работе над визиткой не будет необходимости в его редактировании. Он занимает всю рабочую область визитки и постоянно будет мешаться. Потому, для данного прямоугольника задаём отдельный слой. Выделяем единственный пока слой (где и находится объект), двойным щелчком мыши (в окне Layers) вызываем диалоговое окно Layer Options (рис. 3). Переименоваваем слой в "background" и ставим галочку в пункте "Lock" (этим мы закрепляем все объекты, находящиеся в этом слое).
рис.3
Создаём два новых слоя. Один из них будет служить для размещения текста, второй для графики (в нашем случае логотипа). Щёлкаем на кнопке в окне Layers, отмеченной на рис. 4 розовым цветом.
рис.4
Двойном щелчном мыши вызываем окно Layer Options (рис. 5) и переименовываем слои в "txt' и "img".
рис.5
Выделяем слой "img". Из прошлого урока достаём логотип портала brush.spoke.ru, выравниваем его по горизонтали. Для этого можно щёлкнуть на замке слоя background и выровнять объект относительно прямоугольника (выделяем их, держим кнопку , щёлкаем на прямоугольнике и на кнопке Horizontal Align Center (в окне Align)). По вертикали располагаем логотип чуть выше центра (рис. 6).
рис. 6
Начнём добавлять текстовую информацию. Выделяем слой "txt". В панели Tools выбираем инструмент Type Tool , щёлкаем в любом месте рабочего листа и набираем свои данные, а именно Ф.И.О; устанавливаем кегль 14 pt. Выравниваем текст по центру относительно горизонтали как в окне Align так и в Paragraph; дублируем его. Для этого перетаскиваем его, удерживая клавиши и . Уменьшаем кегль до 8 pt и заменяем текст на "модератор".
рис.7
Выделяем текст, в окне Charaster задаём шрифт Book Antiqua. Далее мы разместим адрес и телефоны. Но прежде советую поставить направляющие (Guides). Комбинацией Ctrl + R отображаем линейку. Чтобы создать направляющую достаточно щёлкнуть на линейке и удерживая перетащить курсор мыши в рабочее пространство. Чтобы установить её точное положение, щёлкаем правой кнопкой мыши в любом месте рабочего пространства, выбираем Lock Guides, либо снимаем флажок с этого пункта в меню View => Guides => Lock Guides.
И тут советую пользоваться функцией Smart Guides Ctrl+U. Чтобы установить точные координаты направляющей, выделяем её, перемещаем к краю листа и в окне Transform ставим такие параметры, чтобы они были на расстоянии 3 мм от границ листа (рис. 8).
рис. 8
Как и прежде, в панели Tools выбираем инструмент Type Tool , щёлкаем в любом месте рабочего листа и вводим адрес. В окне Paragraph выравниваем текст по левому краю и располагаем его как на рис. 9. Направляющие позволяют разместить текст в точно заданном месте, на расстоянии 3 мм от границ визитки.
рис. 9
Таким же образом размещаем телефоны и адрес brush.spoke.ru (рис. 10). Чтобы выделить адрес сайта, выделяем текст, в окне Color задаём C=0%, M=100%, Y=100%, K=0%. Для текста "модератор" задаём цвет K=60%. Сохраняем документ.
рис. 10
Дизайн визитки готов. Для корректной печати её на любом принтере либо печатной машине, необходимо перевести текст в кривые. Сохраняеи файл под новым именем "vizitka_curves". Выбираем все объекты в слое "txt" щёлкаем на них правой кнопкой мыши, выбираем Create Outlines. Теперь мы имеем дело уже не с текстом, а с кривыми (рис. 11). Группируем все объекты, (!) включая белый прямоугольник.
рис. 11
Далее начинается другой этап подготовки визиток к печати - вёрстка. Именно этим мы сейчас и займёмся.
Создаём новый документ с параметрами, указанными на рис. 12.
рис. 12
При вёрстке в Adobe Illustrator трудно обойтись без функции Smart Guides Ctrl+U. С ней работа будет более продуктивнее. Размещаем визитку на листе. Копируем её и располагаем как на рис. 13.
рис. 13
Выделяем объекты и копируем несколько раз. На листе должно получиться 10 экземпляров (рис. 14).
рис. 14
Визитки расположены, остаётся добавить метки реза. Для них создаём новый слой и называем его trim marks. Создаём прямую линию инструментом Line Segment Tool . Выбираем инструмент и щёлкаем в любом месте рабочей области. Появляется окно Line Segment Tool Options. Задаём все параметры как на рис. 15.
рис. 15
Перетаскиваем линию к углу левой верхней визитки как на рис. 16. Чтобы расположить её точно линию следует перетаскивать за правую опорную точку (в режиме Smart Guides при наведении курсора она будет показана).
рис.16
Копируем линию. Для этого перетаскиваем её вниз, удерживая клавиши и . Выделяем её и вторую визитку, В окне Align щёлкаем на кнопке Vertical Align Bottom . Таким же способом добавляем ещё четыре метки. Перемещаем метки влево на 1 мм. Это необходимо для того, чтобы после разрезания листа на визитках не осталось меток. Копируем элементы в правую часть листа (рис. 17).
рис. 17
Выделяем одну из меток, копируем её и поворачиваем на 90 градусов. Для этого можно задать угол в окне Transform (рис. 18).
рис. 18
Дублируем метки таким же способом, выравнивая их с помощью кнопки Horisontal Align Right в окне Align.
рис. 19
Конечный результат вы можете увидеть на рис. 19. Документ польностью готов к печати на принтере.