Как сделать тоновую шкалу

Начинать знакомство со светотенью следует с создания тональной шкалы.

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

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

Тональная шкала

Тональная шкала представляет собой последовательность из девяти тонов, от белого до черного. Между черным и белым располагаются семь различных серых оттенков. Эти оттенки серого составляют основу рисунка и помогают создать иллюзию глубины и объема.

Зачем рисовать тональную шкалу?

Это упражнение гораздо сложнее, чем может показаться.

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

Цель упражнения – путем сравнения тонов между собой, научиться замечать едва уловимые изменения тона.

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

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

Рекомендованные материалы

Для выполнения упражнения вам потребуется прочный мольберт, качественная бумага для рисования, ластик-клячка, и карандаши различной мягкости (HB, 2B, 4B, и 6B).

Пара слов о карандашах…

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

Прежде чем вы приступите…

Залог успеха – чистое, хорошо организованное рабочее место. Приклейте или прикрепите бумагу к доске для рисования и заточите карандаши.

Как нарисовать тональную шкалу

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

2. Для того чтобы легче было улавливать отношения между тонами, начните с обозначения самого темного и самого светлого тонов. У вас появятся ориентиры, с которыми вы сможете сравнивать остальные тоны. Если вы используете белую бумагу, то просто оставьте самый светлый квадрат (тон 1) нетронутым. Для закрашивания самого темного (тон 9) используйте карандаш 6B.

3. Мы нарисовали две крайности тонального диапазона: черный и белый.

Следующим шагом мы добавим средний тон: тон 5. Чтобы определить, каким он должен быть, просто представьте, что получится, если смешать 50% белого с 50% черного цветов. Позднее, когда вы добавите в шкалу больше тонов, будет понятно, насколько точно вы их подобрали и при необходимости тон 5 можно будет затемнить или осветлить.

Не беспокойтесь, если вам не удается подобрать идеальные тона с первого раза, вам все равно наверняка придется их подправлять.

4. Теперь, когда вы определились со средним тоном, вы можете начать с тона 2 или тона 8 и двигаться по направлению к центру. Я начинаю с тона 2.

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

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

5. Продолжайте заполнять квадраты на шкале тонами, постоянно сравнивая их с уже готовыми. К примеру, очевидно, что на картинке выше тон 5 получился слишком темным. Я осветляю его с помощью метода описанного ниже.

Выравниваем тона с помощью ластика-клячки

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

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

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

Продолжайте добавлять тона с 6 по 8, корректируя их при необходимости, пока тональная шкала не будет готова!

Источник

Компью А рт

Софья Скрылина, преподаватель информационных технологий, г.Санкт-Петербург

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

Диагностика тональности изображения

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

Гистограмма иллюстрирует распределение пикселов на изображении. Это график, на котором указано число пикселов на каждом уровне интенсивности цвета. По оси Х располагаются тоновые градации в диапазоне от 0 (черный цвет или тень) до 255 (белый цвет или свет), а по оси Y — количество пикселов каждого уровня. Гистограмма позволяет определять, содержит ли изображение достаточно деталей в тенях (левая часть графика), в средних тонах (середина) и в наиболее светлых участках изображения (правая часть). На рис. 1 приведен пример чтения гистограммы.

Рис. 1. Примеры чтения гистограммы: а — очень светлая фотография, график смещен вправо, в область светов; б — фотография с полным тоновым диапазоном, график построен на всех уровнях интенсивности света; в — темная фотография, график смещен влево, в область теней

Рис. 2. Палитра Гистограмма со статистикой

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

Рис. 3. Палитра Гистограмма для выбранного слоя со статистикой текущего положения указателя мыши на графике

В палитре Гистограмма (Histogram) под графиком приводится следующая статистическая информация:

На рис. 3 гистограмма занимает весь тоновый диапазон. Высота графика и значение параметра Среднее (113,86) показывают, что изображение имеет достаточно много светов — значит, фотография экспонирована правильно. Величина отклонения незначительная (58,68), поэтому изображение не имеет резких световых переходов. Из всего этого следует, что данное изображение не требует тоновой коррекции.

Следует понимать, что не существует идеальной гистограммы! Каждое изображение отличается от остальных и имеет собственный неповторимый график распределения пикселов. Более того, не всегда требуется проводить коррекцию при гистограмме, показывающей явный сдвиг в область светов или теней. Например, логично, что снимок, сделанный в ночное время суток или в открытом космосе, имеет низкий уровень яркости. И гистограмма в этом случае будет соответствовать недоэкспонированному снимку (рис. 4).

Рис. 4. Фотография планеты Земля в космосе и ее гистограмма

Обратите внимание, что пик гистограммы смещен в левую часть графика — это указывает на содержание большого числа теней и совсем незначительного числа светов в изображении. Об этом же говорят значения параметров Среднее (26,89) и Медиана (11). Но этот снимок не является недоэкспонированным, он сделан в естественных условиях. И было бы неверно исправлять такой снимок только лишь для «правильного» вида гистограммы.

