Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №1

Векторная графика в Microsoft Office (на примере программы демонстрационной графики Power Point)

• Содержание
• I. Теоретический материал
• 1. Вставка иллюстраций при создании презентаций
• 2. Кривые Безье и другие элементы векторных изображений
• 3. Настройка параметров и действия над графическими объектами
• II. Практические задания
• 1. Сердце
• 2. Ромашка

3. Схема проезда

• 4. Работа с иллюстрациями и надписями, отработка действий над объектами

векторный рисование графический изображение

• I. Теоретический материал

1. Вставка иллюстраций при создании презентаций

Наиболее доступной и в то же время достаточно представительной программой двумерной векторной графики является программа рисования в пакете MS Office, которой можно воспользоваться в частности в приложении PowerPoint. Она предназначена для включения в документы простых рисунков, схем с надписями и диаграмм, но по ней можно изучать основы векторной 2D-графики.

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

Рис. 1.1

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

- автоматически создаваемые фигуры (так называемые автофигуры, набор которых включает геометрические примитивы, стрелки, выноски, управляющие кнопки и др.);

- простые надписи, состоящие из прямоугольника и размещённого в нём текста, который можно форматировать обычным образом, пользуясь панелью форматирования;

- художественные надписи (WordArt), текст которых может располагаться и оформляться весьма причудливым способом (например, волнообразно);

- готовые картинки из файлов в векторном (.wmf,.emf - форматы метафайла Windows и расширенного метафайла Windows - собственные форматы Windows, главным образом предназначенные для хранения векторных изображений, совместно используемых приложениями Windows, но могут содержать информацию и о растровых изображениях) или растровом формате, которых находятся коллекции MS Office в папке Клипы (ClipArt) или сохранены на внешнем носителе;

Рис. 1.2



Рис. 1.3

2. Кривые Безье и другие элементы векторных изображений

Одним из основных элементов векторного изображения является кривая. Рисование кривой линии начинается с выбора на панели Иллюстрации пункта Фигуры. Для кривых там предлагаются три инструмента (рис. 2.1):

- кнопка Кривая для рисования «гладкой» кривой;

- кнопка Полилиния для рисования ломаной линии, состоящей из прямолинейных отрезков;

- кнопка Рисованная кривая для рисования кривой «от руки».

Рисунок 2.1. Кривые линии.

Выбрав кнопку Рисованная кривая, переведите курсор мыши в область рисунка. Нажав и удерживая нажатой левую кнопку мыши, постарайтесь так перемещать мышь, чтобы курсор (он сейчас имеет форму карандаша) нарисовал нужную вам кривую (хотя бы приблизительно, т.к. форма кривой будет весьма далека от задуманной). Отпустив кнопку мыши, вы закончите рисование.

Выбрав кнопку Кривая, и щёлкая мышкой в точках, через которые должна проходить кривая, вы нарисуете (также приблизительно) гладкую кривую. На рис. 2.1 чёрными маркерами на кривой указаны места, в которых щёлкали мышью (их будет видно только в режиме Изменения узлов). Каждый щелчок добавляет новый сегмент кривой. Все сегменты нарисованной кривой гладко соединены со своими соседями. Чтобы завершить фигуру, выполните одно из следующих действий:

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

? чтобы замкнуть фигуру, щелкните рядом с ее начальной точкой.

Кнопка Полилиния позволяет использовать оба предыдущих способа рисования. Щёлкая мышью, вы добавляете новые сегменты, которые в данном случае прямолинейны, а двигая мышь с нажатой кнопкой, рисуете «от руки» (карандашом) участок кривой. Так, в полилинии на рис. 2.1 справа отрезки нарисованы щелчками, а «овал» слева - нажатой кнопкой.

Для изменения формы самой линии нужно перейти к редактированию её узлов - концов сегментов, из которых она состоит. Чтобы изменить кривую нужно щелкнуть на фигуру, в разделе Средства рисования на вкладке Формат в группе Вставка фигур нажмите кнопку Изменить фигуру, а затем щелкните Начать изменение узлов. Все узлы будут отмечены чёрными маркерами. Они разбивают кривую на сегменты - прямолинейные или криволинейные. Прямолинейный сегмент можно преобразовать в криволинейный и наоборот. Для этого в режиме редактирования узлов нужно щелкнуть правой кнопкой мыши на сегмент и в контекстном меню выбрать нужную строку.

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

В MS Office, как и во многих редакторах векторной графики, криволинейный сегмент является кривой Безье (но бывают и другие типы кривых). На рис. 2.2 показаны некоторые характерные примеры кривых Безье.

Рисунок 2. Примеры кривых Безье

Каждая кривая Безье задаётся двумя прямолинейными отрезками, которые называются направляющими. Один конец направляющего отрезка отмечен чёрным маркером, другой - белым. К чёрному маркеру прикреплён конец кривой, которая выходит из него в направлении другого конца направляющего отрезка. Сначала она тесно касается отрезка, а потом плавно отклоняется от него, чтобы аналогичным образом примкнуть к другому чёрному маркеру. На рис. 2.2 пунктирная линия, соединяющая белые маркеры, вместе с направляющими отрезками образует ломаную линию, форму которой приблизительно повторяет кривая Безье.

Редактирование формы кривой Безье состоит в перемещении её чёрных и белых маркеров. При перемещении чёрного маркера (т.е. узла кривой) параллельно перемешается и прикреплённый к нему направляющий отрезок. При перемещении белого маркера другой конец направляющего отрезка остаётся на месте. В этом случае узлы кривой остаются на месте, меняется только её форма.

