МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ

ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«ТЮМЕНСКИЙ ИНДУСТРИАЛЬНЫЙ УНИВЕРСИТЕТ»
МНОГОПРОФИЛЬНЫЙ КОЛЛЕДЖ

Отделение информационных технологий

и вычислительной техники

КОМПЬЮТЕРНАЯ ГРАФИКА

Методические указания по выполнению практических занятии по

дисциплине Компьютерная графика для обучающихся по специальностям
09.02.03 Программирование в компьютерных системах,
09.02.04 Информационные системы (по отраслям)
очной формы обучения
Часть 4

Составитель М. Н. Шибеко,
преподаватель высшей квалификационной категории

Тюмень
ТИУ
2021
 Компьютерная графика: методические указания по выполнению
практических занятии для обучающихся по специальностям 09.02.03
Программирование в компьютерных системах, 09.02.04 Информационные
системы (по отраслям), очной формы обучения 4 часть / сост. М. Н.
Шибеко; ТИУ. – Тюмень: Издательский центр БИК, ТИУ, 2021. – 48 с. –
текст: непосредственный

Ответственный редактор: Р. Ф. Ахатова, председатель ЦК ЕНиОПД

информационных технологий и вычислительной техники

Методические указания рассмотрены и рекомендованы к изданию на

заседании цикловой комиссии математических, естественнонаучных и
общепрофессиональных дисциплин отделения информационных
технологий и вычислительной техники
«__» ________ 20__ года, протокол № _

Аннотация

Методические указания по выполнению практических занятии по

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

2
 СОДЕРЖАНИЕ

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА........................................................................4
ОБЩИЕ ТРЕБОВАНИЯ ПО ВЫПОЛНЕНИЮ И ОФОРМЛЕНИЮ
ПРАКТИЧЕСКИХ ЗАНЯТИЙ...........................................................................6
КРИТЕРИИ ОЦЕНКИ ПРАКТИЧЕСКИХ ЗАНЯТИЙ....................................6
ТЕМАТИЧЕСКИЙ ПЛАН ПРАКТИЧЕСКИХ ЗАНЯТИЙ.............................7
ПО КОМПЬЮТЕРНОЙ ГРАФИКЕ..................................................................7
Практическое занятие №9..................................................................................8
Практическое занятие №10..............................................................................39
СПИСОК ЛИТЕРАТУРЫ.................................................................................46

3
 ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

Методические указания по выполнению практических занятии

составлены в соответствии с программой учебной дисциплины
Компьютерная графика и предназначены для обучающихся по
специальности 09.02.03 Программирование в компьютерных системах,
09.02.04 Информационные системы (по отраслям).
Практические занятия занимают важное место при изучении
дисциплины Компьютерная графика.
Целями и задачами выполнения практических занятий являются:
 обобщение, углубление, систематизация и закрепление
полученных теоретических знаний;
 формирование практических умений и навыков работы в Corel-
Draw, Adobe Photoshop, 3DS Max.
 формирование умений применять полученные знания на практике;
 развитие таких профессионально значимых качеств личности, как
наблюдательность, умение сравнивать, обобщать, ответственность,
творческая инициатива.
В результате освоения дисциплины, у обучающихся формируются
общие, профессиональные компетенции и дополнительные компетенции:
ОК 1. Понимать сущность и социальную значимость будущей
профессии, проявлять к ней устойчивый интерес.
ОК 2. Организовывать собственную деятельность, выбирать типовые
методы и способы выполнения профессиональных задач, оценивать их
эффективность и качество
ОК 3. Принимать решения в стандартных и нестандартных
ситуациях и нести за них ответственность.
ОК 4. Осуществлять поиск и использование информации,
необходимой для постановки и решения профессиональных задач,
профессионального и личностного развития.
ОК 5. Использовать информационно-коммуникационные технологии
в профессиональной деятельности.
ОК 6. Работать в коллективе и команде, эффективно общаться с
коллегами, руководством, потребителями.
ОК 7. Брать на себя ответственность за работу членов команды
(подчинённых), результат выполнения заданий.
ОК 8. Самостоятельно определять задачи профессионального и
личностного развития, заниматься самообразованием, осознанно
планировать повышение квалификации.
ОК 9. Ориентироваться в условиях частой смены технологий в
профессиональной деятельности.
ПК 1.1. Собирать данные для анализа использования и
функционирования информационной системы, участвовать в составлении

4
отчетной документации, принимать участие в разработке проектной
документации на модификацию информационной системы.
ДК 12.1. Выполнять обработку графических изображений и
анимационных роликов с помощью специализированных программных
продуктов.
ДК 12.2. Выполнять проектирование и моделирование трехмерных
объектов с помощью специализированных программных продуктов.
Знать:
 базовые понятия и виды компьютерной графики;
 цветовые модели, применяемые в различных видах
компьютерной графики;
 основы компьютерного моделирования;
 алгоритм создания анимации растровых изображений;
 различные способы моделирования трехмерных объектов;
 правила расстановки источников освещения в трехмерной сцене;
 основы визуализации трехмерных сцен;
 способы создания анимации трехмерных объектов и ее
сохранения;
 принципы динамического трехмерного моделирования;
 принципы создания и настройки характеристик графических
изображений растровой и векторной и 3D графики.
Уметь:
 разрабатывать собственные программные средства, применяя
средства компьютерной графики;
 выбирать инструментальную среду для представления
графического объекта;
 трансформировать элементы изображения с помощью векторного
графического редактора;
 использовать растровые эффекты растрового графического
редактора;
 работать в выбранной среде разработки графических
иллюстраций;
 назначать цвета однородной заливки;
 группировать и разгруппировать различные объекты;
 использовать законы освещения, цвета и формы при создании
графических образов;
 использовать основные команды и режимы системы трехмерного
моделирования;
 3D Max при создании трехмерной модели изделия.
Иметь практический опыт:
 разработка собственных программных средств, применяя средства
компьютерной графики;

5
  работа в выбранной среде разработки графических иллюстраций;
 использование основных команд и режимов системы трехмерного