Рис. 5. Фотография зимнего пейзажа и ее гистограмма

Вот еще пример исключения из правил (рис. 5). Зимний пейзаж — полная противоположность предыдущему примеру. Пик гистограммы смещен вправо (в область светов), и график имеет мало темных областей. Значения параметров Среднее (169,30) и Медиана (169) близки к максимальной яркости. Но, несмотря на показания гистограммы, данный снимок не требует коррекции, его яркость естественна.

Далее рассмотрим, как использовать показания гистограммы для тоновой коррекции недостатков изображений.

Коррекция тональности с помощью диалогового окна Уровни

Рис. 6. Диалоговое окно Уровни

Повышение контрастности изображения

На рис. 7 представлена гистограмма тусклого изображения. Обратите внимание, что график распределен не на всем тоновом интервале, а только на его части. Слева и справа от графика нет ни одного пиксела уровня яркости.

Рис. 7. Тусклое изображение синицы и его гистограмма

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

Рис. 8. Коррекция тусклого изображения в окне Уровни осуществляется смещением черного и белого ползунков к основанию графика

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

Рис. 9. Изменение в окне Уровни влечет изменения в палитре Гистограмма

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

Рис. 10. Результат повышения контрастности в окне Уровни и измененный вид гистограммы после коррекции

Осветление и затемнение изображения

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

На рис. 11 приведены исходное светлое изображение замка Эльц и его гистограмма. Гистограмма распределена не на всем тоновом диапазоне, и ее пик смещен вправо.

Рис. 11. Исходное светлое изображение замка Эльц и его гистограмма в окне Уровни

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

Рис. 12. Результат затемнения и пример коррекции в окне Уровни

Коррекция тональности при помощи кривых

Рис. 13. Диалоговое окно Кривые

Чтобы одновременно с прямой линией отобразить и гистограмму изображения, установите флажок Гистограмма (Histogram). Щелчок мыши с клавишей Alt (в Mac OS — Option) в любом месте системы координат изменяет шаг сетки, что также можно выполнить с помощью двух кнопок в нижней части окна (см. рис. 13).

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

Для добавления точки на график следует просто щелкнуть мышью в требуемом месте на прямой линии. Если необходимо удалить контрольную точку, то сначала ее нужно выделить щелчком мыши, а затем нажать клавишу Backspace (в Mac OS — клавишу Delete). Также можно щелкнуть по ней с нажатой клавишей Ctrl (в Mac OS — с клавишей Command). Невозможно удалить конечные точки кривой!

Внимание! Если результат коррекции вас не устраивает, нажмите клавишу Alt (в Mac OS — клавишу Option) — кнопка Отмена (Cancel) изменится на кнопку Сбросить (Reset). Нажмите ее — это позволит, не закрывая окна, отменить неудавшуюся коррекцию. Затем повторите попытку. Более того, помимо окон тоновой коррекции действие данной клавиши распространяется на большинство диалоговых окон!

Осветление или затемнение изображения

Для осветления или затемнения изображения с помощью диалогового она Кривые (Curves) необходимо установить точку в середине прямой линии и протянуть ее вверх (для осветления) или вниз (для затемнения), чтобы сделать график соответственно выпуклым или вогнутым. На рис. 14 приведено исходное темное изображение ящерицы и его гистограмма в окне Кривые.

Рис. 14. Исходное темное изображение ящерицы и диалоговое окно Кривые

Для осветления изображения прямая линия преобразована в выпуклую кривую (рис. 15).

Рис. 15. Итоговая осветленная фотография и пример коррекции в окне Кривые

Повышение контрастности изображения

Чтобы повысить контрастность изображения, необходимо коррекционную прямую сделать похожей на букву S. Для этого следует добавить на прямую минимум три точки (рис. 16).

Рис. 16. Исходное тусклое изображение ноготка и диалоговое окно Кривые

В ходе коррекции нужно верхнюю точку сместить вверх, а нижнюю — вниз (рис. 17).

Рис. 17. Итоговая контрастная фотография и пример коррекции в окне Кривые

Коррекция тонового интервала

До сих пор мы рассматривали примеры изображений, коррекцию которых можно было выполнить как в окне Уровни (Levels), так и в окне Кривые (Curves), потому что коррекция проводилась на общем тоновом диапазоне. По причине того, что диалоговое окно Кривые позволяет разные участки кривой корректировать независимо друг от друга, этот инструмент предоставляет больше возможностей, чем коррекция уровней.

На рис. 18 приведено изображение Невского проспекта. Гистограмма смещена немного влево, указывая на то, что в изображении преобладают темные пикселы.

Рис. 18. Исходная фотография Невского проспекта и гистограмма изображения в окне Уровни

