Создание вывески в CorelDRAW® X6

Автор: Джозеф Диаз (Joseph Diaz)

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

Во время встречи с заказчиком мы обсудили такие вещи, как предполагаемый размер вывески и бюджет проекта. Для этого проекта мы остановили свой выбор на традиционной вывеске на опорах. Внешняя сторона вывески будет изготовлена из алюминиевой панели шириной 72 и высотой 48 дюймов. Для начала я начертил прямоугольник нужного размера. Одним из замечательных преимуществ CorelDRAW является возможность работать с реальными, а не масштабированными размерами.

Эта вывеска будет не просто прямоугольной. Мы хотели бы придать ей интересную форму, которая в определенной мере повторяла бы архитектуру здания. Я начертил еще два прямоугольника внутри первого прямоугольника и выровнял все три фигуры с помощью команды Упорядочить > Выровнять и распределить.

Затем я нарисовал квадрат. Абсолютно правильный квадрат можно начертить с помощью инструмента Прямоугольник (F6), удерживая клавишу Ctrl. Затем я выделил квадрат с помощью инструмента Указатель и щелкнул по квадрату еще раз, чтобы активировать маркеры наклона и вращения, а затем повернул его на 45 градусов. Если при вращении удерживать Ctrl, фигура будет поворачиваться с интервалом 15 градусов.

Теперь, с помощью инструмента Указатель, я трансформировал наш квадрат в ромб и привязал его центр к стороне прямоугольника. Комбинация клавиш Alt + Z позволяет включать и отключать инструмент Привязка к объектам. Теперь ромб расположен там, где нужно. Затем я создал копию формы (Ctrl + D) и передвинул второй ромб к противоположной стороне прямоугольника.

Теперь, когда у меня есть приблизительная форма вывески, я выделил все объекты за исключением исходного прямоугольника. Чтобы выделить несколько объектов, нужно щелкнуть по ним левой кнопкой мыши, удерживая клавишу Shift. Когда все объекты выделены, я нажимаю кнопку Объединить, которая должна отобразиться на панели свойств.

Для вывески я выбрал теплый серый цвет.

На этом этапе можно спланировать каркас вывески. Вывеску можно было бы изготовить из панели, которая состоит из алюминия и древесного композита, однако такой материал непрочен. Дерево не прослужит так долго, как алюминий, и, поскольку заказчик заинтересован в долговечности изделия, мы решили изготовить большинство частей вывески из легкого и прочного алюминия и минимизировать использование дерево-стружечных материалов. В нашем случае нам понадобится рама, изготовленная из алюминиевых труб диаметром 1 дюйм и помещенная между двумя листами алюминия толщиной 0.080 дюйма. Лист алюминия такой толщины достаточно прочен, однако нуждается в каркасе, чтобы сохранять форму.

Такая вывеска переживет даже долговечную автомобильную краску, которую мы будем использовать в этом проекте. Со временем графику на вывеске нужно будет перекрашивать, но сама вывеска прослужит очень и очень долго. В CorelDRAW я начертил несколько прямоугольников шириной 1 дюйм и разместил их согласно плану, чтобы проиллюстрировать конструкцию вывески. На этом этапе я сделал копию моего дизайна и отложил ее в сторону — она понадобится мне позже. Затем я удалил прямоугольники шириной 1 дюйм и приступил к графическому аспекту дизайна вывески.

Теперь давайте займемся дизайном опор. Для этого проекта мы остановили свой выбор на массивных опорах. С тонкими опорами вывеска будет выглядеть неустойчивой, даже если такие опоры достаточно прочные, чтобы удерживать легкий алюминий. Здесь было бы достаточно установить деревянные пропитанные столбы с размером сечения профиля 4 х 4 дюйма, однако на всякий случай мы установим опоры с размером сечения 6 х 6 дюймов. Чтобы придать опорам еще более устойчивый вид, мы можем разработать «рукава» из прочного ПВХ, которые будут надеваться на столбы сверху.

Я начертил два прямоугольника шириной 7 1/4 дюйма и высотой 52 дюйма. С помощью инструмента Прямоугольник я нарисовал еще два коротких прямоугольника сверху каждого столба, а затем — треугольники, чтобы проиллюстрировать очень простые крышки для опор. Цвет для опор был взят из цветовой схемы самого здания.

С помощью инструмента Контур я выделил лицевую сторону вывески и задал нужное значение в окне Смещение контура на панели свойств. Первый контур будет смещен на 2 1/4 дюйма внутрь, а второй и третий контуры будут смещены внутрь еще на полдюйма каждый. Как только один из контуров создан, с помощью инструмента Указатель нужно щелкнуть правой кнопкой мыши по этому контуру и выбрать Упорядочить > Разъединить контурную группу. Только после этого я смогу присвоить этой новой форме другой контур.

