CorelDRAW работа с кривыми Безье

Цветовая палитра (Color Palette) — обычно находится справа, содержит образцы цветов для быстрой заливки или обводки. Цветовая палитра содержит несколько самых популярных цветов для печати, таких как: красный, синий, желтый, зеленый, циан, маджента, черный, серый и т. д. При помощи этих цветов объекты можно заливать простыми плашечными цветами, хорошо показавшими себя при печати. См. рис. 20.

Рис. 20. Докеры и цветовые палитры

Линейки (Rulers) — располагаются по верхнему и левому краям, помогают позиционировать и измерять объекты, кроме того, нажав на инструмент «Выбор» (самый верхний слева), удерживая его левой клавишей на линейке, можно вытащить на рабочее пространство направляющую линию. Направляющая линия помогает выравнивать объекты, выстраивать их по одной линии. Практически не один макет не обходится без направляющих линий. Убрать направляющую линию можно, выделив ее инструментом выбор и нажав клавишу Delete.

Строка состояния (Status Bar) — внизу окна показывает информацию о выделенном объекте (размер, цвет, заливку) и подсказки по горячим клавишам.

Навигатор документа (Document Navigator) — в левом нижнем углу, служит для переключения между страницами и добавления новых страниц (создания многостраничного документа). См. рис. 20.

Устройство рабочей области

Рабочее поле программы представляет собой белый лист, на котором можно создавать объекты. В центре листа находится прямоугольник (по умолчанию формата А4), он ограничивает объекты для печати, все, что не попало в этот прямоугольник, не будет напечатано на принтере. Все, что частично попало в границу листа, будет обрезано при печати. См. рис. 21.

Рис. 21. Направляющая линия и лист для печати

На рисунке 21 видно, что на печать пойдет объект желтый круг, зеленый объект будет обрезан и напечатана лишь его часть, попадающая в прямоугольник для печати, а прочие объекты (малиновые прямоугольники) не будут напечатаны.

В самом низу на рис. 21 вы видите часто используемые цвета.

Приближение или удаление

Приближение или удаление объекта происходит при вращении колесика мышки. При этом реальный размер объекта не меняется, просто мы видим его ближе или дальше. Так же приближать объект можно, используя инструмент Лупа, который находится на панели инструментов слева (или нажмите клавишу Z на клавиатуре и кликайте по объекту).

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

Домашнее задание: установите программу и изучите ее интерфейс. Познакомьтесь с меню Файл, используйте направляющие линии, посмотрите на панель свойств, панель инструментов и палитру цветов.

Глава 1. Применение кривых линий

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

Применение кривых Безье очень разнообразное, в целом все направления можно разделить на творческие и рабочие.

Рабочее направление

Чаще всего кривыми Безье пользуются различные специалисты: дизайнеры, полиграфисты, инженеры, автомобилестроители и т. д.

Компьютерная графика и дизайн

Это самое известное и массовое применение кривых. Кривые Безье лежат в основе векторной графики. Ни один макет не обходится без применения этих линий.

В том числе кривые Безье используются:

— В создании логотипов.

— В дизайне визиток и фирменном стиле.

— В буклетах, флаерах и другой полиграфической продукции.

— В создании узоров для макетов.

— В рисунках персонажей и объектов для рекламных макетов.

— В макетах наружной рекламы.

— В макетах для лазерной резки и гравировки.

Рис. 22. Визитка с векторной линией и векторным логотипом

Шрифты

В Adobe Illustrator, Inkscape, CorelDRAW и при создании компьютерных шрифтов (TTF, OTF) контуры букв и фигур описываются именно кривыми Безье. Это позволяет масштабировать изображение без потери качества. Также есть дизайнеры, которые сами создают собственные шрифты. Сначала создается эскиз карандашом на листе бумаги, потом дизайнер обрисовывает кривыми Безье контур буквы. См. рис. 23.

Чтобы перевести обычный параграфный шрифт, использующий шрифты компьютера, в векторный объект, необходимо выделить рамку с текстом и нажать горячие клавиши: Ctrl и Q (преобразовать в кривые). Текст трансформируется в набор кривых линий. Такой текст перестаёт быть редактируемым, но зато переносится на любой компьютер и не зависит от того, установлен такой шрифт на другом компьютере или нет. По факту текст становится объектом векторной программы, чьи контуры состоят из кривых линий.

Рис. 23. Шрифты в векторной программе в кривых

Анимация и веб-разработка

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

CSS-анимация (Easing): функция cubic-bezier(x1, y1, x2, y2) в CSS задает не траекторию, а скорость изменения свойства (например, прозрачности или положения). Это позволяет анимации начинаться медленно, ускоряться и замедляться в конце («пружинистый» эффект).

Траектории движения (Motion Path): в веб-анимации или программах вроде Blender объект можно заставить двигаться вдоль нарисованной кривой Безье. Например, чтобы иконка летела по дуге, а не по прямой линии.

Пример: в CSS-переходе кнопки вы можете использовать transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);, чтобы кнопка «выпрыгивала» с эффектом упругости.