Сайт о телевидении

Сайт о телевидении

» » Как сделать заливку слоя в фотошопе cs6. Инструменты заливки в Adobe Photoshop

Как сделать заливку слоя в фотошопе cs6. Инструменты заливки в Adobe Photoshop

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

Итак, вы установили и запустили программу Adobe Photoshop.

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

Создание нового файла

Щелкаем Файл -> Новый. Рассмотрим появившееся окно:

  • Имя (Name) - имя будущего документа. Чаще всего этот параметр не задают, а имя файлу назначают при сохранении.
  • Ширина (Width) и Высота (Height) - ширина и высота будущего изображения. Удобнее всего задавать в пикселах. Пиксел - единица изображения в растровой двухмерной графике. Именно из пикселов, как из кирпичиков, строится изображение.
  • Разрешение (Resolution) - количество точек на единицу длины. Чем выше этот показатель, тем качественнее изображение, но и больший размер файла. Поэтому за норму принято разрешение в 72 пиксела на дюйм (так называемое экранное разрешение).
  • Режим (Color mode) - самый распространенный RGB цвет (color), т.к. позволяет использовать все видимые человеческим глазом цвета. Глубина цвета задается в битах, хватает стандартных 8 бит.
  • Содержимое фона (Background contents) - определяет фон изображения (белый, прозрачный, цвет заднего плана).

  • Остальные настройки используются редко. Сделайте настройки как на картинке и щелкайте OK.

Палитра инструментов

Чаще всего вам придется работать с палитрой инструментов.

Сегодня мы рассмотрим лишь некоторые из этих инструментов:

Инструменты выделения

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



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

Итак, для прямоугольного выделения имеем следующие параметры:

Новое выделение. Создается новое выделение, при этом имеющиеся выделенные области (если они есть) исчезают.

Добавить к выделению. Обозначенная область добавится к уже существующему выделению.

Удалить из выделения. Исключает выделенную область из выделения.

Выделить пересечение. Из двух выделений (старого и нового) выделит область пересечения.

Растушевка - по краям выделения появляется область частично выделенных пикселов. Позволяет сделать плавный переход объекта в фон.

Стиль - задает способ выделения: нормальный (normal) - свободное выделение, заданные пропорции (fixed aspect ratio) - пропорциональное выделение, фиксированный размер (fixed size) - область выделения заданного размера.

Для всех инструментов выделения параметры аналогичны.

Попробуем на деле:

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

Теперь на панели параметров щелкните по иконке "добавить к выделению", подведите курсор мыши к центру нашего квадратика, нажмите левую клавишу мыши и, не отпуская, растяните еще один квадратик (рис.2).

Теперь на панели параметров щелкните по иконке "удалить из выделения", подведите курсор мыши к центру нашего второго квадратика, нажмите левую клавишу мыши и, не отпуская, растяните квадратик (рис.3).

Должно получиться, как на рис.4.

Оставим пока так и посмотрим, как выбирать и задавать цвета.

Выбор цвета

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

1 - цвет переднего плана.
2 - цвет фона.
3 - установить цвета по умолчанию (т.е. черный и белый).
4 - поменять местами цвета переднего плана и фона.

Щелкните по квадратику, и откроется окно сборщика цветов. Щелкните по понравившемуся цвету, а затем ОК. Цвет, который вы выбрали станет цветом переднего плана. Теперь щелкните по "поменять местами цвета переднего плана и фона" и проделайте тоже самое со вторым квадратиком. Подробнее о цвет читайте в статье цвета для web .

Теперь рассмотрим следующую группу инструментов.

Инструменты заливки

Заливка. Щелкните по этому инструменту и удерживайте левую клавишу мыши, раскроется меню выбора: градиент и заливка.



Здесь можно выбрать необходимое.

Ведро - заливает изображение (выделение) цветом или текстурой.

Итак, для заливки имеем следующие параметры:

