Вы находитесь на странице: 1из 49

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

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

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


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

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

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


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

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

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

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


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

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


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

Аннотация

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


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

2
СОДЕРЖАНИЕ

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА........................................................................4
ОБЩИЕ ТРЕБОВАНИЯ ПО ВЫПОЛНЕНИЮ И ОФОРМЛЕНИЮ
ПРАКТИЧЕСКИХ ЗАНЯТИЙ...........................................................................6
КРИТЕРИИ ОЦЕНКИ ПРАКТИЧЕСКИХ ЗАНЯТИЙ....................................6
ТЕМАТИЧЕСКИЙ ПЛАН ПРАКТИЧЕСКИХ ЗАНЯТИЙ.............................7
ПО КОМПЬЮТЕРНОЙ ГРАФИКЕ..................................................................7
Практическое занятие №3..................................................................................8
Практическое занятие №4................................................................................12
Практическое занятие №5................................................................................22
Практическое занятие №6................................................................................26
СПИСОК ЛИТЕРАТУРЫ.................................................................................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
отчетной документации, принимать участие в разработке проектной
документации на модификацию информационной системы.
ПК 1.2. Взаимодействовать со специалистами смежного профиля при
разработке методов, средств и технологий применения объектов
профессиональной деятельности.
ДК 12.1. Выполнять обработку графических изображений и
анимационных роликов с помощью специализированных программных
продуктов.
ДК 12.2. Выполнять проектирование и моделирование трехмерных
объектов с помощью специализированных программных продуктов.
Знать:
 базовые понятия и виды компьютерной графики;
 цветовые модели, применяемые в различных видах
компьютерной графики;
 основы компьютерного моделирования;
 алгоритм создания анимации растровых изображений;
 различные способы моделирования трехмерных объектов;
 правила расстановки источников освещения в трехмерной сцене;
 основы визуализации трехмерных сцен;
 способы создания анимации трехмерных объектов и ее
сохранения;
 принципы динамического трехмерного моделирования;
 принципы создания и настройки характеристик графических
изображений растровой и векторной и 3D графики.
Уметь:
 разрабатывать собственные программные средства, применяя
средства компьютерной графики;
 выбирать инструментальную среду для представления
графического объекта;
 трансформировать элементы изображения с помощью векторного
графического редактора;
 использовать растровые эффекты растрового графического
редактора;
 работать в выбранной среде разработки графических
иллюстраций;
 назначать цвета однородной заливки;
 группировать и разгруппировать различные объекты;
 использовать законы освещения, цвета и формы при создании
графических образов;
 использовать основные команды и режимы системы трехмерного
моделирования;
 3D Max при создании трехмерной модели изделия.

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

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


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

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


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

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

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


соответствии с приложением к рабочей программе.
Оценка за практическое занятие выставляется по совокупности:
 правильность и полнота выполнения практического занятия;
 соответствие предъявляемым требованиям;
 своевременность представления отчета.

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

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


ПО КОМПЬЮТЕРНОЙ ГРАФИКЕ
Количество
Название практического занятия
часов
Практическое занятие №3. Работа со слоями в Photoshop 2
Практическое занятие №4 Работа с многослойным изображением 2
Практическое занятие №5. Тоновая и цветовая коррекция
2
предложенных изображений. Раскрашивание не цветного фото
Практическое занятие №6. Ретушь и коррекция фотографий в 2

7
Adobe Photoshop

8
Практическое занятие №3
Работа со слоями в Photoshop
Цель: закрепить приемы работы со слоями в среде Adobe Photoshop
Теоретический материал
Слои - представляют собой изображения, как бы нарисованные на
кусках прозрачной пленки (или стеклах) и наложенные одно поверх
другого стопкой. Сохранить рисунок со слоями можно только в некоторых
специальных графических форматах, например, *.PSD. В то же время,
популярный для фотографий формат *.JPG работу со слоями не
поддерживает.
Задания к практическому занятию
Задание 1. С помощью инструментов выделения выделить часть
изображения, представленных на рис. 1 и создать следующее изображение
головы из овощей и фруктов (рис. 2).

Рисунок 1 - Фрукты и овощи

Рисунок 2 - Голова из овощей и фруктов


Ход работы
1. Откройте файл, содержащий Рис. 1. Выделение: SHIFT +
Инструмент выделения «Эллиптической области»

2. Перемещение: Инструмент перемещения + перетаскивание

3. Выделение: ALT+ Инструмент выделения «Эллиптической


области»

4. Перемещение: Инструмент перемещения + перетаскивание


Дублирование: ALT + перетаскивание

9
5. Выделение: Инструмент выделения «Эллиптической области»
Перемещение: Инструмент перемещения + перетаскивание

6. Выделение: Инструмент выделения «Волшебная палочка»

7. Выделение: Инструменты выделения «Лассо» и «Полигонное


лассо»

8. Выделение: Инструмент выделения «Лассо»


Расширение области выделения: SHIFT+ Инструмент выделения
«Лассо»

9. Выделение: Инструмент выделения «Лассо»


Уменьшение области выделения: ALT+ Инструмент выделения
«Лассо»

10. Выделение: Инструмент выделения «Магнитное Лассо»

11. Перемещение: Инструмент перемещения + перетаскивание


Вращение: Редактирование - Свободная трансформация или
Редактирование – Трансформация - Развернуть по горизонтали

12. Выделение: Инструмент выделения «Прямоугольной


области», Инструмент выделения «Волшебная палочка» + ALT

10
13. Перемещение: Инструмент перемещения + перетаскивание
Дублирование: ALT + Инструмент перемещения +
перетаскивание
Редактирование - Трансформирование - Развернуть по
горизонтал

14. Кадрирование

Задание 2. Нарисуйте планету


1. Создайте изображение размером 400х400 пикселей и нарисуйте
синий круг на чёрном фоне (D, Alt+Backspace).

Создайте новый слой(Ctrl+Shift+N) и нарисуйте на нем второй круг


