Обработка графической информации

Обработка графической информации
§ 26. Обработка фотографий

Графический редактор GIMP
Свободное ПО, www.gimp.org
Windows, Linux, Mac OS X
инструменты
параметры инструментов
прикрепляющиеся (стыкуемые) диалоги

Параметры изображения
Изображение – Размер изображения
размеры
разрешение
интерполяция (метод пересчёта)

Интерполяция
Интерполяция – алгоритм вычисления недостающих значений по соседним значениям.
оригинал
×5, нет
интерполяции
×5, кубическая
интерполяции

Кадрирование
Задачи:
повернуть
обрезать ненужное
Шаг 1:
Изображение – Преобразование – Повернуть на 90° по часовой стрелке

Кадрирование
Шаг 2:
Инструмент Вращение
щёлкнуть по рисунку
угол поворота
центр вращения

Кадрирование
Шаг 3:
Инструмент Кадрирование
выделить область
Enter

Исправление перспективы
Искажение объектива:

Исправление перспективы
Инструмент Перспектива
щёлкнуть на рисунке
выровнять за маркеры
Enter

Гистограмма
Цвет – Уровни
показывает распределение пикселей по яркости:
слишком тёмное
слишком светлое

Гистограмма
неконтрастное
нормальное

Коррекция уровней
Цвет – Уровни

Коррекция цвета

Коррекция цвета
Цвет – Цветовой баланс

Удаление «красных глаз»
Фильтры –
Улучшение –
Удалить эффект красных глаз
Фильтр — это процедура автоматической обработки изображения.

Цветное в чёрно-белое (полутоновое)
Цвет – Обесцвечивание
выбор метода

Цветное в чёрно-белое (полутоновое)
оригинал
освещённость
светимость
среднее

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

Инструменты ретуши
Штамп – перенос изображения с одного участка на другой.
Ctrl+ЛКМ
(взять образец)
непрозрачность
выбор кисти
размер

Инструменты ретуши
Лечащая кисть – так же, как Штамп, но учитывает соседние пиксели («размазывает»!).
Осветление/Затемнение
Размывание/Резкость

Компьютерная графика и анимация
Работа с областями

Выделение областей
Прямоугольник
Эллипс
Лассо
+Shift = квадрат
+Ctrl= из центра
+Shift = круг
+Ctrl= из центра
щелчками = ломаная
без отрыва = кривая
Волшебная палочка
пиксели одного цвета в одной области
Выделение по цвету
пиксели одного цвета по всему рисунку

Выделение областей
Умные ножницы
объекты с чёткими, но неровными границами
выделить: ЛКМ в опорных точках
ЛКМ в начальной точке –замкнуть
ЛКМ внутри области
+Shift в начальной точке = добавить новую область к выделению
Изменение области выделения:
+Ctrl в начальной точке = вычесть новую область из выделения

Границы области
Сглаживание границ (aliasing):
без сглаживания
сглаживание
Растушёвка (размывание границ):

Меню Выделение

Быстрая маска
Маска – это «накладка», которая скрывает часть объекта.
Цель – защитить от изменений некоторые части изображения.
Любой пиксель может быть:
открыт для изменений (белый)
защищён (чёрный)
частично выделен (серый, 256 ступеней)

Быстрая маска
Выделение – Переключить быструю маску (Shift+Q)
Градиент:
быстрая маска
Delete

Тонирование
Исправление «эффекта красных глаз»:
Цвет – Тонирование

Что такое фильтр?
Фильтр – это алгоритм автоматической обработки пикселей изображения, который применяется ко всему изображению или к выделенной области.
Фильтры:
Ctrl+F = применить повторно
Правка – Ослабить

Какие бывают фильтры?
Для коррекции изображения:
Художественные:
Фильтры – Улучшение:
Фильтры – Размывание:
оригинал
Кубизм
Старое фото
Барельеф

Конец фильма
ПОЛЯКОВ Константин Юрьевич
д.т.н., учитель информатики
ГБОУ СОШ № 163, г. Санкт-Петербург
[email protected]
ЕРЕМИН Евгений Александрович
к.ф.-м.н., доцент кафедры мультимедийной дидактики и ИТО ПГГПУ, г. Пермь
[email protected]

Источники иллюстраций
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

Обработка графической информации
§ 27. Вставка изображений в документы

Как вставить рисунок?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
большая «буква»

Обтекание
или

Вставка рисунков через буфер обмена
ПКМ-Копировать
ПКМ-Вставить
Ctrl+V
Ctrl+C

Скриншоты
Скриншот — это изображение экрана, сохранённое в памяти компьютера.
англ. screen – экран, shot – снимок
Print
Screen
Alt+PrintScreen – снимок только активного окна

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

Диаграммы
Word:
Writer:
Вставка – Диаграмма

Формулы в строке
α ∙ a2 + β ∙ b2 ≤ c2
Word:
Word:

Сложные формулы
Word:
Writer: Вставка – Объект – Формула
Вставка –
Текстовый вид формулы
Панель элементов

Обработка графической информации
§ 28. Векторная графика

Что такое векторная графика?
Векторный рисунок — это информация о геометрических фигурах и их свойствах.
рисунки, которые нужно выводить в разных размерах (плакаты, баннеры)
художественные иллюстрации
чертёжи, схемы, карты
трёхмерное моделирование
Векторные графические редакторы:
Adobe Illustrator (www (www. (www.adobe (www.adobe. (www.adobe.com)
CorelDraw
(www(www.(www.corel(www.corel.(www.corel.com)
Inkscape
(wwwww.inkscawww.inkscapwww.inkscape.org)
OpenOffice Draw
бесплатно!

Векторные рисунки в Word
отрезок
прямоугольник
овал (эллипс)
ломаная

+ Shift – угол меняется через 15°
Отрезок
– ЛКМ
+ЛКМ
ЛКМ – перетащить
+Ctrl = копировать

Прямоугольник
поворот
ПКМ
+Shift – квадрат (для эллипса – окружность)
Привет,
Вася!
Контур – так же, как для отрезка.

Заливка

Заливка – градиент
ЛКМ
Градиент – это постепенный переход от одного цвета к другому.

Заливка – текстура
Текстура – это рисунок, имитирующий материал.

Заливка – узор (из 2-х цветов)

Ломаная
ЛКМ
Замкнуть – ЛКМ на первой точке.
Закончить без замыкания – 2×ЛКМ.
ЛКМ
ЛКМ
ЛКМ
2× ЛКМ

Ломаная – изменение узлов
ПКМ
ЛКМ

Кривые
Можно начинать с фигур:
угловой узел
гладкий узел

Типы узлов
ПКМ

Типы узлов

Векторные рисунки – порядок
в порядке создания

Векторные рисунки – выравнивание
выделить все объекты
Shift+ЛКМ

Векторные рисунки – распределение
1. Выделить все объекты
Shift+ЛКМ или обвести
2. Выровнять по верхней границе.
3. Распределить по горизонтали.

Векторные рисунки: повороты
вправо на 90°
влево на 90°
отразить сверху вниз
отразить слева направо

Векторные рисунки: группировка
1. Выделить все объекты
Shift+ЛКМ или
обвести мышью
2. ПКМ – Группировать
один составной объект
?

Конец фильма
ПОЛЯКОВ Константин Юрьевич
д.т.н., учитель информатики
ГБОУ СОШ № 163, г. Санкт-Петербург
[email protected]
ЕРЕМИН Евгений Александрович
к.ф.-м.н., доцент кафедры мультимедийной дидактики и ИТО ПГГПУ, г. Пермь
[email protected]