Создание заливки слоя является очень часто используемым в Фотошопе методом. Его применяют как при создании нового слоя, так и при различных редактированиях одного из текущих слоев. Несмотря на достаточную очевидность метода, начинающие пользователи могут испытывать определенные затруднения с его реализацией. Кроме того, в различных ситуациях процедура выполнения заливки может иметь свои особенности и разновидности.
Типы заливок в ФотошопеВ стандартном комплекте поставки в Фотошопе могут быть использованы различные типы заливок:
- сплошной равномерный цвет;
- градиент;
- узор.
Выполнение заливки
- Для того, чтобы выполнить простую заливку цветом выделите область, которая будет заполнена цветом, активируйте инструмент «Заливка» (Paint Bucket Tool) в основной панели инструментов, выберите основной цвет и сделайте щелчок левой кнопкой мышки внутри выделенной области. В результате указанного действия она будет залита выбранным основным цветом.
- Чтобы выполнить градиентную заливку также выделите заполняемую область на изображении. После этого активируйте инструмент «Градиент» (Gradient Tool) в панели инструментов, выберите один из предустановленных наборов используемой градиентной заливки. При необходимости выполните точную настройку параметров выбранного набора. Укажите форму и режим градиента, после чего укажите внутри выделенной области направление вектора градиента. Для этого установите курсор в начальную точку, зажмите левую кнопку мыши, перевидите курсор в выбранном направлении и отпустите левую кнопку. В результате данного действия выделенная область заполнится градиентной заливкой в соответствии с выполненными вами предварительными настройками.
- При возникновении необходимости выполнения заливки узором из главного меню перейдите по следующему пути «Слои»-«Новый слой-заливка»-«Узор» («Layer»-«New Fill Layer»-«Pattern»). Нажмите кнопку «Ок» в появившемся окне. В результате данного действия выбранная область будет заполнена последней созданной вами заливкой-узором. Если такую заливку вы еще не создавали, то предварительно вам необходимо выполнить следующее.
Создайте новый документ. Желательно, чтобы при этой его изображение имело квадратную форму с одинаковыми значениями высоты и ширины. Это обеспечит в последующем при их использовании как узоров равномерное заполнение исходных изображений. Создайте задуманный узор или скопируйте его на изображений из других источников. Выделите область изображения с помощью инструмента «Прямоугольная область выделения» (Rectangular Marquee Tool). Из главного меню перейдите по пути «Редактирование»-«Определить узор» (Edit-Define Pattern). В открывшемся окне присвойте имя новому узору и нажмите кнопку «Ок». Заливка-узор создана и готова к работе.
Одно из наиболее распространенных действий, которые вы будете совершать с новым слоем, это его заливка цветом. Если вы скрыли исходный фон своего изображения или добавили интересный эффект к границам рисунка, например, вы можете сделать их еще более пикантными, добавив фон, окрашенный сплошным цветом, фотошоп предлагает несколько различных способов решения этой задачи:
Залить цветом существующий слой . После того, как вы создадите новый слой, выберите команду меню «Редактирование — Выполнить заливку» . В раскрывающемся списке «Использовать» появившегося диалогового окна «Заполнить» выберите цвет, а затем нажмите кнопку ОК. Вы также можете залить основным цветом, нажав сочетание клавиш Alt+Backspace.
Создать слой заливку . Если вы не уверены, какой цвет хотите использовать, выберите команду меню «Новый слой-заливка» и укажите вариант «Цвет». Задайте слою имя в появившемся диалоговом окне и нажмите кнопку ОК. Программа фотошоп отобразит диалоговое окно «Палитра цветов», чтобы вы могли выбрать желаемый цвет заливки. Если вы решите изменить цвет, дважды щелкните мышью по миниатюре и вновь откроется диалоговое окно, чтобы вы могли выбрать новый цвет или захватить его из самого изображения. Слои-заливки создаются уже с собственными масками, и поэтому при необходимости будет очень легко скрыть часть слоя.
Примечание
Перетаскивание нового слоя-заливки вниз списка, позволяет создать сплошной фон изображения. Если вы хотите изменить цвет, дважды щелкните мышью по миниатюре, чтобы открыть диалоговое окно «Палитра цветов».
Если вам нужно нечто креативное, можно захватить цвета из изображения, перемещая по нему указатель мыши при открытом диалоговом окне (указатель мыши примет вид пипетки). Щелкните мышью для выбора нужного цвета, а затем нажмите кнопку ОК.
Наконец, если по какой-то причине вам требуется скрыть часть нового цвета (скажем, для создания эффекты выцветания), рисуйте по присоединенному слою-маске.
Одним из многих преимуществ использования слоев-заливок в том, что, в отличие от обычных слоев, они заполняют цветом весь слой, даже если вы увеличиваете холст. Их можно применять не только для создания сплошного фона, но и для заполнения градиентом или повторяющимся узором.
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!
И так, инструмент заливка у нас под микроскопом. Он прост и понятен, но давайте рассмотрим его в деталях и ответим на все возможные вопросы. Ведь нам не нужны поверхностные знания, мы хотим знать предмет в деталях.
Зачем нужна заливка в фотошопе?
Инструмент заливка в фотошопе , как и в других графических редакторах создан для одной цели — заливать цветом определенную область. Если говорить про простую заливку, то чаще всего этот цвет однородный. Залить можно выделенную область, область с однородным цветом, слой целиком. Чаще всего заливку применяют для создания некой основы, например, при рисовании чего либо, заливка может создать базовый цвет. Однако заметим, что заливкой пользуются в основном новички, те, кто использует программу фотошоп в коммерческих целях крайне редко применяют данный инструмент. Он легко заменяется сочетанием горячих клавиш или специальными слоями.
Где находится заливка в фотошопе?
О, отличный вопрос. Как и другие инструменты, заливка находится на панели инструментов. Обычно она находится на панели инструментов, но не всегда. Вызвать заливку можно с помощью горячей клавиши (G). Но также, эта клавиша может вызвать инструмент «Градиент», завит от того, какой именно инструмент этого класса активен в данный момент на панели инструментов, а также, это зависит от версии фотошопа. В ранних версиях эти инструменты стояли особняком друг от друга. Сейчас они являются частью одной группы и при работе их чередуют. Это выглядит следующим образом:
Инструменты «Заливка» и «Градиент»
Видно, что оба инструмента вызываются одной и той же горячей клавишей, но активен в данный момент инструмент «Заливка». Понять какой именно инструмент активен в данный момент просто: обратите внимание на пиктограмму на панели инструментов. Если вы видите там пиктограмму «Заливка», то активен именно этот инструмент, напротив, если на панели инструментов наблюдается «Градиент», то «Заливка» в данный момент не активна и клавиша (G) активирует именно «Градиент».
Чтоб выбрать необходимы инструмент и активировать его, следует нажать правой кнопкой мыши по активному в данный момент инструменту, откроется меню, как то, что изображено выше. Здесь левой кнопкой мыши выбираем что мы хотим активировать в данный момент.
Для быстрой смены активного инструмента можно воспользоваться сочетанием клавиш + (Shift + G). Таким образом при каждом нажатии инструмент будет меняться на противоположный.
Если у Вас не получилось менять инструмент с помощью горячих клавиш + (Shift + G), то убедитесь что эта функция включена в настройках. Shift. Для этого откройте диалоговое окно Редактирование —> Установки (Edit —> Preferences), вкладку «Основные» (General), или просто нажмите комбинацию + (Ctrl+K). Затем снимите галку у опции «Смена инструмента клавишей Shift» (Use Shift Key for Tool Switch).
Включить быстрое переключение инструментов в фотошопе
Если Вы до сих пор не нашли где находится заливка — не проблема, вероятнее всего у Вас выбрана особая рабочая область и инструмент «Заливка» скрывается за тремя точками на панели инструментов. Они располагаются ниже всех инструментов. Нажимаем по пиктограмме с тремя точками правой кнопкой мыши и ищем нужный нам инструмент, в данном случае «Заливку».
В данном случае у меня пиктограмма трёх точке (редактирование панели инструментов) заменена на другой инструмент, так как я уде произвёл нажатие, но важно, что она ВСЕГДА находится последний, если вы не переместили её искусственно. Кстати, если Вам пришлось воспользоваться этим способом чтоб найти «Заливку», стоит задумать о смене рабочей области.
Как работает заливка в фотошопе?
Заливка заливает однородным цветом некоторую область, к этой области может относится:
- Целый слой
- Однородный цветовой участок на картинке
- Выделенная область
- Любая другая область к которой будет применена заливка
Демонстрация работы «Заливки» на примере пустого слоя
И так, заметим, что при активном инструменте «Заливка» сверху появляется панель параметров данного инструмента, как оказалось, их достаточно много и все они позволяют тонко настроить инструмент заливка. Отметим, что эти параметры на деле практически никогда не используются, но они есть и мы обязаны о них рассказать. Для удобства пронумеруем все и расскажем о каждом в отдельности. Они чем то напоминают параметры инструмента «Выделение».
И так теперь по очереди:
Параметр под номером 0 (ноль) позволяет использовать уже настроенный и сохранённые конфигурации этого инструмента, например, если мы выставим какие либо параметры отличные от тех что представлены на скриншоте мы сможем сохранить их как профиль инструмента и в следующий раз просто выбрать нужную конфигурацию. Для того чтоб сохранить конфигурацию инструмента, необходимо нажать на пиктограмму заливки (на стрелочку рядом с ней) и в появившимся окне нажать на квадратик, также, для того чтоб выбрать какую либо из конфигурация инструмента достаточно просто кликнуть по ней.
После нажатия на данную иконку появится окно, в котором будет необходимо ввести имя для конфигурации, это поможет идентифицировать её после.
Введите название и нажмите кнопку «ОК», после чего набор будет сохранён и им можно будет пользоваться.
Номер 2 на скриншоте позволяет выбрать режим заливки, по умолчанию — основной цвет.
При активном режиме «Основной цвет» заливка будет происходить цветом, который выбран основным в документе.
Второй из доступный режимов «Узор», при активном режим «Узор» заливка будет производиться не цветом, а выбранным узором. Узор можно выбрать с помощью пункта настроек 2.1. Заливка узором может быть полезна в некоторых случаях, но на практике, для обозначения области узора используются другие приёмы, да и сам узор в чистом виде используется крайне редко, за исключением режимов наложения.
В данном уроке и знакомимся и учимся пользоваться инструментами PaintBucket и Crop.
Инструмент заливки находится в одной группе с инструментом градиент, поэтому иногда он бывает скрыт от наших глаз. Инструмент имеет несколько параметров, существенно влияющих на его работу. Естественно, все они находятся в палитре Options.
Заливка: инструмент PaintBucket.
Для начала давайте найдем этот инструмент. Он находится в палитре инструментов и выглядит, как ведро. Но инструмент заливки находится в одной группе с инструментом градиент, поэтому иногда он бывает скрыт от наших глаз. Если вместо искомого ведра вы видите инструмент градиент, то щелкните на треугольнике под ним и выберите из открывшегося списка , как показано на рисунке. Принцип действия инструмента заключается в заливке области на рисунке, содержащей тот цвет, на который Вы указали инструментом, и схожие с ним оттенки цвета. Поэтому PaintBucket используется для заполнения цветом однородных областей.
Инструмент имеет несколько параметров, существенно влияющих на его работу. Естественно, все они находятся в палитре Options.
Способ заливки Fill указывает инструменту чем заливать - основным цветом (Foreground) или узором (Pattern). Образец узора можно выбрать рядом из раскрывающегося списка Pattern. Задавать свои образцы узоров мы научимся чуть позже.
Параметр Mode задает режим смешивания заливки с фоновым изображением. Все режимы были рассмотрены в разделе "Инструмент кисть. Палитра Brushes" первого урока.
Параметр Opacity определяет непрозрачность заливки, действие которой идентично непрозрачности кисти.
Схожесть оттенков цвета определяется параметром Tolerance
(Допуск). Photoshop создает диапазон цветов, добавляя и вычитая параметр Tolerance из яркости цвета выбранного пиксела. Небольшое значение допуска приведет к воздействию инструмента только на те пикселы, которые близки по цвету к выбранному. Большое значение допуска позволит залить пикселы широкого диапазона цветов, значительно отличающиеся от выбранного. На рисунке показан результат заливки изображения при разных значениях параметра Tolerance. 
Флажок Anti-aliased включает так называемое сглаживание контуров. Если присмотреться к любой не горизонтальной и не вертикальной линии, легко заметить что она не гладкая, а как бы состоящая из множества мелких прямоугольничков. Функция Anti-aliased сглаживает края заливки, заполняя их пикселами промежуточных цветов. Мы получаем визуально более гладкие, но не кажущиеся размытыми цветовые границы, успешно прячущие от восприятия пиксельную структуру экрана.
Включенный флажок Contiguous
(Смежные области) указывает на то, что заливать можно только смежные области, т.е. граничащие друг с другом. Проведем аналогию с реальной жизнью. Если на пути растекающейся краски встретится барьер, ограничивающий залитую этой краской область, то краска не сможет вытечь за его пределы. В нашем случае в роли барьера выступает цвет, слишком сильно отличающийся от заданного. Т.е. включая флажок Contiguous, мы возводим такой барьер на пути растекания цвета. Если он выключен, то заливаются все вхождения заданного цвета в изображение. Подумайте, как оптимально изменить цвет всех черных клеточек на изображении? В каком положении должен быть Contiguous?
Лично я считаю, что он должен быть выключен, если вы не хотите вместо одного щелчка мышью сделать 30. :)
Флажок Use All Layers (использовать все слои) позволяет заливать пикселы близких цветов на всех слоях изображения. Работе со слоями будет посвящен пятый урок.
Очень часто в результате некачественного сканирования у фотографий получается непрезентабельный вид краёв. Самым быстрым и эффективным вариантом исправления такого рода недостатков является обрезка. При обрезке от исходного изображения остается только та часть, которая выделена рамкой. Все остальное просто пропадает. Эта операция осуществляется при помощи инструмента Crop (обрезка).
Для обрезки рисунка необходимо проделать следующие действия.
- Включите инструмент Crop (обрезка).
- Нарисуйте им рамку (удерживая левую кнопку мыши). Если удерживать при рисовании Shift , то рамка будет пропорциональна, если удерживать Alt , то рамка будет рисоваться от центра.
- Подгоните рамку по той площади, которую вы хотите оставить, и учтите, что всё, что осталось за пределами выделения, пропадёт.
- После подгонки рамки по необходимой площади просто нажмите Enter или дважды щёлкните внутри выделенной области. Можно также выбрать пункт меню Image > Crop .
У инструмента ряд интересных и полезных настроек. Посмотрим на палитру Options.
Поля Width (ширина) и Height (высота) задают соответственно ширину и высоту результирующего изображения в заданных Вами единицах. На рисунке, например, задана ширина и высота результата, равные 50 пикселов каждая. Здесь используются такие сокращения:
- px - пикселы,
- cm - сантиметры,
- mm - миллиметры,
- in - дюймы.
Если Вы напишете число без указания единиц измерения, то размеры изображения будут заданы в единицах, указанных в настройках Photoshop. Я советую Вам не ждать милости от природы, и всегда указывать конкретные единицы. Следует отметить, что пропорция между шириной и высотой уже не будет зависеть от Вашего желания, и будет определяться параметрами Width и Height. Если мы укажем такие параметры, как на рисунке, то при протягивании рамки ее ширина будет все время равна высоте. То есть выделится квадратный участок изображения. После двойного щелчка или нажатия Enter сторона квадрата станет равной 50 пикселов. Если же вы хотите сами определять размер рамки и соотношение ее ширины к высоте, просто оставьте поля Width и Height пустыми. Тогда результат будет именно таким, каким Вы его выделите.
Resolution - разрешение результирующего изображения, т.е. величина, показывающая сколько пикселов помещаются в одной реальной единице измерения. Это может быть дюйм или сантиметр, выбирает эту единицу следующий параметр:
- pixels/inch - пикселы в дюйме,
- pixels/cm - пикселы в сантиметре.
Вы хотите распечатать цифровое изображение с разрешением 300 dpi (dots per inch - количество точек в дюйме, что соответствует рассмотренному значению pixels/inch) форматом 9x13 сантиметров. Нужно задать следующие значения параметров инструмента Crop:
Width - 9 cm
Height - 13 cm
Resolution - 300 pixels/inch
Затем Вы выделяете этим инструментом часть или все изображение, применяете обрезку и наслаждаетесь результатом.
Кнопка Front Image назначает параметры ширины, высоты и разрешения равными изначальным размерам картинки. Таким образом при обрезке краёв картинки общий размер её не меняется, потому что оставшаяся часть картинки автоматически увеличивается до исходных размеров всего изображения.
Кнопка Clear очищает все настройки инструмента Crop. Это полезно, если Вы снова хотите вернуться к свободному режиму обрезки.
- Просмотров: 33134
Теперь рассмотрим следующую группу инструментов.
Инструменты заливки
Заливка. Щелкните по этому инструменту и удерживайте левую клавишу мыши, раскроется меню выбора: градиент и заливка.
Здесь можно выбрать необходимое.
Ведро - заливает изображение (выделение) цветом или текстурой.
Итак, для заливки имеем следующие параметры:
Заливка (fill) - определяет, что использовать в качестве "краски": основной цвет (foreground)зальет основным цветом, шаблон (узор - pattern) зальет некоторым узором.
Шаблон (pattern) - узор для заливки.
Режим (mode) - способ наложения пикселов, значений много и рассматриваться будут по мере необходимости.
Непрозрачность (opacity) - определяет степень прозрачности заливки.
Допуск (tolerance) - диапазон цветов для заполнения.
Галочка сглаживание означает смягчить края перехода.
Попробуем на деле:
Возьмите инструмент заливка (щелкните по ведру), подведите его вовнутрь выделения, сделанного на предыдущем шаге, и щелкните мышкой. Наше выделение окрасится в цвет переднего плана (по умолчанию - черный).
Теперь на панели параметров выберете: Заливка -> Узор, Узор -> любой понравившийся.
Снова подведите наше ведро вовнутрь выделения и щелкните. Теперь оно залито шаблоном и выглядит так:
Обратите внимание, в открывающемся окне шаблонов, представлена лишь небольшая их часть. Если щелкнуть по стрелочке справа, то откроется меню, внизу которого указаны другие коллекции шаблонов. Их можно добавить к имеющимся.
Градиент. Создает заливку с плавным переходом между двумя или несколькими цветами.
Рассмотрим панель параметров:
Если щелкнуть по срелочке справа, то откроется палитра с вариантами градиента, при двойном щелчке перед стрелкой откроется окно редактирования градиента (здесь можно настроить свои варианты градиента).
Определяет вид градиента (слева направо - линейный, радиальный, угловой, отраженный, ромбовидный).
Инверсия (reverse)- галочка указывает геометрически перевернуть градиент.
Дизеринг (глубина - dither) - галочка указывает сгладить для уменьшения сегментации.
Прозрачность (transparency) - галочка указывает на использование прозрачности.
Попробуем на деле:
Создайте новый файл, возьмите инструмент прямоугольное выделение и растяните его в виде прямоугольника, затем на панели инструментов щелкните по иконке градиента, на панели параметров щелкните по стрелочке и выберите понравившийся градиент, правее выберите вид градиента (любой).
Обратите внимание на первые два квадратика в открывающемся окне выбора градиента. Они используют цвета, установленные вами, как цвета переднего плана и фона (цветные квадратики внизу панели инструментов). Первый градиент осуществляет плавный переход из основного цвета в фон, второй - из основного цвета в прозрачность.
Теперь подведите курсор мыши к середине левой стороны нашего выделения, нажмите левую клавишу мыши и, не отпуская, протяните линию до середины правой стороны(рис.1)
Теперь протяните линию градиента по диагонали (рис.2)
А теперь сверху вниз (рис.3)
Посмотрите на разницу и поэкспериментируйте с различными градиентами и их видами.
Сохранение изображения
Наш урок подходит к концу, осталось только научиться сохранять наши шедевры.
Щелкните пункт меню Файл (File), в отрывающемся меню вы увидите привычный пункт -Сохранить Как (Save As)- и новый - Сохранить для Web (Save for Web). Разберемся какой для чего.
Если вы работаете над изображением и хотите иметь возможность изменять его в будущем, то следует выбрать пункт меню - Сохранить Как (Save As)
Где сохранять и какое имя дать - ваше личное дело, а вот формат будет *.PSD;*.PDD. Именно в этом формате сохраняются все ваши настройки (у нас их пока нет, но позже появятся). Таким образом, сохраняется не картинка целиком, а сохраняются ее части, каждую из которых вы сможете изменить когда захотите.
Если же ваше изображение готово, то выбирайте пункт меню - Сохранить для Web (Save for Web). Изображение будет сохранено оптимизированным для Интернета (т.е. с наилучшим сочетанием качество\размер файла). Отрывшееся окно сохранения следует рассмотреть подробнее:
Четыре вкладки наверху предлагают посмотреть варианты изображения:
Оригинальный (original) - изображение как оно есть. Как правило, большой размер файла, недопустимый для web.
Оптимальный (optimized) - оптимальное соотношение качества и размера файла с точки зрения программы.
2-up, 4-up - соответственно два и четыре варианта изображения рядом, внизу каждого указан размер. Вы можете выбрать оптимальный на ваш взгляд.
В правом верхнем углу этого окна задаются дополнительные настройки:
Здесь можно выбрать формат сохраняемого изображения. Общие рекомендации - используйте форматы JPEG и PNG для фотографий с тонкими реалистичными цветовыми переходами, формат GIF - для контрастных, малоцветных рисунков. Кстати, все рисунки на этой страницы сохранены в формате GIF.
Если вы используете вкладки, рассмотренные выше, то настраивать эту часть окна необязательно, по крайней мере, на этом этапе.
Итак, выбирайте самое оптимальное изображение на ваш взгляд и щелкайте по кнопке Сохранить (Save). Откроется уже привычное окно сохранения, где следует указать Папку (куда сохранить) и Имя файла, остальное будет уже указано, снова щелкаем по Сохранить (Save). Изображение для web готово.
На этом первый урок закончен. Вы научились создавать новый файл, выделять области и заливать их различными способами (цветом, шаблоном и градиентом), а также сохранять изображения в нужном формате.
Чтобы закрепить эти навыки, поэкспериментируйте (создавайте разные по форме области и заливайте их различными способами).
На следующем уроке вы научитесь работать с текстом и познакомитесь с основным понятием программы - слоями.