Методическое пособие является разработкой элективного курса по предмету информатика «Графический редактор CorelDraw»

Скачать 0.96 Mb.

Название	Методическое пособие является разработкой элективного курса по предмету информатика «Графический редактор CorelDraw»
страница	9/16
Тип	Методическое пособие

filling-form.ru > Бланки > Методическое пособие

1 ... 5 6 7 8 9 10 11 12 ... 16

Увеличительная линза

Увеличительная линза имитирует эффект настоящего увеличительного стекла, отображая в увеличенном виде перекрываемые ею объекты. Однако в отличие от обычной лупы, кратность увеличения можно регулировать в диапазоне от 0,1 до 100. Более того, линза этого типа при задании кратности увеличения меньше единицы отображает перекрываемые объекты в уменьшенном виде.

Увеличительная линза всегда прозрачна — даже если преобразование увеличительной линзы применяется к объекту с заливкой, эта заливка игнорируется на нее время использования этого объекта в качестве увеличительной линзы. Чтобы создать увеличительную линзу, выполните следующее.

Упражнение 22. Увеличительная линза.

1. Выделите инструментом Выбор объект, который будет играть роль линзы.

2. Выберите команду Эффекты > Линзы.

3. Выберите альтернативу Увеличительная линза в раскрывающемся списке пристыковываемого окна Линзы.

4. В счетчик Кратность введите значение из диапазона от 0,1 до 100,0.

5. Щелкните на кнопке Применить.

На рис. 8.2 представлены результаты перекрытия увеличительной линзой.

Рис. 8.2. Увеличительная линза.

Все линзы применяются по аналогичному сценарию.

Линза негативного изображения

Рис. 8.3. Линза негативного изображения.

Каркасная линза

. Рис. 8.4. Каркасная линза.

Линза «рыбий глаз»

Рис. 8.5. Линза «Рыбий глаз».
Задания для самостоятельного выполнения:

Используя файлы из папки Линзы (Мои Документы), выполните различные эффекты линзы к предложенным рисункам.

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

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

Рис. 9.1. Ролловеры.
Создание стеклянного шара

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

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

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

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мм в диаметре, залейте белым цветом и разместите в вверху и в центре большого круга, чуть ниже его края. Не снимая выделения, примените ИНТЕРАКТИВНОЕ ПЕРЕТЕКАНИЕ. Тяните маркер сверху окружности на три четверти вниз.

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

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

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

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

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. Поскольку мы имитируем трехмерный эффект с реалистичными бликами, добавление теней станет следующим логическим шагом.

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

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) Выполните кнопки:

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

Тема 10.

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

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

Содержимое контейнера фигурной обрезки может представлять собой совокупность любых собственных и/или импортированных объектов CorelDRAW. В качестве контейнера могут выступать любые несоставные объекты CorelDRAW и их группы.

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

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

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

На рисунке 10.1 представлен пример фигурной обрезки, в котором в качестве контейнера выступает текстовая надпись, а в качестве содержимого — клипарт. В результате операции фигурной обрезки создается составной объект класса «фигурная обрезка». Управляющим в таком составном объекте является объект-контейнер. Однако содержимое контейнера фигурной обрезки нельзя в полной мере назвать подчиненными объектами. Дело в том, что эти объекты при желании можно перемещать внутри контейнера и даже редактировать.

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

Рис. 10.1. Клипарт помещен в контейнер фигурной обрезки — блок фигурного текста