Для того чтобы увидеть выходящий из узла направляющий отрезок и белый маркер на его конце, достаточно щёлкнуть на узле левой кнопкой мыши. Если узел концевой, появится один отрезок, если узел лежит на стыке двух сегментов, появится два направляющих отрезка - по одному для каждого сегмента. Может не появиться ни одного направляющего отрезка. Это значит, что мы имеем дело с автоузлом, который автоматически создаётся при рисовании гладкой кривой или полилинии (для простоты редактирования). Направляющие отрезки появляются для узлов другого типа - гладких, прямых или угловых. Чтобы изменить тип узла, нужно щёлкнуть по нему правой кнопкой мыши и выбрать другой тип узла в контекстном меню. На рис. 2.3 показаны образцы гладких, прямых и угловых узлов.

Рисунок 2.3. Гладкие, прямые и угловые узлы

Гладкий узел - это узел, у которого оба направляющих отрезка лежат на одной прямой, и имеют одинаковую длину (рис. 3, слева). Оба сегмента не только касаются этой прямой, но и имеют в узле одинаковую кривизну.

Прямой узел - это узел, у которого оба направляющих отрезка лежат на одной прямой, но могут иметь разную длину (рис. 3, посредине). Оба сегмента касаются этой прямой, но могут иметь в узле разную кривизну.

Угловой узел - это узел, у которого направляющие (и сегменты) могут образовывать любой угол и иметь разные длины, а сегменты - разную кривизну (рис. 2.3, справа).

3. Настройка параметров и действия над графическими объектами

Охарактеризуем параметры графических объектов и надписей, которые можно настроить на вкладке Формат в группе Стили фигур и Стили WordArt.

Рис. 3.1

Заливка плоскости фигуры выбранным цветом, градиентом, текстурой, узором или рисунком. При выборе цвета заливки можно пользоваться цветовыми моделями HSL и RGB. Выбранный цвет можно сделать непрозрачным, полупрозрачным или полностью прозрачным. Градиент - это плавный переход одного цвета или оттенка в другой (другие). При градиентной заливке можно выбрать цвета заливки, а также направление и форму перехода. При заливке текстурой выбранный рисунок текстуры (из файла) заполняет закрашиваемую поверхность, как черепица покрывает крышу. Рисунок текстуры можно создать самому заранее. Аналогично происходит заливка узором, только узор нельзя создать самому. При заливке рисунком выбранный рисунок растягивается по размеру закрашиваемой фигуры.

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



Рис.3.2

Здесь также можно выбрать толщину линии (контура), тип линии (её штриха) и концов (стрелок).

Выбор цвета текста для надписей. Цвет выбирается, как и при заливке, но всегда непрозрачен.

Кнопка Эффекты позволяет для любого графического объекта или надписи определить тень, объём, отражение, свечение и т.д.

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

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

Поворот и отражение. Любой графический объект можно повернуть на любой угол вокруг центра этого объекта или симметрично отразить относительно его горизонтальной или вертикальной оси.



Рис. 3.4

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

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

Рис. 3.5

При повороте или отражении группы все её объекты изменяются относительно одного общего центра - центра группы. Те же действия, применяемые к одновременно выделенным, но не сгруппированным объектам, осуществляются с каждым объектом независимо (относительно его собственного центра).

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

II. Практические задания

1. Сердце

Цель: формирование навыков работы с кривыми Безье.

Задание: при помощи кривой Безье нарисуйте фигуру в виде сердца.

Комментарии по выполнению задания: используйте замкнутую гладкую кривую (Фигуры Линии Кривая) с 4-мя узлами (обязательно!). В режиме редактирования добейтесь желаемого вида фигуры путем изменения типов узлов и положения сегментов кривой при помощи направляющих. В заключении, выберите подходящий стиль оформления для фигуры (контур и заливку).

2. Ромашка

Цель: закрепление навыков работы с кривыми Безье, другими инструментами программы рисования пакета MS Office.

Задание: при помощи кривых Безье и основных фигур нарисуйте симметричную 12-лепестковую ромашку.

Комментарии по выполнению задания: для создания ромашки (сердцевины и лепестков) используйте как кривые Безье, так и геометрические фигуры. При создании данного рисунка отработайте операции группировки, поворота, отражения графических объектов. Для более точного выполнения действий можно увеличить масштаб, включить отображение сетки (Формат Упорядочить Включить отображение сетки). Для более точного перемещения графических объектов можно использовать клавиатуру (клавиши со стрелками с нажатием и удержанием клавиши Ctrl в процессе перемещения объекта).

3. Схема проезда

Цель: закрепление навыков использования инструментов программы рисования пакета MS Office, надписей; отработка действий над графическими и текстовыми объектами.

Задание: при помощи объектов, представленных в разделе Фигуры, нарисуйте схему проезда куда-либо, ориентации на местности.

Комментарии по выполнению задания: для обозначения объектов на схеме используйте Основные фигуры, Линии и Надписи, в том числе объекты WordArt. Для указания направления движения используйте Стрелки. Для добавления комментариев по поводу ориентации по схеме используйте Выноски. Для обозначения конкретных объектов на схеме можно также использовать Рисунки или объекты ClipArt. Чтобы акцентировать внимание на тех или иных объектах примените различные стили оформления фигур и надписей.

4. Работа с иллюстрациями и надписями, отработка действий над объектами

Цель: закрепление навыков вставки и настройки иллюстраций и текстовых объектов в программе демонстрационной графики MS Power Point.

Задание: при помощи любых иллюстраций и надписей создайте Логотип условной компании. Сохраните рисунок в векторном и растровом форматах.

Размещено на Allbest.ru