такого же диаметра, что и первый. Примените к нему эффект:
Blending Options (Левой кнопкой мыши по слою - Параметры
наложения):
Fill Opacity (Непрозрачность заливки): 0%
Outer Glow (Внешнее сечение):
Blend Mode (Режим наложение): Normal (Нормальный)
Opacity (Непрозрачность): 100%
Цвет: (R:240 G:150 B:120)
Size (Размер): 25
Gradient Overlay (Наложение градиента):
Blend Mode(Режим наложение): Normal (Нормальный)
Opacity(Непрозрачность): 75%
Gradient:
Style (Стиль): Radial (Радиальный)
Это будет атмосфера нашей планеты.

11
2. Создайте новый слой поверх остальных и залейте его чёрным
цветом. Примените фильтр Lens Flare (Filter / Rende / Lens Flare...) с
параметрами:
Brightness: 100%
Lens Type: 35mm Prime
Звезду расположите, как показано на рисунке. Если не получилось попасть
на атмосферу, можно переместить слой со звездой с помощью
инструмента Move Tool(V).

3. Увеличим яркость атмосферы вблизи звезды. Продублируйте


слой с атмосферой, расположите этот слой поверх остальных и измените
эффект:
Blending option:
Fill Opacity: 0%
Drop Shadow:
Blend Mode: Color Dodge
Opacity: 50%
Цвет: Белый
Angle: -130
Distance: 3
Size: 5
Остальные эффекты отключите или удалите перетащив на корзину в окне
Layers.

4. Нарисуйте круг так, чтобы он закрывал и планету, и её


атмосферу. В нашем случае это круг диаметром 316 пикселей. Примените
эффект:
Blending option:
Fill Opacity: 0%
Inner Shadow:
Blend Mode: Normal

12
Opacity: 100%
Цвет: чёрный
Angle: -130
Distance: 165
Size: 110
5. Добавьте слой со звёздным небом. Получится эффект,
показанный на последнем рисунке.

Контрольные вопросы
1. Что представляет собой слой многослойного изображения?
Перечислите основные типы слоев.
2. Назовите и продемонстрируйте основные функции управления
слоями многослойного изображения.
3. Какие особенности (ограничения) существуют для: а) фонового
слоя; б) текстового слоя? Каким образом слой указанного типа можно
преобразовать в обычный графический слой?
Рекомендуемая литература: 2 [c. 56 - 89], 4 [c. 90 - 150], 8 [c. 125-
155], 9 [c. 25 - 50]

Практическое занятие №4
Работа с многослойным изображением
Цель: закрепить навыки работы со многослойными изображениями в
программе PhotoShop.
Теоретический материал
Что же такое слои? Представьте папку прозрачных листов, на
которую вы смотрите сверху. Вы видите насквозь все, что нарисовано на
этих листах. Некоторые части слоев могут быть непрозрачными, поскольку
на них нанесен рисунок, и скрывать нижние, некоторые могут быть
меньше или больше других. Вот и слои - это стопка, наложенных друг на
друга изображений. Аналогично создаются мультфильмы: берется фон,
на него накладывается прозрачный лист с окружающими предметами,
затем прозрачный лист с персонажами и т. д.

13
Изображения в Photoshop могут содержать один или несколько слоев.
Наложение слоев друг на друга позволяет создавать коллажи и осуществлять
монтаж изображений.
Слои можно создавать, удалять, перемещать, вращать, масштабировать,
изменять порядок расположения слоев, переносить фрагменты изображений с
одного слоя на другой.
Новый слой создается автоматически при копировании выделенной
области в буфер обмена и ее последующей вставке.
Создание слоев приводит к увеличению размеров файла. Файлы со
слоями сохраняются только в формате PSD.
После объединения слоев в одно изображение файл можно сохранить в
различных растровых форматах.

Кнопка
Список вызова меню
режимов
наложения слоев Регулировка
прозрачности
«Глаз» – символ слоя
видимого слоя
Создание
нового слоя
«Скрепка» – символ
связи слоев
Удаление слоя
«Кисточка» –
Символ
активного слоя
Рисунок 1 - Палитра Слои
Для работы со слоями используется плавающая палитра «Слои»
(Layers) или меню Слой.
Режимы наложения предназначены для создания различных
специальных эффектов, получаемых путем математических операций с
цветовыми составляющими пикселей, расположенных на разных слоях; они
определяют способ взаимодействия слоя с нижележащими слоями.
Связывать слои рекомендуется в том случае, если их необходимо
вместе переместить, выровнять друг относительно друга, осуществить их
трансформацию.
К слоям можно применять эффекты, которые доступны в меню Слой /
Эффекты слоя.

14
Задания к практическому занятию
Задание 1. Рисование. Работа с инструментами и слоями
Описание: при помощи нескольких инструментов (Перо, Эллипс,
Работы со слоями) необходимо нарисовать стрекозу. Вот, что у Вас
должно получиться:

1. Создание документа
 для того чтобы создать документ необходимо в строке Меню
выполнить Файл -> Создать;

 задайте Ширину и Высоту (900x900). А также дайте рисунку


название.
2. Создание глаз
 выберите инструмент Эллипс:

 на панели свойств инструмента нажмите кнопку Слой фигура

;
 задайте цвет фигуры. Для этого дважды кликните левой кнопкой
мыши на Основной цвет;

и задаем нужный цвет. В данном случаем необходимо использовать цвет с


кодом #ef9507. Просто введите этот код, как показано выше, на картинке.
 нарисуйте эллипс:

15
 справа появился новый слой Фигура 1. Кликните правой кнопкой
мыши по названию слоя и выберите Параметры слоя:

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


слой Глаз;
 сделайте контур фигуры неактивным (т.е. убрать его). Для этого
необходимо кликнуть на вкладку Контуры;

И кликнуть на пустом месте в этой вкладке. Так нужно проделывать с


каждой фигурой.
 далее нужно растрировать эту фигуру. Для этого выделите слой с
