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

Обработка графической информации
§ 24. Растровый графический редактор

Что такое растровый редактор?
Растровый рисунок — это рисунок, состоящий из пикселей.
Adobe Photoshop
(www.adobe.com)
Paint
Gimp (gimp.org)
бесплатно!
Windows, Linux,
Mac OS
Простые редакторы:
Для профессиональной работы:

Окно редактора Paint
Буфер обмена
Палитра
Инструменты
Строка состояния
Полоса прокрутки
Масштаб, линейки
Работа с файлами

Рисование от руки: цвета
Выбор цвета:
Основной
цвет
Фоновый
цвет
Выбор цветов в палитру
RGB
HSB
Карандаш
Кисть
Заливка

Рисование от руки
Заливка

Ввод текста
Текст
Свойства текста
После щелчка вне рамки

Геометрические фигуры
+ЛКМ
– ЛКМ
Линия

Геометрические фигуры
Прямоугольник
+ЛКМ
– ЛКМ
Цвет 1
Цвет 2
+Shift = квадрат

Геометрические фигуры
Овал (эллипс)
+ЛКМ
– ЛКМ
+Shift = окружность
Многоугольник
+ЛКМ
– ЛКМ
+ ЛКМ
+ ЛКМ
2×ЛКМ

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

Выделение фрагмента
Фрагмент — это часть рисунка.
Ctrl+A
пиксели с цветом фона не выделяются
временный контур

Операции с фрагментами
Delete
заливка цветом фона
ЛКМ
Ctrl+ЛКМ
все пропало!

Перемещение фрагмента
обводим
тащим ЛКМ
это цвет фона
тащим Ctrl+ЛКМ

Фрагмент произвольной формы
тащим ЛКМ
это цвет фона

Отражение фрагмента
ПКМ
Отразить сверху вниз:
Отразить слева направо:

Поворот фрагмента
90°
180°
270°

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

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

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

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

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

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

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

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

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

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

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

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

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

Обработка графической информации
§ 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]