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

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

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ 

УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ 

«ЛИПЕЦКИЙ ГОСУДАРСТВЕННЫЙ ПЕДАГОГИЧЕСКИЙ УНИВЕРСИТЕТ 

ИМЕНИ П.П. СЕМЕНОВА-ТЯН-ШАНСКОГО» 
(ЛГПУ имени П.П. Семенова-Тян-Шанского) 

ИНСТИТУТ КУЛЬТУРЫ И ИСКУССТВА 

Кафедра изобразительного,  

декоративно-прикладного искусства и дизайна 

 

 

 

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

 В ПРОФЕССИОНАЛЬНОМ ОБУЧЕНИИ ДИЗАЙНЕРОВ 

 

 

   Учебное наглядное 

 пособие 

 

 

 

 

 

 

 

 

 

 

 

Липецк – 2020 

УДК 74
Печатается по решению кафедры

ББК 30.182
С122

изобразительного, декоративно-прикладного 
искусства и дизайна  ЛГПУ имени 
П.П. Семенова-Тян-Шанского
Протокол  № 1 от 29.09. 2019 г.

Саблина, 
Н.А. 
Компьютерная 
графика 
в 
профессиональном 
обучении 
дизайнеров: учебное наглядное пособие / Н.А. Саблина. – Липецк: ЛГПУ имени 
П.П. Семенова-Тян-Шанского, 2020. – 86 с. 

ISBN 978-5-907168-68-8 
      Пособие содержит краткую информацию о теоретических и практических 
основах дисциплины «Основы компьютерной графики в дизайне». В нем 
рассматриваются 
вопросы 
практического 
использования 
графических 
художественных редакторов в рамках художественно-проектной деятельности 
бакалавров. 
      Учебное наглядное пособие предназначено для бакалавров, обучающихся по 
направлению подготовки 54.03.01 – Дизайн (профиль - Графический дизайн); 
44.03.04 
Профессиональное 
обучение 
(профиль 
- 
Графический 
дизайн).
Рекомендовано для слушателей программ дополнительного профессионального 
образования соответствующего направления подготовки.

УДК 74 
ББК  30.182 
 С122 

РЕЦЕНЗЕНТЫ: 
Мальцева В.А., канд. пед. наук, 
доцент, заведующий кафедрой 
дизайна и народной художественной 
культуры ЕГУ им. И.А. Бунина  
Елисеева И.М., канд. пед. наук, доцент,  
заведующий кафедрой изобразительного, 
декоративно-прикладного 
искусства 
и 
дизайна ИКИ ЛГПУ имени  
П.П. Семенова-Тян-Шанского 

ISBN 978-5-907168-68-8  
 © ФГБОУ ВО «Липецкий государственный 
 педагогический  университет 
   имени П.П. Семенова-Тян-Шанского», 2020 
 © Н.А. Саблина, 2020  

ОГЛАВЛЕНИЕ 

ПРЕДИСЛОВИЕ…………………………………………………………………………………………………................................
4

ИЗУЧЕНИЕ ВЕКТОРНОЙ ГРАФИКИ С ПОМОЩЬЮ ГРАФИЧЕСКОГО РЕДАКТОРА COREL DRAW…..
5

1 ЗАДАНИЕ
Создание формальной композиции на основе геометрических объектов…….
7

2 ЗАДАНИЕ
Создание чёрно-белых силуэтов при помощи пера и «Безье»………………………..
9

3 ЗАДАНИЕ
Работа с формальным и цветовым решением композиции……………………………..
12

4 ЗАДАНИЕ
Шрифтовая композиция………………………………………………………………………………………
15

ИЗУЧЕНИЕ РАСТРОВОЙ ГРАФИКИ С ПОМОЩЬЮ ГРАФИЧЕСКОГО РЕДАКТОРА ADOBE 
PHOTOSHOP…………………………………………………………………………………………………………………………………..
20

1 ЗАДАНИЕ
Работа со слоями. Создание коллажа.....................................................................
20

2 ЗАДАНИЕ
Работа с масками…………………………………………………………………………………………………
26

3 ЗАДАНИЕ
Создание «Mockup»……………………………………………………………………………………………
36