Затем я присваиваю цвет новым объектам (и здесь я использую цветовую палитру постройки). Затем таким же способом я создаю еще две фигуры. По форме они должны повторять некоторые архитектурные элементы дома, в этом случае — декоративный карниз над наличником оконного проема.

Выделим эти фигуры и сместим их контур на полдюйма наружу. С помощью инструмента Указатель щелкните по контуру правой кнопкой мыши, а затем выберите вариант Упорядочить > Разъединить контурную группу.

Здесь я выделил разъединенные контуры и, удерживая нажатой клавишу Shift, выбрал объекты, расположенные под контурами, а затем нажал кнопку Исключить на панели свойств. Теперь исходные контуры можно удалить Для объектов, которые получились в результате, я выбрал темно-зеленый цвет.

Теперь добавим текст. В конце-концов, мы создаем вывеску. Я выбрал шрифт Serif, который отличается чистыми линиями. Он хорошо читаем и соответствует традиционной архитектуре здания. Выберите инструмент Текст (F8) и расположите курсор там, где вы планируете начать ввод текста. Щелкните один раз и начинайте набирать текст. Для того, чтобы изменить тип шрифта или размер текста, на панели свойств можно выбрать требуемые значения. На этом этапе я выделил текст и лицевую часть вывески, а затем с помощью инструментов выравнивания расположил все элементы так, как нужно. Вы можете выбрать Упорядочить > Выровнять и распределить > Выровнять центры по вертикали. Как вариант, можно воспользоваться командами выравнивания и распределения (Окно > Окна настройки > Выровнять и распределить).

Теперь я хотел бы удалить абрисы всех объектов. Для этого нужно выделить все объекты (Ctrl + A), и, передвинув мышь к одной из цветовых палитр, щелкнуть правой кнопкой мыши по перечеркнутой ячейке (Нет цвета).

Мне хотелось бы изменить установленный по умолчанию кернинг (расстояние между буквами). Чтобы активировать инструменты кернинга, я выделю текст с помощью инструмента Форма (F10). Инструменты кернинга отображаются с обоих сторон выделенного текста в виде значков, состоящих из крошечного квадрата, трех линий и треугольника. Чтобы скорректировать интервалы между буквами, необходимо протащить тот значок, который находится справа от текста. Значок слева от текста, на котором треугольник смотрит вниз, предназначен для корректировки интервалов между строками текста. Можно также вносить изменения в отдельные буквы путем перемещения маленьких белых узлов.

Далее я выделил слово «HUMISTON» и выбрал Упорядочить > Разъединить фигурный текст. С помощью инструмента Указатель я слегка увеличил размер букв H и N. Для этого нужно выделить эти буквы (по отдельности) и затем протащить с помощью мыши до желаемого размера.

Затем я выделил оба слова — «HUMISTON» и «HOUSE», щелкнул по выделенному тексту правой кнопкой мыши и в выпадающем списке выбрал команду Преобразовать в кривые, а затем, пока текст все еще выделен, щелкнул кнопку Объединить на панели свойств. В результате внешний вид букв сохранен, однако теперь они утратили текстовые свойства: нельзя изменить шрифт, ввести другие слова или воспользоваться инструментами кернинга.

Примечание: если вы разрабатываете макет вашей собственной вывески, убедитесь, что текст соответствует вашим пожеланиям перед преобразованием его в кривые, в противном случае вам придется начинать сначала.

Здесь я создал желтый контур шириной 3 дюйма вокруг букв. Вы можете использовать любой другой цвет. Я выбрал желтый, поскольку так будет легче видеть следующие действия. Теперь щелкнем желтый контур правой кнопкой мыши и выберем команду Разъединить контурную группу.

Я выделил текст бежевого цвета (не желтый контур) и создал копию (Ctrl + D). Для дубликата я выбрал темно-зеленый цвет, который уже использовался в этом проекте. Давайте немного уменьшим эти буквы и сдвинем их вниз.

Теперь нужно выделить темно-зеленые буквы и щелкнуть Упорядочить > Порядок > Установить за. Курсор должен превратиться в большую черную стрелку, с помощью которой я выделю желтый контур, и это сместит темно-зеленые символы за контур.

Примечание: с тем же успехом выделенные объекты можно перемещать с помощью клавиш Page Up и Page Down на клавиатуре.

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

Теперь я хотел бы создать эффект линии горизонта. Для начала я нарисую два прямоугольника над символами. Эти прямоугольники должны покрывать только верхнюю часть букв. Объединим эти прямоугольники (щелкните кнопку Объединить на панели свойств).

Пока оба прямоугольника выделены, выделим символы, удерживая Shift. Щелкнем кнопку Пересечь на панели свойств. Теперь я изменю цвет нового объекта на белый и удалю прямоугольники.

