Дизайн вывески в CorelDRAW

Представляю вам перевод отличного урока для программы Corel Draw — Создание вывески в ковбойском стиле. Автор урока — фрилансер и дизайнер из Трансильвании Ferenc Szeles. Специалист по векторной графике.

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

Организация и текст в Корел Дро

Название магазина — самая важная часть таблички, в то время как описание должно занимать не менее 2/3 от размера вывески, для хорошего визуального обозрения. Все другие элементы дизайна должны быть меньше (логотип и дополнительная информация), чтобы увеличить фокус на главном — названии.

Находим шрифты для вывески

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

Название магазина должно быть вычурным и жирным. В то чремя как описание должно быть написано попроще. Желателен sans serif шрифт без засечек. Для этого урока я выбрал два отличных шрифта с dafont: BigTop автора Shamrock и MarketDeco от Steve Ferrera.

Переводим текст в кривые

Если вы удовлетворены типографикой, выделяйте текст и переводите его в кривые. Это значит, что мы убиваем текст, но создаем редактируемые точки. В CorelDraw нажмите Ctrl+Q

Дизайн вывески

Окружите текст прямоугольниками и окружностями. Слейте фигуры в один объект при помощи команды Weld. Выделите все фигуры при нажав на Shift. Затем нажмите иконку Weld на панели настроек.

Визуальные детали

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

Ещё немного деталей для вывески

Если табличка предполагает дополнительную информацию — вы можете увеличить вывеску, оттянув нижнюю часть фигуры. Выберите инструмент Shape Tool (F10) Правый клик по нижней части фигуры чтобы выделить кривую. И двойной клик чтобы поставить дополнительную точку.

Выделите три нижних точки, кликните правой кнопкой мышки, и из меню выберите To Curve. Эта команда превратит добавит к точкам направляющие, сделав линии гладкими, а не угловатыми.

Теперь можно смело захватиться заточку и потянуть её вниз.

Двойной контур

Когда форма вывески готова, добавьте широкий контур. На самом деле я собираюсь добавить целых три контура. Толстый и два тонких. Выберите Interactive Contour tool из панели инструментов. Кликните по вывеске и в панели настроек выберите настройки для внешнего контура. Пропишите так же толщину сдвига.

Второй контура

Выделите вывеску. В меню выберите Arrange > Break Contour Group Apart. Если эта команда недоступна, выберите вывеску ещё раз инструментом Interactive Contour tool.

После того как фигура переведена в кривые и мы избавились от живых эффектов, сделайте новый контур точно таким же способом. На этот раз сделайте его потолще.

Третий контур

Создайте и третий контур. Примерно такой же толщины, что и первый.

Обрезаем контуры

Если все правильно, у вас должно быть 4 фигуры. Оригинальная вывеска и 3 смещенных вывески. Выберите оригинальную вывеску, нажмите SHIFT и добавьте к выделению смещенную вывеску, которая находится под оригинальной.

Если вы выбрали несколько фигур одновременно CorelDRAW открывает вам доступ в команды для работы с фигурами. Одной из таких команд является Trim. Иконка находится на панели настроек выше.

Создаем глубину

Выберите получившуюся фигуру и сдвиньте её немного ниже. Но до того как отпустить мышку, нажмите левую кнопку мышки. Так вы сделайте копию объекта.

Выберите получившуюся фигуру и нажмите Ctrl+K чтобы разбить фигуру на состовные части. Удалите нижние детальки окантовки. К окончанию этого шага у вас должна получиться 3D визуализация фигур.

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

Цветовая схема

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

Эффекты с текстом

Сдвиньте главный текст инструментом Contour tool. Но в этот раз выберите внутренний контур. Размер сдвига должен быть минимальным. Разбейте на кривые фигуру Ctrl+K и выберите верхнюю маленькую фигуру с текстом.

Стимпанковский градиент

Нарисуйте два прямоугольника немного шире длины текста. Разместите один над другим. Один прямоугольник должен быть широким, а второй узким. Выберите самый толстый прямоугольник и инструмент Interactive Blend tool из панели инструментов. Кликните им по толстой полоске и протяните мышкой до тонкой.

В настройках размытия поставьте 5 ступеней.

Встраиваем линии в шрифт

Выберите Break Blend Group из меню Arrange или просто нажмите Ctrl+K чтобы разложить живой эффект на векторные элементы. Обрежте линии при помощи Trim. Для этого нужно выбрать прямоугольные линии и текст вместе.

Осталось только удалить ненужные куски прямоугольников и наш стимпанковский градиент готов к употреблению.

Заключение

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

Постовой: Подыскиваете бассей для детей? На сайте brightfamily.ru вы найдете массу интересных программ плавания для детей различных возрастов.