Учебно-методический комплекс по дисциплине «Компьютерная графика» Составитель icon

Учебно-методический комплекс по дисциплине «Компьютерная графика» Составитель



Смотрите также:
1   2   3   4   5   6   7   8   9   10
^

Размещение текста вдоль замкнутой траектории.


1. Выберите инструмент Эллипс и нарисуйте на странице документа окружность.

2. Наберите какой-либо текст.

3. Выделите слово и окружность. Расположите текст вдоль кривой.

4. Наберите еще одно слово. Выделите это новое слово и окружность. Выберите вариант, изображающий расположение текста под кривой.

5. Установите флажок Plasce on Other Side (Разместить с другой стороны).

6. Разместите текст так, чтобы он оказался внутри круга.

7. Отредактируйте набранный текст с помощью меню Text\Edit Text (Текст\Форматировать текст). Отредактируйте текст.

8. При выделенном тексте, размещенном вдоль окружности, щелкните на кнопке Edit (Изменить). Введите некоторые значения в счетчик Distanse from Path (Горизонтальное смещение) и (Расстояние от пути). Примените эти действия.

^

Размещение текста в пределах замкнутой кривой.


1. Нарисуйте эллипс на странице документа.

2. Выберите инструмент Текст на панели инструментов. Удерживая клавишу SHIFT, установите курсор текстового режима в форме перекрестья на контур эллипса в его верхней части (указатель мыши примет I-образную форму с буквами "АВ" в квадратике под ним). Щелкните левой клавишей мыши.

3. Начните ввод символов, и вы увидите, как текст автоматически переносится со строки на строку, равномерно заполняя внутреннее пространство эллипса. Заполните весь эллипс текстом, произвольного содержания.

4. В качестве фона примените любую градиентную заливку. Отредактируйте введенный текст.

^

Размещение растровых изображений внутри букв


  • Импортировать растровый рисунок в новый файл (Файл / Импорт из других форматов).

  • Написать текст PowerClip. (Arial Black, размер шрифта 200).

  • Изменить размер рисунка так, чтобы он мог закрыть все буквы.

  • Выделить рисунок при помощи Указателя.

  • Выбрать Эффекты / PowerClip / Поместить внутрь контейнера.

  • Щелкнуть мышью на тексте.






Рисуем квадрат


Поворот на 45


Применяем интерактивное перетекание

Используем интерактивное искажение

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

1. Выделяем объект, который нужно поместить

2. Эффекты — PowerClip — Поместить в контейнер

3. Появившейся стрелкой указываем на объект в который нужно поместить.

3а. Для редактирования в контейнере — правая кнопка мыши по объекту — редактировать содержимое — пр.кн.мыши — завершить редактирование.



Такие фокусы за несколько секунд придадут шрифту индивидуальность и динамику.
Шрифт тоже работает как контейнер. В него можно помещать как вектор, так и растр!



^ Лабораторная работа № 5.

Рисование сковороды.
Рисуем три больших круга, используя инструмент Эллипс (F7)
в сочетании с кнопкой Shift, чтобы окружность получалась ровной:

1.1. Первый круг заливаем градиентом, как показано на рисунке.
Контур оставляем, как есть – черный.



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



1.3. Рисуем третий круг, заливаем его, убираем контур:



1.4. Применяем ко второму и третьему кругам Интерактивное перетекание
Вот, что получается:



2. Ручка для сковородки.

2.1. Используем инструмент Прямоугольник через три точки.

Рисуем прямоугольник:



2.2. Затем преобразовываем прямоугольник в кривые через контекстное меню или, нажав Ctrl+Q.



Затем преобразовываем линии в кривые:



Изменяем форму прямоугольника с помощью инструмента Форма (F10)



2.3. Рисуем еще один прямоугольник на ручке, изменяем его, и заливаем его градиентом, как показано на рисунке:



3. Яичница.

3.1. Внутри нашей сковородки рисуем с помощью инструментов Свободная форма
или Безье две фигуры как показано на рисунке



