План-конспект открытого занятия объединения «Основы работы с растровой графикой (Adobe Photoshop)»: «Коррекция области: изменения яркости и контраста. Цветовая коррекция изображения»

Уровень образования: дополнительное образование.

Целевая аудитория: учащиеся объединения «Основы работы с растровой графикой», ученики 7-11 классов.

Учащихся в объединении: 10 чел.

Педагог: Казанская Мария Дмитриевна.

Тема занятия: «Коррекция области: изменения яркости и контраста. Цветовая коррекция изображения».

Тип занятия: занятие изучения и закрепления знаний.

Вид занятия: комбинированный.

Продолжительность занятия: 2 ак.часа.

Цель занятия: научить использовать инструменты цветовой коррекции, управлять их настройками и закрепить полученные знания на практике.

Задачи занятия:

1) обучающие:

- систематизация знаний об инструментах выделения, изученных на предыдцщем занятии;

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

- познакомить учащихся с инструментами цветовой коррекции;

- научить решать поставленные творческие задачи в рамках изучаемой темы;

- обучить учащихся умению анализировать свою деятельность в рамках применения инструментов цветовой коррекциии;

- выявление уровня знаний и умений уча­щихся;

2) развивающие:

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

- развитие логического мышления учащихся;

- развитие пространственного мышления учащихся;

3) воспитательные:

- создать условия для интеллектуального развития учащихся;

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

Материально-техническое оснащение: компьютеры: учительский и персональные, проектор.

Используемые педагогические технологии: развивающее обучение, информационные технологии,  личностно-ориентированные технологии.

 

№ № п/п	Этап занятия	Приемы и методы работы	Время (в мин.)
1	Организационный этап	Приветствие, проверка списочного состава	3
2	Этап повторения материала и систематизации заний	Диалог предагога и учащихся об инструментах выделения	10
3	Этап получения новых знаний	Учащиеся слушают педагога, повторяют за ним, конспектируют важные моменты	20
4	Этап применения зананий	Самостоятельное выполнение учениками цветовой коррекции с элементами творчества (использование команды Brightness/Contrast и Levels)	7
5	Этап проверки	Обсуждение и проверка получивщихся работ	3
6	Этап получения новых знаний	Учащиеся слушают педагога, повторяют за ним, конспектируют важные моменты	20
7	Этап применения знаний	Самостоятельное выполнение цветовой коррекции с элементами творчества (использование инструментов Color Balance, Hue/Saturation)	19
8	Этап проверки	Обсуждение и проверка получивщихся работ	3
9	Этап подведения итогов учебного занятия	Повтор информации о цветовой коррекции. Заключение.	5

Организационный этап.

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

Педагог: Сегодня мы изучаем с вами цветовую коррекцию изображения. Мы разберем основные интсрументы и научимся менять цвета в фотографии.

Теоретический материал:

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

Команда Image-Adjustments-Brightness/Contrast (Изображение-Настройки-Яркость/Контраст) позволяет вам изменять общую яркость изображения и его контраст.

Ползунок и поле ввода Brightness (Яркость) позволяют управлять яркостью изображения, а ползунок и поле ввода Contrast (Контраст) контролируют контрастность картинки.
Увеличивая или уменьшая значения, отображаемые на ползунках и в полях ввода, можно соответственно увеличивать или уменьшать яркость или контраст изображения.

Используя команду Brightness/Contrast (Яркость/Контраст), можно выполнять довольно сложные преобразования, пользуясь простым и понятным интерфейсом.

Провести коррекцию контраста изображения также можно в автоматическом режиме.

Для этого используйте команду Image-Adjustments-Auto Contrast (Изображение-Настройки-Автоконтраст). Эта команда автоматически изменяет контраст изображения так, чтобы самые яркие участки изображения стали белыми, а самые темные — черными.

ПРИМЕЧАНИЕ

Хотя автоматизированная коррекция может дать неплохой результат, эффективность ее применения сильно зависит от вида изображения.

