Обработка фотографий
Предмет: Информатика, 5 класс
Автор: Волкова Алла Александровна

Ход урока

Постановка цели и задач урока. Мотивация учебная деятельность

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

Актуализация знаний

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

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

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

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

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

Повернуть рисунок сразу на 90 и 180 градусов можно с помощью верхнего меню (в GIMP: Изображение – Преобразования). Поворот на 90 градусов особенно полезен: если ширина и высота рисунка сильно отличаются, при повороте на большой угол части нужного изображения могут оказаться за границами рабочей области и будут обрезаны.

Теперь, когда стороны рисунка параллельны сторонам экрана, выполняем кадрирование с помощью инструмента Кадрирование (в GIMP – кнопка ).

(В Adobe Photoshop кадрирование и поворот выполняются сразу (рамку кадра можно вращать).

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

После нажатия на клавишу Enter поля будут обрезаны.

2. Перспектива.

При съёмке на фотоаппарат или телефон часто получается так, что вертикальные линии (например, стены домов) на снимке становятся наклонными (см. рис. а). Такие искажения даёт сама фотокамера.

Этот недостаток легко исправляется в современных графических редакторах (см. рис. б) благодаря инструменту Перспектива (в GIMP – кнопка ). Нужно выделить всю фотографию (клавиши Ctrl+A), включить инструмент Перспектива и перетащить углы выделенной части так, чтобы выровнять вертикальные линии.

3. Гистограмма

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

Гистограмма — диаграмма специального вида, которая показывает распределение пикселей по яркости

Чтобы увидеть гистограмму загруженного изображения, в редакторе GIMP нужно выбрать пункт меню Окна – Прикрепляющиеся диалоги – Гистограмма.

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

- фото 1 слишком темное, потому что все пиксели сосредоточены в области тёмных тонов (в левой части гистограммы);

- фото 2 слишком светлое (нет тёмных тонов);

- фото 3 малоконтрастное (есть средние тона, но нет тёмных и светлых);

- фото 4 сбалансированное, оно содержит пиксели всех уровней яркости (На этой фотографии – картина «Пристань» художника К.А. Гоголева, вырезанная из дерева).

Изображениям 1-3 не хватает контраста. Чтобы их улучшить, нужно «растянуть» гистограмму так, чтобы она занимала весь диапазон тонов, от чёрного до белого. Эта операция называется коррекция уровней (в GIMP –меню Цвет – Уровни; В Adobe Photoshop – меню Изображение – Коррекция – Уровни). В появившемся окне нужно отрегулировать положение черного , cерого и белого движков под гистограммой.

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

После коррекции уровней внешний вид фотографии значительно улучшается, она становится более контрастной. Однако гистограмма после коррекции не сплошная, а состоит из отдельных полосок. Это значит, что пикселей с некоторыми значениями яркости нет совсем (подумайте, почему).

В редакторе GIMP есть также отдельное окно для настройки яркости и контраста (меню Цвет – Яркость-Контраст).

4. Цветовой баланс

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

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

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

5. «Эффект красных глаз»

При фотосъемке со вспышкой нередко возникает так называемый «эффект красных глаз» – лучи вспышки отражаются от глазного дна человека (оно имеет красный цвет) и попадают в объектив фотокамеры. Это особенно заметно при съемке в тёмном помещении, когда зрачки глаз расширены. На самом деле, без вспышки мы видим тёмный зрачок, который и нужно восстановить на фотографии.

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

6. Вставка рисунков в текстовый документ

Очень часто возникает необходимость вставки готового изображения в текстовый документ. Сделать это можно несколькими способами.

Для того чтобы добавить рисунок в документ Word, нужно щелкнуть по кнопке Рисунки на вкладке Вставка, и выбрать файл на диске.

Рисунок сначала вставляется в текст как «большая буква», раздвигая строки. Такой режим используется чаще всего для вставки небольших рисунков (например, изображения кнопки) прямо в текст.

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

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

Как вы уже знаете, буфер обмена – это область оперативной памяти, через которую программы могут обмениваться данными. Предположим, что вы построили рисунок в графическом редакторе и хотите вставить его в документ без сохранения на диске. Для этого нужно скопировать рисунок в буфер обмена (клавиши Ctrl+C), перейти в окно текстового документа и вставить содержимое буфера обмена (Ctrl+V). Рисунок будет помещён в то место, где был курсор.

Этот приём можно использовать и при вставке рисунков с веб-страниц: сначала рисунок копируется в буфер обмена, а затем вставляется из буфера обмена в документ.

Сейчас для того, чтобы рассказать кому-то, как работать с той или иной программой, не нужно встречаться лично, а можно передать инструкцию по Интернету. Для объяснения удобно использовать снимки экрана, которые называются скриншотами (от англ. screen – экран и shot – фотоснимок).

Скриншот – это изображение экрана, сохранённое в памяти компьютера.

Для того чтобы сделать снимок всего экрана, нужно нажать клавишу Print Screen (на некоторых клавиатурах – PrtScr). Изображение экрана записывается в буфер обмена, откуда его можно вставить в любую программу, принимающую рисунки. Комбинация клавиш Alt+Print Screen сохраняет в буфере обмена только изображение активного окна.

Контроль, оценка и рефлексия

Задание 1

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

1) Перейдите в папку work-13, где находятся файлы для выполнения работы.