этой фигурой, в строке Меню выбираем Слои -> Растрировать ->
Фигуру;
 задайте стиль слоя. Для этого кликните правой кнопкой мыши по
названию слоя, выбираем Параметры наложения. В появившемся окне
сначала выберите Внутренняя тень и задаем параметры:
1. Цвет с70606
2. Режим наложения: Умножение
3. Непрозрачность 67%
4. Угол 120
5. Смещение 5
6. Стягивание 0
7. Размер 46.

Затем выберите Внутреннее свечение, Тиснение и Наложение


градиента. И задаем параметры, как показано ниже, на рисунках.

16
примените свободное трансформирование, кликнув на получившийся
эллипс правой кнопкой мыши, и немного поворачиваем эллипс. После
окончания трансформирования нажмите Enter.

 нарисуйте зрачок. Нарисуйте еще один эллипс на первом эллипсе,


но уже черного цвета;

Выберите инструмент Кисть, выберите белый цвет и следующие


параметры и рисуем белый кружок:

 переименуйте слой. Назовем его Зрачок;


 примените к слою следующие Параметры наложения:

 сделайте второй глаз. Создайте дубликаты слоев Глаз и Зрачок.


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

17
 расположите дубликаты под первым глазом. Для этого переташите
слои дубликатов под слои оригиналов (Зрачок-дубликат должен быть
выше, чем Глаз-дубликат, так же, как и у оригиналов);

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


Чтобы их отделить, нужно просто выделить слой дубликата в палитре слоя
и перетащить дубликат в другое место на рабочем пространстве;
 примените Свободное трансформирование к Зрачку-дубликату и
Глазу дубликату и немного повернем их и поменяйте размер. Примерно
так:

 далее объедините четыре слоя. Для этого кликните на название слоя


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

 назовите получившийся слой Глаза. На протяжении всей работы


Глаза должны оставаться верхним слоем.
3. Создание тельца и хвостика
 нарисуйте тельце. Выберите инструмент Эллипс и цвет 7ea6d8.
После этого получившийся слой переместите под слой Глаза и назовите
его Тельце;
 вот, что должно получится:

 задайте для тельца следующие Параметры наложения:

18
 вот, что должно получится:

 таким же образом создайте элементы хвоста. С помощью


инструмента Перемещения и Свободного трансформирования
перемещаете и поворачиваете их. Должно получится что-то подобное:

Так же можно изменить форму частей хвоста с помощью Свободного


трансформирования. Для этого при выбранном Свободном
трансформировании необходимо кликнуть по выбранной части хвоста
правой кнопкой мыши и выбрать Деформация.
4. Создание лапок
Теперь необходимо создать лапки. Создайте новый слой.
Выберите инструмент Перо. И точка за точкой нарисуйте
каркас лапки.

 далее надо раскрасить лапки. Выберите закладку Контуры,


кликните по Рабочему контуру правой кнопкой мыши и выбеите
Выполнить заливку контура.

 скопируйте Стиль слоя для лапки с тельца. Для этого кликните


правой кнопкой мыши по названию слоя Тельце и выберите Скопировать
стиль слоя, потом кликните по названию слоя Лапки и выберите
Вклеить стиль слоя.
 создайте 2 дубликата слоя лапки и поместите лапки друг за
другом. Объедините слои лапок и создайте дубликат получившегося слоя.
Поместите дубликат слоя лапок под тельцем. Вот, что должно получится:

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

19
 кликните на обведенную точку правой кнопкой мыши и выберите
Свободное трансформирование. Сделайте половинку лепестка. Со второй
половинкой поступаем так же;

 после этого выберите белый цвет и кликаем на закладку Контуры.


Выполните заливку контура, как это делали с лапками, только установите
Непрозрачность 40%.
 далее выберите инструмент Заливка, выберите цвет bad5f6 и
залейте крыло;
 примените к крылу следующие Параметры наложения:

 создайте дубликат слоя Крыло и расположите его под слоем


оригиналом. С помощью Свободного трансформирования поверните и
поменяем размер;

 далее создайте дубликаты слоев Крыло и Крыло копия,


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

 объедините слои и сохраните изображение.


Задание 2. Состаривание фотографии. Работа со слоями и фильтрами

20
Ход работы
1. Откройте исходную фотографию: Файл–> Открыть…

2. Придайте некоторый объем фотографии с помощью Изображение


–> Коррекция –> Тени/Света…

3. Создайте копию слоя: Ctrl+J или кликните на названии слоя и не


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

4. Добавьте новый слой: Слои –> Новый корректирующий слой –>


Карта градиента…

21
5. Перейдите на слой с фото. Выберите Фильтр –> Текстура –>
Зерно…

6. Теперь нам понадобится текстура старой бумаги: Файл–>


Открыть… Переносим её на фото. Подгоняем размер с помощью Ctrl+T.
Изменяем Параметры наложения на Умножение.

7. Объедините слои: Ctrl+Shift+E.

По желанию можно обесцветить фото, тогда Ваша работа будет


выглядеть так:

Рекомендуемая литература: 1 [c. 58 - 65], 3 [c. 22 - 25], 6 [c. 254 -


256], 11 [c. 55 - 62]

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

Тоновая и цветовая коррекция предложенных изображений.