моделирования.
На выполнение практического занятия отводится определенное
количество часов в соответствии с тематическим планом учебной
дисциплины Компьютерная графика.
Методические указания к практическим занятиям по дисциплине
Компьютерная графика для обучающихся по специальности 09.02.03
Программирование в компьютерных системах, 09.02.04 Информационные
системы (по отраслям) очной формы обучения окажут помощь
преподавателям в организации и управлении работой обучающихся в
процессе занятий, а также обучающиеся могут использовать их как
пособие для повторения изученного материала, подготовке к
дифференцированному зачету и экзамену.

ОБЩИЕ ТРЕБОВАНИЯ ПО ВЫПОЛНЕНИЮ И ОФОРМЛЕНИЮ

ПРАКТИЧЕСКИХ ЗАНЯТИЙ

Каждое практическое занятие в соответствии с требованиями

преподавателя предусматривает защиту.
Каждое занятие оформляется в специальной тетради для
практических занятий.
Ход выполнения работ:
 выполнить задания;
 аккуратно оформить предложенные задания и рисунки в отчеты по
практическому занятию;
 письменно ответить на контрольные вопросы;
 защитить работу.
Форма отчетности:
Результатом выполнения практического занятия является устная
защита с предъявлением оформленной работы в отчете.

КРИТЕРИИ ОЦЕНКИ ПРАКТИЧЕСКИХ ЗАНЯТИЙ

Практическое занятие оценивается по рейтинговой системе в

соответствии с приложением к рабочей программе.
Оценка за практическое занятие выставляется по совокупности:
 правильность и полнота выполнения практического занятия;
 соответствие предъявляемым требованиям;
 своевременность представления отчета.
Принята следующая градация выполнения занятий:
91 - 100 % – «отлично»;
76 - 90 % – «хорошо»;

6
 61 - 75 % – «удовлетворительно»;
60 % и менее – «неудовлетворительно».
Оценка «отлично» (максимальное количество баллов) выставляется
обучающемуся, представившему работу, в которой логично и
последовательно изложен теоретический материал, квалифицированно
выполнен анализ, грамотно выполнены необходимые расчеты, даны четкие
выводы, графический материал выполнен с полным соблюдением
установленных требований. В процессе защиты обучающийся
продемонстрировал глубокие знания по теме занятия и четко ответил на
все поставленные вопросы. Преподавателем не обнаружено
принципиальных ошибок.
Оценка «хорошо» выставляется обучающемуся, представившему
работу с соблюдением вышеотмеченных требований при наличии
несущественных замечаний в оформлении, и в том случае, если при защите
имели место неполные ответы.
Оценка «удовлетворительно» выставляется обучающемуся,
представившему работу, которая содержит поверхностно выполненный
анализ изучаемого объекта. Также просматривается непоследовательность
изложения материала, имеются существенные замечания по расчетам и
оформлению. В ходе защиты обучающимся даны неполные или
неаргументированные ответы;
Оценка «неудовлетворительно» выставляется обучающемуся,
представившему работу, которая выполнена со значительными
отступлениями от требований, предъявляемых к практическим занятиям. В
процессе защиты обнаружены принципиальные ошибки в проведенных
расчетах, выводах, имеются значительные нарушения требований по
оформлению и при защите обучающийся практически не смог ответить на
поставленные вопросы.
Отчет по практическому занятию должен быть сдан в конце занятия.
Несвоевременное представление отчета отрицательно влияет на оценку.

ТЕМАТИЧЕСКИЙ ПЛАН ПРАКТИЧЕСКИХ ЗАНЯТИЙ

ПО КОМПЬЮТЕРНОЙ ГРАФИКЕ
Количество
Название практического занятия
часов
Практическое занятие №9. Разработка дизайна Web-
2
страниц в Photoshop
Практическое занятие №10. Работа с геометрическими
2
примитивами

7
 Практическое занятие №9