4 ЗАДАНИЕ
Ратуш чёрно-белой фотографии с использованием коррекционных фильтров 
и её последующий перевод в цвет……………………………………………………………………
39

ИЗУЧЕНИЕ ПРОЦЕССА СОЗДАНИЯ РАСТРОВОЙ И ВЕКТОРНОЙ ГРАФИКИ ПРИ ПОМОЩИ 
РАЗЛИЧНЫХ ВИДОВ ГРАФИЧЕСКИХ РЕДАКТОРОВ. ГРАФИЧЕСКИЙ РЕДАКТОР ADOBE 
ILLUSTRATOR…………………………………………...........................................................................................
47

1 ЗАДАНИЕ
Освоение работы с векторными изображениями в программе Adobe
Illustrator. 
 
Создание 
векторных 
силуэтов 
ключей 
при 
помощи 

геометрических объектов и «Безье»…………………………………………………………………
47

2 ЗАДАНИЕ
Работа с заливками в программе Adobe Illustrator. Разработка тематической
праздничной открытки…………………………………………………………………………………………
51

3 ЗАДАНИЕ
Создание промо-листовки в программе Adobe Illustrator………………………………….
59

4 ЗАДАНИЕ
Совместные возможности векторной и растровой графики. Создание 
плаката………………………………………………………………………………………………………………….
62

3 ЗАДАНИЕ
Создание растровой цифровой иллюстрации…………………………………………………...
68

ИСПОЛЬЗУЕМАЯ ЛИТЕРАТУРА…………………………………………………………………………………………………......
72

ПРИЛОЖЕНИЕ………………………………………………………………………………………………………………………………..
73

В начале практической работы студентам необходимо внимательно изучить 
особенности растровой и векторной графики, специфику цветовых моделей и   
форматы графических файлов. Для работы в графических редакторах в первом 
семестре используются комбинации горячих клавиш в программе Corel DRAW, во 
втором -  это горячие клавиши в программе Adobe Photoshop. В третьем -  
обобщаются знания по ранее изученным программным клавишам и добавляются 
к ним клавиши для работы в Adobe Illustrator.  Необходимо также запомнить 
основные программные клавиши для быстрой и удобной работы в графических 
редакторах (Приложение 1).  Также в начале работы с любым из перечисленных 
графических редакторов нужно вначале ознакомиться с настройкой интерфейса. 

       Мы посчитали немаловажным отметить, что на каждом практическом 

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

     Также отметим, что алгоритмы работы наиболее полно отражают 

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

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

 
 
 
 
 
 
 
 
 

 

 

 

ПРЕДИСЛОВИЕ

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

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

Третье задание. Работа с формальным и цветовым решением в программе CorelDraw. 
Возможное исполнение: формально-стилизованный натюрморт в программе CorelDraw очень 
прост в исполнении. 

Четвёртое задание. Шрифтовая композиция. Использование технических преимуществ 
программы CorelDraw при работе с шрифтами экономит ресурсы студента. 

Первое задание предполагает создание коллажа. Техника коллажа широко используется в 
графическом дизайне. 

Второе задание - это задание на освоение приёмов работы с масками. Работа с масками - это 
базовая составляющая при работе в растровой программе. 

Третье задание подразумевает создание Mockup. 

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

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

Изучение векторной графики с помощью графического редактора CorelDraw

Изучение растровой графики с помощью графического редактора

Adobe Photoshop

Совместные возможности процесса создания растровой и векторной 

графики при помощи различных видов графических редакторов

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

 
Первое задание нацелено на освоение работы с векторными изображениями в программе 
Adobe Illustrator. Мы создаём непосредственно векторные силуэты ключей при помощи 
геометрических объектов и инструмента «Безье». 

 
Второе задание представляет собой работу с заливками в программе Adobe Illustrator. Как 
конкретный объект разработки мы выбрали тематические праздничные открытки. 

 
Третье задание – создание промолистовки в программе Adobe Illustrator. 

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

Corel DRAW 

 ЗНАКОМСТВО С ВИДАМИ КОМПЬЮТЕРНОЙ ГРАФИКИ И СОВРЕМЕННЫМИ 