Раскрашивание не цветного фото
Цель занятия: научиться использовать инструменты тоновой и
цветовой коррекции изображения.
Теоретические сведения
Компьютерному художнику приходится иметь дело с
изображениями, полученными из разных источников. Это коллекции на
компакт-дисках, изображения из старых печатных изданий,
фотоматериалы давно ушедших лет, а также любительские и
отсканированные фотографии. Старые фотографии со временем
выцветают. Появление грязноватой дымки на любительских фотографиях
часто связано с непрофессиональной съемкой. Отсканированные
фотографии на экране нередко выглядят тускло по сравнению с
оригиналом. Во всех этих случаях недостаточно яркое изображение можно
улучшить средствами Photoshop.
Хотя результат коррекции некоторых фотографий и рисунков может
оказаться великолепным, однако чудес не бывает. Не стоит ждать больших
результатов, если исходное изображение имеет очень низкое качество.
Значения яркостей пикселей в Photoshop изменяются от 0 до 255.
Диапазон (пределы изменения) яркостей пикселей изображения
называется тоновым диапазоном изображения. Под тонами здесь
подразумеваются яркости пикселей. Например, если тоновый диапазон
фотографии лежит в пределах от 100 до 255, то такая фотография выглядит
слишком светлой, так как в ней отсутствуют темные оттенки. При тоновом
диапазоне от 0 до 70 изображение, наоборот, будет очень темным из-за
отсутствия светлых тонов.
Задания к практическому занятию
Задание 1. Быстрая маска
Откройте файл 1.jpg задача – отделить фон от изображения девочки.
Сначала воспользуйтесь инструментом Свободное выделение,
приблизительно очертив контуры девочки, затем переключитесь в режим
быстрой маски (Выделение – Переключить быструю маску) и
скорректируйте выделение. Вернитесь к работе в стандартном режиме,
инвертируйте выделение и удалите фон.

Рисунок 1 - Исходное изображение и результат выполнения задания1.

23
Быстрая маска рассчитана на однократное применение, так как она
исчезает вместе с отменой выделения. Чтобы можно было воспользоваться
выделением повторно, следует сохранить его «трафарет». Маски хранятся
в специальных каналах. Для этого выберите в верхнем меню Выделение –
Сохранить в канале.
В диалоге Каналы появится новый канал Копия Маска выделенной
области.
После этого выделение можно снять. При необходимости снова
использовать выделение вызовите на экран диалог Каналы (Окна –
Каналы), выберите в списке каналов нужный и нажмите на кнопку
Создать из канала выделенную область, находящуюся в нижней части
диалога Каналы.

Рисунок 2 - Диалог Каналы


Задание 2. Раскрасить черно-белую фотографию

1. Откройте черно-белое фото, которое хотите раскрасить (Файл -


Открыть).

2. Для начала подкорректируйте фото с помощью уровней


Изображение - Коррекция - Уровни (или сочетание клавиш Ctrl + L). По
картинке видно, что на фото не хватает белого (справа много пустого
места), поэтому сдвиньте белый ползунок влево, до того места, где
начинается график, а черный ползунок слегка сдвинем вправо. Фото станет
более контрастным.

24
3. Итак начнем раскрашивать. Создайте новый слой, нажав на кнопку
«Создать новый слой» в нижней части палитры Слои. При помощи
любого инструмента выделения выделяем волосы (в работе для выделения
использовался инструмент «Быстрая маска»). Для удобства выделения
увеличьте изображение.

4. Растушуйте выделение Выделение - Модификация - Растушевка,


установив радиус растушевки 5 пикселей. И залейте выделение цветом
#a13906 (для своей фотографии Вы можете подобрать другой цвет), при
помощи инструмента «Заливка». Измените режим наложения слоя на
«Умножение», а «Непрозрачность» устанавите 45%. Еще раз оговорюсь,
что эти параметры для данной фотографии, для Ваших фото возможно
понадобятся другие значения, тут нужно поэкспериментировать.

5. Снова создайте новый слой. На этот раз выделите кожу.


Растушуйте выделение на 5 пикселей (Выделение - Модификация -
Растушевка). Залейте выделение цветом # fbd0ba. Установив режим
наложения слоя – «Цветность», а «Непрозрачность» - 50%. При помощи
инструмента «Ластик» сотрите цвет с глаз и с зубов.

6. Создайте новый слой, под каждый цвет нужен новый слой. Теперь
необходимо раскрасить глаза, а значит выделите радужку глаз вместе со
зрачком. Растушуйте выделение на 3 пикселя (Выделение - Модификация
- Растушевка). Залейте выделение цветом #106afe. Установите режим
наложения слоя – «Мягкий свет», а «Непрозрачность» - 40%.

25
7. Дальше все раскрашиваете точно также, не забывая создавать под
каждую деталь новый слой.
Для языка использовался цвет #fe1010, режим наложения слоя –
«Умножение», а «Непрозрачность» - 35%.

Для губ использовался цвет #d90b0b, режим наложения слоя –


«Мягкий свет», а «Непрозрачность» - 20%.

Для заднего фона использовался цвет #d95d0b, режим наложения


слоя – «Мягкий свет», а «Непрозрачность» - 100%.

8. Если какой ни будь цвет «влез» не туда куда нужно - подотрите


мягким ластиком.
Результат:

Задание 3. Ретушь старинной или испорченной фотографии


1. Выберите фотографию из предложенных ниже, или возьмите свою
поврежденную.
2. Оцените повреждения
3. Выберите инструмент для восстановления фотографии
4. Скорректируйте с помощью кривых цвет и контрастность
изображения
5. Уберите лишние царапины и добавьте резкости с помощью
фильтра High Pass, опираясь на действия в примере.

26
6. Изображения (2 шт.) исходное и полученное + информацию с
примененными операциями прислать на Educon2 или сдать на уроке в
свободное время
Старинные фотографии:

Контрольные вопросы
1. Что такое тоновый диапазон?
2. При каком тоновом диапазоне изображение выглядит светлым?
3. При каком тоновом диапазоне изображение выглядит темным?
4. При каком тоновом диапазоне изображение выглядит тусклым?
Рекомендуемая литература: 4 [c. 21 - 25], 6 [c. 56 - 82], 8 [c. 120 -
123], 10 [c. 54 - 58]

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

Ретушь и коррекция фотографий в Adobe Photoshop


