Similar presentations:
Компьютерная графика и анимация. Часть I
1.
1Компьютерная
графика и анимация.
Часть I
§ 56. Основы растровой графики
§ 57. Ввод изображений
§ 58. Коррекция фотографий
§ 59. Работа с областями
§ 60. Фильтры
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
2.
2Компьютерная
графика и анимация
§ 56. Основы растровой
графики
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
3.
Компьютерная графика и анимация, 11 класс3
Что такое разрешение?
Разрешение – это количество пикселей,
приходящихся на дюйм размера изображения.
ppi = pixels per inch, пикселей на дюйм
1 дюйм = 2,54 см
300 ppi
96 ppi
печать
экран
К.Ю. Поляков, Е.А. Ерёмин, 2013
48 ppi
24 ppi
http://kpolyakov.spb.ru
4.
Компьютерная графика и анимация, 11 класс4
Графический редактор GIMP
Свободное ПО, www.gimp.org
Windows, Linux, Mac OS X
прикрепляющиеся
(стыкуемые)
диалоги
инструменты
параметры
инструментов
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
5.
Компьютерная графика и анимация, 11 класс5
Параметры изображения
Изображение – Размер изображения
размеры
разрешение
интерполяция
(метод пересчёта)
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
6.
Компьютерная графика и анимация, 11 класс6
Кадрирование
Задачи:
1) повернуть
2) обрезать ненужное
Шаг 1:
Изображение – Преобразование –
Повернуть на 90° по часовой
стрелке
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
7.
Компьютерная графика и анимация, 11 класс7
Кадрирование
Шаг 2:
Инструмент
Вращение
щёлкнуть по рисунку
угол поворота
центр вращения
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
8.
Компьютерная графика и анимация, 11 класс8
Кадрирование
Шаг 3:
Инструмент
Кадрирование
•выделить область
•Enter
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
9.
9Компьютерная
графика и анимация
§ 58. Коррекция фотографий
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
10.
Компьютерная графика и анимация, 11 класс10
Исправление перспективы
Искажение объектива:
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
11.
Компьютерная графика и анимация, 11 класс11
Исправление перспективы
Инструмент
Перспектива
•щёлкнуть на рисунке
•выровнять за маркеры
•Enter
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
12.
Компьютерная графика и анимация, 11 класс12
Гистограмма
Окна – Стыкуемые диалоги – Гистограмма
показывает распределение пикселей по яркости:
слишком тёмное
слишком светлое
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
13.
Компьютерная графика и анимация, 11 класс13
Гистограмма
неконтрастное
нормальное
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
14.
Компьютерная графика и анимация, 11 класс14
Коррекция уровней
Цвет – Уровни
?
К.Ю. Поляков, Е.А. Ерёмин, 2013
Почему линейчатая?
http://kpolyakov.spb.ru
15.
Компьютерная графика и анимация, 11 класс15
Коррекция цвета
?
К.Ю. Поляков, Е.А. Ерёмин, 2013
В чём проблема?
http://kpolyakov.spb.ru
16.
Компьютерная графика и анимация, 11 класс16
Коррекция цвета
Цвет – Цветовой баланс
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
17.
Компьютерная графика и анимация, 11 класс17
Цветное в чёрно-белое (полутоновое)
Цвет – Обесцвечивание
выбор метода
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
18.
Компьютерная графика и анимация, 11 класс18
Цветное в чёрно-белое (полутоновое)
оригинал
освещённость
светимость
среднее
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
19.
Компьютерная графика и анимация, 11 класс19
Ретушь
Ретушь – устранение дефектов фотографий.
• косметическая (дефекты кожи, лица и т.п.)
• реставрация (старых фото)
• композиционная (удаление и добавление элементов,
кадрирование, освещенность, замена фона, …)
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
20.
Компьютерная графика и анимация, 11 класс20
Инструменты ретуши
Штамп – перенос изображения с одного участка на
другой.
непрозрачность
Ctrl+ЛКМ
(взять образец)
выбор кисти
ЛКМ
(сюда!)
К.Ю. Поляков, Е.А. Ерёмин, 2013
размер
http://kpolyakov.spb.ru
21.
Компьютерная графика и анимация, 11 класс21
Инструменты ретуши
Лечащая кисть – так же, как Штамп, но учитывает
соседние пиксели («размазывает»!).
Осветление/Затемнение
Размывание/Резкость
!
«Повышение резкости» не выявляет детали!
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
22.
22Компьютерная
графика и анимация
§ 59. Работа с областями
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
23.
Компьютерная графика и анимация, 11 класс23
Выделение областей
Прямоугольник
+Shift = квадрат
+Ctrl= из центра
Эллипс
+Shift = круг
+Ctrl= из центра
Лассо
щелчками = ломаная
без отрыва = кривая
Волшебная палочка
пиксели одного цвета в одной области
Выделение по цвету
пиксели одного цвета по всему рисунку
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
24.
Компьютерная графика и анимация, 11 класс24
Выделение областей
Умные ножницы
объекты с чёткими, но неровными границами
• выделить: ЛКМ в опорных
точках
• ЛКМ в начальной точке –
замкнуть
• ЛКМ внутри области
Изменение области выделения:
+Shift в начальной точке = добавить новую
область к выделению
+Ctrl в начальной точке = вычесть новую область
из выделения
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
25.
Компьютерная графика и анимация, 11 класс25
Границы области
!
Пиксель может быть выделен частично, на
25%, 50% и т.п.!
Сглаживание границ (aliasing):
без сглаживания
сглаживание
Растушёвка (размывание границ):
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
26.
Компьютерная графика и анимация, 11 класс26
Меню Выделение
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
27.
Компьютерная графика и анимация, 11 класс27
Быстрая маска
Маска – это «накладка», которая скрывает
часть объекта.
Цель – защитить от изменений некоторые
части изображения.
Любой пиксель может быть:
• открыт для изменений (белый)
• защищён (чёрный)
• частично выделен (серый, 256 ступеней)
!
Маска – это полутоновое изображение!
открыт
защищён
частично
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
28.
Компьютерная графика и анимация, 11 класс28
Быстрая маска
Выделение – Переключить быструю маску (Shift+Q)
Карандаш
Кисть
защищён
открыт
рисуем оттенками
серого
Градиент:
Delete
быстрая маска
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
29.
Компьютерная графика и анимация, 11 класс29
Тонирование
Исправление «эффекта красных глаз»:
Цвет – Тонирование
?
К.Ю. Поляков, Е.А. Ерёмин, 2013
Какая цветовая модель?
http://kpolyakov.spb.ru
30.
30Компьютерная
графика и анимация
§ 60. Фильтры
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
31.
Компьютерная графика и анимация, 11 класс31
Что такое фильтр?
Фильтр – это алгоритм автоматической обработки
пикселей изображения, который применяется ко всему
изображению или к выделенной области.
Фильтры:
Ctrl+F = применить повторно
Правка – Ослабить
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
32.
Компьютерная графика и анимация, 11 класс32
Какие бывают фильтры?
Для коррекции изображения:
Фильтры – Улучшение:
Фильтры – Размывание:
Художественные:
оригинал
К.Ю. Поляков, Е.А. Ерёмин, 2013
Кубизм
Старое фото
Барельеф
http://kpolyakov.spb.ru
33.
Компьютерная графика и анимация, 11 класс33
Конец фильма
ПОЛЯКОВ Константин Юрьевич
д.т.н., учитель информатики
ГБОУ СОШ № 163, г. Санкт-Петербург
[email protected]
ЕРЕМИН Евгений Александрович
к.ф.-м.н., доцент кафедры мультимедийной
дидактики и ИТО ПГГПУ, г. Пермь
[email protected]
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru
34.
Компьютерная графика и анимация, 11 класс34
Источники иллюстраций
1.
2.
3.
4.
5.
6.
7.
8.
compshistory.ru
www.samsung.com
habrahabr.ru/post/143169/
www.embedded-vision.com
umm4.com
ru.wikipedia.org
иллюстрации художников издательства «Бином»
авторские материалы
Видеоуроки по GIMP (автор – А.С. Башлаков):
www.klyaksa.net/htm/kopilka/gimp/index.htm
К.Ю. Поляков, Е.А. Ерёмин, 2013
http://kpolyakov.spb.ru