ПРОГРАММНЫМИ СРЕДСТВАМИ РАБОТЫ С НИМИ. ВЕКТОРНАЯ КОМПЬЮТЕРНАЯ ГРАФИКА. 
ГРАФИЧЕСКИЙ РЕДАКТОР COREL DRAW. ВСЕ ЗАДАНИЯ ВЫПОЛНЯЮТСЯ В ПРОГРАММЕ 
COREL DRAW. 

ИЗУЧЕНИЕ ВЕКТОРНОЙ ГРАФИКИ С ПОМОЩЬЮ 

ГРАФИЧЕСКОГО РЕДАКТОРА COREL DRAW

Знакомство с видами компьютерной графики и современными программными 
средствами работы с ними. Векторная компьютерная графика. Графический редактор 
CorelDraw. Все задания, выданные в первом семестре обучения, выполняются в программе 
CorelDraw. 

 
 
 
 
 

Первое задание – создать формальную композицию на основе геометрических 

объектов, возможно выполнение орнамента или абстрактной композиции.  

 
    Цветовое решение выдержано, собрано на основе чёрного, белого и смешения данных 

цветов. Corel DRAW – приложение для графического дизайна. 

    Здесь мы рассматриваем организацию рабочего пространства. Настройка рабочей 

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

Подробное описание работы: 
Шаг 1. Для начала откроем программу Corel DRAW, кликнув дважды по ярлыку, 

познакомимся с её рабочим интерфейсом. 

Шаг 2. Создадим новый документ: Зададим название: Первое задание; Назначение ЦВЕТА 

- CMYK.  

Все остальные параметры оставим неизменными, как показано на рис. 1. 

                                          
                  

Рис. 1. Интерфейс программы Corel DRAW и значения параметров, установленные для 

работы над первым заданием 

Знакомство с видами компьютерной графики и современными программными 

средствами работы с ними. Векторная компьютерная графика. Графический редактор 

Corel Draw

Изучение векторной графики с помощью графического редактора CorelDraw

Шаг 3. Изучение строения интерфейса программы. Посмотрим содержание боковых и 

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

      
     

 

Рис. 2. Изучение интерфейса Corel DRAW, раскрывающееся диалоговое меню 

 

Шаг 4. Создадим несколько различных геометрических объектов путѐм выбора меню «Многоугольник». 
Нажатием на пустую рабочую область мы растягиваем фигуры до оптимальных размеров для 
последующей работы с ними. 

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

Шаг 5.  Творческая работа. 

Возможно несколько вариантов готовых орнаментов путѐм разно размерного чередования 

элементов (рис. 3). 

 

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Рис. 3. Примеры выполнения орнамента 

    

Примеры выполнения творческой работы

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

силуэтный набросок портрета/ натюрморта/композиции  по выбору студента для последующей 
цифровой переработки. 

Второе задание – создание более сложных в техническом исполнении чёрно-белых 

силуэтов при помощи пера безье. 

 

         Возможные решения: стилизованный портрет или натюрморт на основе формального 
(контурного) решения, имитация линогравюры, виньетка и т.д. 
Подробное описание: 
Шаг 1.  Мы переносим растровую картинку в рабочее пространство программы путём 
простого перемещения картинки (рис. 4). 
Далее выбираем перо безье и начинаем обводить готовый силуэт в программе CorelDRAW. 
Инструментом «Форма» редактируем форму абриса. 
Шаг 2. При помощи интеллектуальной заливки образуем сложные силуэты с вырезанными 
деталями. 

 

 

Рис. 4. Перемещение изображения в рабочую область графического редактора 

Шаг 3. Уточнение и детализация контура (рис. 5).  
 

 

Рис. 5. Уточнение и детализация контура 

 

Шаг 4.  Начало работы с силуэтом инструментом «Форма» (рис. 6). 

 

Рис. 6. Работа с инструментом «Форма» 

 

Шаг 5. Также при помощи использования растровой картинки мы можем рассмотреть 
возможности работы с векторной графикой при помощи инструмента «Трассировка» (рис. 7).