Цель: научиться ретушировать фотографии, проводить тоновую и
цветовую коррекцию в Adobe Photoshop, работать с фильтрами.
Теоретические сведения
Обработка фотографий в Photoshop - это одна из наиболее важных
задач для современного фотографа. Представленные статьи и уроки
раскроют для вас все тонкости этой интересной работы.
Для ретуширования часто используются инструменты:
Штамп
,Shift + S
Выбор «донора»: удерживая нажатой клавишу Alt, щелкните
кисточкой на участке-образце. Отпустите клавишу Alt.
Теперь при «рисовании» такой кисточкой обрабатываемые участки
будут заменяться выбранным образцом.
Восстанавливающая кисть
, Shift + J
Работа аналогична Штампу.

27
После применения инструмента фотошоп будет стараться
согласовать образец и обработанный участок.
Заплатка
, Shift + J
«Заплатки» любой формы. Если на панели инструмента выбрано
значение Источник, то работа производится следующим образом.
Выделяете участок любой формы, подлежащий замене. Затем перемещаете
«заплатку» на донорский участок. При работе с инструментом
производится согласование образца и фона.
Прежде чем начинать ретушь, нужно провести анализ снимка и
выяснить, какие проблемы придется решить в ходе работы.
Тоновая и цветовая коррекция производится через меню
Изображение – Коррекция или создание корректирующих слоев.
Задания к практическому занятию
Задание 1. Добавляем снегопад на фотографию
1. Меняем небо
Открываем изображение в Photoshop. Первым шагом в процессе
редактирования должно быть создание резервной копии базового слоя,
чтобы вы всегда могли вернуться к ней, если что-то пойдет не так.
Для этого дважды щелкаем по слою, чтобы разблокировать его, и
называем его Backup (Резервная копия). Затем дублируем его, нажав
Ctrl+J, или идем в меню Layer – Duplicate Layer (Слои – Создать дубликат
слоя) и называем новый слой Background (Фон). Наконец, создаем слой Fill
(Заливка), идем в меню Layer – New Fill Layer (Слои – Новый слой-
заливка). Выбираем темно-серый цвет и размещаем его между двумя
слоями.

Проблема с фотографиями, сделанными зимой, состоит в том, что у


них часто бывает унылое серое небо. Чтобы получить более интересный
результат и сделать наш снег более заметным, сначала мы должны
заменить текущее небо. Можете пропустить этот шаг, если работаете над
своей фотографией и у вас уже есть визуально интересное небо.
Сначала выбираем инструмент Magic Wand Tool (Волшебная
палочка) (W) и, удерживая Shift, создаем грубое выделение неба. Щелкаем
по различным местам на небе, чтобы создать грубое выделение. Затем
идем в меню Layer – Layer Mask – Hide Selection (Слои –– Слой-маска –
Скрыть выделенную область), чтобы создать свою маску.

28
При выбранном слое, открываем панель Properties (Свойства) и
нажимаем Mask Edge (Выделение и маска) (обратите внимание, что вам
нужен Photoshop CS6 или выше, чтобы получить доступ к этой опции). В
открывшемся окне, вы можете рисовать кистью по изображению, чтобы
уточнить маску. Прежде чем что-то делать, скорее всего, вам нужно
отрегулировать размер кисти на верхней панели. Вы также можете
щелкнуть на View Mode (Вид) и установить для него черный цвет, чтобы
улучшить предварительный просмотр того, над чем мы работаем.

Затем можно закрасить деревья и горизонт, чтобы смягчить и


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

Наконец, можно уменьшить размер кисти, увеличить изображение и


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

Как только маска готова, мы добавляем новый фон неба. В этом


случае будем использовать градиент для создания ясного неба, но вы
можете использовать фотографии облаков, если хотите.
Сначала создаем слой Gradient Fill (Градиентная заливка),
переходим к параметрам, расположенным в правом нижнем углу панели
Layers (Слои) и выбираем Gradient (Градиент). Убеждаемся, что градиент
установлен на 90°, дважды щелкаем по миниатюре градиента, чтобы
отредактировать его. Устанавливаем цвета, как показано в примере ниже, и
нажмите ОК.

29
Добавляем несколько слоев, чтобы смешать наше новое небо с
фоном. Сначала создаем новый слой (Ctrl+Shift+N). Выбираем инструмент
Brush Tool (Кисть) (B), устанавливаем темно-синий цвет (# 303850) и
закрашиваем деревья. Называем слой Hue (Цветовой тон) и устанавливаем
для него режим наложения Hue (Цветовой тон), а его непрозрачность –
35%.

Далее добавляем немного дымки, чтобы наши деревья еще больше


сочетались с небом. Создаем новый слой, выбираем инструмент Brush
Tool (Кисть) (B) и, удерживая Shift, рисуем прямую линию над
горизонтом. Дублируем слой дважды, нажимаем Ctrl+T, чтобы перейти в
режим Free Transform (Свободное трансформирование), и масштабируем
оба слоя по вертикали.

Устанавливаем непрозрачность всех трех слоев на 20% и называем


их Haze (Дымка).

30
Так как дымка на заднем плане, то она не должна закрывать ноги.
Чтобы исправить это, выбираем слои Haze (Дымка) и Hue (Цветовой тон),
нажмите Ctrl+G, чтобы сгруппировать их вместе. Затем, создаем группе
маску, идем в меню в Layer – Layer Mask – Reveal All (Слои – Слой-маска
– Показать все). Затем жесткой черной кистью закрашиваем мужчину,
чтобы убрать дымку.

2. Создаем снежинки
Обычный метод создания снега – сочетание фильтров Add Noise
(Добавить шум) и Gaussian Blur (Размытие по Гауссу). Начинаем с
создания нового слоя (Ctrl+Shift+N). Затем заполняем его черным цветом
(D, затем Alt+Пробел) и переходим в меню Filter – Noise – Add Noise
(Фильтр – Шум –Добавить шум). Затем переходим в меню Filter – Blur –
Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и применяем
фильтр. Обратите внимание, что чем больше радиус размытия, тем больше
будут снежинки.

После нажимаем Ctrl+M, чтобы открыть окно настройки Curves


(Кривые). В этом окне мы видим серую область в форме пирамиды.

31
Теперь можем настроить контраст слоя, чтобы он выглядел как снег.
Для этого подведите левый ползунок к нижнему левому углу пирамиды, а
правый – к середине области. Затем щелкаем в середине строки, чтобы
создать новый маркер, и перетаскиваем его вниз. Должно получиться
примерно так.

Называем слой Snow (Снег) и устанавливаем режим его наложения


на Screen (Экран), чтобы совместить его с основной сценой.

Теперь, в зависимости от размера изображения, над которым


работаем, может понадобиться отрегулировать размер слоя так, чтобы
снежинки сочетались с самой сценой. В этом случае я удвоил размер слоя,
используя режим свободного трансформирования (Ctrl+T).

Чтобы сделать снежинки более реалистичными, добавляем слою


небольшое Motion Blur (Размытие в движении). Для этого переходим в
меню Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в
движении) и устанавливаем следующие параметры. Будьте аккуратны, не
устанавливайте Distance (Смещение) слишком большим, иначе результат
будет похож на дождь, а не на снег.

