2.2 Содержание элективного курса.

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

Во многом успех DRAW обязан своему достаточно доступном и понятному интерфейсу. Даже если вы никогда не имели дело с графическими программами о знакомства с основными приемами ( щелкнуть мышкой, выбрать инструмент и курсор на страницу, нажать кнопку мыши и не отпуская ее рисовать ) достаточно для того, чтобы создать не только прямоугольники , но и овалы , текстовые блоки , линии и объекты свободной формы . Осваивая этот прием , вы сразу же узнаете как увеличиваются части рисунка. Все эти операции сводятся к простым правилам [24, с. 84].

• заголовок, отражающий имя приложения и открытого файла;

• строка меню обеспечивает доступ к большинству функций и команд программы;

• линейки прокрутки для перехода в различные части документа;

• кнопки со стрелками в правом верхнем углу экрана для расширения окна

DRAW на весь экран , или свертывания его значок;

• кнопка управления в левом верхнем углу для быстрого или развертывание закрытия DRAW [7, с. 285].

Практически невозможно найти Windows- приложение, которое не содержит меню File (Файл ) и Edit ( Правка) на двух первых позициях в строке меню, или в какой отсутствует панель пиктограмм , обеспечивающих быстрый доступ к определенным команд и функций. Все меню DRAW работают так , как привыкли пользователи Windows . Меню разворачивается с помощью двойного щелчка мышкой на нем , или нажатием клавиши на клавиатуре. Эту комбинации составляет подчеркнутая буква в названии меню и клавиша Alt.

Строка Состояния. Непосредственно под панелью инструментов DRAW резервирует зону для общения с вами. Эта зона называется строкой состояния ( на вашем экране строка состояния может располагаться внизу). Слева в строке отображаются текущие координаты курсора, а также информация о том , или активизирована координатная сетка ( Grid Snap ) , что является одной из наиболее часто используемых функций [4, с. 98].

По центру строки состояния отображается информация о выбранном

( активизированном) в данный момент объектами. Информация: " Curve on Layer I " . Выбор объекта осуществляется нажатием кнопки мышки, после этого вокруг объекта появляются маркеры в виде черных квадратиков. Вы видите эти маркеры. Этот термин DRAW применяет ко всем объектам и форм, поскольку кривая - это основа программы CorelDRAW [10, с. 275].

Справа в строке дается информация о внешних и внутренних параметров изображения: гольф - клуб имеет наполнитель - 20 % Black (черный ), контурные линии имеют черный цвет и толщину 5 point .

Прямоугольник в правом углу строки состояния меняется в зависимости от изменений в выбранной единице. Если эмблема гольф- клуба была Голубого цвета , то таким был бы и фон прямоугольника. Поменяйте контурную линию с черной на красную, а толщину увеличьте до 3 point, то же произойдет с контуром прямоугольника. Когда объекты наложены друг на другой , единственной подсказкой о активизирован элемент может оказаться этот маленький квадратик строки состояния.

Линейки прокрутки. Линейки прокрутки в DRAW работают также , как во всех Windows- программах . Горизонтальные и вертикальные линейки прокрутки работают одинаково . Существует три способа перемещения экрана : малыми порциями - щелчком мыши на стрелках ; большими порциями - нажатием на серых участках линейки прокрутки (кстати , фон вашей линейки прокрутки может быть другим) ; на произвольную расстояние - буксировкой ползунка линейки прокрутки с помощью мышки.

Палитра цветов. Внизу экрана расположена палитра цветов, имеет схожий с линейкой прокрутки вид и принцип работы. Палитра цветов позволяет очень легко изменять цвет внутреннего фона объекта и контурных линий. Большинство палитр имеют большую цветовую гамму , что не всегда возможно показать на экране , поэтому просмотр цветов осуществляется по принципу работы линейки прокрутки [16, с. 267].

Меню File (Файл)

Это основное меню DRAW , через которое проходят все файлы. Как и во всех Windows- программах, это меню открывает, сохраняет, экспортирует, импортирует и печатает файлы. Также оно содержит доступ к каталогу изображений CorelMocaics и к утилите управления цветами (Color Manager ) .