Цветовыми уровнями называют значения яркости, соответствующие самым ярким, самым темным и нейтрально окрашенным участкам изображения. На нормальном, среднестатистическом изображении самые яркие участки окрашены в белый цвет, самые темные — в черный, а нейтральные — в серый, яркость которого лежит посередине между яркостью белого и черного цветов. Поэтому цветовые уровни часто называют уровнями белого, черного и серого.

Выполнить коррекцию цветовых уровней в Adobe Photoshop можно несколькими способами. Самый точный, дающий вам полный контроль над процессом, — использование команды Image→Adjustments→Levels (Изображение→Настройки→ Уровни). Также можно использовать комбинацию клавиш Ctrl+L.

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

Под гистограммой расположены три треугольника — черный, серый и белый. Они указывают текущее значение уровней черного, белого и серого. Соответствующие цифровые значения выводятся над гистограммой в полях Input Levels (Входные значения). Слева находится значение для уровня черного (оно может принимать значения от 0 до 255), справа — значение для уровня белого (также может иметь значение от 0 до 255), а в середине — значение для уровня серого. Уровень серого отображается в виде отношения уровня белого к уровню черного.

Можно изменять значения уровней, перемещая при помощи мыши указатели-треугольники или же вводя значения в полях ввода. Практически поля ввода удобны разве что для быстрого указания нейтрального уровня серого — достаточно ввести в соответствующем поле 1.

После щелчка на кнопке OK производится перерасчет яркостей пикселов в соответствии с указанными вами значениями уровней яркости.

4. Этап применения знаний.

Педагог: А теперь попробуйте самостоятельно улушить фотографию. Поработайте с изменением яркости и контраста и сохраните понравившейся вам вариант.

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

5. Этап проверки.

Педагог: давайте посмотрим на результаты вашей первой цветокоррекции.

Далее следует обсуждение работ на основе полученных результатов.

6. Этап получения новых знаний.

Педагог: давайте вернемся к теории. Пора разобраться с настройкой цветов.

Теоретический материал:

Самым простым в использовании и наглядным методом цветокоррекции в Adobe Photoshop является команда Image→Adjustments→Variations (Изображение→ Настройки→Варианты). С ее помощью можно постепенно изменять оттенок, яркость и насыщенность изображения. Причем вы сможете видеть, к какому результату приведет то или иное преобразование. В окне команды находится несколько образцов изображения, щелкая по которым можно изменять изображение.
В верхней части окна находится исходное изображение — Original (Оригинал). Щелкнув на нем, можно в любой момент вернуть изображение в исходное состояние. Рядом находится образец изображения в текущем состоянии — Current Pick (Текущее состояние). Рядом с этими образцами находится группа переключателей, с помощью которой можно выбрать изменяемые параметры. Можно установить следующие значения:

• Shadows (Тени), Midtones (Нейтральные), Highlights (Света) — можно выбрать, насколько яркие пикселы будут подвергнуты обработке;
• Saturation (Насыщенность) — можно переключить окно команды в режим изменения насыщенности.

При выборе одного из диапазонов в левой части окна находится семь образцов изображения. В центре находится образец текущего изображения, а вокруг него — образцы изображения после добавления к его окраске какого-либо оттенка. Образцы имеют подписи, помогающие определить, какой именно оттенок связан с этим образцом.
Можно добавить к изображению следующие оттенки:

• More Green (Добавить зеленого) — смещает окраску изображения в сторону зеленого цвета;
• More Yellow (Добавить желтого) — смещает окраску изображения в сторону желтого цвета;
• More Magenta (Добавить пурпурного) — смещает окраску изображения в сторону пурпурного цвета;
• More Blue (Добавить синего) — смещает окраску изображения в сторону синего цвета;
• More Cyan (Добавить голубого) — смещает окраску изображения в сторону голубого цвета.

