Инструменты рисования и заливки
• Инструменты рисования
• Настройки инструментов рисования
• Инструменты заливки
• Градиентная заливка
В этой главе мы познакомимся с инструментами рисования и заливки программы Photoshop, с помощью которых сможем модернизировать существующие изображения или даже создавать новые с нуля – хотя Photoshop считается в первую очередь программой обработки изображений, с задачей рисования он также успешно справляется.
Следует отметить, что многие настройки, освещенные в этой главе, будут актуальны и впоследствии – к примеру, настройки размера и формы кисти, о которых мы расскажем на примере инструментов рисования, практически полностью совпадают с настройками других инструментов – например, инструментов ретуши.
Инструменты рисования
«Главными» инструментами рисования считаются Pencil (Карандаш) и Brush (Кисть). Оба они работают по одному простому принципу: проводя этими инструментами по изображению, мы оставляем «нарисованный» след. Единственная разница между ними в том, что инструмент Brush (Кисть) рисует линии с мягкими, размытыми границами, а линии, нарисованные инструментом Pencil (Карандаш), всегда имеют четкую границу с точностью до пиксела (рис. 12.1).
Рис. 12.1. Линии, нарисованные инструментами Pencil (Карандаш) (вверху) и Brush (Кисть) (внизу) и их увеличенные фрагменты
В обычной работе ни нарисованные линии, ни объекты, ни границы слоев не должны быть абсолютно четкими. Всегда должно присутствовать легкое размытие в 1–2 пиксела, называемое «anti-aliasing». Благодаря этому размытию дополнительно маскируется пиксельная природа изображения, и если этого размытия не будет, то на диагональных или кривых линиях могут быть заметны отдельные пикселы даже при высоком разрешении, например 300 dpi.
Следовательно, во всех случаях, когда мы хотим нарисовать обычную линию, следует использовать инструмент Brush (Кисть). Инструмент Pencil (Карандаш) задействуется преимущественно в технических целях.
Работая с инструментами Pencil (Карандаш) или Brush (Кисть), мы рисуем линии того цвета, который выбран на панели инструментов. В нижней части палитры (рис. 12.2) есть образцы цвета – цвет переднего плана (Foreground) и цвет фона (Background).
Рис. 12.2. Фрагмент панели инструментов с настройками основных цветов
Инструменты рисования используют цвет переднего плана, который можно выбрать, дважды щелкнув кнопкой мыши на значке цвета на панели инструментов и открыв окно выбора цвета (рис. 12.3).
Рис. 12.3. Окно выбора цвета
Цвет переднего плана также можно выбрать на палитрах Swatches (Образцы цвета) (рис. 12.4) и Color (Цвет). Палитра Swatches (Образцы цвета) позволяет нам выбрать один из часто используемых оттенков цвета, просто щелкнув на нем кнопкой мыши, – это самый быстрый и простой способ.
Рис. 12.4. Палитра Swatches (Образцы цвета)
Однако количество оттенков на палитре Swatches (Образцы цвета) ограничено. Частичным решением может быть загрузка других наборов образцов цвета из меню палитры (рис. 12.5).
Рис. 12.5. Меню палитры Swatches (Образцы цвета)
Примечание
Многие из наборов образцов цве та, которые можно загрузить из меню палитры, предназначены не только для выбора цвета, но и для решения различных полиграфических задач: некоторые наборы цветов соответствуют реально существующим наборам типографских красок. Наиболее известная серия, разумеется, – серия красок Pantone; другие наборы также распространены в некоторых странах. Наборы Mac OS – цвета операционной системы Macintosh, Windows – цвета операционной системы Windows, а также наборы для веб-дизайна Web Hues, Web Safe Colors и Web Spectrum предназначены только для удобства в выборе цветов.
Если вы разобрались с работой цветовых моделей, описанных в главе 2, и знаете, по каким принципам образуются оттенки цвета из основных цветов, выбирать цвет можно с помощью палитры Color (Цвет) (рис. 12.6). На ней выбирается цвет путем смешения основных цветов, для чего двигается ползунок или (для большей точности) вводятся числовые значения в поля.
Рис. 12.6. Палитра Color (Цвет)
Палитру Color (Цвет) можно переключить в режим выбора цвета в соответ ствии с разными цветовыми моделями в меню палитры. Доступны цветовые модели RGB, CMYK, HSB и L*a*b.
Еще один инструмент рисования – Pattern Stamp (Узорчатый штамп). Часто его по ошибке «объединяют» с инструментом с похожим названием – Clone Stamp (Клонирующий штамп). Однако это неверно, поскольку Clone Stamp (Клонирующий штамп) – инструмент ретуши, «перерисовывающий» части изображения в другое место, в то время как инструмент Pattern Stamp (Узорчатый штамп) – инструмент рисования, рисующий по изображению узором или текстурой (рис. 12.7).
Рис. 12.7. Действие инструмента Pattern Stamp (Узорчатый штамп)
Выбор цвета для инструмента Pattern Stamp (Узорчатый штамп) бессмыслен, поскольку при рисовании не используется какой-то один цвет. Вместо этого на панели управления инструмента мы выбираем узор, которым будем рисовать (рис. 12.8).
Рис. 12.8. Выбор узора на панели управления инструмента Pattern Stamp (Узорчатый штамп)
У раскрывающегося списка выбора узоров (рис. 12.9) также есть собственное меню, из которого мы можем загрузить дру гие наборы узоров, если узоров, представленных в начальном наборе, недостаточно.
Рис. 12.9. Загрузка дополнительных наборов текстур и узоров
Настройки инструментов рисования
Все инструменты рисования используют сходные настройки, находящиеся на панели управления и на специальной палитре Brushes (Кисти). У всех инструментов рисования (и, как уже говорилось, у некоторых других инструментов) есть настройки прозрачности «краски» или узора, которым рисует инструмент, а также большое количество настроек формы кисти и других параметров, определяющих форму следа, оставляемого изображением.
Максимальное количество настроек у инструмента Brush (Кисть), поэтому мы будем рассматривать их именно на примере этого инструмента. Для других инструментов некоторые настройки теряют смысл: например, для инструмента Pencil (Карандаш) не имеет смысла настройка размытых границ, поскольку он всегда рисует линии с четкими границами, а для инструмента Pattern Stamp (Узорчатый штамп) не имеют смысла настройки изменения цвета во время рисования, поскольку он не рисует одноцветные линии.
На панели управления (рис. 12.10) мы можем увидеть наиболее востребованные настройки: выбор формы и размера кисти и настройки прозрачности «краски», которой рисует кисть.
Рис. 12.10. Панель управления при работе с инструментом Brush (Кисть)
За прозрачность следа, оставляемого инструментом, отвечают сразу две настройки: Opacity (Непрозрачность) и Flow (Поток). Хотя настройки управляют прозрачностью, они делают это по-разному (рис. 12.11).
Рис. 12.11. Результат действия настройки Opacity (Непрозрачность) (вверху) и Flow (Поток) (внизу)
Opacity (Непрозрачность) регулирует прозрачность нарисованной линии в целом, в то время как Flow (Поток) определяет, образно говоря, количество краски, оставляемой инструментом. Отсюда разница в результате: используя настройку Flow (Поток), вы можете усиливать воздействие инструмента, проводя несколько раз по одному и тому же месту, – такой эффект ближе к реальному поведению краски на бумаге, однако в этом случае степень прозрачности приходится контролировать исключительно на глаз.
Примечание
Opacity (Непрозрачность) – настройка, определяющая именно непрозрачность инструмента. Значение 100 % дает абсолютно непрозрачный след инструмента, а значение 0 % – полностью прозрачный, то есть нулевое воздействие.
Вторая важная настройка – выбор размера и формы кисти (рис. 12.12). В раскрывающемся меню на панели управления мы можем указать размер кисти в пикселах с помощью ползунка Master Diameter (Основной диаметр) (реальный размер оставляемого следа (рис. 12.13) может быть немного меньше за счет размытия и формы).
Рис. 12.12. Меню выбора формы и размера кисти на панели управления инструмента Brush (Кисть)
Рис. 12.13. Линии разной толщины, нарисованные инструментом Brush (Кисть)
Ползунок Hardness (Жесткость) позволяет установить степень размытия краев кисти (рис. 12.14) (помните, что даже при максимальном значении след инструмента Brush (Кисть) будет иметь небольшое размытие).
Рис. 12.14. Линии разной жесткости, нарисованные инструментом Brush (Кисть)
В нижней части меню выбираются кисти разной формы и размера (заданный размер можно изменить с помощью уже рассмотренного ползунка Master Diameter (Основной диаметр)) (рис. 12.15).
Рис. 12.15. Линии, нарисованные инструментом Brush (Кисть) с различными настройками
Как и во всех подобных случаях, из дополнительного меню можно загрузить другие наборы кистей – например, набор Calligraphic Brushes (рис. 12.16) для имитации перьевых ручек или Natural Brushes для имитации настоящих кистей.
Рис. 12.16. Загрузка наборов кистей из дополнительного меню
Примеры работы с инструментами рисования и простой их настройки можно увидеть, просмотрев видеоурок «Работа с инструментами рисования».
Более сложные настройки кисти выполняются на палитре Brushes (Кисти) (рис. 12.17).
Рис. 12.17. Палитра Brushes (Кисти), раздел Brush Presets (Существующие настройки кисти)
Окно палитры разделено на несколько частей: в нижней части всегда демонстрируется, какой след оставит кисть при текущих настройках, в левой перечислены разделы палитры и, наконец, в правой показываются настройки выбранного раздела.
В примере, показанном на рис. 12.16, выбран раздел Brush Presets (Существующие настройки кисти), и в правой части палитры отображаются доступные для выбора настройки. Хотя это выглядит как выбор формы кисти, не следует заблуждаться: форма выбирается в разделе Brush Tip Shape (Форма кисти), а раздел Brush Presets (Существующие настройки кисти) управляет всеми параметрами сразу, и, выбрав одну из настроек, вы измените не только форму кисти, но и другие ее параметры – к примеру, включите динамическое изменение формы или цвета или другие настройки, которые мы рассмотрим дальше.
В левой части палитры, под названиями разделов, находятся 5 «самостоятельных» флажков, которые управляют простыми настройками кисти. Так, например, флажок Noise (Шум) позволяет добавить пиксельный шум к мазку кисти – при низких разрешениях он будет отчетливо виден и создаст эффект рисования по неровной поверхности; этот прием часто используется в веб-дизайне, где применяются изображения с низким разрешением.
Флажок Wet Edges (Мокрые края) позволяет до некоторой степени имитировать рисование акварельными красками (рис. 12.18); при его включении след кисти будет иметь неравномерную прозрачность, и по краям мазок будет менее прозрачным, чем в середине.
Рис. 12.18. Линия, нарисованная инструментом Brush (Кисть) с включенной настройкой Wet Edges (Мокрые края)
Флажок Airbrush (Аэрограф) позволяет активизировать режим аэрографа – теперь при рисовании кистью диаметр следа кисти и прозрачность будут зависеть от скорости движения указателя мыши, и, задержав его на одном месте, вы получите пятно большего размера и менее прозрачное (как бы с большим количеством краски).
В разделе настроек Brush Tip Shape (Форма кисти) (рис. 12.19) можно выбрать форму кисти и задать сопутст вующие ей настройки.
Рис. 12.19. Палитра Brushes (Кисти), раздел Brush Tip Shape (Форма кисти)
Ползунок Diameter (Диаметр) устанавливает размер кисти; ползунок Hardness (Жесткость) определяет степень размытости границ мазка.
Настройки Flip X (Зеркальный поворот по оси X), Flip Y (Зеркальный поворот по оси Y), Angle (Угол), Round ness (Округлость) корректируют форму кисти. Разумеется, с круглыми кистями часть настроек не имеет смысла, но Photoshop позволяет работать с кистями сложной формы – в таком случае эти настройки могут быть полезны (рис. 12.20).
Рис. 12.20. Каллиграфические и декоративные линии, созданные с использованием настроек формы, угла и округлости кисти
Ползунок Spacing (Расстояние) и активизирующий эту настройку флажок управляют тем, как будет формироваться след кисти. Хотя в большинстве случаев это и не видно невооруженным глазом, след кисти не сплошной, а формируется из отдельных отпечатков.
Если увеличить значение Spacing (Расстояние), то можно увидеть, как непрерывный след кисти распадется на отдельные отпечатки – это может иметь и декоративный эффект (рис. 12.21).
Рис. 12.21. Линии, проведенные при разных значениях параметра Spacing (Расстояние) инструмента Brush (Кисть)
В разделе Shape Dynamics (Динамика формы) (рис. 12.22) собраны настройки, управляющие тем, будет ли меняться форма кисти во время рисования, и если будет, то каким образом.
Рис. 12.22. Палитра Brushes (Кисти), раздел Shape Dynamics (Динамика формы)
Ползунки Size Jitter (Случайное изменение размера), Angle Jitter (Случайное изменение угла) и Roundness Jitter (Случайное изменение округлости) вносят элемент «непредсказуемости» в рисование и позволяют изменять отдельные параметры кисти случайным образом в момент мазка. Чем выше значение, заданное с помощью ползунков, тем сильнее изменяются параметры кисти при рисовании.
Флажки Flip X Jitter (Случайный зеркальный поворот по оси X) и Flip Y Jitter (Случайный зеркальный поворот по оси Y) дополнительно активизируют случайное «отражение» мазка кисти по одной из осей.
Списки Control (Управление), прилагающиеся к каждой из трех настроек (отдельно для изменения размера, угла и округлости) позволяют менять настройки более предсказуемо. В списках можно увидеть такие значения:
• Off (Выключено) – настройка кисти не будет изменяться (это не касается случайного изменения, которое настраивается посредством отдельного пол зунка);
• Fade (Затухание) – настройка будет изменяться постепенно, например размер кисти будет плавно уменьшаться; числовое поле рядом с раскрывающимся списком позволяет указать количество отпечатков кисти, за которое настройка изменится: чем выше это значение, тем более плавное изменение;
• Pen Pressure (Нажим), Pen Tilt (Наклон), Stylus Wheel (Колесо стилуса) – эти три параметра используют при работе с графическими планшетами и бесполезны при работе с мышью; благодаря им можно назначить связь между движениями стилуса по планшету и настройками – например, размер кисти будет изменяться в зависимости от силы нажима стилусом на поверхность планшета.
На рис. 12.23 показаны результаты некоторых настроек раздела Shape Dynamics (Динамика формы).
Рис. 12.23. Действие настроек раздела Shape Dynamics (Динамика формы)
Раздел Color Dynamics (Динамика цвета) содержит настройки динамического изменения цвета кисти во время рисования (рис. 12.24).
Рис. 12.24. Палитра Brushes (Кисти), раздел Color Dynamics (Динамика цвета)
За исходный цвет принимается выбранный цвет переднего плана (цвет Foreground), который или изменяется, или смешивается со вспомогательным цветом – цветом фона (цветом Background).
С помощью ползунка Foreground/Background Jitter (Случайное смешение цветов переднего плана и фона) к цвету переднего плана можно «подмешать» вспомогательный – тем сильнее, чем большее значение установлено.
Список Control (Управление) позволяет более предсказуемо управлять переходом от цвета переднего плана к цвету фона.
Ползунки Hue Jitter (Случайное изменение оттенка), Saturation Jitter (Случайное изменение насыщенности) и Brightness Jitter (Случайное изменение яркости) позволяют случайным образом менять оттенок, насыщенность и яркость цвета, выбранного для рисования.
Примечание
Обратите внимание, что при изменении цвета кисти используется система исчисления цвета HSB (HSL).
Ползунок Purity (Чистота) уменьшает или увеличивает чистоту цвета, иначе говоря – его насыщенность. Это бывает полезно, если вы привыкли выбирать насыщенные цвета, а кисть имитирует реальный инструмент – в этом случае коррекцию насыщенности можно заложить уже на стадии настройки кисти.
На рис. 12.25 показаны результаты некоторых настроек раздела Color Dynamics (Динамика цвета).
Рис. 12.25. Действие настроек раздела Color Dynamics (Динамика цвета)
Раздел Other Dynamics (Другая динамика) (рис. 12.26) позволяет случайно или упорядоченно управлять обоими видами прозрачности кисти (напомним, о них речь шла в начале этого раздела).
Рис. 12.26. Палитра Brushes (Кисти), раздел Other Dynamics (Другая динамика)
Ползунок Opacity Jitter (Случайное изменение непрозрачности) и соответствующий ему раскрывающийся список Control (Управление) позволяют случайно или постепенно изменять прозрачность кисти, а также управлять прозрачностью инструмента, используя графический планшет.
Аналогичные настройки предусмотрены и для варианта прозрачности Flow (Поток).
Примеры линий с настройками из раздела Other Dynamics (Другая динамика) показаны на рис. 12.27.
Рис. 12.27. Действие настроек раздела Other Dynamics (Другая динамика)
Раздел Scattering (Распыление) (рис. 12.28) позволяет нам разрушить непрерывный след кисти и раздробить его на отдельные отпечатки – этот прием используется только в декоративных целях. Достигается эффект за счет смещения отдельных отпечатков кисти в разные стороны.
Рис. 12.28. Палитра Brushes (Кисти), раздел Scattering (Распыление)
Ползунок Scatter (Распыление) определяет, насколько далеко будут смещаться отпечатки в стороны от линии, по которой движется инструмент. Если установлен флажок Both Axes (По обеим осям), то мазки могут не только смещаться в стороны, но и «забегать вперед» или «отставать», что вносит бульшую неразбериху в результат.
Список Control (Управ ление) позволяет осмысленно управлять разбросом мазков, либо используя гра фический планшет, либо просто постепенно уменьшая степень распыления.
При распылении линия теряет «плотность», поскольку мазки больше не образуют непрерывной линии. Ползунок Count (Количество) позволяет увеличивать число мазков в некоторое количество раз – благодаря этому они плотнее заполняют линию. С помощью ползунка Count Jitter (Случайное изменение количества) можно изменять количество мазков случайным образом – благодаря этому линия будет в некоторых местах плотнее, а в некоторых – разреженнее. Наконец, используя раскрывающийся список Control (Управление), можно осмысленно управлять изменением количества мазков все по тем же хорошо известным нам принципам.
На рис. 12.29 показаны линии, нарисованные с настройками из раздела Scattering (Распыление).
Рис. 12.29. Действие настроек раздела Scattering (Распыление)
Раздел настроек Texture (Текстурирование) (рис. 12.30) позволяет создать эффект рисования по неровной поверхности – например, имитировать рисование карандашом по штукатурке, краской по холсту и т. д.
Рис. 12.30. Палитра Brushes (Кисти), раздел Texture (Текстурирование)
Из раскрывающегося меню мы можем выбрать один из узоров, который послужит текстурой – или, правильнее сказать, задаст рельеф поверхности, потому что яркость узора будет соответствовать «высоте» того или иного фрагмента поверхности.
Флажок Invert (Инвертировать) позволяет поменять рельеф на противоположный – те места поверхности, которые считались «приподнятыми», станут «утопленными», и наоборот. Ползунок Scale (Масштаб) задает размер узора-текстуры.
Имитировать рисование по неровной поверхности можно, используя разные режимы наложения цвета, которые выбираются из раскрывающегося списка Mode (Режим). Не имеет смысла описывать все доступные варианты, поскольку результат действия зависит не только от выбранного режима, но и от особенностей выбранной кисти и узора. Достаточно сказать, что в каждом конкретном случае не лишним будет поэкспериментировать и посмотреть, не найдется ли среди режимов наложения более подходящего для решения конкретной задачи.
Ползунок Depth (Глубина) определяет, насколько сильно проявляется эффект текстурирования – так имитируется «глубина» рельефа. Флажок Texture Each Tip (Текстурировать каждый отпечаток кисти) позволяет более точно настроить инструмент. Ползунок Depth (Глубина) действует на всю линию целиком, а потому не может изменяться во время работы. При установке флажка Texture Each Tip (Текстурировать каждый отпечаток кисти) доступны три новые настройки: Minimum Depth (Минимальная глубина), Depth Jitter (Случайное изменение глубины) и Control (Управление). Благодаря этим настройкам можно внести разнообразие в рельеф и добиться того, чтобы он проступал сквозь линию то сильнее, то слабее – как это было бы при настоящем рисовании.
Какие линии можно получить, используя настройки из раздела Texture (Текстурирование), показано на рис. 12.31.
Рис. 12.31. Действие настроек раздела Texture (Текстурирование)
Раздел Dual Brush (Двойная кисть) (рис. 12.32) посвящен очень необычному эффекту – двойной кисти. На практике это выглядит как выбор дополнительного инструмента, который будет рисовать внутри мазка, оставляемого инструментом Brush (Кисть).
Рис. 12.32. Палитра Brushes (Кисти), раздел Dual Brush (Двойная кисть)
Здесь можно выбрать одну из существующих кистей и дополнительно настроить ее размер, расстояние между мазками, распыление и количество мазков с помощью уже известных нам настроек. Конечный эффект от совмещения двух рисующих кистей, одной внутри другой (рис. 12.33), во многом зависит от выбранного режима наложения цвета (раскрывающийся список Mode (Режим)). Как и в предыдущем случае, мы рекомендуем поэкспериментировать с этой настройкой, поскольку результат часто неоднозначен.
Рис. 12.33. Действие настроек раздела Dual Brush (Двойная кисть)
Некоторые примеры сложной настройки кистей можно увидеть в видеоуроке «Настройки инструмента Brush».
Инструменты заливки
Во время работы часто требуется закрасить каким-то цветом или узором определенную область изображения. Можно, конечно же, просто долго рисовать инструментом Brush (Кисть) – однако вы можете случайно оставить незакрашенные фрагменты, и, в конце концов, это просто нерационально. Существуют специальные команды и инструменты для заливки областей изображения каким-то цветом или узором.
Прежде всего, это команда меню Edit → Fill (Редактирование → Заливка), которой можно воспользоваться для заливки области изображения (см. рис. 11.9).
Важнейший элемент окна – раскрывающийся список Use (Использовать), из которого мы можем выбрать, чем закрасить изображение:
• Foreground Color (Цвет переднего плана) – выбранным в данный момент цветом переднего плана;
• Background Color (Цвет фона) – выбранным в данный момент цветом фона;
• Color (Цвет) – произвольным цветом, который можно выбрать в дополнительно открывающемся окне выбора цвета;
• Pattern (Узор) – узором, который можно выбрать в дополнительном меню;
• History (История) – более «старой» копией изображения, хранящейся на палитре History (История) (об этом рассказывалось в главе 11);
• Black (Черный) – черным цветом;
• 50% Gray (50%-ный серый) – нейтрально-серым цветом;
• White (Белый) – белым цветом.
В области Blending (Смешение) настраивается прозрачность заливки – в поле Opacity (Непрозрачность) и выбирается режим наложения цветов – из раскрывающегося списка Mode (Режим).
При использовании команды для дополнительного слоя активен флажок Preserve Transparency (Сохранить прозрачность); установив его, можно добиться того, чтобы заливка распространялась только на непрозрачную область слоя – иными словами, закрашиваться будут только те части слоя, где уже существует изображение, что позволит сохранить текущую форму слоя.
Внимание!
Команда Edit → Fill (Редактирование → Заливка) обычно используется вместе с операциями по выделению. Если команда применяется без созданного выделения, она будет закрашивать все доступное пространство слоя; выделение же «обозначает» место, которое нужно закрасить.
Для заливки также используется инструмент Paint Bucket (Заливка), который как бы объединяет в себе инструменты заливки и выделения – иными словами, можно считать, что этот инструмент сам выделяет область, которую нужно закрасить. Он определяет область заливки по сходству цветов, поэтому его можно использовать для заливки областей изображения, окрашенных в однородный цвет.
Внимание!
Хотя работать с инструментом Paint Bucket (Заливка) удобно и легко, следует помнить, что действует он достаточно неточно – это связано с примитивностью его настроек. Если вам требуется высококачественный результат, следует отказаться от использования инструмента Paint Bucket (Заливка) в пользу создания выделения вручную и последующего применения команды Edit → Fill (Редактирование → Заливка) – так вы сможете точнее определить область заливки.
Настройки инструмента Paint Bucket (Заливка) (рис. 12.34) включают в себя уже известные нам раскрывающийся список Mode (Режим) и поле Opacity (Непрозрачность). Кроме этого, основная настройка – раскрывающийся список, позволяющий выбрать, что будет использоваться для заливки – цвет переднего плана или узор. К сожалению, инструмент Paint Bucket (Заливка) не позволяет использовать другие варианты заливки – например, установить произвольный цвет непосредственно в настройках инструмента.
Рис. 12.34. Панель управления при работе с инструментом Paint Bucket (Заливка)
Для выполнения заливки с помощью инструмента Paint Bucket (Заливка) достаточно щелкнуть кнопкой мыши в любом месте изображения, и инструмент закрасит пикселы изображения с цветом, похожим на цвет пиксела, на котором мы щелкнули. Степень сходства цветов задается в поле Tolerance (Допуск) – чем выше это значение, тем более разные цвета будут считаться похожими и будут закрашиваться.
На рис. 12.35 показаны примеры заливки изображения с разными значениями Tolerance (Допуск); во всех случаях щелчок инструментом производился в левом верхнем углу изображения, а для закрашивания использовался светло-серый цвет.
Рис. 12.35. Заливка изображения с помощью инструмента Paint Bucket (Заливка) с разными значениями допуска
Флажок Contiguous (Смежные области) позволяет нам закрашивать либо один фрагмент изображения (вокруг точки, на которой мы щелкнули), либо отыскивать и закрашивать пикселы сходного цвета по всему изображению. На рис. 12.36 показан пример заливки фрагментов изображения с помощью инструмента Paint Bucket (Заливка) с установленным и снятым флажком Contiguous (Смежные области) (для заливки применялся белый цвет).
Рис. 12.36. Заливка изображения с помощью инструмента Paint Bucket (Заливка) с включенной (слева) и отключенной (справа) заливкой смежных областей
Примеры работы с инструментом Paint Bucket (Заливка) и командой Edit → Fill (Редактирование → Заливка) можно увидеть в видеоуроке «Заливка областей изображения».
Градиентная заливка
Кроме заливки сплошным цветом и узором, существует еще одна техника, которая получила широчайшее распространение среди дизайнеров благодаря легкости исполнения и эффектному внешнему виду, – градиентная заливка. Смысл ее сводится к тому, что область изображения закрашивается плавным переливом из нескольких цветов и оттенков.
Для создания градиентной заливки (рис. 12.37) предназначен инструмент Gradient (Градиент), и для ее полноценного применения также рекомендуется использовать выделение, в противном случае будет закрашиваться вся доступная область слоя.
Рис. 12.37. Градиентные заливки
Главнейшие настройки инструмента Gradient (Градиент) (рис. 12.38) – выбор одного из образцов градиентной заливки из меню на панели управления и выбор формы градиентной заливки с помощью кнопок со значками градиентов разных форм.
Рис. 12.38. Панель управления при работе с инструментом Gradient (Градиент)
Всего Adobe Photoshop предлагает нам пять разных форм градиентной заливки:
• Linear (Линейный) – создает размытые полосы цветов, идущие в любом направлении (в зависимости от того, как было задано направление градиента инструментом);
• Radial (Радиальный) – создает размытые круги цветов, идущие из центра наружу;
• Angle (Угловой) – рисует переливы цветов по окружности, вокруг центра, указанного инструментом;
• Reflected (Отраженный) – как и тип Linear (Линейный), этот тип градиента рисует размытые полосы цветов и дополнительно создает зеркальную копию перелива относительно начала градиентной заливки;
• Diamond (Бриллиант) – этот тип градиента похож на Radial (Радиальный), однако вместо окружностей рисуются плавно сменяющиеся квадраты, что напоминает игру света на кристалле.
Во всех случаях инструментом Gradient (Градиент) необходимо задать начало и конец градиентной заливки: просто нарисовать инструментом линию, удерживая нажатой кнопку мыши. Положение начальной и конечной точек линии, ее направление и длина зададут все необходимые параметры градиента:
• для типа градиента Linear (Линейный) начало и конец линии (и ее длина соответственно) задают положение начального и конечного цвета градиента, а угол, под которым проведена линия, определяет угол, под которым будут нарисованы полосы градиента (рис. 12.39);
Рис. 12.39. Создание линейного градиента
• для типа градиента Radial (Радиальный) начальная точка линии определяет центр окружностей градиента, а длина линии – радиус градиентного перехода (угол проведения линии не имеет значения) (рис. 12.40);
Рис. 12.40. Создание радиального градиента
• для типа градиента Angle (Угловой) начальная точка линии задает центр градиента, а угол, под которым проведена линия, определяет положение начального цвета (длина линии не имеет значения) (рис. 12.41);
Рис. 12.41. Создание углового градиента
• для типа градиента Reflected (Отраженный) параметры задаются аналогично типу Linear (Линейный), причем отраженная копия градиента рисуется симметрично относительно начальной точки (рис. 12.42);
Рис. 12.42. Создание отраженного градиента
• для типа градиента Diamond (Бриллиант) начало линии определяет центр градиента, а ее длина – размер (аналогично радиальному градиенту), однако при этом важен и угол проведения линии, так как соответственно ему будут повернуты квадраты градиентных полос (рис. 12.43).
Рис. 12.43. Создание градиента формы «бриллиант»
Более наглядно процесс работы с инструментом Gradient (Градиент) можно увидеть в видеоуроке «Градиентная заливка».
Помимо хорошо знакомых нам настроек прозрачности и выбора режимов наложения цвета, панель управления при работе с инструментом Gradient (Градиент) содержит также три новых флажка:
• Reverse (Реверсировать) – установив этот флажок, мы поменяем направление перелива цветов в градиенте на противоположное – хотя при работе, к примеру, с линейным градиентом для достижения того же эффекта достаточно нарисовать инструментом линию в другом направлении, при работе с радиальным и «бриллиантовым» градиентом эта настройка очень удобна;
• Dither (Смешение) – установив этот флажок, мы укажем инструменту при создании переливов использовать технику смешения пикселов соседних оттенков, что позволит получить более гладкие переходы цвета;
• Transparency (Прозрачность) – установив этот флажок, мы разрешим использовать «внутреннюю» прозрачность градиента, о которой речь пойдет ниже.
Поскольку в реальной работе нельзя ограничиться только выбором готовых настроек градиента, следует также научиться создавать собственные градиенты. Для этого достаточно щелкнуть кнопкой мыши на полоске градиента на панели управления (именно на полоске, а не на стрелочке, раскрывающей меню выбора) – это действие отобразит окно настроек градиента (рис. 12.44).
Рис. 12.44. Окно настройки градиента
В окне мы также можем выбрать одну из существующих настроек градиента – чтобы взять ее за основу для дальнейшей работы. Однако основные настройки находятся в нижней части окна.
Примечание
Раскрывающийся список Gradient Type (Тип градиента) позволяет нам переключаться между типами градиента Solid (Непрерывный) и Noise (Шумовой). Поскольку шумовые градиенты достаточно сложны для понимания и в то же время используются крайне редко, мы не будем касаться их при рассмотрении настроек.
Значение Smoothness (Гладкость) позволяет немного менять алгоритм смешивания цветов для получения плавных переливов: при максимальном значении цвета в градиенте выглядят более чистыми и четкими.
Центральное место в нижней части окна занимает полоска градиента, под которой можно видеть маркеры цвета (рис. 12.45). Каждому цвету в переливе соответствует маркер, и чем их больше, тем сложнее цветовые переливы. Минимальное количество маркеров – два (для начального и конечного цвета), максимальное – 100 (гораздо больше, чем нужно при реальной работе).
Рис. 12.45. Окно настройки градиента с несколькими цветовыми маркерами
Положение маркеров определяет положение цвета в градиенте, и для изменения положения можно перетащить маркер с помощью мыши или (для большей точности) ввести числовое значение в поле Location (Положение) внизу палитры. Добавить новый маркер можно, щелкнув на свободном участке, а удалить существующий – перетащив его указателем мыши вниз от полоски градиента или нажав кнопку Delete (Удалить). Кроме того, при выделении одного из маркеров можно увидеть по обе стороны от него дополнительные маркеры-ромбики – их смещение нарушает плавность перелива цветов между соседними маркерами цвета (рис. 12.46).
Рис. 12.46. Окно настройки градиента с установками неплавного перехода цветов
Задать цвет маркеру можно, выделив его и использовав параметр Color (Цвет) внизу палитры. Кроме определенного цвета, маркер можно «привязать» к одному из основных цветов для рисования – в этом случае внешний вид градиента будет изменяться в зависимости от выбранных цветов переднего плана и фона. Для этого нужно обратиться к меню параметра Color (Цвет) и выбрать значение Foreground (Цвет переднего плана) или Background (Цвет фона).
Помимо настроек цвета, градиент также может иметь собственные настройки прозрачности. Таким образом, помимо «общей» прозрачности, которая задается на панели управления инструмента, в переливе могут быть отдельные частично или полностью прозрачные области.
Чтобы назначить прозрачность, используются маркеры над полоской градиента. Работа с ними ничем не отличается от работы с маркерами цвета, за исключением того, что вместо цвета мы назначаем непрозрачность участка градиента с помощью параметра Opacity (Непрозрачность). На рис. 12.47 показан градиент с прозрачной областью (она обозначается «шашечками» прозрачности на полоске градиента).
Рис. 12.47. Окно настройки градиента с созданной прозрачной областью на полоске градиента
Процесс настройки заказного градиента с прозрачными областями также показан в видеоуроке «Градиентная заливка».