Должно получиться примерно так.

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

Также важно задавать слоям различные настройки Motion Blur


(Размытие в движении). Как видите, в этом случае я уменьшил Angle
(Угол) и увеличил Distance (Смещение).

Ниже вы видите четыре различных слоя, которые я создал, и


результат, полученный при их объединении.

Проблема с объединением нескольких слоев состоит в том, что у нас


много снега. Если мы хотим создать метель, это здорово подойдет, но в
противном случае нужно будет немного смягчить эффект. Для этого
накладываем на слой Snow (Снег) маску. Убеждаемся, что маска активна, и

33
идем в меню в Filter – Render – Clouds (Фильтр – Рендеринг – Облака).
Нажимаем Ctrl+M, чтобы открыть окно настройки Curves (Кривые) и
задать S-образную кривую для увеличения контраста.

Еще одним преимуществом использования масок является то, что мы


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

Также можно вручную закрасить некоторые области с помощью


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

Также создадим эффект боке для имитации снежинок, которые упали


на объектив камеры, или просто для поддержания стилистики. Для этого
создаем новый слой и рисуем очень большую яркую точку по середине
сцены. Затем выбираем инструмент Move Tool (Перемещение) (V) и
перемещаем ее в один из углов изображения, чтобы она не скрывала наш
объект.

34
Повторяем этот процесс пару раз. Затем применим к каждому из
слоев мягкое размытие по Гауссу и устанавливаем для них непрозрачность
10%.

Называем эти слои Bokeh (Боке) и помещаем все в новую группу под
названием Snow (Снег).

3. Цветокоррекция
После того, как мы закончили со снегом, добавляем цветокоррекцию,
чтобы сделать нашу работу более интересной и объединить все вместе.
Первым шагом добавляем синий оттенок, чтобы сделать сцену холоднее.
Переходим к параметрам, расположенным в правом нижнем углу панели
Layers (Слои), и создаем корректирующий слой Gradient Map (Карта
градиента). В редакторе выбираем темный и ярко-синий цвета и нажимаем
ОК.

Дублируем слой три раза и устанавливаем режимы наложения на


Hue (Цветовой тон), Color (Цветность) и Soft Light (Мягкий свет)
соответственно. Устанавливаем непрозрачность всех слоев
приблизительно на 10%.

35
Также добавляем корректирующий слой Curves (Кривые), чтобы
немного увеличить контраст.

На этом шаге, чтобы немного выделить объект, необходимо добавить


эффект виньетки.
Сначала создаем новый слой. Выбираем инструмент Rectangular
Marquee Tool (Прямоугольная область) (M) и делаем выделение в
центре изображения. Затем нажимаем Ctrl+-Shift+I, чтобы инвертировать
выделение, и идем в меню Layer – Fill (Слои – Новый слой-заливка),
чтобы залить выделение темно-синим цветом (# 222838). Затем добавляем
сильное размытие по Гауссу, поиграем с размером слоя, пока не будем
довольны результатом.

Называем слой Vignette (Виньетка), устанавливаем режим наложения


на Multiply (Умножение) и непрозрачность на 50%.

36
Объединяем созданные слои в группу Adjustments (Коррекция).

Изображение готово, но можно добавить еще несколько вещей,


чтобы еще усовершенствовать его.
Во-первых, если у вас Photoshop CS6 или выше, то можно добавить
эффект Iris Blur (Размытие диафрагмы). Для этого выделяем все слои,
нажимаем Ctrl+J, чтобы продублировать их, и переходим в меню Layer –
Merge Layers (Слои – Объединить слои), чтобы объединить их вместе.
Затем идем в меню Filter – Blur – Iris Blur (Фильтр – Размытие –
Размытие диафрагмы) и поиграем с настройками и величиной размытия,
чтобы получить хороший размытый эффект.

На том же слое корректируем резкость, идем в меню Filter – Sharpen


– Smart Sharpen (Фильтр – Резкость – Умная резкость). Так как я работаю
с большим изображением, то использовал радиус 4 пикселя, но если вы
работаете с меньшим изображением, то и радиус должен быть меньше.

На случай, если вы что-то пропустили, то вот как должна выглядеть


панель Layers (Слои).

37
Вы также можете вернуть свой слой Backup (Резервная копия) и
сравнить с конечным результатом, чтобы было видно разницу.

Задание 2. Ретушь студийного фото


1. Удаление фона
Откройте модель и создайте маску слоя (предварительно его
разблокировав). Аккуратно отделите модель от фона, учитывая все детали.
Для удаления фона, используйте инструмент Quick Selection (Быстрое
выделение) для быстрого выделения модели и Refine Edge (Уточнить
край) для сглаживания резких краёв и отделения от фона с настройками: в
разделе View (Вид) предлагается выставить on Black (на чёрном); Feather
(Растушёвка) – 2,4 px; Contrast (Контраст) – 40%; Shift Edge - +5%);
Output to (Выход на) – Layer Mask.