3.2. Убираем контур у фигур. Нижнюю заливаем цветом сковородки, а верхнюю светло-серым цветом (10% чёрный) и применяем к ним Интерактивное перетекание:



Белок готов. Переходим к желтку.

3.3. Рисуем две окружности:



3.4. Нижнюю заливаем цветом белка (10% черный), контур убираем.
Верхнюю заливаем темно желтым цветом, контур убираем. (C:7 M:31 Y:96 K:0)
И применяем к ним Интерактивное перетекание:



3.5. С помощью инструментов Эллипс, Форма и Прозрачность создаем плашку, которая придаст объем желтку:



3.6. Помещаем ее на желток:



Яичница готова!


Лабораторная работа № 6


Манипулирование объектами


Прямоугольник можно назвать "кирпичиком" неживой природы — всего того, что создано руками человека.

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




Рис. 2.1. Примеры геометрических фигур, полученных из прямоугольника в результате изменения геометрических размеров, вращения и сдвига


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

Используя настройки, которые появляются на панели свойств при выборе инструмента Rectangle (Прямоугольник), можно задавать скругление отдельных углов прямоугольника. Благодаря независимости углов друг от друга в результате получаются разнообразные заготовки (рис. 2.2).

Таким образом, комбинирование трансформационных искажений с параметрами скругления углов прямоугольника предоставляет пользователям возможность создавать геометрические фигуры, в которых не сразу угадывается источник — прямоугольник (рис. 2.3).


Прямоугольник

Для построения прямоугольника в программе CorelDRAW предназначен специальный инструмент — Rectangle (Прямоугольник) ( ) (рис. 2.4).





Рис. 2.2. Примеры геометрических фигур, полученных из прямоугольника настройкой параметров скругления определенного угла





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


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

1. Переместите указатель мыши ( на кнопку инструмента Rectangle (Прямоугольник)

2. Щелкните кнопкой мыши.

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





Рис. 2.4. Расположение инструмента Rectangle (Прямоугольник)


ВНИМАНИЕ. Наиболее распространенной ошибкой при активизации инструментов является действие мышью, когда пользователь, выбрав требуемый инструмент указателем мыши, нажимает кнопку мыши и пытается "вытащить" инструмент на рабочую область, не отпуская кнопку.

После того как инструмент Rectangle (Прямоугольник) активизирован, им можно многократно пользоваться до тех пор, пока не будет выбран другой.


Чтобы воспользоваться данным инструментом, выполните следующие действия.

1. Выберите инструмент Rectangle (Прямоугольник) ).

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

3. Закончите создание прямоугольника, отпустив кнопку мыши (рис. 2.5).





Рис. 2.5. Результат построения геометрической фигуры с помощью инструмента Rectangle (Прямоугольник)


ПРИМЕЧАНИЕ. Если при создании прямоугольника удерживать на клавиатуре нажатой клавишу Ctrl, то итоговая фигура будет представлять собой квадрат. Удерживание клавиши Shift при создании прямоугольника позволяет строить его от центральной точки в стороны, а не по диагонали.


^ Лабораторная работа № 7

Геометрические примитивы

Инструмент Rectangle (Прямоугольник)


С инструментом Rectangle (Прямоугольник) вы кратко познакомились в предыдущей лекции. Рассмотрим параметры, которые отображаются на панели свойств при выборе данного инструмента (рис. 3.1).

  • Left Rectangle Corner Roundness (Скругление левых углов прямоугольника), Right Rectangle Corner Roundnes (Скругление правых углов прямоугольников). Величина скругления любого из четырех углов прямоугольника может меняться от 0 до 100. Значение 0 соответствует отсутствию скругления, а величина 100 означает, что угол полностью скруглен.

  • ^ Round Corners Together (Скруглить все углы). Эта кнопка ("замок") используется для включения или отключения режима скругления всех углов. При необходимости скруглить отдельные углы прямоугольника нужно отжать кнопку Round Corners Toget her (Скруглить все углы).