2) Откройте boat.jpg и обрежьте лишние края изображения после сканирования.

3) Откройте column.jpg и исправьте искажения перспективы фотоаппарата.

4) Откройте dark.jpg и сделайте снимок более контрастным, используя коррекцию уровней.

5) Откройте light.jpg и сделайте снимок более контрастным, используя коррекцию уровней.

6) Откройте medium.jpg и сделайте снимок более контрастным, используя коррекцию уровней.

7) Откройте pohod.jpg и выполните коррекцию цвета с тёмных, светлых и средних тонах.

8) Откройте red-eyes.jpg и удалите эффект красных глаз.

9) Откройте house.png и увеличьте рисунок до ширины 500 пикселей. Сделайте выводы. Продолжите фразу:

«При увеличении растрового рисунка (что происходит?)

Задание 2

1) Перейдите в папку work-14, где находятся файлы для выполнения работы.

2) Откройте файл editor.doc (или editor.rtf) и заполните все места, отмеченные жёлтым маркером:

- впишите название текстового процессора, в котором вы работаете; слева от названия разместите значок (иконку) программы (найдите его в Интернете);

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

- откройте окно для настройки параметров шрифта, сделайте снимок только этого окна (клавиши Alt+PrtScr) и вставьте из буфера обмена на место рисунка 1; рисунок должен занимать целый абзац, выравнивание по центру.

3) Откройте файл baikal.doc (или baikal.rtf) и выполните задание:

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

- найдите в Интернете фотографию Шаман-скалы и вставьте её на место рисунка 1; рисунок должен занимать целый абзац, выравнивание по центру;

- добавьте в документ фотографии omul.jpg и nerpa.jpg, измените их размеры, установите обтекание вокруг рамки и расположите в нужных местах документа: один у левой границы текста, второй – у правой.

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

Темы сообщений:

а) «Как обесцветить фотографию?»

б) «Повышение резкости фотографий»

в) «Что такое ретушь?»

Интересные сайты:

а) www.gimp.org – графический редактор GIMP.

б) www.progimp.ru – уроки по редактору GIMP.

в) www.gimpart.org – уроки по редактору GIMP.

г) apps.pixlr.com/editor/ – онлайн-редактор растровой графики.

Ссылки на ресурсы:

Рисунок «Цифровое фото»

http://www.vitbichi.by/wp-content/uploads/2015/05/sony-panasonic-disks-05.jpg

Рисунок «Профессиональная коррекция фото»

http://www.photoshopsunduchok.ru/images/stories/korrekciy-v-photoshope-cvetovih-oblastey/9.jpg

Файлы для практической работы

https://yadi.sk/d/pgrhG7SBqK4jJ

Список используемой литературы:
- Поляков К.Ю., Еремина Е.А. Информатика. Учебник для 7 класс. Москва. БИНОМ. Лаборатория знаний
- Босова Л.Л., Босова А.Ю. Информатика. Учебник для 7 класса. Москва. БИНОМ. Лаборатория знаний
- Материалы с сайта http://kpolyakov.spb.ru