В правой части окна находится образец текущего состояния изображения и два образца: изображения повышенной (Lighter) или пониженной (Darker) яркости.
При переключении окна в режим Saturation (Насыщенность) вместо образцов семи различных оттенков вы увидите три образца — текущее состояние документа, образец пониженной насыщенности (Less Saturation) и образец повышенной насыщенности (More Saturation). Образцы состояний документа не только отображают вид изображения после применения того или иного преобразования. Щелкая по образцам, можно придать изображению вид, показанный на образце.
Ползунок, расположенный в верхней части окна, позволяет изменять силу эффекта от одного "шага" преобразования (щелчка на образце).
Рядом с ползунком располагается флажок Show Clipping (Показать отсечение). Если он установлен, на образцах изображения будут ярким цветом выделены области, окраска которых выходит за пределы диапазона, допустимого в режиме CMYK.
Также в верхней части окна находятся кнопки OK и Cancel (Отмена). Кнопки Load (Загрузить) и Save (Сохранить) позволят вам, установив параметры преобразования, сохранить их в файле на жестком диске и затем использовать при обработке других изображений.

В некоторых случаях возникает желание или необходимость изменить баланс цветов, содержащихся в изображении. Например, сделать лежащий на столе апельсин более желтым, убрав при этом излишне зеленую окраску скатерти. Выполнять подобные действия можно при помощи команды Image→Adjustments→Color Balance (Изображение→Настройки→Цветовой баланс). В нем содержатся три ползунка, с помощью которых можно изменять соотношение в изображении основных цветов и цветов, дополнительных им: голубой–красный (Cyan–Red), пурпурный–зеленый (Magenta–Green) и желтый–синий (Yellow–Blue).

В нижней части окна находится переключатель, при помощи которого можно ограничить область воздействия команды, он имеет три положения:

• Shadows (Тени) — преобразование применяется к пикселам темных тонов;
• Midtones (Нейтральные тона) — изменяется окраска пикселов, имеющих цвет, близкий к нейтральному;
• Highlights (Света) — будет изменена окраска ярко окрашенных пикселов.

При установленном флажке Preserve Luminosity (Сохранить яркость) будет изменен только оттенок пикселов, а их яркость сохранится неизменной.

В некоторых случаях бывает необходимо обесцветить изображение, например, для печати черно-белых фотографий, в то время как в вашем распоряжении имеется цветной оригинал. Выполнить эту операцию можно при помощи команды Image→Adjustments→ Desaturate (Изображение→Настройки→Обесцветить).

Команда Image→Adjustments→Hue/Saturation (Изображение→Настройки→Цветовой тон/Насыщенность) позволяет независимо изменять оттенок изображения или его выделенного фрагмента, насыщенность цвета и его яркость. Основными органами управления в этом окне являются три ползунка, позволяющих контролировать параметры изображения:

• Hue (Цветовой тон) — позволяет сдвигать оттенки выделенных пикселов (или всех пикселов изображения) на указанную величину.
• Saturation (Насыщенность) — управляет насыщенностью цвета. Измеряется в процентах и может принимать значения от –100 % (полное обесцвечивание) до +100 % (максимальная насыщенность).
• Lightness (Яркость) — позволяет управлять яркостью цвета. Принимает значение от – 100 (черный цвет) до +100 (белый цвет). При установленном флажке Preview (Просмотр) вы будете видеть вносимые в изображения изменения непосредственно в окне документа.

Флажок Colorize (Тонирование) позволяет вместо изменения оттенков изображения придать всем пикселам новый оттенок — тонировать изображение или его выделенный фрагмент. Этот эффект используется, например, для создания эффекта тонированных фотографий (например, сепия).

7. Этап применения знаний.

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

8. Этап проверки.

Педагог: давайте посмотрим, что у нас получилось.

Ребята выполнили цветовую коррекцию изображений. Далее коллективный смотр работ: волшебного разноцветного винограда и сказочных цветов?

9. Этап подведения итогов.

Педагог: какие инструменты вам показались самыми интересными, что удобнее использовать для точного изменения цвета? Как нам подправить темную фотографию, какой инструмент мы используем для этого?

До свидания.