2. Создание нового фона


Для создания нового фона, создайте новый слой и воспользовался
корректирующим слоем Gradient Fill (Градиентная заливка). Был создан
чёрно-белый радиальный градиент с настройками от 3e3e3e в b5b5b5,
далее нужно поставить галочки рядом с Reverse (Обратный) и Align with
layer (Выделить по слою), Scale поставить на 200%. Далее был создан
корректирующий слой Solid Color (Цвет) с цветом 306578 и режим
наложения поставьте Color (Цвет) с непрозрачностью 70%. Выбранный
фон помогает ещё больше выделить модель.

38
3. Восстановление волос
Восстановим волосы, которые были удалены в предыдущем шаге.
Увеличим изображение в районе волос слева. Далее Ctrl + Click по маске
слоя с моделью и снова зайдём в Refine Edge (Уточнить край). Поставим
галочку рядом с Smart Radius и пройдясь кистью по контуру волос, мы
увидим, как удалённые волоски начнут проявляться. По окончании,
нажмите ОК и Backspace для удаления лишних деталей возле волос.
Далее, мы создадим новую кисть для рисования волос. Создайте
новый документ с белым фоном, с размерами 35x35 px и разрешением 300
dpi.Теперь чёрной жёсткой кистью с диаметром примерно 1-2 px поставьте
несколько точек (приблизительно 5-6) в разных местах нашего нового
документа. По окончании, перейдите во вкладку Edit – Define Brush
Preset (Редактировать – Определить кисть) и назовите кисть Hair. Закроем
этот документ и вернёмся к документу с нашей моделью.
Во вкладке Window (Окно) выберите Brush (Кисть) и перейдите к
настройкам кисти. Выберем нашу новую кисть и в настройках Brush Tip
Shape (Форма отпечатка кисти) уберём Spaсing (Интервал) до 0, а угол
наклона поставим от -80 до -100. Перейдём в Shape Dynamics (Динамика
формы). Size Jitter (Колебание размера) снизьте до 0 и в Control
(Управление) поставьте Pen Pressure (Нажим пера); Angle Jitter
(Колебание угла) и Roundness Jitter (Колебание окружности) также нужно
снизить до 0 и поставить галочку рядом с Brush Projection (Проекция
кисти).
Создадим новый слой под слоем с моделью и нарисуем волосы
только что созданной нами кистью в том месте, где рука заходит за голову.
Создадим ещё один слой над слоем с моделью и дорисуем волосы слева.

4. Ретушь кожи методом частотного разложения


Сделаем копию всех слоёв в одном слое (Alt+Shift+Ctrl+E). Назовём
его Light. Затем продублируем его и копию назовём Texture. Уберём
значок глаза со слоя Texture и применим к слою Light фильтр Gaussian
Blur (Размытие по Гауссу) с радиусом 9,7. Перейдя на слой Texture
выберем Image (Изображение )– Apply Image (Применить изображение) с
настройками: Layer (Слой) – Light; Channel (Канал) – RGB;

39
Blending(Режим наложения) – Subtract; Opacity(Непрозрачность) – 100;
Scale(Шкала)- 2; Offset(Смещение) – 128.
Пришло время разгладить кожу нашей модели. Находясь на слое
Light, воспользуйтесь инструментом Lasso (Лассо) и выделите
затемнённую область возле носа. Радиус растушёвки, для инструмента,
поставьте 10 px (в работе используется 21 px). Перейдите в Filter – Blur
– Gaussian Blur (Фильтр- Размытие-Размытие по Гауссу) и размойте
выделенную область радиусом 20 px. Выделяйте области в
затемнённых/осветлённых участках на свой вкус, где кожа кажется плохо
разглаженной и разглаживайте её (для быстрого выполнения операции
рекомендуется использовать комбинацию клавиш Ctrl+F. Это позволит
разглаживать выделенную область намного быстрее).
Данный метод ретуши фотографии очень эффективен, поэтому он и
распространён среди фотографов и ретушёров.

5. Гладкая кожа в фотошопе


Находясь на слое Texture, выберем инструмент Clone Stamp
(Штамп) средней жёсткости и в разделе Sample измените на Current
Layer (Текущий слой). Начнём удалять различные дефекты на коже
(рытвины, родинки, пересветы), а также волоски с разных частей лица.
Далее, давайте продублируем 2 последних слоя и объединим их в
один. Теперь преобразуйте его в Smart Object (Смарт объект).

6. Цветокоррекция
Теперь пришло время для цветокоррекции. Давайте поработаем с
корректирующими слоями. Воспользуемся корректирующим слоем
Selective Color (Выборочная коррекция цвета). В подразделе Color (Цвета)
для чёрных цветов убавим Yellow (Жёлтый) до -6, а Cyan (Голубой)
добавим до + 15. Для Neutrals (Нейтральные) убавим Yellow (Жёлтый) до
-15, а Cyan (Голубой) добавим на +10, Magenta (Пурпурный) поставьте на
-5. Закончили! Фон должен стать ещё более приятнее, чем был раньше.
Добавим новый корректирующий слой Color Balance (Цветовой
баланс). Для Midtones (Средние тона) сдвинем до -12 в сторону Cyan
(Голубой), + 21 в сторону Green (Зелёный) и + 25 в сторону Blue (Синий).

40
Поставим галочку рядом с Preserve Luminocity (Сохранять свечение).
Теперь перейдём к Highlights (Светлые тона). Добавим + 9 для Red
(Красный) и уберём -9 для Yellow (Жёлтый). Уберём галочку с Preserve
Luminocity (Сохранять свечение). Для Shadows (Тени) добавим + 11 к
Blue (Синий) и Green (Зелёный) снизим до -10 Cyan (Голубой).
Добавим ещё один корректирующий слой Gradient Map (Карта
градиента). Сразу же выберем градиент от тёмно-фиолетового в
оранжевый (можете поиграть с настройками на свой вкус). Изменим
режим наложения, для данного корректирующего слоя, на Hard Light
(Жёсткий свет) и снизим непрозрачность до 20%.
Добавим корректирующий слой Curves (Кривые). В разных
цветовых режимах поиграйте с кривыми для достижения того результата,
который вас устроит.