Разработка дизайна Web-страниц в Photoshop
Цель: научиться применять технические элементы дизайна при
разработке макетов сайтов, а также изучить возможные способы
компоновки информационных блоков сайта.
Теоретический материал
Дизайн-макет сайта — это прототип интернет-ресурса (портала,
блога, торговой площадки и т. д.), отдельно взятой его странички,
лэндинга, графический образ с прорисованными деталями различных
уровней. Картинка может быть общей, а может достаточно подробно
давать представление обо всем структурном наполнении сайта, навигации
и даже информационном контенте.
Задания к практическому занятию
Задание 4. Разработка дизайна для сайта-портфолио
1. Создайте новый документ и установите размеры Ширины
(Width) и Высоты (Height) так, как это показано на скриншоте ниже.
Залейте фон белым цветом (#ffffff).

2. С левой стороны, с помощью инструмента Текст (Type

tool) нарисуйте логотип. Для этого вы должны были установить в систему
предварительно иконочный шрифт Entypo Font. Выберите его, и введите
цифру «3» (без кавычек) с клавиатуры, цвет для вашего логотипа
установите #0BADDA, размер шрифта 95 пунктов (pt). Далее напечатайте
слово Портфолио (Portfolio), для этих целей используйте шрифт MetalGear
Solid Font, при этом половину слова окрасьте в цвет #0BADDA, для другой
половины используйте #212121, размер шрифта установите 32 пункта (pt).

3. С правой стороны напечатайте меню навигации. Для него

используйте шрифт PT Sans, размером 20 пунктов (pt) и цветом #212121.

4. Активируйте инструмент Прямоугольная область выделения

(rectangular marquee tool (М)), создайте новый слой, нажав сочетание

8
клавиш CTRL + SHIFT + N, и нарисуйте фигуру, аналогичную той, что
изображена на скриншоте ниже. Залейте ее цветом #ffffff.

5. Воспользуйтесь изображением 0. Далее, правой кнопкой мыши

кликните по слою с этой картинкой и во всплывшем меню выберите
Создать обтравочную маску (Create Clipping Mask), или же просто
нажмите сочетание клавиш Ctrl+Alt+G. Подберите размер изображения
так, чтобы оно точно вписывалось в область с прямоугольником,
созданном в шаге 4. После этого идем в Фильтр - Размытие - Размытие
по Гауссу (Фильтр - Размытие - Размытие по Гауссу), выставляем для
него значение 7.2, также как показано на скриншоте ниже.

6. Добавьте текст (WEB DESIGNER) с левой стороны нашего

будущего слайдера. Для этих целей используйте шрифт PT Sans размером
46 пунктов (pt) и цвет #212121. Для текста пониже (creative, fast, reliable)
используйте шрифт Arial Italic 26 пунктов (pt) и цвет #212121. Со
слайдером мы закончили.

7. На данном этапе нам нужно будет создать трехколоночный

блок и расположить его немного ниже нашего слайдера. Создайте новый
слой (CTRL + SHIFT + N) и залейте его цветом #0BADDA. Добавьте

9
какой-нибудь текст в наш блок, размер для заголовка возьмите 18 пунктов,
а для самого контента 14. Выделите все слои, задействованные в
формировании данного блока, объедините их в группу, нажав сочетание
клавиш CTRL + G.

8. Теперь продублируем группу, чтобы получить не один, а три

такие колонки. Щелкаем по группе правой кнопкой мыши и выбираем
пункт Копировать (Duplicate). Чтобы создать иконки, первое, что вам
необходимо сделать - это нарисовать окружность с помощью инструмента
Эллипс (Ellipse Tool (U)). Далее, уже в этот круг поместите
необходимый значок с помощью шрифтовых иконок (Entypo Text Icon),
точно также как мы это делали в самом начале, когда размещали наш
логотип. Залейте значок каждой иконки соответствующим цветом фона, на
котором она расположена. Кстати, как вы можете видеть на скриншотах,
цвет фона каждой из колонок немного отличается, поэтому предлагаю вам
сделать тоже самое.

9. Теперь пришло время заняться непосредственно разделом с

портфолио. Создайте новый слой (CTRL + SHIFT + N) и выберите
инструмент Прямоугольная область выделения (rectangular marquee
tool(М)), выделите с помощью него квадратную область под нашим блоком
с колонками, залейте ее цветом #ffffff.

10. Перетащите изображение 1 в ваш документ. Далее кликните по

слою с этим изображением правой кнопкой мышки и выберите Создать
обтравочную маску (Create a Clipping Mask), либо же просто нажмите
сочетание клавиш Ctrl+Alt+G. Для текста заголовка используйте шрифт

10
PT Sans размером 20 пунктов и цвет #212121, для нижней части текста
возьмите размер поменьше, например, 17 пунктов. Выделите все слои,
относящиеся к блоку портфолио, и объедините их в группу (CTRL + G).

11. Продублируйте эти группы и затем поменяйте картинки в них.

Используйте, например, изображения 2 и 3, соответственно для второй и
третьей части нашего блока с портфолио.

12. После этого, создайте новый слой (CTRL + SHIFT + N),

выберите инструмент Прямоугольная область выделения (rectangular
marquee tool(М)) и выделите такую же область, как на скриншоте ниже.
Залейте ее цветом #0BADDA.

13. Расположите изображение символа птицы (эмблема

твиттер), а рядом добавьте текст, можете использовать генератор lorem
ipsum, а можете написать что-нибудь на свой вкус. Используйте для текста
шрифт Georgia Italic размером 23 пункта.

14. Для текста поменьше с правой стороны, возьмите шрифт PT

Sans размером 14 пунктов.

11
 15. Выделите оставшееся снизу пространство с помощью
инструмента Прямоугольная область выделения (rectangular marquee
tool(М)) и залейте ее цветом #333333.

16. Для футера (нижней части макета сайта), создайте три колонки
и поместите туда какой-нибудь текст, например, такой как на скриншоте.
Для него используйте шрифт PT Sans размером 17 пунктов и цветом
#777777.

Задание 2. Разработка макета сайта с 3D эффектом

Создайте новый документ 1100х1177px и залейте фон цветом
#333333.

Убедитесь, что выбран фоновый слой, перейдите в меню Фильтр >

Шум > Добавить шум (Filter > Noise > Add Noise) и используйте
следующие параметры.

12
 С помощью инструмента Прямоугольник (Rectangle Tool)
нарисуйте фигуру в центре шаблона используя цвет #7f7f7f.

Затем примените фильтр Шум.

Возьмите инструмент Линия (Line Tool) и добавьте

вертикальные линии как показано на скриншоте ниже.

Выделите все слои с вертикальными линиями и нажмите CTRL+E,

чтобы объединить их в один слой. Теперь нужно изменить перспективу у
линий, для этого перейдите в меню Редактирование >
Трансформирование > Перспектива (Edit > Transform > Perspective).

13
 Инструментом Прямоугольник (Rectangle Tool) создайте шапку
сайта.

Я использовал следующие стили слоя, чтобы создать тень под

шапкой:

Дублируйте слой с шапкой и примените фильтр Шум (Фильтр >

Шум > Добавить шум (Filter > Noise > Add noise).

Инструментом Линия (Line Tool) добавьте линию толщиной 6px.

Для этой линии я добавил стили слоя, указанные на скриншоте ниже.

Сохраните эти стили, т.к. их будем использовать в дальнейшем.

14
 Инструментом Линия (Line Tool) добавьте 1 пиксельную линию,
как на скриншоте ниже.

Сейчас мы будем создавать слайд-шоу. Для этого возьмите

инструмент Прямоугольник со скруглёнными углами (Rounded
Rectangle Tool), радиус установите на 10px, и создайте фигуру, как на
скриншоте ниже.

Затем перейдите в меню Редактирование > Трансформирование >

Деформация (Edit > Transform > Warp) и используйте параметры
указанные ниже.

Ваше слайд-шоу должно выглядеть теперь примерно так:

Создайте теперь прямоугольник меньшего размера и поместите его в

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

15
 Возьмите инструмент Эллипс (Ellipse Tool) и создайте фигуру.
Трансформируйте эту фигуру так, чтобы получилось что-то вроде этого:

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

меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur >
Gaussian Blur).

Затем создайте прямоугольник.

Примените фильтр Шум к этой фигуре и над ней нарисуйте две 1

пиксельных линий. Также, добавьте стиль Тень (Drop shadow).

Инструментом Прямоугольник со скруглёнными углами

(Rounded Rectangle Tool) создайте зелёную кнопку.

Под слоем с кнопкой создайте новый слой и инструментом Кисть

(Brush tool), белого цвета, добавьте немного бликов.

16
 Затем добавьте тень под кнопкой, используя ту технику, которую
использовали в слайд-шоу.

Теперь, Ваша кнопка должна выглядеть так:

Создайте новый слой и инструментом Кисть (Brush Tool)

добавьте блик в центре кнопки.

Инструментом Линия (Line tool) нарисуйте белую линию, как на

скриншоте ниже.

Растрируйте слой с линией и инструментом Ластик (Eraser

Tool), с мягкими краями, удалите правую и левую часть линии.

Дублируйте кнопку несколько раз и разместите их следующим

образом:

Теперь нужно создать фон для контента. Возьмите инструмент

Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) и
создайте фигуру.