Обратите внимание на подчеркнутые символы в меню, позволяющие задавать выполнения команды или вызвать диалоговые окна с клавиатуры. То же самое можно сделать с помощью комбинаций горячих клавиш, приведенные здесь же (Ctrl , Alt- комбинации) [7, с. 46].

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

В нижней части меню содержится список из четырех файлов, которые открывались последними.

Напомним еще раз, если опция меню заканчивается троеточием - это означает, что она имеет свое диалоговое или окно roll - up окно.

Меню Edit (Правка)

Меню отвечает за изменения, дублирования, копирования, удаления , размножения , а также повторная или действие отмене предыдущего. Подобно всем программам поддерживающим функцию OLE , в меню Edit содержатся элементы работы с Clipboard (буфер обмена), через который осуществляется обмен информацией с другими приложениями.

Команда Clone появилась в DRAW 4.0. Она дублирует объекты, сохраняя при этом динамическую связь с оригиналом : меняется оригинал - меняется копия.

На приведенном изображении команды Paste и Paste Special доступны. Это означает, что в Clipboard является объект, к которому они применимы.

Меню View (Вид)

Меню View является переработанным меню Display прежней версии. Оно отвечает за все, что происходит с экраном. Его опции позволяют контролировать состояние интерфейса [13, с. 164].

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

Горячая клавиша Ctrl + W позволяет изменять состояние экрана (полезна при работе со сложными другом на друга объектами ).

Меню Layout (Макет )

Осуществляет контроль за такими фундаментальными параметрами как размер страницы и нумерация страниц. Здесь собраны опции Grid (сетка ), Guidelines (вспомогательные линии) и Page (страница ) - установок, а также Roll - up окна для Layers (уровни) и Styles (стили ).

Последние три элемента активизируют координатную сетку, указатели и объекты , согласно установок [17, с. 295].

Меню Arrange (Упорядочить)

Выполняет благоустройство, расположение, выравнивание, сбор, разъединения и соединения объектов. Командами Group , Combine или Weld можно объединить два объекта. Более оригинальным способом эту процедуру выполняют новые команды Intersection и Trim [4, с. 325].

Директивы по переносу объектов на передний план, или же наоборот - на задней, и некоторые другие собраны в подменю опции Order [8, с. 214].

Запомните, что горячим клавишам Ctrl + C и Ctrl + V с версии 4.0 больше не соответствуют командам Combine и Convert to Curves . Теперь они выполняют команды связанные с Clipboard: Copy и Paste , соответственно. Для Combine и Convert to Curves предусмотрены комбинации Ctri + L и Ctrl + Q.

Меню Effects (Эффекты)

Содержит команды, выполняющие спецэффекты DRAW - смешать , окутать , наклонить , вытащить, добавить объекта объемное изображение . Также это меню было дополнено новыми командами - Contour и PowerLine , Lens и PowerClip . Отметим , что большинство горячих клавиш подобраны нелогично [14, с. 158].

Меню Text ( Техт )

Поддерживает операции форматирования и редактирования текста. Большинство кнопок управления собраны в Text roll - up окне, но порой бывает легче работать с диалоговыми окнами. Опция Text to Path и ее roll - up окно является наиболее часто используемыми из спецэффектов DRAW [13, с. 145].

Интерфейс программы CorelDraw. Основные инструменты.

Установки параметров векторного документа

Окно программы Corel Draw типично для программ работающих под операционной системой Windows. То есть содержит меню, панели инструментов и окна документов с рамками, заголовками, полосами прокрутки и другими стандартными элементами см. рис.2.1

Панель инструментов

Панель свойств

Линейки

Палитра

Главное меню

Всплывающая панель

Рабочее поле

Полосы прокрутки

Строка состояния

Рисунок 2.1. Окно программы CorelDraw X3.

Инструменты CorelDraw.

- Нажмите сюда, перемещать, изменять размеры и вращать готовые объекты.

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

- Всплывающая панель РЕДАКТИРОВАНИЕ ФОРМЫ.

ФОРМА - Позволяет изменить форму объекта по узлам, которые можно перемещать. Используя правую кнопку мыши или панель свойств можно также делать следующие операции: + добавить узел - удалить узел