В большинстве случаев углы удобнее скруглять вручную, с помощью инструмента Shape (Форма) () . Выбрав данный инструмент, наведите указатель мыши на одну из контрольных узловых точек, расположенных на углах прямоугольника. При наведении на узловую контрольную точку указатель мыши примет вид (рис. 3.2).





Рис. 3.1. Панель свойств при активном инструменте Rectangle (Прямоугольник)




Рис. 3.2. Скругление углов с помощью контрольной узловой точки


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

1. Выделите требуемый прямоугольник.

2. Выберите инструмент Shape (Форма) ( ).

3. Наведите указатель мыши на одну из узловых контрольных точек.

4. Когда указатель примет вид , нажмите кнопку мыши и, не отпуская ее, задайте требуемое скругление углов перемещением мыши. Отпустите кнопку мыши.

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

1. Выделите требуемый прямоугольник.

2. Выберите инструмент Shape (Форма) ( ).

3. Наведите указатель мыши на одну из угловых контрольных точек.

4. Когда указатель примет вид , щелкните кнопкой мыши. Выделенной останется только одна контрольная узловая точка.

5. Не отводя указатель от этой точки, нажмите кнопку мыши и, не отпуская ее, протащите мышь, чтобы задать требуемое скругление угла. Отпустите кнопку мыши.


Скругление углов


1. Постройте прямоугольник шириной 50 мм и высотой 15 мм (далее в курсе габаритный размер фигур будет обозначаться как 50x15мм.)

2. Расположите объект на странице, задав координаты: x = 30 мм, y = 15 мм.

3. Создайте копию прямоугольника и расположите ее следующим образом: x = 30 мм, y = 35 мм.

4. Создайте еще одну копию объекта и задайте такие координаты: x = 30 мм, y = 55 мм.

5. Задайте всем углам остальных прямоугольников скругление, равное 100 (рис. 3.3).

6. Отжав кнопку Round Corners Together (Скруглить все углы), уберите скругление отдельных углов, задав нулевые значения. В результате получится объект, изображенный на рис. 3.4.

7. Задавая значения скругления для углов отдельных прямоугольников, приведите изображение к виду, показанному на рис. 3.5.


Узоры


1. Постройте прямоугольник размером 30x30мм и задайте для него координаты: x0 = 25 мм, y0 = 25 мм.

2. Создайте три копии прямоугольника и расположите их следующим образом: x1 = 25 мм, y1 = 55 мм; x2 = 55 мм, y2 = 55 мм; x3 = 55 мм, y3 = 25 мм.

3. Задавая для углов отдельных прямоугольников скругление 100, приведите изображение к виду, представленному на рис. 3.6.

4. Задавая для выборочных углов разных прямоугольников скругление 0 или 100, преобразуйте изображение, как показано на рис. 3.7.





Рис. 3.3. Результат скругления углов





Рис. 3.4. Объект после отмены скругления отдельных углов




Рис. 3.5. Итоговое изображение




Рис. 3.6. Результат скругления углов





Рис. 3.7. Итоговые изображения


Лабораторная работа № 8


Текст


При работе с текстом немаловажную роль играет шрифт (font). Это понятие включает в себя гарнитуру, кегль и начертание символов. Гарнитура (typeface) — это набор букв, цифр, символов и знаков препинания сходного рисунка. Гарнитуры со специфическими свойствами объединяются в своеобразные группы — семейства шрифтов (type family).

Наиболее распространенные группы гарнитур:

  • Serif — гарнитура обыкновенная, с засечками:

  • Sans-Serif — рубленая, без засечек

  • Monospaced [Fixed size] — моноширинная (все ее символы имеют одинаковую ширину):

  • Script — рукописная (напоминает рукописный текст):

  • Decorative — декоративная (со специальными декоративными элементами — точками, штрихами и другими украшениями):

Шрифты могут иметь разные начертания (forms). Начертание определяется такими признаками:

  • насыщенностью (weight) шрифта:

  • светлый прямой (roman, normal):

  • полужирный (bold):

  • шириной (width):

  • сжатый (condensed) — шрифт с уменьшенной шириной букв:

  • растянутый (expanded, extended) — шрифт с увеличенной шириной букв:

  • наклоном:

  • курсив (italic) — начертание, исторически происходящее от рукописных текстов:

  • наклонный (oblique) — более жесткий по сравнению с курсивом вариант:

Размер шрифта — кегль — определяет высоту символов. Часто единицей измерения этой высоты является пункт (пт): один пункт равен 0,35 мм.


^ Инструмент Text (Текст)


В программе CorelDRAW существует два основных типа текста:

  • Paragraph Text (Абзацный текст) — для создания больших блоков текста с последующим форматированием стандартными способами;

  • ^ Art istic Text (Строчный текст) — для создания коротких текстовых заголовков; кроме того такой текст удобен для последующего применения графических эффектов.

Для работы с текстом в программе CorelDRAW предназначен инструмент Text (Текст) (). . Рассмотрим параметры, которые отображаются на панели свойств при выборе данного инструмента (рис. 4.1).





Рис. 4.1. Панель свойств при активном инструменте Text (Текст)


Гарнитуру и кегль шрифта задают с помощью следующих параметров:

  • Font List (Гарнитура) — гарнитура шрифта;

  • Height from top of ascender to bottom of descender (Кегль) — размер символов шрифта (кегль).

Вариант начертания шрифта можно выбрать с помощью кнопок:




  1. Bold (Полужирный) -

  2. Italic (Курсив) -

  3. Underline (Подчеркнутый) -


Кроме того, для работы с текстом (чаще всего — абзацным) используют следующие параметры.

  • Взаимное расположение строк внутри больших блоков текста выбирают с помощью кнопки Horizontal Alignment (Выключка):

  • None (Нет)-

  • Left- (По левому краю)

  • Center- (По центру)-

  • Right (По правому краю)

  • Full Justify - (По ширине)

  • Force Justify - (Полное выравнивание по ширине)

  • При работе со списками можно использовать такие кнопки:

  • Show/Hide Bullet (Показать/Спрятать значки маркированных списков);

  • Show/Hide DropCap (Показать/Спрятать буквицу).

  • Для форматирования и редактирования текста предназначены следующие кнопки:

  • Character Formatting (Форматирование текста) — приводит к появлению пристыковываемого окна Character Formatting (Форматирование текста), в котором можно настроить необходимые параметры;

  • Edit Text (Редактирование текста) — открывает одноименное диалоговое окно, содержащее параметры, позволяющие форматировать и редактировать содержимое текстового фрагмента.


^ Абзацный текст (Paragraph Text)


Абзацный текст чаще всего используют для вставки больших текстовых блоков.

Чтобы создать такой текст, необходимо выполнить следующие действия.

  1. Выбрать инструмент Text (Текст) ( ).

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

  3. Закончить создание поля освобождением кнопки мыши.

  4. Ввести требуемый текст (рис. 4.2).





Рис. 4.2. Пример простого абзацного текста


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

  1. Выбрать инструмент Text (Текст) ( ).

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

  3. Когда указатель примет вид, щелкнуть кнопкой мыши.

  4. Ввести требуемый текст (рис. 4.3).




Рис. 4.3. Абзацный текст внутри фигуры


Размер габаритной рамки абзацного текста можно изменить перетаскиванием любого управляющего маркера (такие маркеры располагаются в углах и на серединах сторон). Указатель мыши при этом примет вид двунаправленной стрелки (рис. 4.4).

Повторный щелчок на выделенном блоке абзацного текста приводит к тому, что управляющие маркеры габаритной рамки принимают вид двунаправленных стрелок, расположенных вдоль рамки. Кроме того, появляется маркер центра вращения, с помощью которого можно поворачивать и наклонять текст (рис. 4.5).




Рис. 4.4. Использование маркеров для изменения размеров рамки




Рис. 4.5. Выделенный абзацный текст в режиме вращения и искажения


Лабораторная работа № 9

Редактирование объектов с помощью инструмента Shape (Форма)