17
 К этому прямоугольнику примените фильтр Шум и добавьте стили
слоя указанные ниже.

Инструментом Кисть (Brush Tool) добавьте блик в левом

верхнем углу.

Затем заполните эту область каким-нибудь контентом. Ниже Вы

можете увидеть, что получилось у меня.

Создайте футер используя ту же технику, что и при создании шапки

сайта.
Добавьте свои копирайты в левой части футера.

В правой части добавьте социальные иконки.

Инструментом Текст (Type Tool) напишите название сайта и

слоган.

Затем возьмите инструмент Эллипс (Ellipse Tool) и нарисуйте

фигуру, как на скриншоте ниже.

18
 Примените фильтр Размытие по Гауссу (Gaussian Blur) и удалите
левую часть фигуры.

Выберите инструмент Прямоугольник со скруглёнными углами

(Rounded Rectangle Tool) и создайте прямоугольник. Удалите левую часть
прямоугольника. Инструментом Текст (Type Tool) напишите текст:
«Hire Us – We are available for work».

Тем же способом создайте поисковое поле в правой части шапки.

Заполните слайд-шоу какими-нибудь изображениями и текстом. Это

не так уж сложно, поэтому я не буду объяснять, как это сделать.

Финальный результат:

Задание 3. Разработка интерфейса приложения для iPhone

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

2. Создайте фон. Создайте новый слой с названием «Background»

(Shift + Ctrl + N) и инструментом Прямоугольник (Rectangle Tool) (R)
и на панели свойств в верхней части экрана выберите режим фигура
(Shape).
Теперь кликните по кнопке рядом с кнопкой Фигуры, чтобы открыть
окно Тип заливки фигуры (Shape Fill Type). В открывшемся списке

19
выберите Градиент (Gradient), установите параметры, как показано на
скриншоте. Для градиента используйте цвета #3F4042 и #303133.

Кликните мышкой в любом месте документа для того, чтобы

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

Выделите весь документ (Ctrl + A), выберите инструмент

Перемещение (Мove Tool) (V) и в панели свойств в верхней части экрана
нажмите кнопку Выполнить центровку по горизонтали (Align
Horizontal Centers), а затем нажмите кнопку Выровнять нижний край
(Align Bottom Edges).

Дважды кликните по слою «Background» и примените

корректирующий слой Градиентная заливка. Убедитесь, что включен
параметр Колебание (Dither).

3. Откройте файл statusbar.psd и импортируйте его в Вашу

рабочую группу «Status Bar». Используя предыдущий способ
выравнивания: выделите весь документ (Ctrl + A), выберите инструмент
Перемещение (Мove Tool) (V) и в панели свойств в верхней части экрана
нажмите кнопку Выполнить центровку по горизонтали (Align
Horizontal Centers), а затем нажмите кнопку Выровнять нижний край
(Align Bottom Edges).

20
 4. Под группой «Status Bar» создайте группу с названием
«Navigation Bar». Выберите инструмент Прямоугольник со скругленными
углами (Rounded Rectangle Tool) (U) и на панели свойств выберите те
параметры, которые показаны на скриншоте.
Для градиента используйте цвета #5F8F1D и #99B83D. Кликните в
любом месте документа, чтобы открыть всплывающее окно настройки
будущего прямоугольника.

Выровняйте центр слоя по горизонтали и вертикали:

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

прямоугольную фигуру. Для заливки используйте параметр Нет цвета
(No color) из панели Тип заливки фигуры (Shape Fill Type).

Инструментом Выделение контура (Path Selection Tool) (A)

сформируйте фигуру из только что нарисованного прямоугольника.
Скопируйте фигуру (Ctrl + C), перейдите на слой «Navigation Bar» и
вставьте ее (Ctrl + V). Теперь эта фигура наложена на слой «Navigation
Bar».

21
 Не меняя инструмента Выделение контура (Path Selection Tool)
(A) на панели свойств выберите параметр Вычитание передней фигуры
(Subtract Front Shape).

Снова кликните по кнопке Параметры контура (Path Operations)

на панели свойств и выберите пункт Объединить фигуры (Merge Shape
Components).

Используя инструмент Стрелка (Direct Selection Tool) (A)

выделите две нижние точки и перемещайте их до тех пор, пока их высота
фигуры не составит 43 пиксела.

К слою «Navigation Bar» примените некоторые стили слоя:

5. Инструментом Прямоугольник со скругленными углами

(Rounded Rectangle Tool) (U) нарисуйте фигуру, используя настройки,
которые Вы видите на скриншоте. Для заливки фигуры используйте
параметр Однородная заливка (Solid Color) из параметра Тип заливки
фигуры (Shape Fill Type). Назовите этот слой «Settings Bg».

22
 Примените некоторые стили слоя:

Перейдите к слою «Settings Bg» и выровняйте его по вертикали

относительно центральной части слоя «Nav Bg», а горизонталь выровняйте
на 6 пикселов от правого края документа.

Откройте файл icons.psd и перенесите слой «Settings» в рабочий

документ. Выровняйте иконку по горизонтали и вертикали относительно
центра слоя «Settings Bg».
Примечание: Вы можете использовать любую понравившуюся
иконку.

Примените стиль слоя Тень (Drop Shadow):

6. Инструментом Прямоугольник со скругленными углами

(Rounded Rectangle Tool) (U) нарисуйте фигуру с такими параметрами,
которые показаны на скриншоте. Для заливки фигуры используйте

23
однородную заливку (Solid Color) из окна настройки Тип заливки фигуры
(Shape Fill Type). Назовите этот слой «Back Bg».

Инструментом Добавить опорную точку (Аdd Anchor Point Tool)

добавьте одну контрольную точку на левой стороне прямоугольника и на
уровне 14 пикселов от края.

Инструментом Преобразовать контрольную точку (Convert Point

Tool) кликните по любой контрольной точке.