7. Ретушь глаз
В Fashion индустрии, ретушь глаз значительно улучшает качество
портрета. Поэтому давайте поработаем с глазами. Создадим новый слой и
сразу же применим к нему режим наложения Color Dodge (Осветление
основы). Воспользуемся жёсткой кистью синего цвета и диаметром
размера зрачка нарисуем 2 синих круга на глазах. Применим к этому слою
Layer Mask (Маску слоя) и чёрной жёсткой кистью, находясь на маске,
сотрём ненужные части с глаз. Создадим новый корректирующий слой
Hue/Saturation (Цветовой тон/Насыщенность) и применим Clipping Mask
(Обтравочную маску) к слою с нарисованными глазами. Убавим Hue
(Цветовой тон) до -10, Saturation (Насыщенность) до -80 и Lightness
(Яркость) до -50.
Над слоем Hue/Saturation (Цветовой тон/Насыщенность) создадим
ещё один корректирующий слой Hue/Saturation (Цветовой
тон/Насыщенность) с Layer Mask (Маской слоя) чёрного цвета. Hue
(Цветовой тон) поставим на -10 и Lightness на -10, Saturation
(Насыщенность) добавим до +5. Воспользуемся белой мягкой кистью и,
находясь на маске слоя, пройдёмся ею по губам. Для корректировки
яркости, можно немного убрать (Opacity) Непрозрачность, например, до
80.
Теперь создадим новый слой и воспользуемся инструментом Mixer
Brush (Смешивающая кисть) для разглаживания кожи. Значения всех
показателей на панели сверху поставьте на 20 и оставьте галочку рядом с

41
Sample all Layers, а также отключите Load brush after each Stroke
(Заполнять кисть после каждого мазка). Аккуратно пройдитесь этим
инструментом по коже нашей модели, для придания наибольшего эффекта
(не забывайте про руку и область декольте).
Создадим новый корректирующий слой Vibrance (Вибрация).
Vibrance (Вибрация) добавим до + 33, а Saturation (Насыщенность)
снизим до -6.
Добавим новый корректирующий слой Levels (Уровни). Крайний
правый ползунок снизим до 242, а средний изменим на 1.08.
Теперь уберём видимость всех слоёв, начиная с созданного нами
смарт объекта. Находясь на слое Texture нажмём Select – All (Выделить-
Всё) (Ctrl +A), далее перейдём в Edit – Copy Merged (Редактировать –
Скопировать выделенное), вернёмся на самый верхний корректирующий
слой Levels (Уровни) и нажмём комбинацию клавиш Ctrl + D. Наведём
мышку на значок показа видимости слоя и правой кнопкой мыши выберем
Show/Hide all other layers (Показать/Скрыть все слои) 2 раза, а потом Ctrl
+V и вставим фото с моделью. Изменим непрозрачность копии до 30% и
применим режим наложения Soft Light (Мягкий свет).

По окончанию работы, поиграйте с настройками корректирующих


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

Задание 3. Коррекция красных глаз


1. Откроем наше изображение.

Скопируем его на новый слой, перетащив на указанный на рисунке


значок, либо нажав CTRL+J.

42
Выберем инструмент Красные глаза (Red eye).  

Используем следующие настройки: размер зрачка 50%, величина


затемнения 70%

2. Применим инструмент Красные глаза (Red eye) на копии слоя.

Небольшая деталь: чтобы ограничить область поиска красных


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

Вот какой получился результат.

Используйте его как вспомогательный.


3. Изменим режим наложения верхнего слоя на Разница (Difference).

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

4. Сделаем копию сведенных слоев. Для этого нажмем такую вот


длинную комбинацию клавиш CTRL+ALT+SHIFT+E.

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

Назовите верхний слой Красные глаза (Red eyes).

5. Измените режим наложения верхнего слоя на Разница


(Difference).

Мы увидим изображение, в котором эффект красных глаз


скорректирован, но не так, как нам нужно.

Отметим слой Красные глаза цветом. Для этого щелкнем правой


кнопкой мыши на иконке глаза и выберем цвет.

44
6. Сделаем фоновый слой невидимым, выключив иконку глаза и
перейдем в палитру каналов (Channels)

Активизируем красный канал, щелкнув по его миниатюре, затем


нажмем CTRL+A, чтобы выделить его, и CTRL+C, чтобы скопировать в
буфер обмена. Далее щелкнем по миниатюре канала RGB, чтобы
активировать все каналы (А). 

Затем перейдем в палитру слои (В).


7.  Сделаем видимым фоновый слой (А), удалим слой Красные глаза
(В), и создадим новый корректирующий слой (С) Цветовой
тон/Насыщенность (Hue/Saturation).

Назовем слой, скажем, Коррекция. Отметим его красным цветом.

45
8. Щелкнем по миниатюре маски, удерживая клавишу ALT, затем
нажмем CTRL+V, чтобы вставить в маску изображение из буфера обмена.
9. Двойным щелчком по миниатюре корректирующего слоя откроем
его диалоговое окно. Сдвинем ползунки насыщенности и яркости в
крайнее левое положение.

В результате получаем следующее

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

Для настройки маски щелкнем по ее миниатюре, затем нажмем


CTRL+L, чтобы вызвать диалоговое окно Уровни (Levels). Сместим
правый ползунок, как показано на рисунке.

Теперь контраст маски улучшен.


9. Вот получившийся результат.

Рекомендуемая литература: 2 [c. 65 - 74], 4 [c. 56 - 58], 8 [c. 20 - 25].

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 Информационные системы (по отраслям),
очной формы обучения
2 часть

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

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

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


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

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

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


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

49

Оценить