Любое векторное изображение состоит из множества элементов, которые можно редактировать независимо друг от друга. Основными "кирпичиками", из которых построено такое изображение, являются объекты — прямая, круг, прямоугольник, кривая, замкнутая кривая, многоугольник и т. п. Задавая объектам различное положение относительно друг друга, можно создать новый, часто достаточно неординарный объект.

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





Рис. 5.1. Фрагмент кривой Безье: 1 — сегмент кривой Безье, 2 — начальный узел, 3 — узел, 4 — выбранный узел, 5 — маркеры направляющих, 6 — направляющие


На рис. 5.1 цифрами 2, 3 и 4 обозначены узлы (Nodes). Узлы являются концами сегментов кривой Безье (1).

Каждому узлу может соответствовать одна или две направляющих, выходящих из него (на рисунке направляющие обозначены цифрами 6). Направляющие заканчиваются маленькими треугольниками — управляющими маркерами (Control Handles) (5). Эти треугольники можно перемещать с помощью мыши, тем самым изменяя длину и расположение направляющих.

Направление направляющей определяет изгиб кривой при редактировании, а от длины зависит степень кривизны.

Таким образом, координаты узлов, а также наклон и длина направляющих определяют внешний вид кривой Безье.

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


^ Преобразование объектов в кривые Безье


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

    1. Выделите требуемый объект.

    2. Выполните команду меню Arrange - Convert To Curves (Расположение - Преобразовать в кривые).

ПРИМЕЧАНИЕ. В результате преобразования внешний вид объекта не изменится, однако объект будет представлять собой кривую Безье с соответствующими элементами: узлами и сегментами.

Чтобы увидеть узлы и сегменты объекта, преобразованного в кривую Безье, следует выделить его (рис. 5.2).


Преобразование в кривую


1. Постройте прямоугольник размером 50x5mm.

2. Установите скругление всех углов прямоугольника равным 100.

3. Преобразуйте прямоугольник в кривую Безье, выполнив команду меню Arrange - Convert To Curves (Расположение - Преобразовать в кривые).

4. Убедитесь в том, что после преобразования параметры скругления углов на панели свойств больше не доступны.




Рис. 5.2. Выделенные параметрические объекты (сверху) и эти же объекты, преобразованные в кривые Безье (снизу)


Лабораторная работа № 10

Инструмент Bezier (Кривая Безье)




Инструмент Bezier (Кривая Безье) ( — это классический инструмент, предназначенный для построения кривых Безье. Его используют для построения прямолинейных полигональных и криволинейных контуров.

Чтобы построить прямолинейный полигональный контур с помощью инструмента Bezier (Кривая Безье) , выполните следующие действия.

1. Выберите инструмент Bezier (Кривая Безье) ( ).

2. Переведите указатель () на рабочую область и щелкните кнопкой мыши.

3. Переместите указатель мыши в то место, где необходимо создать второй узел, и щелкните.

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

СОВЕТ. Если при построении прямолинейного полигонального контура необходимо, чтобы итоговая кривая была разомкнутой, то после создания последнего узла следует выбрать инструмент Pick (Выбор) (рис. 6.11).




Рис. 6.11. Прямолинейный полигональный замкнутый контур (слева) и разомкнутый (справа)

Чтобы построить криволинейный полигональный контур с помощью инструмента Bezier (Кривая Безье) , необходимо выполнить такие действия.

  1. Выберите инструмент Bezier (Кривая Безье) ( ).

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

  3. Отпустите кнопку мыши.

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

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

При построении криволинейного полигонального контура нажатие кнопки и перетаскивание указателя мыши приводит к созданию узла и направляющей, длина которой определяет кривизну сегмента, а направление задает

его выпуклость (рис. 6.12).




Рис. 6.12. Пример пошагового построения криволинейного полигонального контура





страница9/10
Дата конвертации06.11.2013
Размер0,79 Mb.
ТипУчебно-методический комплекс
1   2   3   4   5   6   7   8   9   10
Разместите кнопку на своём сайте или блоге:
rud.exdat.com


База данных защищена авторским правом ©exdat 2000-2012
При копировании материала укажите ссылку
обратиться к администрации
Документы