Инструментом Стрелка (Direct Selection Tool) (A) сдвиньте

контрольную точку на 10 пикселов влево.

Инструментом Стрелка (Direct Selection Tool) (A) выделите две

опорные точки, которые выделены красным цветом на скриншоте и
сдвиньте их на 1 пиксел влево. Инструментом Преобразовать
контрольную точку (Convert Point Tool) кликните по каждой из двух
контрольных точек.

Выровняйте фигуру вертикально относительно центра слоя «Nav

Bg» и также выровняйте по горизонтали на 6 пикселов от левого края.

7. Кликните правой кнопкой мыши по слою «Settings Bg» и

выберите пункт Скопировать стили слоя (Copy Layer Style). Теперь
кликните правой кнопкой мыши по слою «Back Bg» и выберите пункт
Вклеить стили слоя (Paste Layer Style).

24
 Добавьте на кнопку текст, используя параметры, указанные на
скриншоте. Я использовал шрифт Helvetica Neue. Выровняйте текст по
центру фигуры и скопируйте на него стили слоя со слоя «Settings».

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

со скриншота. Выровняйте текст по центру навигационного бара.

8. Создайте новую группу (Ctrl + G) под группой «Navigation

Bar» и назовите ее «Position». Выберите инструмент Прямоугольник
(Rectangle Tool) (U), установите для него параметры, как показано на
скриншоте и кликните в любом месте документа. Используйте цвета
#2E2F30 и #494A4C. Назовите этот слой «Position Bg».

Поместите эту фигуру под слоем с навигационным баром. Убедитесь

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

К слою с фигурой примените стили слоя:

9. Выберите инструмент Прямоугольник со скругленными

углами (Rounded Rectangle Tool) (U) со значениями, которые показаны
на скриншоте. Значение радиуса 50 пикселов.

25
 Назовите слой «Position Empty» и выровняйте его по горизонтали и
вертикали относительно центра слоя «Position Bg».

Примените стили слоя:

Выберите инструмент Прямоугольник со скругленными углами

(Rounded Rectangle Tool) (U) и установите для него значения, которые

показаны на скриншоте. Кликните в любом месте документа. Для
градиента используйте цвета #85AD2A, #A0D028 и #B6D028.
Для радиуса установите значение в 50 пикселов. Этот слой назовите
«Position Full».

Выровняйте фигуру, как показано на скриншоте и убедитесь в том,

что существует разрыв в 2 пиксела со всех сторон между фигурой и слоем
«Position Empty».

К фигуре примените стили слоя:

26
 10. Выберите инструмент Эллипс (Ellipse Tool) (U), установите
для него параметры, как показано на скриншоте и кликните в любом месте
документа. Для градиента используйте цвета #444547 и #5C5E61. Назовите
этот слой «Handle».

Выровняйте фигуру по правому краю слоя «Position Full».

Примените стили слоя:

Снова выберите инструмент Эллипс (Еllipse Tool) (U),

установите для него параметры, как показано на скриншоте и кликните в

любом месте документа. Для градиента используйте цвета #636669 и
#38393B. Этот слой назовите «Handle Circle».

Выровняйте фигуру по центру слоя «Handle».

27
 С обеих сторон от слайдера напишите время. Для написания текста
используйте шрифт Helvetica Neue, Bold, размер 10 пунктов и цвет
#B2B2B2. Разместите текст, как показано на скриншоте:

11. Создайте новую группу и назовите ее «Playback Controls».

Инструментом Эллипс (Ellipse Tool) (U) нарисуйте круг диаметром

50x50 пикселов. Назовите этот слой «Play Bg».

Откройте группу «Position», кликните правой кнопкой мыши по

слою «Handle» и из меню выберите пункт Скопировать атрибуты
фигуры (Copy Shape Attributes).

Вернитесь к группе «Playback Controls», кликните правой кнопкой

мыши по слою «Play Bg» и из меню выберите пункт Вклеить атрибуты
фигуры (Paste Shape Attributes) – это новая функция в Photoshop
CS6.Таким образом, вместо того, чтобы выставлять одни и те же атрибуты
несколько раз, можно их скопировать, а потом вклеить на любую фигуру.

Выровняйте слой по центру документа, а по вертикали на 20

пикселов ниже слоя «Position Bg».

28
 Примените стили слоя:

12. Кликните правой кнопкой мыши по слою «Play Bg» и

выберите пункт Создать дубликат слоя (Duplicate Layer). Новый слой
назовите «Fast Backward Bg».

Инструментом Выделение контура (Path Selection Tool) (A)

кликните по слою «Fast Backward Bg» и измените значения ширины и
высоты на 34x34 пиксела.

Выровняйте этот слой по центру слоя «Play Bg», а по горизонтали

выровняйте на 8 пикселов левее.

Дублируйте слой «Fast Backward Bg» (Ctrl + J) и назовите дубликат

«Fast Forward Bg». Выровняйте слой по центру слоя «Play Bg», а по
горизонтали выровняйте по правой стороне.

13. Нарисуйте круглую фигуру с параметрами, которые показаны

на скриншоте. Для градиента используйте цвета #46484A и #2C2D2E.
Убедитесь, что вновь созданный слой находится ниже всех слоев в группе
«Playback Controls».

29
 Назовите слой «Playback Bg» и выровняйте его по горизонтали и
вертикали слоя «Play Bg».

Дублируйте слой «Playback Bg» (Ctrl + J) и уменьшите размер до

48x48 пикселов. Для этого используйте способ, который использовали в
шаге 12. Выровняйте слой по центру слоя «Fast Backward Bg».

Снова дублируйте слой (Ctrl + J) и выровняйте его по центру слоя

«Fast Forward Bg».

Импортируйте слои «Fast Backward», «Play» and «Fast Forward» из

файла icons.psd (или найдите эти иконки самостоятельно). Поместите
иконки на кнопки, как показано на скриншоте:

Выделите три слоя с иконками: удерживая клавишу Ctrl, кликните по

каждому из этих слоев. Уменьшите непрозрачность этих слоев до 85%.

Импортируйте слои «Speaker» и «Repeat» из файла icons.psd или

найдите похожие иконки самостоятельно. Поместите иконки, как показано
на скриншоте:

30
 К импортируемым иконкам примените градиент. Инструментом
Выделение контура (Path Selection Tool) (A) выделите слой
«Speaker» и установите параметры, как на скриншоте. Для градиента
используйте цвета #6B6C70 и #797B80.

Скопируйте атрибуты со слоя «Speaker», а затем вклейте их на

иконку «Repeat».

К слоям с иконками «Speaker» и «Repeat» добавьте стили слоя:

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

мы ее конвертируем ее в смарт-объект и уменьшим размер смарт-объекта
до 50%. Это нужно сделать, потому, что в финальном шаге этого урока мы
будем изменять разрешение файла. Таким образом, мы не потеряем
качество растрового изображения после уменьшения размера.
Откройте изображение albumcover-02.jpg и поместите его в наш
документ.

Преобразуйте слой в смарт-объект (Слой - Смарт-объекты -

Преобразовать в смарт-объект) (Layer > Smart Objects > Convert to
Smart Object). Теперь трансформируйте слой (Ctrl + T). Уменьшите его
размер до 50% и назовите этот слой «Album Cover Center».

31
 Выровняйте горизонталь слоя по центру документа и по вертикали
опустите его ниже слоя «Play Bg» на 20 пикселов.

Инструментом Прямоугольник со скругленными углами

(Rounded Rectangle Tool) (U) нарисуйте фигуру с параметрами, которые
показаны на скриншоте. Установите размер 180х180 пикселов. В окне Тип
заливки фигуры (Shape Fill Type) установите параметр Нет цвета (No
Color) и установите радиус в 3 пиксела.

Выровняйте фигуру по центру изображения обложки альбома.

Теперь примените фигуру к изображению обложки альбома,

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

15. Откройте изображение albumcover-01.jpg и перенесите его в

наш документ. Преобразуйте этот слой в смарт-объект и уменьшите его
размер до 50%. Выровняйте этот слой по вертикали относительно слоя
«Album Cover Center» и по горизонтали на 40 пикселов влево. Назовите
этот слой «Album Cover Left».

32
 Инструментом Прямоугольник со скругленными углами
(Rounded Rectangle Tool) (U) нарисуйте фигуру с параметрами, которые
показаны на скриншоте. Установите размер фигуры 160х160 пикселов. В
окне Тип заливки фигуры (Shape Fill Type) установите параметр Нет
цвета (No Color) и установите радиус в 3 пиксела.

Скопируйте фигуру прямоугольника со скругленными углами на

слой «Album Cover Left» вышеописанным способом и расположите ее по
центру слоя. После этого, удалите слой с фигурой.

Откройте изображение albumcover-03.jpg и поместите его в наш

документ. Скопируйте его вышеописанным способом, но на этот раз
выровняйте изображение по правой стороне.

16. К центру обложки примените стили слоя:

Скопируйте стили слоя с центра обложки и вставьте их на две другие

обложки. Теперь, выделите при нажатой клавише Shift слои с левой и
правой частями обложки и установите параметр Заливка (Fill) 50%.

33
 Инструментом Текст (Т) напишите название проигрываемой песни.
Поместите текст на несколько пикселов ниже центральной части обложки.

Добавьте еще одну строку с текстом, в которой будет указан автор

песни. Обе строки с текстом выровняйте по центру.

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

углами (Rectangle Tool) (U) нарисуйте фигуру с параметрами, которые
показаны на скриншоте. Для градиента используйте цвета #292A2B и
#38393B.

Выровняйте фигуру по левой нижней части документа.

Инструментом Добавить опорную точку (Add Anchor Point Tool)

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

Выделите две опорные точки и сдвиньте их вверх на 6 пикселов.

Инструментом Стрелка (Direct Selection Tool) (A) сдвиньте точки,

как показано на скриншоте:

18. Дублируйте слой с панелью для вкладок (Ctrl + J) и отразите

его по горизонтали (Редактирование - Трансформирование - Отразить
по горизонтали / Edit > Transform Path > Flip Horizontal).

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

Выделите оба слоя, кликните по ним правой кнопкой мыши и

выберите пункт Объединить фигуры (Merge Shapes).

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

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

Инструментом Выделение контура (Path Selection Tool) (A)

кликните по слою с фигурой, затем кликните по кнопке Операции с
контуром (Path Operations) на панели свойств инструмента и выберите
пункт Объединить компоненты фигуры (Merge Shape Components).
Теперь две фигуры полностью объединены. Назовите этот слой «Tab Bar
Bg».

При активном инструменте Стрелка (Direct Selection) (A) заметно,

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

35
 Удалите ненужные опорные точки инструментом Удалить опорные
точки (Delete Anchor Point Tool), кликнув по этим двум точкам.

К слою «Tab Bar Bg» примените стили:

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

вкладок. Инструментом Прямоугольная область выделения (Rectangular
Marquee Tool) (M) нарисуйте выделение шириной в 60 пикселов. Рисовать
выделение начните из левой части документа.

Теперь из вертикальной линейки вытяните направляющую и

поместите ее на правый край выделения. Включите функцию Привязка к
направляющим (Просмотр - Привязать к - Направляющие) (View >
Snap To > Guides).

Повторите предыдущий способ добавления направляющих.

Установите направляющие с тем расстоянием, которые показано на
скриншоте.

Из горизонтальной линейки вытяните горизонтальные

направляющие и расположите их на документ с расстоянием, которое
показано на скриншоте:

36
 20. Из файла icons.psd перетащите слой «Home».

Инструментом Прямоугольная область выделения (Rectangular

Marquee Tool) (M) нарисуйте фигуру:

Инструментом Перемещение (Move Tool) (V) кликните по кнопкам

Выровнять центры по вертикали (Align Vertical Centers) и Выровнять
центры по горизонтали (Align Horizontal Centers).

Напишите слово «Home», используя параметры, которые показаны

на скриншоте:

Выровняйте текст по вертикали относительно нижней части

направляющей и по горизонтали относительно центра иконки.

21. Повторите шаг 21, добавляя другие иконки и текст (Favorites,

Playlists и Search).

37
 22. Инструментом Прямоугольник (Rectangle Tool) (U)
нарисуйте фигуру с теми параметрами, которые Вы видите на скриншоте.
Для создания градиента используйте цвета #5F8F1D и #99B83D.