Если попробовать исправить недостаток в окне Уровни (Levels), сместив белый ползунок к основанию графика, то мы не получим ожидаемого результата. Изображение становится светлее, но изменения заметны на светлых участках (рис. 19). А если попробовать увеличить гамму изображения, то вместе с домами блекнет небо и украшения ко Дню Победы.

Рис. 19. Коррекция в окне Уровни на общем тоновом диапазоне не дает нужного результата

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

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

Рис. 20. Нижний интервал подлежит коррекции, а верхний защищен от воздействия

Для осветления фрагментов изображения нужно сделать часть коррекционной кривой выпуклой (рис. 21).

Рис. 21. Результат коррекции тонового интервала в окне Кривые

Тонирование HDR

В Photoshop CS5 появилась новая функция — Тонирование HDR (HDR Toning), которая позволяет стилизовать одиночный снимок под HDR­изображение. Но ее также можно использовать для коррекции тонового интервала, влияя на тени и света изображения. Более того, данная функция позволяет детализировать части изображения, что очень удобно на завершающем этапе коррекции. Так, в нашем случае фотография Невского проспекта в ходе тоновой коррекции, помимо осветления нужных участков, стала плоской. Повышение детализации (+105%) и насыщенности изображения (+30%) в окне Тонирование HDR сделали снимок гораздо более привлекательным (рис. 22).

Рис. 22. Завершение коррекции фотографии Невского проспекта в окне Тонирование HDR

Корректировка экспозиции

Корректировка тона может проводиться изменением трех параметров:

На рис. 23 приведена темная фотография белки, что подтверждает гистограмма изображения.

Рис. 23. Исходное темное изображение белки и его гистограмма

В данном случае для коррекции изображения необходимо влиять на отдельные участки фотографии по­разному: снег надо осветлить гораздо меньше, чем белку, а для ее мордочки необходимо повысить контрастность. С этими задачами можно успешно справиться в диалоговом окне Экспозиция (Exposure) — рис. 24.

Рис. 24. Результат коррекции в окне Экспозиция

Быстрая корректировка тональности

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

Коррекция тональности с помощью диалогового окна Яркость/Контрастность

Данное простое в управлении диалоговое окно
имеет всего два ползунка — Яркость (Brightness) и Контрастность (Contrast). Коррекция сводится к изменению их положения (рис. 25).

Рис. 25. Диалоговое окно Яркость/Контрастность

Автокоррекция уровней изображения

Автоматическая коррекция тона и цвета осуществляется в диалоговом окне Уровни (Levels) или Кривые (Curves) щелчком по кнопке Авто (Auto), а ее настройка — в диалоговом окне, открываемом щелчком по кнопке Параметры (Options), — см. рис. 6 и 13.

Для автоматической коррекции изображения по тонам используются также команды Автотон (Auto Tone) и Автоконтраст (Auto Contrast) из меню Изображение (Image).

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

Коррекция тона при помощи пипеток

Диалоговые окна Уровни (Levels), Кривые (Curves) и Экспозиция (Exposure) содержат три пипетки: черную , серую и белую — см. рис. 6, 13 и 24.

Для цветных изображений все три пипетки в окнах Уровни и Кривые используются для удаления цветового сдвига, то есть для цветовой коррекции. А для тоновой коррекции можно применять черную и белую пипетки, но только для полутоновых изображений. Цветные изображения корректируются по тонам с помощью всех трех пипеток в окне Экспозиция.

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

Использование корректирующих слоев

Все рассмотренные в статье инструменты вносят необратимые изменения в слой изображения. Чтобы избежать потери исходной фотографии, лучше проводить эксперименты с дубликатами изображения или слоя. Также можно сохранять результаты коррекции в виде снимков состояния в палитре История (History). Но помните, что после закрытия документа с несколькими снимками состояния будет сохранен только текущий снимок. Поэтому снимки следует использовать только для выбора наиболее удачного результата коррекции.

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

Для создания корректирующего слоя применяется кнопка с пиктограммой кружка в палитре Слои (Layers). Щелчок по ней вызывает всплывающее меню, в котором следует выбрать имя инструмента для тоновой коррекции: Яркость/Контрастность, Уровни, Кривые или Экспозиция. После настроек в палитре Слои (Layers) появляется корректирующий слой, который, как и обычный слой, в любой момент можно отключить или удалить. Поэтому в данном случае необратимых изменений в изображении не будет. Более того, вы можете создать несколько корректирующих слоев для выбора наиболее удачного результата коррекции. Так, на рис. 26 палитра Слои (Layers) содержит три корректирующих слоя с разными интрументами тоновой коррекции. Корректировка производится с помощью кривых.

Рис. 26. Пример использования корректирующих слоев

Гистограмма изображения, диалоговые окна Уровни и Кривые, помимо тоновой коррекции, используются для диагностики и удаления цветового сдвига, то есть для цветовой коррекции, которая будет рассмотрена в одном из ближайших номеров нашего журнала.

Источник