ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«ТЮМЕНСКИЙ ИНДУСТРИАЛЬНЫЙ УНИВЕРСИТЕТ»
МНОГОПРОФИЛЬНЫЙ КОЛЛЕДЖ
КОМПЬЮТЕРНАЯ ГРАФИКА
Составитель М. Н. Шибеко,
преподаватель высшей квалификационной категории
Тюмень
ТИУ
2021
Компьютерная графика: методические указания по выполнению
практических занятии для обучающихся по специальностям 09.02.03
Программирование в компьютерных системах, 09.02.04 Информационные
системы (по отраслям), очной формы обучения 5 часть / сост. М. Н.
Шибеко; ТИУ. – Тюмень: Издательский центр БИК, ТИУ, 2021. – 48 с. –
текст: непосредственный
Аннотация
2
СОДЕРЖАНИЕ
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА........................................................................4
ОБЩИЕ ТРЕБОВАНИЯ ПО ВЫПОЛНЕНИЮ И ОФОРМЛЕНИЮ
ПРАКТИЧЕСКИХ ЗАНЯТИЙ...........................................................................6
КРИТЕРИИ ОЦЕНКИ ПРАКТИЧЕСКИХ ЗАНЯТИЙ....................................6
ТЕМАТИЧЕСКИЙ ПЛАН ПРАКТИЧЕСКИХ ЗАНЯТИЙ.............................7
ПО КОМПЬЮТЕРНОЙ ГРАФИКЕ..................................................................7
Практическое занятие №11................................................................................8
Практическое занятие №12..............................................................................13
Практическое занятие №13..............................................................................30
Практическое занятие №14..............................................................................38
СПИСОК ЛИТЕРАТУРЫ.................................................................................46
3
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
4
отчетной документации, принимать участие в разработке проектной
документации на модификацию информационной системы.
ДК 12.1. Выполнять обработку графических изображений и
анимационных роликов с помощью специализированных программных
продуктов.
ДК 12.2. Выполнять проектирование и моделирование трехмерных
объектов с помощью специализированных программных продуктов.
Знать:
базовые понятия и виды компьютерной графики;
цветовые модели, применяемые в различных видах
компьютерной графики;
основы компьютерного моделирования;
алгоритм создания анимации растровых изображений;
различные способы моделирования трехмерных объектов;
правила расстановки источников освещения в трехмерной сцене;
основы визуализации трехмерных сцен;
способы создания анимации трехмерных объектов и ее
сохранения;
принципы динамического трехмерного моделирования;
принципы создания и настройки характеристик графических
изображений растровой и векторной и 3D графики.
Уметь:
разрабатывать собственные программные средства, применяя
средства компьютерной графики;
выбирать инструментальную среду для представления
графического объекта;
трансформировать элементы изображения с помощью векторного
графического редактора;
использовать растровые эффекты растрового графического
редактора;
работать в выбранной среде разработки графических
иллюстраций;
назначать цвета однородной заливки;
группировать и разгруппировать различные объекты;
использовать законы освещения, цвета и формы при создании
графических образов;
использовать основные команды и режимы системы трехмерного
моделирования;
3D Max при создании трехмерной модели изделия.
Иметь практический опыт:
разработка собственных программных средств, применяя средства
компьютерной графики;
5
работа в выбранной среде разработки графических иллюстраций;
использование основных команд и режимов системы трехмерного
моделирования.
На выполнение практического занятия отводится определенное
количество часов в соответствии с тематическим планом учебной
дисциплины Компьютерная графика.
Методические указания к практическим занятиям по дисциплине
Компьютерная графика для обучающихся по специальности 09.02.03
Программирование в компьютерных системах, 09.02.04 Информационные
системы (по отраслям) очной формы обучения окажут помощь
преподавателям в организации и управлении работой обучающихся в
процессе занятий, а также обучающиеся могут использовать их как
пособие для повторения изученного материала, подготовке к
дифференцированному зачету и экзамену.
6
61 - 75 % – «удовлетворительно»;
60 % и менее – «неудовлетворительно».
Оценка «отлично» (максимальное количество баллов) выставляется
обучающемуся, представившему работу, в которой логично и
последовательно изложен теоретический материал, квалифицированно
выполнен анализ, грамотно выполнены необходимые расчеты, даны четкие
выводы, графический материал выполнен с полным соблюдением
установленных требований. В процессе защиты обучающийся
продемонстрировал глубокие знания по теме занятия и четко ответил на
все поставленные вопросы. Преподавателем не обнаружено
принципиальных ошибок.
Оценка «хорошо» выставляется обучающемуся, представившему
работу с соблюдением вышеотмеченных требований при наличии
несущественных замечаний в оформлении, и в том случае, если при защите
имели место неполные ответы.
Оценка «удовлетворительно» выставляется обучающемуся,
представившему работу, которая содержит поверхностно выполненный
анализ изучаемого объекта. Также просматривается непоследовательность
изложения материала, имеются существенные замечания по расчетам и
оформлению. В ходе защиты обучающимся даны неполные или
неаргументированные ответы;
Оценка «неудовлетворительно» выставляется обучающемуся,
представившему работу, которая выполнена со значительными
отступлениями от требований, предъявляемых к практическим занятиям. В
процессе защиты обнаружены принципиальные ошибки в проведенных
расчетах, выводах, имеются значительные нарушения требований по
оформлению и при защите обучающийся практически не смог ответить на
поставленные вопросы.
Отчет по практическому занятию должен быть сдан в конце занятия.
Несвоевременное представление отчета отрицательно влияет на оценку.
7
8
Практическое занятие №11
Воссоздание фирменного стиля. Макетирование визитных карт
Цель: научиться создавать публикации с использованием различных
инструментов программы CorelDraw, производить обмен файлами между
приложениями.
Теоретический материал
Логотип – это ключевой элемент фирменного стиля. Разработка
фирменного стиля начинается именно с разработки логотипа. Логотип –
графическая интерпретация названия фирмы. В действительности же это
больше, чем интерпретация. Это графическое обозначение фирмы,
графическая замена просто текстового названия. Это символ, призванный
сделать компанию более запоминающейся; обозначение, по которому
товары и услуги одних лиц отличаются от однородных товаров и услуг
других лиц. Он выражает индивидуальность предприятия, которое его
использует. От успешного создания логотипа во многом зависит
эффективность всего фирменного стиля.
Качественный логотип должен выполнять четыре основных
функции: отличительную (позволяет отличать одно предприятие от
другого), гарантийную (поручается за определенное качество продукции
или услуги), эстетическую (повышает визуальную ценность товара или
услуги), рекламную (обеспечивает приоритет продукции или услуги).
Логотип должен подчиняться следующим требованиям: простота,
индивидуальность, привлекательный внешний вид.
Визитная карточка является, самым неотъемлемым элементом
фирменного стиля и лишь в исключительных случаях создание дизайна
визитки не входит в состав работ по созданию фирменного стиля.
Дизайнерское решение визитки строится, прежде всего, на логотипе.
Именно логотип является ключевым элементом. Задача дизайнера – найти
оптимальное графическое решение, которое послужило бы и отличным
продолжением фирменного стиля, и удовлетворило бы все требования,
предъявляемые к современному дизайну визиок.
Стандартная визитка имеет размер 95 см и может быть как
горизонтальной, так и вертикальной в зависимости от расположения в ней
ее содержимого.
Задания к практическому занятию
Задание 1. Создание визитки
1. Создайте прямоугольник размером 90х50 (размер визитной
карточки в мм)
2. Наберите весь текст, который должен быть на визитке, по
принципу: имя фамилия отдельно, телефон отдельно, адрес отдельно.
Подберите шрифт (желательно не больше 2-х разных шрифтов на визитке).
9
3. Скомпонуйте визитку по одному из следующих образцов.
Добавьте свой логотип (можете нарисовать логотип в самой программе,
используя различные эффекты, или вставить готовый логотип). Измените
фон визитки.
Рисунок 1
4. Сгруппируйте все объекты визитки.
5. Выполните команду Упорядочить-Преобразования-
Положение. Задайте число копий - 1, ставим на квадратике с маркерами
галочку «Вправо» и нажмите кнопку Применить.
Рисунок 2
6. Инструментом Выбора, удерживая клавишу Shift, выделите обе
визитки. В докере Преобразование установите галочку «вниз», и сделайте
еще несколько копий, чтобы заполнить весь лист A4.
7. Выделите все визитки на листе, выровните их командами
Упорядочить-Выровнять и распределить-На странице по
горизонтали, а также Упорядочить-Выровнять и распределить-На
странице по вертикали.
8. Для сохранения визитки используйте команду Файл-
Опубликовать в pdf.
Задание 2. Создание круглой печати
10
1. С помощь инструмента Эллипс создайте круг. Установите
толщину абриса 0,5 мм, задайте диаметр круга 38 мм (стандартный размер
печати). Нажмите F4, чтобы круг отобразился во весь экран.
2. Скопируйте круг, используя следующий прием: с зажатой
клавишей Shift подведите мышкой к одному из верхних маркеров,
удерживая клавишу Shift левой кнопкой мыши, уменьшите размер круга и
щелкните правой кнопкой мыши. Установите диаметр круга-копии 36,5
мм.
3. Аналогично сделайте еще одну копию круга с диаметром 27 мм.
4. Измените цвет кругов на фиолетовый (рис. 3).
Рисунок 3
5. Выберите инструмент Текст и поднесите курсор к
внутреннему кругу так, чтобы рядом с указателем текста появилась
волнистая линия. Щелкните мышкой и наберите название организации
(текст при этом должен расположиться по кругу). Установите шрифт
Tahoma, размер 7 рт, цвет фиолетовый. Инструментом Выбор исправьте
расположение надписи.
Рисунок 4
6. На панели свойств задайте расстояние надписи от внутреннего
11
появляются дополнительные маркеры. Нажмите на правый маркер у
надписи.
Рисунок 5
8. Добавьте в промежутки между словами звездочки. Для этого
инструментом Текст создайте в любом месте документа звездочку,
установите шрифт Times New Roman, фиолетовый цвет. Переведите
звездочку в кривую и переместите ее в нужное место печати.
9. В центр печати поместите ФИО предпринимателя.
10. С помощью Интеллектуальной заливки залейте внешнюю
полоску печати фиолетовым цветом и добавьте на нее надпись: Российская
федерация, подберите подходящий размер и интервал между буквами
(150%). Создайте три копии данного текста и расположите их по кругу
(лучше использовать команду Текст – Текст вдоль пути)
Рисунок 6
Задание 3. Создайте логотипы средствами графического редактора
CorelDRAW, используя в векторном изображении текст и операции
преобразования текста.
Варианты:
№ Пример выполнения № Пример выполнения
Вар Вари
иант анта
а
1. 2.
12
3. 4.
5. 6.
7. 8.
9. 10.
11. 12.
13. 14.
15. 16.
13
17. 18.
19. 20.
Контрольные вопросы
1. Как выровнять объекты относительно одного объекта? Как
выровнять их относительно страницы?
2. Что такое распределение объектов? Как его осуществить?
3. Как вставить символы из различных гарнитур шрифта?
4. Как создать простой текст?
5. Как создать фигурный текст?
6. Для чего предназначены направляющие линии? Укажите типы
направляющих линий.
7. Приведите способы создания направляющих линий. Как создать
направляющую линию интерактивно? Как указать точные координаты
расположения горизонтальной направляющей линии?
8. Расскажите о назначении сетки. Каким образом отобразить сетку
на экране?
9. Для чего предназначены направляющие линии и сетка?
10. Как осуществляется привязка объектов к сетке, направляющим
линиям, другим объектам?
11. Какие точки фигуры являются «магнитными» для выравнивания
создаваемых объектов относительно ее?
12. Что такое порог привязки? Какие значения может принимать
порог привязки и как изменить его значение?
13. Как называются объекты, участвующие в привязке?
14. Приведите процедуру перемещения объекта с использованием
динамических направляющих.
15. Как задать параметры страницы?
16. Как изменить начало координат страницы?
Рекомендуемая литература: 3 [c. 25- 75], 6 [c. 85-150], 10 [c. 68-70],
11 [c. 85-100]
14
Цель: сформировать навыки построения объектов и навыки
манипуляции с объектами.
Теоретический материал
К группе простейших фигур отнесем:
прямоугольник
эллипс
многоугольник
звезда
сложная звезда
разлинованная бумага
спираль
При создании объекта в CorelDraw или его выделении на панели свойств
(атрибутов) отображаются свойства, специфичные для данного объекта, т.е.
содержание панели свойств зависит от того, какой объект выделен.
Для примера познакомимся с элементами панели свойств, которые специфичны
для эллипсов.
Задание к практическому занятию
Задание 1. Создание перекидного календаря на текущий год.
Календарная сетка создается довольно быстро и не очень сложно, на
любой год, любого размера и формы, много изменяемых параметров.
1. Создаем новый документ Файл Создать. Задайте имя
документа и размер.
15
3. В отрывшемся диалоговом окне из списка Macros in выберите
CalendarWizard (CalendarWizard.gms) (Генерация календарных сеток) и
запустите его на выполнение Run.
16
Сгенерировалась календарная сетка из 12 месяцев
17
В окне записи макроса укажите Имя макроса – Назначение макроса
– ОК.
18
Для этого создайте фоновый прямоугольник (двойной щелчок по
пиктограмме прямоугольник на панели инструментов) и увеличьте его
размер по горизонтали и вертикали на 10 мм . Фоновые
прямоугольники создайте на каждой странице документа.
Далее импортируйте изображение, разместить изображение в
контейнер (левой клавишей мыши вызвать контекстное меню – Поместить
в контейнер и позиционировать его содержимое)
19
2. В панели инструментов выбираем инструмент Формы звезд
20
Затем между средним и ближним объектом.
21
1. Возьмите инструмент «Перо» и постройте форму сечения
Вашей будущей папки, далее при необходимости редактирования
построенного объекта возьмите инструмент «Форма» F10. Внимание!
Желательно чтобы построенный объект имел всего лишь 3 узла (два узла
сверху и один снизу) см. рис. 3
Рисунок 3
2. Постройте линии (сечение) будущих листов бумаги,
вложенных в папку. См. рис 4
Рисунок 4
3. Выделите все ранее построенные объекты, нажмите правой
кнопкой мыши и выберете в меню «Объединить» (Сгруппировать) см.
рис. 5
Рисунок 5
4. Используя инструмент «Вытягивание» (он находится в
интерактивной группе перетекание) и придайте им имитацию объема
нашей папке. См. рис 6
22
Рисунок 6 - Применение инструмента «Вытягивание»
Давайте по подробнее ознакомимся с инструментом
«Вытягивание». Настройки данного инструмента достаточно обширны,
но мы коснемся только тех, которые нам необходимы в данный момент.
См. рис. 7
Рисунок 7
5. Задайте необходимую глубину объема, разместите вращая
объект так, как вы считаете нужным, у вас должно получится примерно,
как на рис. 6.
Больше нам не понадобится свойства «Группы вытягивания»
(объема), поэтому кликните правой кнопкой мыши по объекту папки и
выберете в меню «Разъединить группа вытягивания» см. рис 8
Рисунок 8
6. Далее обязательно разгруппируйте объекты, для этого нажмите
правой кнопкой мыши по объекту папки и в выпавшем меню выберите
пункт «Отменить группировку полностью». Для того чтобы не
запутаться в объектах, временно залейте их разными цветами. Например,
бока папки оранжевым, вложенные листы серым. См. рис 9
Рисунок 9
23
7. Улучшите переднею часть папки, добавив ручку. Для этого
постройте прямоугольник инструментом «Прямоугольник» F6 и
закруглите ему два верхних угла, задав соответствующие параметры на
панели свойств См. рис 10
24
Изображение до удаление лишних узлов.
Рисунок 14
12. Разъедините группу вытягивания, см рис. 8. Также обязательно
разгруппируйте объекты, для этого нажмите правой кнопкой мыши по
передней части папки и в контекстном меню выберите пункт «Отменить
группировку полностью», тоже самое проделайте и для задней части
папки.
13. Выделите переднею часть папки и нажмите клавишу F11 в
появившемся окне задайте следующие настройки: тип заливки –
«Радиальная», цветовой переход «Настройка» цвета слева и справа
черный, по центру светло серые. См. рис. 15
Рисунок 15
Таким же образом залейте заднею стенку папки, только более
светлыми цветами, также закрасите вложенные листки бумаги переходом
от светло-серого к белому. Заливку, которую применили к передней части
25
папки, можно применить и к объектам, придающем объем стенкам папки.
См. рис.15
14. Добавьте блики на переднею часть папки. Для этого кликните
по передней части папки, далее на клавиатуре нажмите знак +, тем самым
вы создадите копию, далее залейте ее белым цветом. Возьмите инструмент
«Нож» и разрежьте копию вдоль, немного отступив от низа. См. рис 16
Рисунок 16
Удалите верхнею часть разрезанного объекта, а к нижней примените
«Прозрачность» см. рис 17
Рисунок 17
15. Создайте еще одну копию лицевой части папки залейте ее
опять белым цветом и разрежьте только уже по кривой. Не нужную часть
удалите, а к оставшейся части примените прозрачность См. рис. 18
Рисунок 18
16. Примените прозрачность к основной передней части папки.
Тип прозрачности «Однородный» степень прозрачности около 89. См. рис
19
26
Рисунок 19
17. Выделите самый нижний лист и примените к нему инструмент
«Тень» таким образом, чтобы тень немного выступала по краям листа.
Настройки размытия тени (пиктограмма перо) около 3 единиц,
прозрачность тени (пиктограмма бокал) 66-70. См. рис. 20
Рисунок 20
18. Кликните по границе тени и листа правой кнопкой мыши и в
появившемся меню выберите пункт «Разъединить группа тени», тем
самым вы отделите тень от объекта. Далее передвиньте и смасштабируйте
объект тени таким образом, чтобы тень падала только на заднею часть
папки. Примените эффект тени с последующим редактирование для
оставшихся листов. См. рис. 21
Рисунок 21
19. Разместите текст на первом листе, для этого возьмите
инструмент текст. Кликните два раза в любом месте рабочего листа,
появится мерцающий курсор, наберите текст. Задайте тексту
соответствующий размер, начертание. Далее разместите его за передней
частью папки. Для этого нужно кликнуть по нему правой кнопкой мышки,
из выпадающего меню выбрать «Порядок» - «На задний план слоя»,
после, еще раз кликните правой кнопкой мыши по тексту, заново выберите
«Порядок» и «Установить перед» далее нажмите левой кнопкой мыши
по первому листу. См. рис 22
27
Рисунок 22
20. Примените к тексту инструмент «Перспектива». Стороны
сетки инструмента «Перспектива» должны быть параллельны
соответствующим сторонам листа. См. рис 23
Рисунок 23
21. Постройте отражение. Выделите всю папку набросив лассо.
Нажмите клавишу (+) на клавиатуре. Получившеюся копию объекта
перетяните в основание папки и примените к ней инструмент «Отразить
по вертикали» см. рис. 24
Рисунок 24
22. Преобразуйте копию в растровое изображение. В текстовом
меню сверху выберите «Растровые изображение» - «Преобразовать в
растровое изображение...». В появившемся окне обязательно установите
параметр «Прозрачный фон».
23. Подправить отражение, для этого поверните его необходимым
образом, далее возьмите инструмент «Преобразование» тип инструмента
«Свободный наклон» после преобразования объекта отражения у вас
должно получится как на рисунке 25.
28
Рисунок 25
Далее примените к объекту отражение «Прозрачность» и немного
размойте его. «Растровые изображение» -«Размытость»-«Размытость
по Гауссу...». В итоге у вас должно получится как на рисунке 26
Рисунок 26
24. Создайте легкий эффект каустики. Для этого постройте у
основания папки прямоугольник. Далее постройте тень от
прямоугольника. Цвет тени - белый, тип наложения обязательно -
обычный, прозрачность тени около 50, размытие тени около -18. См. рис
27
Рисунок 27
Кликните по границе прямоугольник и тени правой кнопкой мыши.
В появившемся меню выберите «Разъединить группа тени». Тень
оставьте, а прямоугольник удалите. См. рис. 28
Рисунок 28
25. Постройте тень, которую будет отбрасывать папка. Для этого
снова постройте прямоугольник как на рис. 29. Поместите его на задний
план страницы (правая кнопка мыши, в меню выбрать «На задний план
страницы»). Разместите прямоугольник за папкой у ее основания. Далее
примените к прямоугольнику инструмент «Тень», задайте параметры
прозрачности и размытия тени. Разъедините тень и прямоугольник.
Прямоугольник удалите, а тень оставьте. См. рис 29
29
Рисунок 29
26. Добавьте блики на торцы папки. Для этого создайте несколько
линий на торцах папки где предполагаются блики. Придайте толщину
линиям и примените к ним инструмент «Тень». Настройки тени цвет -
белый, режим наложения - обычный, прозрачность 89-90, размытие тени
около 6. См. рис. 30
Рисунок 30
Далее разъедините тень и линии, линии удалите, а тень оставьте.
27. Постройте еще один блик на передней части папки. Примените
к нему инструмент «Тень», отделите тень от объекта, оставьте тень, а
объект блика удалите. См. рис 31
Рисунок 31
Для того, чтобы усилить эффект передней стеклянной части папки,
воспользуемся инструментом линза. Выделите основную переднею часть
папки, далее нажмите клавишу +, не снимая выделения с получившейся
копии, зайдите в текстовое меню «Окна» - «Окна настройки» - «Линза».
В появившемся справа прикрепленном окне, выберите тип линзы «Рыбий
глаз», частота 17% См. рис. 32
30
Рисунок 32
Самостоятельно нанесите текст на лицевую сторону папки. Напомню
вам, что для подгонки текста надписи в перспективе, вам понадобится
инструмент «Перспектива». У вас должен получится следующий
финальный результат. См. рис 33
Рисунок 33
Контрольные вопросы
1. Какие классы объектов вы знаете?
2. Что такое рамка выделения и маркеры?
3. Основные кнопки на панели инструментов для создания объектов?
4. Что называется, клавишами модификаторами?
5. Как создать новый документ?
6. Какой язык программирования используется п программе
CorelDRAW?
7. Что позволяет делать функция Position?
8. Что позволяет делать функция Header Highlights?
9. Какая команда генерирует сетку в документ?
Рекомендуемая литература: 1 [c. 154-160], 3 [c. 65-70], 7 [c. 562-
564], 9 [c. 154-160]
31
Для объектов можно создать иллюзию трехмерного пространства,
добавив эффекты контура, тени или скоса.
32
панели параметров) создать заготовку к форме крыльев. Выделить эту
кривую и кнопкой Пересечение создать новый объект (Рис. г)
(предыдущую заготовку можно удалить). Инструментом Форма
выделить группу «лишних» узлов и удалить их. Инструментом Прямая
через 2 точки дополнить форму крыльев, а кнопкой Объединение
на панели параметров объединить эти кривые в одну форму крыльев (Рис.
д)
а) б) в) г) д)
2) Прорисовываем форму головки жука. Рисуем «каплю»
инструментом Эллипс, Прямая через 2 точки и кнопкой Объединение
(Рис. а). «Каплю» скопировать, отразить по горизонтали, совместить
центры по вертикали (Рис. б) и также объединить. Скопировать этот
объект и установить масштаб x=64%, y= 24% (Рис. в). Выделить все
объекты, установить угол поворота на панели параметров ,
инструментом Форма доработать форму крыльев и головы для эффекта
перспективы (передвинуть некоторые узлы) (Рис. г).
а) б) в) г)
3) Цвет тела жука. Копируем эллипс формы тела 2 раза, масштаб
одной копии 95%, другой - 60%. Убираем у всех абрис (это необходимое
условие для интерактивного перетекания). Заливаем их соответственно
цветами палитры CMYK (35;100;98;2), (7;95;93;0), (0;60;80;0).
Примечание. Для открытия более детальной палитры, которая
изображена на рисунке, необходимо удержать левую клавишу мыши на
выбранном цвете пару секунд для открытия палитры оттенков этого цвета.
33
эллипса друг на друга (<Ctrl>+<PageUp>) перемещает объект на один слой
выше и (<Ctrl>+<PageDown>) на один слой ниже.
С помощью клавиши <Shift> выделяем оба объекта и далее используем
инструмент Интерактивное перетекание . Число шагов между
фигурами при перетекании оставляем по умолчанию – 20. После
настройки инструмента необходимо задать направление перетекания. Это
первый способ осуществить интерактивное перетекание.
Примечание. В диспетчере объектов можно перемещать выделенный
объект на один слой выше или ниже.
Теперь получившийся объект накладываем на третий овал, который
больше предыдущих, его помещаем под полученные перетеканием формы,
он будет служит некой обводкой и подчеркивать форму брюшка.
Снова копируем 2 базовых овала формы тела. На оба применяем
инструмент Интерактивная прозрачность . В настройках данного
инструмента для первого овала выбираем тип - базовую
полупрозрачность с режимом умножение 75%. Для второго объекта
используем тип - линейной полупрозрачности с режимом умножение.
Накладываем получившиеся фигуры поверх заготовки для букашки выше
всех слоев.
34
4) Далее рисуем ножки и усики нашей букашке. Инструментом
Художественное оформление , настраиваем параметр Кисть
Крупный план ножек:
5) К каждой лапке и усику букашки применяем тень с
настройками, как показано на рисунке.
6) Инструментом Кривая через 2 точки прорисовываем зазор на
крыльях (объект заливаем черным и объединяем с «головой»).
35
9) Рисуем на спинке пятна, эллипсы черного цвета, искажая их до
определённой формы с помощью изменения масштаба и поворота.
36
Результат:
Лист
1. Форма листа состоит из 2 кривых. Загнутая часть прорисована
с помощью пересечения двух эллипсов и подгонки формы инструментом
Форма . Для изображения верхней части листа использовался
инструмент В-сплайн
5. Элементы листика:
6. Заливка.
37
7. Также кривыми создаем черенок листика и добавим жучка.
Капли воды
1. Круг (с нажатой <Ctrl>). Интерактивная заливка, Радиальная,
Цвета: по листу (пипеткой) от темного к светлому и белому.
38
сдвига, выделить одну копию группы и тень, кнопкой Задние минус
передние обрезать тень.
Контрольные вопросы
1. Назовите настройки инструмента Интерактивная экструзия.
2. Как создать перетекание вдоль прямой линии с помощью
инструмента интерактивное ПЕРЕТЕКАНИЕ? с помощью окна настройки
ПЕРЕТЕКАНИЕ?
3. Как создать эффект КОНТУР? Опишите процесс изменения цвета
промежуточных объектов для данного эффекта.
4. Какой вид имеет маркер направления контура при использовании
инструмента интерактивный КОНТУР?
Рекомендуемая литература: 2 [c. 45-60], 4 [c. 142-145], 8 [c. 264-
266], 9 [c. 356-365]
39
Любая кривая имеет начальную точку и конечную точку – это может
быть актуально, например, при рисовании стрелок.
Точки могут быть угловые и сглаженные (в CorelDraw три вида
точек, узлов: угловые и сглаженные, симметричные). Угловые точки
находятся в углах кривой (например, ломаная линия), сглаженные точки
находятся в местах плавных перегибов. Угловые точки не имеют
направляющих, но если преобразовать их в сглаженные точки, то
направляющие появится.
Направляющие линии всегда находятся по касательной к сегменту
(то есть, ВСЕГДА прилегают к сегменту и если начать двигать
направляющую, то сегмент будет передвигаться за ней).
Задания к практическому занятию
Задание 1. Рисуем иконку флага
1. Постройте инструментом «Перо» кривую и при необходимости
отредактируйте ее используя инструмент «Форма» F10. У вас должно
получится следующее см. рис. 1.
Рисунок 1
2. Примените к кривой инструмент «Вытягивание» задайте
необходимые параметры глубины вытягивания, поверните объект
необходимым образом см. рис. 2.
Внимание! Если вы не знакомы с настройками инструмента
«Вытягивание» см. рис. 3.
Рисунок 2
40
Рисунок 3 - Основные настройки инструмента «Вытягивание»
3. Создайте две копии объемного объекта. Они нам послужат
заготовками полос для нашего флага. Для этого выделите основной объект
и нажмите сочетание клавиш Ctrl+D, уменьшите глубину вытягивания для
получившихся копий на ширину полос для флага см. рис 4.
Рисунок 4
4. Отредактируем полотнище флага. Кликните правой кнопкой
мыши по объекту, в выпадающем меню выберите «Разъединить группу
вытягивания» см. рис. 5.
Рисунок 5
5. Разгруппируйте объекты, входящие в полотнище флага. Для
этого кликнете правой кнопкой мыши по объекту и в появившемся меню
выберите пункт «Отменить группировку полностью».
Объединим некоторые объекты полотнища. Для этого выберите в
текстовом меню сверху «Окно» далее «Окна настройки»
«Формирование». Теперь выделите один из объектов полотнища, далее
справа в прикрепленном окне выберите объединение и кликните по
объекту, который хотите присоединить к ранее выбранному см. рис. 6.
41
Рисунок 6 - 1- объекты до объединения (всего семь объектов), 2- после
объединения (всего пять объектов)
6. Отредактируйте левую часть флага, добавив инструментом
«Форма» F10 узел и переместив его в правую часть, тем самым создадите
острые углы в левой части флага см. рис. 7.
Рисунок 7
Залейте каждый из объектов цветом. Обратите внимание, что
центральный объект полотнища залит несколькими оттенками
коричневого, применив «Интерактивную заливку» см. рис 8.
Рисунок 8
7. Добавьте слева на изгибе флага блик. Для этого постройте на
месте предполагаемого блика линию, задайте ей толщину F12 чуть менее
предполагаемого блика. Примените к линии инструмент «Тень» с
непрозрачностью около 60 , размытием около 27, обязательно выставите
режим прозрачности на обычный. Далее кликните правой кнопкой мыши
по границе линии и тени инструментом «Тень» в появившемся меню
выберите «Разъединить группа тени», далее линию удалите, а тень
оставьте см. рис. 9.
Рисунок 9
8. Добавьте немного объема изображению за счет теней. Выделите
центральный объект флага и примените к нему инструмент «Тень», цвет
42
тени черный, размытие и прозрачность по умолчанию. Далее отделите тень
от объекта так как это делали ранее. Подкорректируйте размеры тени см.
рис. 10.
Рисунок 10
9. Добавьте на флаг полосы, которые ранее построили, создав копии
группы вытягивания полотнища флага см. рис. 4.
Разъедините, как это делали ранее, группу вытягивания для полос.
Расположите полосы поверх объекта флага см. рис. 11.
Рисунок 11
10. Далее необходимо разгруппировать объекты, входящие в состав
полос флага, для этого кликните правой кнопкой по объектам полос и в
появившемся меню выберите пункт «Отменить группировку
полностью» см. рис. 12.
Рисунок 12
11. После того как разгруппировали объекты, относящиеся к
полосам, необходимо удалить не нужные объекты и также установить
порядок наложения объектов друг на друга (правая кнопка мыши
«Порядок» – «Установить за...» или «Установить перед...» см. рис. 13.
Рисунок 13
43
12. Отредактируйте инструментом «Форма» F10 объекты полос,
подогнав их под изображение флага, также обратите свое внимание на
центральные самые большие полосы, каждая состоит из двух объектов, для
их объединения, воспользуйтесь инструментом «Формирование», данный
инструмент мы применяли ранее, для объединения объектов флага.
После редактирования полос должно получится следующее см. рис 14.
Рисунок 14
Закрасьте полосы «Интерактивной заливкой» см. рис. 15.
Рисунок 15
13. Постройте места для крепления флага. Возьмите инструмент
«Эллипс» F7 и постройте им три продолговатых эллипса см. рис. 16.
Рисунок 16
14. Постройте крепление. Для этого снова возьмите инструмент
«Эллипс» и постройте им окружности. Далее возьмите инструмент
«Перспектива», перемещая угловые точки инструмента добейтесь
следующего результата см. рис. 17.
Рисунок 17
Далее преобразуйте эллипс в кривые, правая кнопка мыши по
объекту преобразовать в кривую. Возьмите инструмента «Форма» F10
44
выберите им два узла которые находятся по середине контура эллипса,
далее нажмите правую кнопку мыши и в появившемся меню выберите
пункт «Разъединить» тем самым мы разобьем контур эллипса на два
сегмента см. рис 18.
Рисунок 18
Далее кликните правой кнопкой по объекту крепления, в
появившемся меню выберите «Разъединить кривая», тем самым получите
два объекта. Выделите ту часть крепления, которая должна находится за
флагом, нажмите правую кнопку мыши, в появившемся меню выберите
пункт «Поместить на задний план странницы» см. рис. 19.
Рисунок 19
15. Создайте две копии крепления (выделить объекты входящие в
состав крепления и нажать сочетание клавиш Ctrl +D). Расположите их в
необходимых местах. Займитесь построением древка флага. Возьмите
инструмент «Ломаная линия» и постройте изображение древка, при
необходимости отредактируйте его инструментом «Форма» F10 также
задайте порядок наложения для объектов, входящих в крепления флага
см. рис. 20.
Рисунок 20
Закрасьте объекты древка «Интерактивной заливкой» см. рис. 21.
45
Рисунок 21
16. Добавьте тень и нанесите какое ни будь изображение на
полотнище флага см. рис. 22.
Рисунок 22
Изображение, которое размещено на полотнище, взято из
символьного шрифта, находящегося сверху в текстовом меню «Текст» -
«Вставить знак символа» см. рис. 23.
Рисунок 23
17. Создайте копию флага, отразить ее зеркально. Таким образом
можно создать, например, шапку для грамоты см. рис. 24.
Рисунок 24
Контрольные вопросы
1. Назовите основные элементы объекта-кривой.
2. Что такое узел и сегмент объекта-кривой? Что такое
направляющие линии и точки?
3. Какие бывают сегменты? Чем они различаются?
46
4. Какие типы узлов Вы знаете? Чем различаются узел перегиба от
сглаженного и симметричного? Сглаженный от симметричного?
5. Что такое кривизна кривой? Как ее можно изменить? Как изменить
наклон сегмента?
6. Как расставить размеры у объекта? Как создать выноску?
7. Как создать произвольную кривую с помощью инструмента
СВОБОДНАЯ ФОРМА? Как создать прямолинейный отрезок? Как создать
ломаную линию, состоящую из прямолинейных отрезков? Как нарисовать
линию под углом 15?
Рекомендуемая литература: 3 [c. 452-455], 6 [c. 562-566], 10 [c. 235-
245], 11 [c. 245-248]
47
СПИСОК ЛИТЕРАТУРЫ
48
7. Новожилов, О. П. Информатика : учебник для среднего
профессионального образования / О. П. Новожилов. — 3-е изд., перераб. и
доп. — Москва : Издательство Юрайт, 2019. — 620 с. —
(Профессиональное образование). — ISBN 978-5-9916-8730-0. — Текст :
электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/427004
(дата обращения: 15.06.2020).
8. Советов, Б. Я. Информационные технологии : учебник для
среднего профессионального образования / Б. Я. Советов, В. В.
Цехановский. — 7-е изд., перераб. и доп. — Москва : Издательство Юрайт,
2020. — 327 с. — (Профессиональное образование). — ISBN 978-5-534-
06399-8. — Текст : электронный // ЭБС Юрайт [сайт]. — URL:
https://urait.ru/bcode/450686 (дата обращения: 15.06.2020).
9. Таранцев, И. Г. Компьютерная графика : учебное пособие для
СПО / И. Г. Таранцев. — Саратов, Москва : Профобразование, Ай Пи Ар
Медиа, 2020. — 69 c. — ISBN 978-5-4488-0781-7, 978-5-4497-0445-0. —
Текст : электронный // Электронно-библиотечная система IPR BOOKS :
[сайт]. — URL: http://www.iprbookshop.ru/96014.html (дата обращения:
15.06.2020). — Режим доступа: для авторизир. пользователей.
10. Третьяк, Т. М. Photoshop. Творческая мастерская компьютерной
графики / Т. М. Третьяк, Л. А. Анеликова. — Москва : СОЛОН-ПРЕСС,
2017. — 175 c. — ISBN 978-5-91357-085-5. — Текст : электронный //
Электронно-библиотечная система IPR BOOKS : [сайт]. — URL:
http://www.iprbookshop.ru/90283.html (дата обращения: 15.06.2020). —
Режим доступа: для авторизир. пользователей.
11. Трофимов, В. В. Информационные технологии в 2 т. Том 1 :
учебник для вузов / В. В. Трофимов ; ответственный редактор В. В.
Трофимов. — Москва : Издательство Юрайт, 2020. — 238 с. — (Высшее
образование). — ISBN 978-5-534-01935-3. — Текст : электронный // ЭБС
Юрайт [сайт]. — URL: https://urait.ru/bcode/451790 (дата обращения:
15.06.2020).
49
Учебное издание
КОМПЬЮТЕРНАЯ ГРАФИКА
Составитель
Шибеко Марина Николаевна
Ответственный редактор
Р. Ф. Ахатова, председатель ЦК ЕНиОПД отделения ИТВТ
В авторской редакции
Библиотечно-издательский комплекс
федерального государственного бюджетного
образовательного учреждения высшего образования
«Тюменский индустриальный университет».
625000, Тюмень, ул. Володарского, 38.
50