Выровняйте фигуру таким образом, чтобы ее верхний край

прикасался к верхней горизонтальной направляющей и по горизонтали к
центральной части панели вкладок. Слой с фигурой назовите «Now Playing
Bg».

Примените некоторые стили слоя:

Из файла icons.psd перенесите слой «Now Playing» и измените цвет

этого слоя на черный (#000000).

Примените стили слоя:

Выровняйте иконку по горизонтали относительно центра слоя «Now

Playing Bg», а по вертикали на несколько пикселов ниже верхнего края.

38
 Напишите текст «Now Playing» с такими параметрами:

Выровняйте текст по горизонтали относительно центра кнопки, а по

вертикали опустите текст на несколько пикселов ниже. Скопируйте стили
слоя со слоя «Now Playing icon».

23. Скорректируйте разрешение, перейдите в меню Изображение

- Размер изображения (Image > Image Size) и установите значения,
которые показаны на скриншоте.

Примечание: Всегда старайтесь создавать элементы дизайна в

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

Рекомендуемая литература: 1 [c. 152-156], 3 [c. 256-300], 7 [c. 25-

65], 9 [c. 254-265]

Практическое занятие №10

Работа с геометрическими примитивами

39
 Цель: освоение возможностей графического редактора CorelDraw,
получение навыков создания изображений в векторном редакторе.
Теоретический материал
Все графические объекты можно разбить на две категории: линии и
примитивы. На рис. 1 представлены несколько экземпляров объектов,
относящихся к классу прямоугольников.

Рисунок 1 - Экземпляры класса прямоугольников

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

Рисунок 1 - Панель атрибутов при работе с прямоугольниками (панель

перемещена в центр рабочего пространства и представлена в виде окна)
Задание к рактическому занятию
Задание 1. Работа с примитивами
1. Загрузить редактор CorelDRAW.
2. Изучить назначение кнопок палитры инструментов и их
особенности.
3. Изучить назначение кнопок панели атрибутов, экранной палитры
цветов.
4. Объяснить сведения, выводимые в строке состояния.
5. Получить изображения четырех типов прямоугольников.
Выполнить для этого соответствующие операции.
6. Получить изображения прямоугольников с помощью клавиш -
модификаторов.
7. Получить закругление одного и нескольких углов прямоугольника.
8. Построить изображение эллипса, сектора, дуги.

40
 9. Выполнить построение многоугольников различных типов и их
модификаций.
10. Воспроизвести фигуры.
11. Построить симметричные и логарифмические спирали с
различным количеством витков.
12. Построить сетку.
Примечание. При построении сетки не меняйте принятых по
умолчанию значений управляющих параметров и обратите внимание на
сообщение в строке состояния: (Группа из 12 объектов на слое 1).
13. Построить плакат с образцами:
 вставьте в документ страницу альбомной ориентации, назовите ее
Плакат и постройте плакат в виде таблицы, строки которой соответствуют
освоенным вами инструментам, а в ячейках располагаются образцы
объектов, которые можно с их помощью построить (рис. 1);
 сетку для самой таблицы постройте с помощью инструмента Graph
Paper (Диаграммная сетка) во всю ширину страницы, оставив некоторое
место наверху под заголовок.
14. По окончании работы сохраните документ CorelDRAW.

Рисунок 1 - Плакат с образцами

Задание 2. Рисование снежинки.
1. Новый документ.
2. Инструментом Многоугольник , в параметрах установить 6
вершин, нарисовать шестиугольник.
3. Инструментом Форма «взять» вершину шестиугольника и
«вытянуть» его в звезду (с нажатой клавишей <Ctrl>):

4. Делаем площадку между лучами: инструментом Форма

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

41
 5. Зубчики на лучах. На одной стороне луча инструментом Форма,
ближе к вершине, ставим 3 управляющие точки (двойной щелчок, точка

станет зеленой). За среднюю вытягиваем зубчик. Аккуратно

подвигаем зубчик: Таким же образом добавляем еще 3-4 зубчика на этом
луче и симметрично 3-4 зубчика на другой стороне этого луча:

6. Скругляем зубчики. Инструментом Форма выделяем всю

снежинку (как в Paint захватить область всего объекта) - выделятся все
значимые узлы. На панели параметров нажимаем кнопку Преобразовать в
кривую , а затем Симметрический узел .
7. Дырочка в центре. Инструментом Выбора 2 раза щелкнуть по
снежинке и за угол развернуть. Отдельно инструментом Многоугольник
нарисовать шестиугольник. Так же инструментом Форма выделить все
значимые узлы, Преобразовать в кривую, и нажать Сглаженный узел .
Если нужно, подправить расположение вершин.
8. Правка - Выбрать все - Объекты. Упорядочить - Выровнять и
распределить - Выровнять центры по горизонтали. Упорядочить -
Выровнять и распределить - Выровнять центры по вертикали.
9. Правка - Выбрать все - Объекты. Кнопка Задние минус
передние на панели параметров. Основа снежинки готова.
10. Правка - Дублировать. Развести снежинки. Залить
инструментом (на панели инструментов) дубль синим, однотонным,
основную - Фонтанная заливка (радиальная, цвета: из синего в белый).
Наложить светлую на синюю со сдвигом. Совместить: Правка - Выбрать
все - Объекты, кнопка Сгруппировать на панели параметров

Задание № 3. Смешарики (работа с кривыми)

1. Запустите CorelDraw.
2. Мысленно разбейте рисунок на части.

42
 3. Голову, лапки, нос, глаз рисуем с помощью эллипса.
− Чтобы преобразовать эллипс выберите инструмент Указатель
(стрелочка) и щелкните внутри эллипса, чтобы появились двойные
стрелочки. С помощью стрелок поверните эллипс.

− Щелкните по эллипсу правой кнопкой мыши и в контекстном

меню выберите команду «Преобразовать Кривую».

− На эллипсе появятся узлы (маленькие квадратики). Выберите на

панели инструментов инструмент Форма и с его помощью
добейтесь нужной формы глаза (подхватывая кривую за узел и перемещая
кривую в нужном направлении).

4. Для рисования ушек выберите инструмент Интеллектуальное

рисование
5. Нарисуйте кривую, изображающую ухо. С помощью инструмента
Форма добейтесь нужного вида кривой (добавляя и удаляя узлы в
контекстном меню), и выберите в контекстном меню команду Авто-
закрытие (кривая замкнется и ухо можно будет покрасить).

6. С помощью инструментов Интеллектуальное рисование и

Форма нарисуйте кривые для мордочки.
7. Для раскрашивания воспользуйтесь инструментом Заливка –
Градиентная заливка (Линейная)

− Чтобы изменить положение светового блика изменяйте угол

установки в диалоговом окне Градиентной заливки.

43
 8. Соберите все части, изменяя порядок объектов при необходимости
Контекстное меню  Порядок…

Задание 4. Преобразования искажения

1. Возьмите инструмент Interactive Distortion (Искажение )ив
параметрах выберите Zipper Distortion (Искажение в виде застежки
молнии ). Теперь тащим мышкой появившуюся направляющую от
центра окружности, которая на ваших глазах будет превращаться в звезду.

2. В параметрах изменим тип искажения на Twister Distortion

(Искажение кручения ). Тащим направляющую из центра звезды, и она
закрутится в спираль.

3. Использование инструмента преобразования Interactive

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

Задание 5. Рамка с узором

44
 1. Используя любые инструменты построения кривых - ,
например, Свободная форма, рисуем простенькие веточки и листочки.

2. С помощью преобразования Искажения (Искажение

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

3. Из этих кусочков складываем ветку.

4. Выделить все кривые в Диспетчере объектов и Объединить в

одну (кнопкой на панели параметров) с общими свойствами.
5. Добавляем Абрис и Заливку в палитре Свойства объекта.

6. Основа рамки - прямоугольник по размеру страницы (также

подобрать цвет абриса). В правом нижнем углу расположить ветку,
продублировать ее, уменьшить, развернуть и расположить в левом верхнем
углу рамки.

Контрольные вопросы

45
 1. Какие возможности существуют в CorelDRAW для создания
прямоугольников, многоугольников?
2. Какие возможности существуют для создания эллипсов, дуг?
3. Какие возможности существуют для создания спиралей, сеток?
Рекомендуемая литература: 2 [c. 245-254], 4 [c. 125-165], 8 [c. 45-
66], 9 [c. 568-600]

46
 СПИСОК ЛИТЕРАТУРЫ

1. Баранов, С. Н. Основы компьютерной графики : учебное

пособие / С. Н. Баранов, С. Г. Толкач. — Красноярск : Сибирский
федеральный университет, 2018. — 88 c. — ISBN 978-5-7638-3968-5. —
Текст : электронный // Электронно-библиотечная система IPR BOOKS :
[сайт]. — URL: http://www.iprbookshop.ru/84276.html (дата обращения:
15.06.2020). — Режим доступа: для авторизир. пользователей.
2. Гаврилов, М. В. Информатика и информационные технологии :
учебник для среднего профессионального образования / М. В. Гаврилов, В.
А. Климов. — 4-е изд., перераб. и доп. — Москва : Издательство Юрайт,
2020. — 383 с. — (Профессиональное образование). — ISBN 978-5-534-
03051-8. — Текст : электронный // ЭБС Юрайт [сайт]. — URL:
https://urait.ru/bcode/449286 (дата обращения: 15.06.2020).
3. Зиновьева, Е. А. Компьютерный дизайн. Векторная графика :
учебно-методическое пособие / Е. А. Зиновьева. — Екатеринбург :
Уральский федеральный университет, ЭБС АСВ, 2016. — 116 c. — ISBN
978-5-7996-1699-1. — Текст : электронный // Электронно-библиотечная
система IPR BOOKS : [сайт]. — URL: http://www.iprbookshop.ru/68251.html
(дата обращения: 15.06.2020). — Режим доступа: для авторизир.
пользователей.
4. Информационные технологии в 2 т. Том 2 : учебник для среднего
профессионального образования / В. В. Трофимов, О. П. Ильина, В. И.
Кияев, Е. В. Трофимова ; ответственный редактор В. В. Трофимов. —
перераб. и доп. — Москва : Издательство Юрайт, 2020. — 390 с. —
(Профессиональное образование). — ISBN 978-5-534-03966-5. — Текст :
электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/451184
(дата обращения: 15.06.2020).
5. Колесниченко, Н. М. Инженерная и компьютерная графика :
учебное пособие / Н. М. Колесниченко, Н. Н. Черняева. — Москва :
Инфра-Инженерия, 2018. — 236 c. — ISBN 978-5-9729-0199-9. — Текст :
электронный // Электронно-библиотечная система IPR BOOKS : [сайт]. —
URL: http://www.iprbookshop.ru/78267.html (дата обращения: 15.06.2020).
— Режим доступа: для авторизир. пользователей.
6. Конакова, И. П. Инженерная и компьютерная графика : учебное
пособие для СПО / И. П. Конакова, И. И. Пирогова ; под редакцией Т. В.
Мещаниновой. — 2-е изд. — Саратов, Екатеринбург : Профобразование,
Уральский федеральный университет, 2019. — 89 c. — ISBN 978-5-4488-
0449-6, 978-5-7996-2861-1. — Текст : электронный // Электронно-
библиотечная система IPR BOOKS : [сайт]. — URL:
http://www.iprbookshop.ru/87804.html (дата обращения: 15.06.2020). —
Режим доступа: для авторизир. пользователей.

47
 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).

48
 Учебное издание

КОМПЬЮТЕРНАЯ ГРАФИКА

Методические указания по выполнению практических занятии по

дисциплине Компьютерная графика для обучающихся по специальностям
09.02.03 Программирование в компьютерных системах,
09.02.04 Информационные системы (по отраслям),
очной формы обучения
4 часть

Составитель
Шибеко Марина Николаевна
Ответственный редактор
Р. Ф. Ахатова, председатель ЦК ЕНиОПД отделения ИТВТ

В авторской редакции

Подписано в печать . Формат 60х90 1/16. Усл. печ. л. 3,0

Тираж 10 экз. Заказ №.

Библиотечно-издательский комплекс
федерального государственного бюджетного
образовательного учреждения высшего образования
«Тюменский индустриальный университет».
625000, Тюмень, ул. Володарского, 38.

Типография библиотечно-издательского комплекса.

625039, Тюмень, ул. Киевская, 52.

49