А сейчас, когда текстовая часть практически готова, давайте добавим несколько графических элементов. Я начал с создания декоративных завитков, которые будут расположены по бокам слова «HOUSE».

Для этого я воспользовался инструментом Свободная форма (F5) и щелкнул один раз под левым углом буквы «H» в слове «Humiston». Теперь передвинем мышь вправо — вы увидите прямую линию. Если при этом удерживать клавишу Shift, то угол наклона линии будет равен 180 градусам. Закончить линию можно еще одним щелчком мыши.

С активированным инструментом Свободная форма щелкнем и протащим мышь, чтобы нарисовать завитки. Инструмент Форма (F10) позволит откорректировать завитки: можно изменять линии и добавлять и убирать узлы по мере необходимости.

Завиток готов, и теперь можно увеличить толщину линий. Для этого выделим нужные линии и нажмем кнопку F12, чтобы открыть диалоговое окно Перо абриса. В поле Ширина необходимо выбрать одно из значений — оно должно быть шире, чем Сверхтонкий абрис.

Теперь я возьму форму с абрисом потолще и щелкну Упорядочить > Преобразовать абрис в объект. Затем я объединю завитки вместе и применю к ним темно-зеленый цвет, который мы уже использовали в этом проекте. Необходимые коррективы можно внести с помощью инструмента Форма. По окончании создадим копию завитков (Ctrl + D) и нажмем кнопку Отразить текст по горизонтали на панели свойств. Поместим перевернутую форму под буквой N c другой стороны слова «House».

Теперь давайте создадим стилизованное изображение самого здания. Эта иллюстрация может пригодиться позже — ее можно будет использовать для брошюр и рекламных листовок заказчика. Для создания иллюстрации возьмем фотографию дома. Эта фотография сделана до того, как постройка была перекрашена, но для создания простой иллюстрации она подойдет. Чтобы импортировать фотографию, я щелкнул Файл > Импорт, нашел нужную фотографию и нажал Импорт.

Инструмент Свободная форма прекрасно подходит для создания прямых линий и простых векторных форм. Я внимательно следил за тенью и светом архитектурных деталей, однако моей целью являлась несложная и лаконичная иллюстрация. Здесь не нужно передавать все детали здания, достаточно общих линий.

После окончания трассировки можно удалить фотографию. Для фона иллюстрации я использовал тот же темно-бордовый цвет, что и для фона самой вывески. Затем с помощью инструмента Свободная форма я добавил простые силуэты деревьев. Для них я также использовал темно-зеленый из цветовой схемы этого проекта. Для карнизов здания я использовал кремовый оттенок, который присутствует в буквах, а для стен — теплый серый, который был выбран для внешней рамки вывески.

Теперь выделим всю иллюстрацию за исключением фона и перетащим ее на вывеску. Макет вывески почти готов. Осталось выполнить финальную обработку эскизов и связаться с заказчиком. На этом этапе мне нужно сделать копию вывески, поскольку мне нужны два эскиза.

Первый эскиз предназначен для заказчика. Мы разработали свой собственный шаблон, который используется во всех наших проектах. Шаблон является отдельным файлом — я щелкнул Файл > Импорт и импортировал файл в формате CDR. Затем я расположил шаблон над эскизом. Шаблон содержит водяные знаки для защиты авторских прав, условия договора, контактную информацию и место для подписи заказчика. Я проиллюстрировал эскиз вывески простым фоном, для которого я использовал градиентную заливку, и зеленью. Все это создает интересную наглядную презентацию.

Второй эскиз будет использоваться на этапе производства вывески. Используя инструмент Параллельный размер, щелкнем один раз, чтобы обозначить начальную точку размерной линии, протащим мышь к конечной точке и отпустим кнопку мыши; затем передвинем курсор туда, где должна находится размерная линия, и щелкнем, чтобы расположить ее там. CorelDRAW автоматически отображает размеры. Возможно, в зависимости от размера эскиза, мне придется увеличить толщину линий и размер текста. Важно помнить о том, что если мне нужно было бы уменьшить масштаб этого эскиза для печати на настольном принтере, я должен бы выделить все размерные линии и отключить Динамическую простановку размеров в окне настройки свойств объекта. В противном случае при уменьшении чертежа все измерения изменились бы соответственно.

После того, как наш заказчик одобрил дизайн, мы приступаем к изготовлению вывески. Мы используем наш рабочий CorelDRAW файл для расчета необходимых материалов и разработки и создания покрасочных трафаретов. Для производства трафаретов мы используем подключаемый модуль CoCut.

Как видите, CorelDRAW X6 является не только прекрасным инструментом для разработки дизайна, но и оказывает неоценимую помощь в производстве.