Заливка (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 готово.

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

Чтобы закрепить эти навыки, поэкспериментируйте (создавайте разные по форме области и заливайте их различными способами).

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

Доброго всем времечка суток, уважаемые читатели моего блога. Как настроение? Готовы к труду и обороне? Отлично. мы с вами научились, а что если вам надо закрасить какую-то область? Неужели мы будем пыжиться, чтобы аккуратно закрашивать область кистью, пытаясь не задеть границы? Конечно нет.

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

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

Итак, поехали!

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

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

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

Закрашивание узором

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


Допуск

Во многих инструментах есть такое свойство как допуск. И везде этот допуск работает примерно одинаково.

Чем меньше допуск, тем меньше цветовой диапазон закрашиваемой области. Т.е. если допуск 0 и вы хотите закрасить белым цветом на сине-голубом фоне, то заливке подвергнется только лишь тот оттенок, на который вы кликнули изначально, ну и конечно все точно такие же оттенки ни на грамм не отклоняющиеся от нормы. А если допуск будет максимальным (255 ), то заливка закрасит вообще весь холст без исключения.

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

Как видите, чем больше доступ, тем больше он использует диапазон цветов, которые считает родными и тем больше цветов и оттенков закрашивает. Я надеюсь, что суть вы уловили. Уловили? Если нет, то спрашивайте. Я отвечу.

Кстати

Напоследок хочу рассказать про еще один момент. Заливать цветом не обязательно какой либо рисунок. Можно просто залить область.

Для этого выделите какую-нибудь область (я выбрал ) и нарисуйте выделение на белом фоне.

Теперь снова беру в руки заливку, выбираю любой цвет. Выделение никуда не делось, ну и отлично. Тогда заливаем то, что внутри контура выделения уже известным нам способом. Хоп! И готово. Вот такая вот маленькая хитрость.

Ну хоть это и не все свойства, вам их будет вполне достаточно. Если вы хотите изучать фотошоп более досконально и во всех подробностях, а также «плавать» в нём как рыба в воде, то я очень рекомендую вам просмотреть этот видеокурс . Лучшего я еще не видел. Если б он у меня был раньше, то изучение этого графического редактора далось бы мне гораздо легче. В общем очень рекомендую.

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

Удачи вам в изучении. Главное не филонить). Увидимся с вами в следующих уроках. Пока-пока!

С уважением, Дмитрий Костин.

В данном уроке и знакомимся и учимся пользоваться инструментами 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 (обрезка).


Для обрезки рисунка необходимо проделать следующие действия.

  1. Включите инструмент Crop (обрезка).
  2. Нарисуйте им рамку (удерживая левую кнопку мыши). Если удерживать при рисовании Shift , то рамка будет пропорциональна, если удерживать Alt , то рамка будет рисоваться от центра.
  3. Подгоните рамку по той площади, которую вы хотите оставить, и учтите, что всё, что осталось за пределами выделения, пропадёт.
  4. После подгонки рамки по необходимой площади просто нажмите 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

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

Несмотря на то, что интерфейсы всех используемых в настоящий момент версий редактора настолько схожи, что не важно, в какой учиться, на всякий случай уточню: мои уроки выполнялись в Adobe Photoshop CC - на конец 2016 года самой свежей редакции программы, Сразу после запуска окно её выглядит так.

Создание документа

Несмотря на обилие инструментов, работа в Photoshop, как и в любом другом редакторе, начинается с создания нового документа.

  1. В главном меню программы выполните команду Файл -> Создать либо нажмите сочетание клавиш Ctrl+N .
  2. В открывшемся окне Новый задайте параметры будущего документа (можно установить такие же, как на скриншоте ниже).

  • Имя. Может быть любым. Хотя многие на этом этапе не трогают это поле, задавая имя файлу уже во время сохранения, лучше переименуйте документ сразу, чтобы избежать путаницы.
  • Ширина. Размер холста по горизонтали. В компьютерном мире принято задавать в пикселях, но если вы работаете, скажем, с бумажной продукцией, то вам вполне могут подойти сантиметры или даже пункты.
  • Высота. Длина холста по вертикали.
  • Разрешение. Чем больше показатель, тем качественней конечное изображение.
  • Цветовой режим. Формат и глубина цвета. Обычно 8-битный RGB всех устраивает.
  • Содержимое фона. В нашем случае фон будет белым, но ему можно задать любой другой цвет или вообще сделать прозрачным.
  • Цветовой профиль. Здесь можно назначить либо удалить профиль цветопередачи. Из-за неправильно выбранного пункта именно в этом раскрывающемся списке можно получить проблемы с цветопередачей, корень которых потом приходится долго искать.
  • Попиксельная пропорция. Вариант следует выбирать, исходя из стандарта, с которым вы работаете. Если значения раскрывающегося списка ничего вам не говорят, - оставьте Квадратные пикселы.
  1. Нажмите OK и оцените результат - документ создан.

Быстрое выделение

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

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

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

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

За выделение отвечает специальная группа инструментов. Выберите Прямоугольное выделение.

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

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

  • Режим работы меняется щелчком на одном из четырёх значков.

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

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

Вычитание из выделенной области. Режим служит для снятия выделения с отдельных областей.

Пересечение с выделенной областью. Режим выделения пересечения двух областей.

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

Чтобы понять, как это работает, сделайте следующее.

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

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

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

Заливка цветом

После выделения с объектом можно выполнить множество действий, мы же рассмотрим одно из распространённых и вместе с тем простых - заливку цветом.

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

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

Чтобы цвета изменились на самом рисунке, нужно воспользоваться инструментами заливки.

Чтобы просто залить выделенные области заранее выбранным основным цветом, выберите инструмент Заливка и щёлкните кнопкой мыши в границах выделенных областей.