преобразовать прямой сегмент (to line) в кривой (to curve) и наоборот разорвать линию в узле (break apart) или соединить разомкнутую линию (auto close)

РАЗМАЗЫВАЮЩАЯ КИСТЬ – позволяет в интерактивном режиме изменять форму кривой.

ГРУБАЯ КИСТЬ – позволяет искажать форму сравнительно гладкой кривой, создавая на ней треугольные выступы – шипы.

ПРЕОБРАЗОВАНИЕ – позволяет выполнять описанные выше преобразования, манипулируя только указателем мыши.

- Всплывающая панель УДАЛЕНИЕ СЕГМЕНТОВ.

ОБРЕЗКА – Позволяет обрезать объект по периметру.

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

ЛАСТИК - Позволяет стереть часть объекта, изменяя его контур.

- Всплывающая панель МАСШТАБ и ПАНОРАМА.

МАСШТАБ - позволяет изменить масштаб чертежа (для увеличения обведите мышью нужную область: для уменьшения - щелкните правой кнопкой мыши).

- Всплывающая панель РИСОВАНИЕ ЛИНИЙ.

СВОБОДНАЯ ФОРМА (а также инструмент ЛОМАНАЯ ЛИНИЯ) - позволяет чертить прямые линии (щелкнуть первую точку, отпустить левую кнопку мыши, перевести мышь ко второй точке и щелкнуть для завершения) и линии свободной формы (чертить не отпуская левую кнопку мыши).

ЛИНИЯ БЕЗЬЕ - чертит кривую линию по точкам, указанным мышью.

ПЕРО - чертит кривую линию по точкам, указанным мышью, но при использовании инструмента ПЕРО можно предварительно просматривать сегменты создаваемой линии.

ХУДОЖЕСТВЕННОЕ ОФОРМЛЕНИЕ - позволяет создавать линии с использованием таких эффектов как брызги, плакатное перо, и другие.

СОЕДИНЕНИТЕЛЬНАЯ ЛИНИЯ - позволяет чертить соединительные линии (например, в организационных диаграммах), которые соединяют объекты даже если Вы после соединения будете перемещать соединенные объекты.

РАЗМЕР - позволяет проставить размеры объектов на чертеже.

- Всплывающая панель ОБЪЕКТЫ.

МНОГОУГОЛЬНИК - позволяет чертить многоугольник с заданным числом вершин (используя панель свойств можно многоугольник преобразовать в звезду).

ЗВЕЗДА - позволяет чертить звезду с заданным числом вершин (см. рис. 2.2).

СЛОЖНАЯ ЗВЕЗДА - позволяет чертить сложную звезду с заданным числом вершин (см.рис 2.3).

Звезда Сложная звезда

Рисунок 2.2. Выполнение рисунков инструментами ЗВЕЗДА и СЛОЖНАЯ ЗВЕЗДА.

СПИРАЛЬ - используется для черчения спирали с заданным числом витков (используя панель свойств, спираль можно сделать равномерной и неравномерной).

ТАБЛИЦА - чертит сетку таблицы с заданным числом столбцов и строк.

