Уроки CorelDraw: Стеклянные кнопки (создание Rollover`а)
Речь пойдет о создании стеклянных полупрозрачных кнопок. На первый взгляд может показаться, что этот эффект создан с помощью 3D-программ, но на самом деле вы можете добиться такого эффекта, используя всего лишь два-три правильно настроенных векторных объектов. В этом уроке вы научитесь создавать стеклянные объекты в CorelDraw.
Создание стеклянного шара
На эффект стекла влияют такие ключевые факторы, как направление света, его интенсивность, отражение, фокус и цвет. В любом прозрачном объекте его края темнее, чем середина. Мягкое освещение на стеклянный объект, направленное сверху, создает отражение источника света. Сфокусированное отражение делает поверхность более гладкой.
Использование CorelDraw для создания стеклянного эффекта требует внимательного применения цвета и прозрачности к вашим объектам. Чтоб посмотреть, как цвет и освещение влияют на эффект, давайте начнем с создания цветного стеклянного объекта.
1. Нарисуйте окружность диаметром 50 мм ( Ellipse tool ), удерживая Ctrl.
2. Выберите инструмент Interactive Fill tool (G) , в меню свойств выберите тип заливки Radial, а цвет желтый и белый
3. Для точной настройки градиента используйте диалоговое окно Fountain Fill (F11), выберите пункт Custom. Выделите крайний левый цветовой маркер и нажмите кнопку Other, чтобы получить доступ к большему количеству цветов. Выставите цвет C40, M50, Y100, K20. Затем так же выделите крайний правый маркер и установите цвет C0, M0, Y100, K0. Двойным кликом добавьте два новых маркера в положение 25% и 80% и установите цвета C0, M5, Y100, K20 и C0, M0, Y100, K0 соответственно.
4. Для завершения настройки цвета в меню свойств инструмента Interactive Fill tool в окне Fountain Fill Angle and Edge Pad выставите значение 5%. Удалите обводку с окружности.
Для эффекта блика создайте вторую окружность приблизительно 30мм в диаметре, залейте белым цветом и разместите в вверху и в центре большого круга, чуть ниже его края. Не снимая выделения, примените Interactive Transparency Tool . Тяните маркер сверху окружности на три четверти вниз.
Только при помощи двух объектов вы создали реалистичный стеклянный объект. Обратите внимание, что примененная к объекту заливка придает такую иллюзию, что края сферы пропускают меньше света, чем в середине, что придает сфере объема.
Те же действия помогут вам придать стеклянный вид любому объекту. Для этого необходимо помнить, что нужно уделять особое внимание градиентной заливке и направлению эффекта прозрачности.
Теперь на основе рассмотренных шагов мы создадим стеклянные кнопки .
1. Нарисуйте прямоугольник ( Rectangle Tool, F6 ) примерно 115х30мм. (пропорции прямоугольника зависят от текста, который вы хотите поместить на кнопке).
2. Выделите прямоугольник и закруглите у него все углы при помощи введение значения 100% в полях Rectangle Corner Roundness в верхнем меню. Обратите внимание, что замочек Round Corners Together должен быть включен.
Вы также можете скруглить углы вручную, потянув их инструментом Shape .
Примечание: для сохранения симметрии закругленного прямоугольника, создавайте сразу фигуру того размера, какой вам нужен, чтоб после не трансформировать ее, тем самым нарушая пропорции скругленный углов.
3. Выберите инструмент Interactive Fill и примените градиентную заливку с параметрами по умолчанию, потянув мышкой сверху вниз. Затем откройте диалоговое окно градиента (F11) и перейдите в закладку Custom. В данном примере были использованы такие цвета: маркер 0% — C100, M20, Y0, K80, маркер 100% — C10, M0, Y0, K0, новый маркер 40% — C100, M20, Y0, K20. Прежде чем закрыть окно, установите значение Edge Pad 5%. Нажмите ок и удалите у объекта обводку.

4. Нарисуйте еще один прямоугольник размером примерно 100х13мм, закруглите у него углы, залейте белым цветом, удалите обводку и разместите его поверх первого по центру и вверху, как показано ниже.
5. Выбрав Interactive Transparency Tool потянине мышкой сверху вниз, чтобы применить прозрачность. В меню свойст установите для параметра Edge Pad 8%.
6. Выделите инструментом Pick Tool маленький прямоугольник и скопируйте его, нажав + на клавиатуре. Трансформируйте новый прямоугольник, потянув за нижний центральный маркер вниз и зайлейте цветом Cyan из палитры.
7. Выберите Interactive Transparency Tool и установите маркеры так, как показано на рисунке ниже. Для того, чтобы немного смягчить эффект, перетащите из палитры цветов образец 60% черного цвета на нижний белый маркер. Для завершения смените режим наложения с Normal на Add в меню свойств. Ваша кнопка готова.
Вы можете изменять цвета заливки, создавая различные цветовые варианты кнопок
Для создания эффекта прозрачного стекла вы можете использовать эффект линзы, который будет искажать поверхность, на которой располагается ваш объект.
Для начала сохдайте больший прямоугольник, чем ваша кнопка, который послужит фоном. В данном примере была использована растровая текстура. Чтобы применить такую текстуру, выберите Interactive Fill Tool и найдите в выпадающем меню Fill Type параметр Bitmap Pattern .
Создайте прямоугольник с закругленными углами для будущей кнопки и откройте докер Lens (Alt+F3). Выдерите параметр Fish Eye . Измените значение Rate до тех пор, пока искажение фона не будет достаточным и нажмите Apply или Enter. Чем больше значение параметра Rate, тем сильнее искажается объект.
Затем создайте два меньших прямоугольника для бликов, как было описано в предыдущем примере, залейте их белым и примените Interactive Transparency Tool (сверху-вниз для меньшего, снизу-вверх для большего).
Впишите ваш текст посередине кнопки с помощью Text tool . Для точного центрирования текста объените в группу все элементы кнопки ( Ctrl+G ), затем выделите группу и текст и нажмите C для центрирования по вертикали и E — по горизонтали.
Подготовка кнопки для веба.
Имея готовую кнопку, мы можем сделать ее интерактивной и задать ей режимы нажатия и перекрытия, называемые Rollover . Поскольку мы имитируем трехмерный эффект с реалистичными бликами, добавление теней станет следующим логическим шагом.
Для создания эффекта Rollover мы будем использовать Internet Toolbar .
1. Разгруппируйте элементы созданной на предыдущих этапах кнопки ( Ctrl+U ).
2. Выберите Interactive Drop Shadow Tool и кликните на нижнем прямоугольнике. Удерживая Ctrl, потяните от центра к низу. Таким образом вы примените тень с параметрами по умолчанию. В меню свойств установите смещение по X=0, по Y=-0.7мм, прозрачность (opacity) 80, размытие (feathering) 7; цвет тени выберите cyan.
3. Откройте меню веб-инструментов Window > Toolbars > Internet , затем выделите всю кнопку целиком. Нажмите на кнопку Create Rollover (крайняя левая). Убедитесь, что кнопка Live Preview of Rollovers выключена.
4. Нажмите на кнопку Edit Rollover (вторая слева), чтобы установить активное состояние кнопки (сейчас это Normal ). Так как мы уже создали основную кнопку, изменять в в ней для этого состояния мы ничего не будем, поэтому перейдем сразу к режиму Перекрытия.
5. Для того, чтобы переключить активное состояние на перекрытие мышкой, выберите в выпадающем меню Over . Выделите надпись и измените ее цвет. В этом примере был выбран белый, чтобы при наведении мышкой на кнопку, ее текст подсвечивался.
6. Теперь перейдите в активное состояние нажатия мышкой на кнопку — Down. Инструментом Pick Tool кликните на тени и в меню Effect выберите Clear Drop Shadow . Этим действием вы удалите тень от кнопки.
7. Оставаясь в режиме редактирования состояния Down, выделите все объекты и откройте докер трансормации расположения объектов ( Arrange > Transformations > Position, Alt+F7 ). Введите значение H=0, а V=-0.7мм и нажмите Apply или Enter. Как вы помните, такие значения мы вводили для эффекта тени, а значит сейчас мы смещаем кнопку на то же место, где находилась тень.
8. Закройте окно трансформации и нажмите на Finish Editing Rollover в меню веб-инструментов. Rollover готов.
Чтобы просмотреть результат, достаточно включить параметр Live Preview of Rollovers .
Многогранный Corel. Панели инструментов
Как уже вкратце упоминалось выше, в графическом редакторе Corel DRAW X4 вниманию пользователя представлен не только блок инструментов, но и другие механизмы управления, которые расположены в различных панелях. Основные — это стандартная панель и панель свойств, которые постоянно присутствуют на экране и дают возможность пользователю настроить инструменты и выполнять различные операции с документами. Также есть второстепенные, активные только тогда, когда этого требует проект.
Прямоугольная панель с элементами управления, довольно непривычная для поклонника продукции компании Adobe, называется докером или докерным окном. Внешне она напоминает палитры инструментов, однако, по своей сути, сильно отличается — в открытом состоянии докер несет дополнительную информацию по объекту и не мешает выполнению операций, которые не имеют к ним никакого отношения.
Вариантов оформления докеров два: первый — стационарный, то есть расположенный привычно в правой части рабочего окна программы и граничащий с цветовой палитрой и далее с вертикальной полосой прокрутки. Несколько докеров составляют панель с вкладками.
Рис. 1. Пример стационарного докера
Что же касается второго варианта — «плавающего» докера, то его название говорит само за себя — он является независимым, то есть не имеет привязки и заголовка. Его оформление напоминает оформление палитр в приложениях Adobe (версиях, которые старше CS3). Corel предложил вариант объединения таких окон в группы, которые можно свободно перемещать по экрану, изменять размеры, сворачивать.
Рис. 2. Пример «плавающего» докера
При самом первом открытии программы докеры открываются «по умолчанию» и пользователь может их настроить. Всего докеров в Corel DRAW X4 двадцать шесть.
Примечание
Названия пунктов меню программы обычно идентичны наименованиям докеров.
Найти их можно «по адресу»: Window (Окно) ( Dockers (Окна настройки), где и выбираем все нужные инструменты.
Диалоговые окна
Второй вариант взаимодействия с программой — это работа с диалоговыми окнами. Непосредственно связаны с активными в данный момент инструментами.
Диалоговое окно Text (Текст).
Рис. 3. Диалоговое окно Text (Текст)
Настройка производится с помощью таких инструментов, как:
o Object Position (Положение объектов) — расположение текстового фрейма относительно осей координат X и Y;
o Object Size (Размер объектов) — определение размера текстового фрейма;
o Angle of Rotation (Угол поворота) — поворот (наклон) текстового фрейма;
o Mirror Horizontally/ Mirror Vertically (Отразить по горизонтали/вертикали) — зеркальное отображение текущего выделенного текстового фрейма;
o Font List (Шрифт) — выбор шрифта текста;
o Font Size List (Высота от верхней точки до нижней) — определение кегля шрифта;
o варианты графического оформления текста: Bold (Жирный), Italic (Курсив), Underline (Подчеркнутый);
o Horizontal Alignment (Выравнивание по горизонтали) — выравнивание текста относительно оси, которая может располагаться слева, справа, по центру;
o Show/Hide Bullet (Показать/Скрыть маркеры) — оформление абзацев маркерами;
o Show/Hide Drop Cap (Показать/скрыть буквицу) — оформление текста буквицей;
o Character Formatting (Форматирование символов) — показывает информацию о форматировании;
o Edit Text (Редактировать текст) — дополнительное рабочее окно, предназначенное для ввода текста и его форматирования.
Диалоговое окно Internet
Рис. 4. Диалоговое окно Internet
Данное диалоговое окно призвано помогать пользователю в работе с гиперссылками, закладками и прочими интерактивными процессами, которые могут происходить при размещении документа в сети Интернет.
Механизмы, реализующие требования пользователя, следующие:
. Create Rollover (Создать ролловер) — клавиша, реализующая интерактивность для избранного пользователем объекта документа;
. Edit Rollover (Редактировать ролловер) — с помощью этого инструмента активизируется режим редактирования интерактивных состояний;
. Extract all Objects from Rollover (Извлечь все объекты из ролловера) — клавиша, которая используется для удаления интерактивных состояний;
. Finish Editing Rollovers (Завершить редактирование ролловера) — инструмент, предназначенный для отмены режима редактирования интерактивных состояний;
. Live Preview of Rollovers (Прямой предварительный просмотр ролловеров) — клавиша, реализующая имитацию работы интерактивных процессов в состоянии Offline;
. Active Rollover Stale (Активное состояние ролловера) — раскрывающийся список, предназначенный для выбора одного из трех интерактивных состояний: Normal (Нормальное), Over (Отжатое) и Down (Нажатое);
. Duplicates State (Дублирование состояний) — инструмент для копирования объектов текущего состояния в состояние другого типа, отличное от исходного, в котором какие-либо объекты отсутствуют;
. Deletes Rollover State (Удаление состояния ролловера) — с помощью этой клавиши становится возможным удалить объекты из текущего состояния, если оно не является состоянием типа Normal;
. Behavior (Поведение) — раскрывающийся список, в котором производится выбор одного из трех режимов ввода информации: URL — ввод гиперссылки; Sound (Звук) — подключение к документу выбранного файла аудиоклипа; Bookmark (Закладка) — ввод закладки;
. Show Hotspot (Показывать горячие точки) — клавиша, которая активизирует режим отображения в документе область объекта, которую можно щелкнуть, чтобы перейти по заданному URL-адресу;
. Make Text Web compatible (Сделать текст веб-совместимым) — клавиша, помогающая выполнить подготовку текстовых блоков с целью их сохранения в виде текста, а не изображения, как это чаще всего случается при преобразовании исходного документа в электронный формат;
. Publish to Web – HTML (Публикация в Интернете — HTML) — клавиша, при нажатии которой происходит открытие диалогового окна Publish To The Web (Публикация в Web), в котором пользователь может настроить параметры публикации;
. Internet Address (Адрес в Интернете) — поле, предназначенное для ввода электронного адреса (гиперссылки);
. Target Frame (Конечная рамка) — поле, предназначенное для выбора режима отображения в окне Web новой страницы электронного документа, связанной с текущей страницей документа гиперссылкой. Всего вариантов несколько: nоnе — управляющая информация отсутствует; self — новая страница выводится в прежнем окне обозревателя; top — текущая страница выводится в окне обозревателя одна, при этом его разбивка на разделы отменяется; Jblank — связанная страница документа выводится в новом окне обозревателя; parent — выполняется замещение связанной страницы той, которая находится в основном разделе окна обозревателя;
. Alt Comments (Комментарии ALT) — открывает дополнительную панель с целью ввода контекстного сообщения, которое, по своему обыкновению, отображается в электронном документе рядом с указателем;
. Hotspot (Горячая точка)— клавиша, с помощью которой открывается дополнительная панель для задания формы и варианта оформления области срабатывания,
Диалоговое окно Zoom (Масштаб)
Рис. 5. Диалоговое окно Zoom (Масштаб)
. Раскрывающийся список Zoom Levels (Уровни масштаба) используется для выбора масштаба отображения активного документа в его рабочем окне. Здесь пользователь может самостоятельно определить размер, а может довериться искусственному интеллекту и предустановленным режимам программы: То Fit (Уместить всю) и То Selected (По выделенному) — выделенные объекты полностью заполняют рабочее окно документа; То Page (На страницу) — при размере в 100%, видна открытая страница документа, которая располагается по центру и окружена со всех сторон компоновочной зоной; То Width (По ширине) и То Height (По высоте) — настройка открытия страницы во всю ширину/высоту; процент видимости страницы;
. Zoom In (Крупнее) — кнопка, предназначенная для увеличения масштаба документа (первоначально вдвое);
. Zoom Out (Мельче) — кнопка, использующаяся для уменьшения масштаба в два раза. «Горячая» клавиша F3;
. Zoom To Selected (Только выбранные объекты) — интересная функция, с помощью которой выделенный объект увеличивается до размеров рабочего окна. «Горячие» клавиши Shift+F2;
. Zoom To All Objects (Все объекты) — инструмент, который позволяет заполнить рабочее окно только объектами, расположенными на странице, несмотря на поля. «Горячая» командная клавиша — F4;
. Zoom To Page (Страница целиком) — механизм, позволяющий пользователю полностью отобразить текущую страницу документа, окруженную со всех сторон компоновочной зоной. «Горячие» клавиши — Shift+F4;
. Zoom To Page Width (Масштабирование по ширине страницы) и Zoom To Page Height (Масштабирование по высоте страницы) — клавиши, помогающие открыть данную страницу документа на всю ее ширину или высоту.
Диалоговое окно Print Merge (Слияние при печати)
Рис. 6. Диалоговое окно Print Merge (Слияние при печати)
Эта настроечная панель используется для того, чтобы выполнять при печати операции по слиянию информации документа с выбранными из других источников данными.
. Create/Load Print Merge Fields (Создание или загрузка полей слияния при печати), открывает окно мастера Print Merge Wizard (Мастер слияния при печати), благодаря которому пользователь может осуществить загрузку и создание собственного списка данных, как внесенных, так и
импортированных;
. Edit Print Merge Fields (Изменение полей слияния при печати) — механизм, который предназначен для того, чтобы открывать окно с текущей таблицей данных для редактирования;
. Perform Print Merge (Выполнить слияние при печати) — кнопка, с помощью которой можно открыть диалоговое окно Print (Печать) и настроить так, как это требуется, параметры печати;
. Merge Data to New Document (Выполнить слияние с новым документом) — определения параметров слияния при печати для нового документа;
. Print merge field (Определения параметров печати) — выпадающий список, в котором пользователь может выбрать поля таблицы данных, выводящихся на печать;
. Insert selected print merge field (Вставить выбранное поле слияния при печати) — последняя кнопка, предназначенная для того, чтобы определить местоположение меток на полях таблицы. Это нужно для указания мест вывода информации из этой таблицы.
Диалоговое окно Transform (Преобразовать)
Рис. 7. Диалоговое окно Transform (Преобразовать)
Название говорит само за себя — панель Transform (Преобразовать) предназначена для выполнения самых различных операций по трансформированию объектов активного документа.
. Object(s) Position (Положение объектов) и Object(s) Size (Размер объектов) — это поля, предназначенные для определения позиции активного объекта, или, по научному, выбора математического центра в системе координат и размера этого объекта;
. Scale Factor (Масштаб) — состоит из двух ячеек для ввода нужных чисел, определяющих коэффициент масштабирования по горизонтали и вертикали. «По умолчанию» масштабирование происходит пропорционально;
. Nonproportional Scaling/Sizing Ratio (Непропорциональный коэффициент масштаба) — кнопка в виде замочка, отключающая пропорциональность при масштабировании объекта;
. Mirror Buttons («Зеркальные» кнопки) — стоящие рядом две кнопки Mirror Horizontally (Отразить по горизонтали) и Mirror Vertically (Отразить по вертикали), дающие возможность пользователю зеркально повернуть активный объект проекта;
. Angle of Rotation (Угол поворота) — ячейка, в которой пользователь может указать угол поворота объекта (положительный и отрицательный);
. Center of Rotation Position (Положение центра вращения) — ячейки, предназначенные для определения координат центра вращения активного объекта;
. Skew Angle (Угол наклона) — две ячейки, в которых пользователь указывает угол наклона сторон выделяющей рамки объекта;
. Apply To Duplicate (Применение для дубликата) — кнопка, с помощью которой возможно создать копию объекта с определенными пользователем настройками;
. Relative to Object (Относительно объекта) — кнопка, предназначенная для выбора координат объекта и центра его вращения в относительных единицах, то есть относительно его исходного положения.
Диалоговое окно Macros (Макросы)
Рис. 8. Диалоговое окно Macros (Макросы)
Панель, предназначенная для работы с макросами (макрокомандами), которые позволяют автоматизировать обработку документов.
В CorelDRAW имеется несколько готовых макросов, с помощью которых можно создавать календари, преобразовывать файлы в файлы других
форматов, создавать образцы цвета и вставлять нумерацию страниц.
. Run Macro… (Запустить макрос) — кнопка, предназначенная для активизации диалогового окна, в котором пользователь может выбрать нужную макрокоманду;
. Macro Editor (Редактор макросов) — кнопка, запускающая приложение Microsoft Visual Basic, чтобы создать в нем новую макрокоманду или отредактировать уже имеющуюся. «Горячая» клавиша Alt+F11;
. Disable Application Events (Выключить исходящие события приложения) — кнопка, отключающая макрокоманды в процессе их написания или настройки;
. Start Recording (Начать запись) — кнопка, запускающая запись макрокоманды в процессе, то есть когда происходит обработка объектов документа;
. Pause Recording (Пауза записи) — кнопка паузы, приостанавливающая запись текущей макрокоманды для того, чтобы произвести некоторые действия, которые в макрокоманде отображаться не должны;
. Stop Recording (Остановить запись) — кнопка, полностью останавливающая запись макрокоманды. «Горячие» клавиши Ctrl+Shift+O.
Мария Рыжкова
Компьютерная газета. Статья была опубликована в номере 24 за 2009 год в рубрике soft
Различные приемы повседневной работы в CorelDRAW
Размерные линии состоят из нескольких сегментов, которые могут быть изогнутыми или прямыми. Сегменты линий соединяются с помощью узлов, которые изображаются небольшими квадратами. По умолчанию текст на размерной линии является динамическим: при изменении того размера объекта, к которому относится линия, текст на ней также изменяется и показывает новый размер. Давайте инструментом Основные фигуры нарисуем параллелограмм. Инструментом Параллельный размер повторим левую сторону фигуры, затем сместимся влево (рис. 10.1).
Для настройки параметров размерной линии используйте панель ее атрибутов. В частности, вы можете задать параметр автоматического изменения размерных линий при изменении размера объекта (рис. 10.2).
Суффикс (до) и префикс (после) задают комментарий к размерам.
Итак, для рисования вертикальных, горизонтальных или параллельных размерных линий выберите инструмент Параллельный размер в наборе инструментов. По умолчанию текст будет располагается по центру размерной линии (рис. 10.3).
На рис. 10.4. применен инструмент Угловой размер. Проставлять его следует, двигаясь из вершины по сторонам фигуры, как это показано красными линиями.
Для рисование угловых размерных линий выберите в нем инструмент Угловой размер . Щелкните в том месте, где должны пересекаться две линии измерения угла, и перетащите туда, где должна заканчиваться первая линия. Щелкните в том месте, где должна заканчиваться вторая линия. Щелкните там, где нужно разместить метку угла (рис. 10.5).
Для рисования сегмента размерной линии выберите в нем инструмент Размер сегмента . Щелкните сегмент, который нужно измерить. Переместите указатель туда, где нужно поместить размерную линию, и щелкните там, где должен находиться размерный текст. Для измерения расстояния между двумя удаленным узлами нескольких сегментов с помощью инструмента Размер сегмента
обведите рамкой нужные сегменты , перетащите ее, чтобы разместить размерную линию, и щелкните там, где нужно поместить размерный текст (рис. 10.6).
Далее нарисуем простой чертеж (болт и шайбу) и проставим его размеры (рис. 10.7).
Создайте рабочую область А4 формата (рис. 10.8).
Нарисуйте болт и шайбу ( диаметр шайбы 10 мм). Размеры можно контролировать на панели атрибутов – рис. 10.9.
Теперь нарисуем болт (рис. 10.10).
Для болта воспользуемся инструментом Параллельный размер. Подведите указатель мыши к углу болта и щелчком мыши зафиксируйте начало первой выносной линии. Аналогичным образом зафиксируйте начало второй выносной линии. После этого, не нажимая кнопку мыши, установите ее указатель в точку, где должен располагаться текст размера (тем самым вы одновременно зададите положение размерной линии). Щелкните мышью в указанной точке (рис. 10.11).
Теперь зададим Угловой размер болта. Измените гарнитуру шрифта, например, с Times на Arial, а также выберите другие наконечники для стрелок. Задайте угловой размер болта. Для создания углового размера активизируйте кнопку Угловой размер, затем щелкните мышью в левом нижнем углу болта, чтобы зафиксировать начальную точку размера. Удерживая нажатой клавишу Сtrl, проведите вертикальную линию примерно до середины ребра и снова щелкните мышью. После этого переместите по дуге указатель к нижнему ребру параллелепипеда и опять щелкните мышью. В завершение установите указатель в центре дуги и щелкните мышью (рис. 10.12).
Теперь познакомимся с инструментом Размер по горизонтали или вертикали, у нас это будет 18,92 мм. (рис. 10.13).
Познакомимся с инструментом Выноска через три точки и создадим надпись БОЛТ. Для этого активизируйте кнопку Выноска через три точки на панели инструментов. Затем щелкните в начальной точке выноски (на контуре или во внутренней области объекта) и переместите указатель к той позиции, где предполагаете расположить пояснение. Выполнив двойной щелчок , зафиксируйте позицию курсора ввода и приступайте к набору текста БОЛТ (рис. 10.14).
Создание ролловеров
CorelDRAW позволяет создавать объекты для использования в Интернете (интерактивные ролловеры, а в рисунок можно добавлять гиперссылки и закладки).
Новый термин
Ролловеры являются интерактивными объектами, которые изменяются при нажатии или наведении на них указателя.
Ролловер может иметь следующие состояния:
- Обычное (Норма): состояние объекта-кнопки по умолчанию, при котором для него не выполняются никакие действия мышью.
- Сверху (Наведение): состояние объекта-кнопки при наведении на нее указателя.
- Снизу (Нажатие): состояние объекта-кнопки при ее нажатии.
Для создания объекта ролловера нарисуйте, а затем выделите какой-либо графический объект , например, прямоугольник . Далее выполните команду Эффекты-Ролловер-Создать ролловер. Теперь выберите команду Окно-Панели-Интернет. На панели Интернет нажмите на кнопку Редактировать ролловер . Выберите состояние в списке Активное состояние ролловера (рис. 10.15).
Задайте обычное состояние ролловера, сверху и снизу, а именно, изменение цвета объекта на каждое из этих трех состояний. Нажмите кнопку Завершить редактирование ролловера . Для просмотра свойств ролловера выполните команду Окно-Окна настройки-Диспетчер объектов. Щелкните имя ролловера и разверните его состояния (рис. 10.16).
Также можно просмотреть состояний ролловера, нажав кнопку Просмотр ролловеров в реальном времени на панели инструментов Интернет (рис. 10.17).
Для сохранения результата произведите экспорт ролловера в HTML файл (рис. 10.18).
Листинг нашего примера будет таким:
Макрос календаря в CorelDraw
CorelDraw обладает специальной функцией для создания сетки календарей. Командой Файл-Создать создаем новый документ (рис. 10.19).
Выполняем команду Инструменты-Макросы-Диспетчер макросов и открываем ветку макроса CalendarWizard (Мастер создания календаря) — рис. 10.20.
Активируем запись Create Calendar и нажимаем на кнопку Запустить (рис. 10.21).
В списке Language выбираем русский язык, выбираем год, язык и нажимаем Expand (рис. 10.22).
В настройках календаря можно задать:
- шрифт;
- размера;
- расположение элементов.
Нажимаем на кнопку Generate и получаем готовый векторный файл сетки календаря. Дальше вы можете добавить фотографию и сделать, например, заливку фона календаря (рис. 10.23).
Шаблоны
Для быстрого создания стандартных документов, вы можете воспользоваться шаблонами, включенными в состав поставки пакета программ CorelDRAW X7. Выполните команду Файл-Создать из шаблона (рис. 10.24).
Вместе с редактором поставляется множество дизайнерских шаблонов, объединенных в несколько групп. Однако, они охраняются законом об авторских правах и для того, чтобы использовать шаблоны, необходимо стать членом общества пользователей CorelDraw и иметь определенные права .
Как векторизовать изображение в CorelDRAW
Большинство изображений, которые вы найдете в Интернете (JPG, PNG, GIF), имеют растровый формат. Это означает, что изображения содержат ряд пикселей, которые становятся все более очевидными по мере увеличения размера изображения.
Векторные изображения не имеют этой проблемы. Векторное изображение будет иметь одинаковое качество независимо от размера. Таким образом, если вам нужно качественное изображение разных размеров, вам необходимо разбираться в векторной графике.
Существует множество программ, позволяющих рисовать или преобразовывать изображения в векторные изображения, и CorelDRAW – одна из них.
Как преобразовать растровое изображение в векторное в CorelDRAW
Процесс векторизации в CorelDRAW выполняется быстро и легко. Программное обеспечение предлагает встроенные функции, которые позволяют отслеживать изображение всего за пару кликов. Это позволяет превратить даже самые проблемные растровые изображения в четкие векторизованные изображения.
Для начала вам необходимо импортировать изображение, выбрав « Файл»> «Импорт» или нажав Ctrl + I на клавиатуре. Появится небольшое всплывающее окно, в котором вы можете выбрать изображение, которое хотите импортировать.
Теперь давайте рассмотрим различные способы трассировки изображения.
Быстрая трассировка
Самый простой способ векторизации изображения в CorelDRAW – просто щелкнуть « Растровое изображение трассировки» в раскрывающемся списке на панели инструментов, а затем выбрать « Быстрая трассировка» .
Quick Trace выполнит векторизацию вашего изображения самым простым способом. Это удобно для изображений без большого количества деталей, но не лучший вариант для более сложных изображений.
Осевая линия трассировки
В этом методе используются незаполненные открытые и замкнутые кривые, что делает его хорошим выбором для трассировки карт, линейных рисунков, технических иллюзий и подписей.
Чтобы отследить текст, вам сначала нужно преобразовать текст в растровое изображение. Вы можете сделать это, выделив текст, а затем щелкнув Bitmap> Convert to Bitmap .
После этого перейдите в Trace Bitmap> Centerline Trace . В следующем меню вы увидите две опции: Technical Illustration и Line Trace . Параметр « Техническая иллюстрация» предлагает эскиз с тонкими линиями, а параметр « Рисование линии» предлагает эскиз с более заметными линиями.
Здесь мы выбрали Техническую иллюстрацию .
В новом всплывающем окне вы можете настроить детали вашей трассировки и увидеть результаты по мере их редактирования.
Контурная трассировка
Outline Trace работает как с простыми изображениями, так и с детализированными фотографиями. Он предлагает довольно много разных вариантов трассировки.
Хотя каждый параметр в Outline Trace имеет свое предназначение, вы можете использовать их для любого импортируемого растрового изображения. Вот все параметры Outline Trace, которые есть в CorelDRAW вместе, и то, как они реагируют на фотографию в высоком разрешении:
- Штриховой рисунок : вариант Штриховой рисунок лучше всего работает, когда у вас уже есть четкое изображение без слишком большого количества пикселей. Таким образом вы получите простой и четкий контурный след. Лучше всего он работает, когда вы отслеживаете черно-белые иллюстрации и наброски.
- Логотип: как следует из названия, параметр «Логотип» позволяет отслеживать простые логотипы, не имеющие большого количества деталей и цветов.
- Подробный логотип: если у вас более сложный логотип с градиентной заливкой и другими деталями, этот вариант отлично подойдет.
- Клипарт: этот параметр позволяет трассировать готовую графику.
- Изображение низкого качества: этот вариант трассировки идеально подходит, если вы хотите обвести фотографию без множества деталей.
- Высокое качество изображения: если вы хотите обвести фотографию и сохранить все ее детали, опция трассировки высококачественного изображения творит чудеса. В зависимости от качества импортируемого изображения, а также от выбранных вами общих деталей результаты будут различаться.
Как создать векторный рисунок с нуля
CorelDRAW позволяет создать собственный векторный рисунок или обрисовать существующий с нуля. В левой части экрана у вас есть пара опций, которые позволяют рисовать векторами.
Давайте рассмотрим каждый из этих вариантов.
От руки
Параметр «От руки» – один из самых популярных инструментов построения кривых в CorelDRAW. Он позволяет вам свободно рисовать, поскольку он превращает ваши линии в векторы, которые вы позже можете редактировать.
Когда вы рисуете фигуру, просто нажмите на линию с помощью инструмента Фигура , и вы сможете редактировать векторы.
2-х точечная линия
Инструмент 2-точечная линия позволяет рисовать прямые линии, которые касаются или перпендикулярны объектам.
Инструменты Безье и Ручка
С помощью этих двух вариантов вы можете рисовать по одному сегменту за раз. Вы получите точный контроль формы и кривой каждого сегмента при размещении узлов.
Инструмент «Перо» также даст вам возможность предварительно просмотреть отрезок линии во время рисования.
Ломаная линия
Инструмент Полилиния – более простой вариант, если у вас нет блокнота для рисования, но вы все же предпочитаете использовать инструмент От руки . Он позволяет рисовать сложные линии, которые вы можете редактировать позже. Когда вы рисуете, вы видите предварительный просмотр вашего рисунка.
3-точечная кривая
Этот инструмент позволяет создать идеальную изогнутую линию, которую можно изменить. Вы можете указать ширину и высоту во время рисования. Трехточечная кривая часто используется для быстрого создания форм дуги без необходимости иметь дело с узлами.
B-сплайн
Когда вы выбираете инструмент B-Spline, вы можете рисовать изогнутые линии, задавая контрольные точки вашей кривой, и все это без необходимости разбивать их на сегменты.
Трассировка изображения в CorelDRAW вручную
Если вы хотите легко обвести рисунок, вы можете использовать любой из вышеупомянутых инструментов. Но если вы хотите вручную обвести изображение в CorelDRAW, вы можете использовать инструмент От руки.
Для этого начните с простого создания узлов. Вы можете сделать это, щелкнув в любом месте, где хотите его разместить.
Затем щелкните инструмент « Фигура» и выберите все созданные вами узлы.
Выбрав все узлы, щелкните правой кнопкой мыши в любом месте линии и выберите « Кривая» . Это позволит вам вручную изгибать каждую линию.
Вы можете изогнуть линии, щелкнув линию и переместив ее или щелкнув узлы и используя стрелки.
Когда вы закончите, убедитесь, что вы закрыли нарисованную фигуру. В CorelDRAW можно раскрашивать только закрываемые фигуры. В правой части экрана находится цветовая палитра. Чтобы раскрасить замкнутую фигуру, выберите фигуру, которую хотите раскрасить, и щелкните один из цветов.
Щелчок левой кнопкой мыши по цвету окрасит внутреннюю часть формы. Щелчок правой кнопкой мыши по цвету выделит форму выбранным цветом.
Отслеживайте свое изображение или начните с нуля
Как видите, в CorelDRAW есть множество возможностей для векторизации изображения. Вы даже можете нарисовать векторное изображение с нуля!
Векторные параметры в CorelDRAW работают так же, как и в Adobe Illustrator. Основное различие между ними заключается в том, что CorelDRAW – лучший вариант для графических дизайнеров и любителей, которые работают в нишевых областях, в то время как Adobe Illustrator идеально подходит для профессионалов графического дизайна, которые хотят создавать огромное количество векторной графики.