Но это простейший случай. Если хочется чего-то посложней, обратите внимание на панель параметров инструмента.

  • Определение источника для заливки. Помимо основного цвета ещё доступен вариант Узор, с помощью которого область можно красиво и неоднотонно разукрасить.
  • Шаблон. Появляется при выборе узора в качестве источника и позволяет выбрать тип узора.
  • Режим. Пиксели будут накладываться на изображение по-разному, в зависимости от выбранного варианта.
  • Непрозрачность. Устанавливает прозрачность заливки в процентах. С её помощью можно сделать так, чтобы под основным цветом проглядывал и фон.
  • Допуск. Задаёт диапазон заливаемых цветов.

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

  1. Отмените однотонную заливку (Ctr+Z) .
  2. На панели параметров инструмента Заливка выберите в качестве источника цвета узор.
  1. Выберите шаблон узора по вкусу.

  1. Щёлкните левой кнопкой мыши внутри выделенной области.

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

  1. Отмените заливку узором.
  2. Выберите инструмент заливки Градиент.
  3. На панели параметров укажите градиент и его тип.
  4. В пределах выделенной области на холсте проведите указателем, удерживая при этом кнопку мыши нажатой, либо сверху вниз, либо слева направо, либо по диагонали, посмотрите, что получится, и, отменяя неудачные заливки, выберите лучший вариант.

Сохранение в файл

После всех действий рабочий документ необходимо сохранить в файл.

  1. Выполните команду Файл -> Сохранить.
  2. В появившемся окне Проводника укажите имя файла и папку, куда он будет сохранён. Убедитесь, что в списке Тип файла выбран пункт Photoshop (*PSD, *PDD) и нажмите кнопку Сохранить. Дело в том, что форматы являются для Photoshop «родными», и в дальнейшем вы легко сможете вернуться к редактированию их содержимого.

Если же вы хотите сохранить файл в качестве обыкновенной картинки - выполните команду Файл -> Экспортировать -> Экспортировать как, в открывшемся окне задайте подходящий формат, нажмите кнопку Экспорт, укажите имя и расположение файла, а затем нажмите Сохранить.

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

Теперь настала очередь рассмотреть в работе два таких инструмента, как градиент и заливка в Photoshop .

Инструмент ГРАДИЕНТ в Photoshop.

Давайте рассмотрим настройки инструмента градиент в Photoshop .

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

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

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

Теперь мы, к примеру, можем изменить параметр непрозрачности данному градиенту и получим:

Создание градиента в Photoshop.

Щелкаем левой кнопкой мыши по градиенту в его настройках.

У нас открывается диалоговое окно редактора градиента. Нижние ползунки (на рисунке один из них я обвела красным цветом) отвечают за цвет градиента в Photoshop , а верхние — за прозрачность градиента :

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

Если у градиента в Photoshop присутствует только начальная и конечная точки (ползунки), т.к. остальные ползунки мы удалили, то на градиенте будет присутствовать, так называемая, средняя точка цвета , передвигая которую, мы будем регулировать границы градиента.

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

Щелкнув по верхнему ползуночку мы можем изменить непрозрачность цвета, щелкнув по строке НЕПРОЗРАЧНОСТЬ и поставив, к примеру, непрозрачность 50%.
Что мы видим? В полосе градиента нам стала видна шахматка, что и означает непрозрачность цвета.

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

Чуть выше мы рассматривали рисование линейным градиентом (первая кнопочка вида). Остальными попробуйте порисовать сами — работают они точно так же.

Левый край градиента — это начало градиента, т.е. откуда мы начинаем проводить линию, используя инструмент градиент.

Остальные настройки градиента в Photoshop.

Так же в настройках инструмента градиент в Photoshop можно изменить РЕЖИМ , НЕПРОЗРАЧНОСТЬ , использовать ИНВЕРСИЮ (поменять в градиенте местами цвета, т.е. начальный цвет станет конечным и наоборот).

Инструмент ЗАЛИВКА в Photoshop.

Инструмент заливка в Photoshop очень прост в использовании. Выбираем в палитре цветов нужный нам цвет, щелкаем по слою и он целиком заливается в выбранный нами цвет.

Давайте рассмотрим его настройки.

Залить слой можно основным цветом , а можно и узором (в другой версии фотошопа называется — регулярный ).

Если мы выбираем заливку узором , то нам будут предложены варианты этих самых узоров.

Нажав на маленькую черную стрелочку (на рисунке я обвела ее красным цветом) у нас откроются дополнительные папочки с узорами. Вы можете дополнительные узоры как добавить, так и заменить ими узоры по умолчанию.
Для возврата узоров, которые стояли по умолчанию, выбираете команду ВОССТАНОВИТЬ УЗОРЫ .

Так же заливку в Photoshop можно выполнять, выбрав в МЕНЮ команду ВЫПОЛНИТЬ ЗАЛИВКУ . Откроется диалоговое окно, в котором нам предложат выбрать цвет заливки: основной или фоновый цвет, цвет (откроется палитра цветов), узор, черный, серый 50% или белый .
А так же выбрать режимы и непрозрачность .