ТЕКСТ - позволяет создавать однострочный текст Artistic text (для этого начало текста определяется одним щелчком мыши на рисунке,

- Всплывающая панель ЭФФЕКТЫ.

СМЕСЬ (Blend) - позволяет получать эффект перетекания одного объекта в другой с заданным числом шагов напрямую или вдоль указанного пути. Для создания эффекта нажмите левой кнопкой мыши на первый объект и не отпуская левую кнопку переведите мышь на второй объект.

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

ИСКАЖЕНИЕ - Включает три вида искажения: Давление/Вытягивание Push and Pull: Зубчатость Zipper и Закрутка Twister. Параметры искажения задаются на панели свойств

ТЕНЬ - установка падающей тени от объекта.

ОБОЛОЧКА - позволяет прикрепить к объекту оболочку (сетку), изменяя которую, можно повлиять на форму объекта.

ВЫДАВЛИВАНИЕ ОБЪЕМА - позволяет объектам придавать объемный вид.

ПРОЗРАЧНОСТЬ - позволяет сделать заливку объекта полупрозрачной. Параметры прозрачности настраиваются на панели свойств.

- Всплывающая панель КОПИРОВАНИЕ ЗАЛИВКИ.

ПИПЕТКА - определяет цвет на рисунке в месте щелчка мыши.

ЗАЛИВКА (ЧЕРНИЛА)-заливает объект цветом, определенным пипеткой.

- Всплывающая панель изменения контура.

. ПЕРО - вызывает диалоговое окно настройки линии контура для выделенного объекта.

ЦВЕТ - вызывает диалоговое окно настройки цвета контура.

удаляет контур выделенного объекта.

выбор толщины линии контура для выделенного объекта.

вызов докера цвета.

- Всплывающая панель ЗАЛИВКА.

СПЛОШНОЙ ЦВЕТ – вызывает диалоговое окно по выбору цвета.

ГРАДИЕНТ – вызывает диалоговое окно выбора градиентной заливки.

УЗОР - вызывает диалоговое окно по выбору узора заливки.

ТЕКСТУРА - вызывает диалоговое окно по выбору текстуры (облака, кожа и т.д.) заливки.

ТЕКСТУРА POST SCRIPT - вызывает диалоговое окно по выбору заливки POST SCRIPT (штриховка).

удаляет заливку выбранного объекта.

вызов докера цвета.

- Всплывающее меню ИНТЕРАКТИВНАЯ ЗАЛИВКА.

ЗАЛИВКА – выполняется мышью: указывается продолжительность и направление градиентной заливки. Параметры заливки меняются на панели свойств.

ОБЛАСТИ ЗАЛИВКИ – накладывает сетку на объект, что позволяет отдельные области закрашивать разными цветами.

Ролловер (интерактивная кнопка).

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

Рис. 9.1. Ролловеры.

Создание стеклянного шара

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

Использование CorelDraw для создания стеклянного эффекта требует внимательного применения цвета и прозрачности к вашим объектам. Чтоб посмотреть, как цвет и освещение влияют на эффект, давайте начнем с создания цветного стеклянного объекта.

Упражнении. Создание стеклянного шара.

1. Нарисуйте окружность диаметром 50 мм (ЭЛЛИПС), удерживая Ctrl.

2. Выберите инструмент ИНТЕРАКТИВНАЯ ЗАЛИВКА, в меню свойств выберите тип заливки РАДИАЛЬНАЯ, а цвет желтый и белый

3. Для точной настройки градиента используйте диалоговое окно ФОНТАННАЯ ЗАЛИВКА (F11), выберите пункт НАСТРОЙКА. Выделите крайний левый цветовой маркер и нажмите кнопку Other, чтобы получить доступ к большему количеству цветов. Выставите цвет C40, M50, Y100, K20. Затем так же выделите крайний правый маркер и установите цвет C0, M0, Y100, K0. Двойным кликом добавьте два новых маркера в положение 25% и 80% и установите цвета C0, M5, Y100, K20 и C0, M0, Y100, K0 соответственно.

4. Для завершения настройки цвета в меню свойств инструмента ИНТЕРАКТИВНАЯ ЗАЛИВКА в окне Fountain Fill Angle and Edge Pad выставите значение 5%. Удалите обводку с окружности.

Для эффекта блика создайте вторую окружность приблизительно 30мм в диаметре, залейте белым цветом и разместите в вверху и в центре большого круга, чуть ниже его края. Не снимая выделения, примените ИНТЕРАКТИВНОЕ ПЕРЕТЕКАНИЕ. Тяните маркер сверху окружности на три четверти вниз.

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

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

Теперь на основе рассмотренных шагов мы создадим стеклянные кнопки.

Упражнение. Стеклянные кнопки.

1. Нарисуйте прямоугольник ( F6) примерно 115х30мм. (пропорции прямоугольника зависят от текста, который вы хотите поместить на кнопке).

2. Выделите прямоугольник и закруглите у него все углы при помощи введение значения 100% в полях в верхнем меню. Обратите внимание, что замочек Round Corners Together должен быть включен.

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

3. Выберите инструмент ИНТЕРАКТИВНАЯ ЗАЛИВКА и примените градиентную заливку с параметрами по умолчанию, потянув мышкой сверху вниз. Затем откройте диалоговое окно градиента (F11) и перейдите в закладку НАСТРОЙКА. В данном примере были использованы такие цвета: маркер 0% - C100, M20, Y0, K80, маркер 100% - C10, M0, Y0, K0, новый маркер 40% - C100, M20, Y0, K20. Прежде чем закрыть окно, установите значение Edge Pad 5%. Нажмите ок и удалите у объекта обводку.

4. Нарисуйте еще один прямоугольник размером примерно 100х13мм, закруглите у него углы, залейте белым цветом, удалите обводку и разместите его поверх первого по центру и вверху, как показано ниже.

5. Выбрав ИНТЕРАКТИВНУЮ ЗАЛИВКУ потяните мышкой сверху вниз, чтобы применить прозрачность. В меню свойств установите для параметра Edge Pad 8%.

6. Выделите инструментом маленький прямоугольник и скопируйте его, нажав + на клавиатуре. Трансформируйте новый прямоугольник, потянув за нижний центральный маркер вниз и зайлейте цветом Cyan из палитры.

7. Выберите ИНТЕРАКТИВНОЕ ПЕРЕТЕКАНИЕ и установите маркеры так, как показано на рисунке ниже. Для того, чтобы немного смягчить эффект, перетащите из палитры цветов образец 60% черного цвета на нижний белый маркер. Для завершения смените режим наложения с Normal на Add в меню свойств. Ваша кнопка готова.

Вы можете изменять цвета заливки, создавая различные цветовые варианты кнопок

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

Подготовка кнопки для веба.

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

Упражнение. Создание интерактивной кнопки.

1. Разгруппируйте элементы созданной на предыдущих этапах кнопки (Ctrl+U).

2. Выберите ИНТЕРАКТИВНАЯ ТЕНЬ и кликните на нижнем прямоугольнике. Удерживая Ctrl, потяните от центра к низу. Таким образом вы примените тень с параметрами по умолчанию. В меню свойств установите смещение по X=0, по Y=-0.7мм, прозрачность (opacity) 80, размытие (feathering) 7; цвет тени выберите cyan.

3. Откройте меню веб-инструментов ЭФФЕКТЫ-РОЛЛОВЕР, затем выделите всю кнопку целиком. Выберите ЭФФЕКТЫ-РОЛЛОВЕР-РЕДАКТИРОВАТЬ РОЛЛОВЕР.

4. Нажмите на кнопку ПРАВИТЬ РОЛЛОВЕР (вторая слева), чтобы установить активное состояние кнопки (сейчас это Обычное). Так как мы уже создали основную кнопку, изменять в в ней для этого состояния мы ничего не будем, поэтому перейдем сразу к режиму Перекрытия.

5. Для того, чтобы переключить активное состояние на перекрытие мышкой, выберите в выпадающем меню СВЕРХУ. Выделите надпись и измените ее цвет. В этом примере был выбран белый, чтобы при наведении мышкой на кнопку, ее текст подсвечивался.

6. Теперь перейдите в активное состояние нажатия мышкой на кнопку - СНИЗУ. Инструментом ВЫБОР кликните на тени и в меню Effect выберите Clear Drop Shadow. Этим действием вы удалите тень от кнопки.

7. Оставаясь в режиме редактирования состояния СНИЗУ, выделите все объекты и откройте докер трансормации расположения объектов (Arrange > Transformations > Position, Alt+F7). Введите значение H=0, а V=-0.7мм и нажмите Apply или Enter. Как вы помните, такие значения мы вводили для эффекта тени, а значит сейчас мы смещаем кнопку на то же место, где находилась тень.

8. Закройте окно трансформации и нажмите на ЗАВЕРШИТЬ РЕДАКТИРОВАНИЕ РОЛЛОВЕРА в меню веб-инструментов. Rollover готов.

Чтобы просмотреть результат, достаточно включить параметр Live Preview of Rollovers.

Задания для самостоятельного выполнения.

1) Выполните кнопки:

1. Создайте Ролловеры из созданных кнопок.