Как в пейнте сделать заливку. Закрашивание целых областей. Инструмент Paint Bucket (Заливка). Выбор цветовой палитры и прорисовка контура изображения

Paint.NET – это простой во всех отношениях . Его инструментарий пусть и ограничен, но позволяет решать ряд задач при работе с изображениями.

Окно Paint.NET, кроме основной рабочей области, имеет панель, включающую:

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

Также можно включить отображение вспомогательных панелей:

  • инструменты;
  • журнал;
  • слои;
  • палитра.

Для этого нужно сделать активными соответствующие иконки.

Теперь рассмотрим основные действия, которые можно совершать в программе Paint.NET.

Создание и открытие изображений

Откройте вкладку «Файл» и кликните по нужному варианту.

Аналогичные кнопки расположены на рабочей панели:

При открытии необходимо выбрать изображение на жёстком диске, а при создании появится окно, где нужно задать параметры новой картинки и нажать «ОК» .

Обратите внимание, что размер изображения можно будет изменить в любой момент.

Основные манипуляции с изображением

В процессе редактирования картинку можно визуально увеличивать, уменьшать, выравнивать по размеру окна или возвращать реальный размер. Делается это через вкладку «Вид» .

Или с помощью ползунка внизу окна.

Во вкладке «Изображение» имеется всё необходимое, чтобы изменить размер картинки и полотна, а также совершить её переворот или поворот.

Любые действия можно отменять и возвращать через «Правку» .

Или посредством кнопок на панели:

Выделение и обрезка

Для выделения определённой области картинки предусмотрено 4 инструмента:

  • «Выбор прямоугольной области» ;
  • «Выбор области овальной (круглой) формы» ;
  • «Лассо» – позволяет захватывать произвольную область, обводя её по контуру;
  • «Волшебная палочка» – автоматически выделяет отдельные объекты на изображении.

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

Для выделения всего изображения нажмите CTRL+A .

Дальнейшие действия будут выполняться непосредственно в отношении выделенной области. Через вкладку «Правка» можно вырезать, скопировать и вставить выделенное. Здесь же можно полностью удалить эту область, выполнить заливку, инвертировать выделение или отменить его.

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

Для того, чтобы переместить выделенную область, в Paint.NET имеется специальный инструмент.

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

Рисование и заливка

Для рисования предназначены инструменты «Кисть» , «Карандаш» и «Клонирующая кисть» .

Работая с «Кистью» , Вы можете менять её ширину, жёсткость и тип заливки. Для выбора цвета используйте панель «Палитра» . Для нанесения рисунка зажмите левую кнопку мыши и перемещайте «Кисть» по полотну.

Зажав правую кнопку, Вы будете рисовать дополнительным цветом «Палитры» .

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

«Карандаш» имеет фиксированный размер в 1 px и возможность настройки «Режима наложения» . В остальном его использование аналогично «Кисти» .

«Клонирующая кисть» позволяет выбрать точку на картинке (Ctrl+ЛКМ ) и использовать её как исходник для нанесения рисунка в другой области.

С помощью «Заливки» можно быстро закрасить отдельные элементы изображения указанным цветом. Кроме типа «Заливки» , важно правильно настроить её чувствительность, чтобы не захватывались лишние области.

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

Текст и фигуры

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

При нанесении прямой линии Вы можете определить её ширину, стиль (стрелка, пунктир, штрих и пр.), а также тип заливки. Цвет, как обычно, выбирается в «Палитре» .

Если потянуть за мигающие точки на линии, то она изогнётся.

Аналогичным образом в Paint.NET вставляются фигуры. Тип выбирается на панели инструментов. С помощью маркеров по краям фигуры меняются её размер и пропорции.

Обратите внимание на крестик рядом с фигурой. С его помощью можно перетаскивать вставленные объекты по всему рисунку. Это же касается текста и линий.

Коррекция и эффекты

Во вкладке «Коррекция» находятся все нужные инструменты для изменения цветового тона, яркости, контрастности и т.д.

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

Сохранение изображения

Когда Вы закончили работу в Paint.NET, отредактированную картинку нужно не забыть сохранить. Для этого откройте вкладку «Файл» и нажмите «Сохранить» .

Или воспользуйтесь значком на рабочей панели.

Изображение сохранится в том месте, откуда оно было открыто. Причём старый вариант будет удалён.

Для того, чтобы задать параметры файла самостоятельно и не заменять источник, используйте «Сохранить как» .

Вы сможете выбрать место сохранения, указать формат изображения и его имя.

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

Красим, красим, закрашиваем

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

Существенно упростить жизнь в подобных ситуациях позволяет

инструмент Paint Bucket (Заливка), кнопка которого доступна на панели инструментов. Выберите его, и указатель мыши примет вид наклоненного ведерка, из которого вытекает краска. Так вот, наведите кончик вытыкаемого из ведерка потока краски на ту область, которую вы хотите залить каким-либо цветом (его следовало выбрать заранее), щелкните мышкой, и, о чудо, вся область будет равномерно окрашена в выбранный цвет.

Рис. 3.20. Инструмент Paint Bucket (Заливка)

Аналогичным образом можете окрасить еще несколько фрагментов изображения. Если в ходе использования инструмента Paint Bucket (Заливка) вам понадобится воспользоваться пипеткой (Eyedropper) для выбора другого цвета, то менять инструмент не нужно, а достаточно просто нажать клавишу «Alt». Пока она нажата, инструмент Paint Bucket (Заливка) будет временно заменен на инструмент Eyedropper (Пипетка). После того, как закончите пипеткой выбирать цвет, отпустите клавишу «Alt» — и вы автоматически вернетесь в режим работы с заливкой.

Инструмент Paint Bucket (Заливка) позволяет не только заливать область каким-либо цветом, но и закрашивать определенным узором/ образцом. Для этого нужно изменить кое-что в его настройках (что и как именно — читайте в следующем разделе главы).

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

Дополнительные настройки и возможности инструмента Paint Bucket (Заливка)

На панели параметров доступны следующие настройки инструмента Paint Bucket (Заливка):

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

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

Поле Opacity (Прозрачность) предназначено для определения прозрачности заливки.

В поле Tolerance (Допуск) задается допустимое отклонение от того оттенка, по которому выполнен щелчок инструментом Paint Bucket (Заливка). Все оттенки, отклонение которых будет меньше указанного в поле Tolerance (Допуск), будут восприниматься как один цвет и подлежать заливке. Значение задается в условных единицах от 0 до 255. По умолчанию установлено 32. Если вы хотите, чтобы цветовой охват при заливке был больше, увеличьте данное значение, а если нужно чтобы заливался только точно определенный цвет — уменьшите его.

Включение флажка Anti-Aliased (Сглаживание) приводит к тому, что края залитой области буду аккуратно сглаживаться, смягчаться.

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

Флажок Use All Layers (Использовать все слои) играет роль тогда, когда редактируемое изображение состоит из нескольких слоев. Причем некоторые из них являются полупрозрачными. Так вот при установке данного флажка вы указываете инструменту Paint Bucket (Заливка) определять базовый цвет, который должен будет залит не на основе только того слоя, который является активным, а на основе всех видимых слоев. Наносимый же цвет по любому наносится только на активный слой.

С кистью
и цветом в Paint

Кисть и цвет, при работе в Paint, взаимосвязаны.
И именно поэтому я объединила описание работы
с этими инструментами на одну страницу.


как работать с кистью в Paint

Как работать с кистью в Paint

Инструмент «Кисть» в Paint,
позволяет проводить линии различного вида и текстуры.

Возможно использование разных художественных кистей.

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

Инструмент «Кисть» обозначен на скриншоте
панели инструментов в Paint цифрой 17.

Чтобы открыть весь набор кистей – щёлкните стрелку внизу инструмента «Кисть». И откроется весь набор кистей, имеющийся в программе Paint.

Для выбора – просто щёлкните нужную художественную кисть.
А затем щелкните стрелочку под разделом «Толщина» и выберите
размер, определяющий толщину мазка кисти.

Затем в группе «Цвета» нажмите «Цвет 1» (цвет переднего плана), выберите цвет и с помощью указателя мыши можете закрашивать нужную область.

Чтобы закрасить область «Цветом 2» (цветом фона), нажмите правую
клавишу мыши и удерживайте ее во время перемещения указателя.


Как работать с цветом в Paint

Работа с цветом в Paint

За цвет в Paint отвечает раздел «Цвета».


Слева в этом блоке:

«Цвет 1» – это цвет для переднего плана.

«Цвет 2» – это цвет для фона.

В центральном блоке – палитра цветов.

Два верхних ряда в палитре с заполненными цветом ячеками.
Нижний ряд с пустыми ячейками.

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

В правой части блока раздел «Изменение цветов».

Как изменить цвет в палитре Paint

Как изменить цвет в палитре Paint

Если вы не подобрали нужный вам цвет в имеющейся в Paint
палитре цветов – вы можете подобрать нужный вам цвет сами.

Для этого щёлкните по инструменту «Изменение палитры» ,
который находится выше надписи «Изменение цветов».

Откроется новая вкладка для изменения палитры.


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


Для наглядности, подбираемый вами цвет будет отражаться ниже палитры
в ячейке «Цвет|Заливка». Когда нужный вам цвет будет подобран - нажмите
внизу справа кнопку «Добавить в набор». И подобранный вами цвет появится
в свободной ячейке, под надписью «Дополнительные цвета».


Теперь можете нажимать «ОК» слева внизу вкладки и подобранный вами
цвет займёт одну из пустых ячеек в палитре на панели инструментов Paint.

Для просмотра видеоурока нажмите на миниатюрный экран.

Вы узнаете:

  • Что выполнить заливку можно не только цветом, но и текстурой.
  • Как при помощи Define Pattern (Определить узор) создать заливку узором.
  • Как в CS5 работает заливка Content Aware (С учетом содержимого).
  • Как наложить облака на фотографию с проваленным небом.
  • Как пользоваться окном Gradient Editor (Редактор градиента).
  • Как добавить закатные цвета небу и создать собственные градиенты.
  • Как создавать узоры, используя градиент.
  • Как при помощи градиента добавить на изображение радугу.

Инструмент Paint Bucket (Заливка)заливает изображение или выделение цветом переднего плана или текстурой. Клавиша для быстрого вызова – G .

Fill (Заливка) - Бывает двух видов: Foreground (Цвет переднего плана/основной цвет) - основной цвет и Pattern (Образец/узор/регулярный) - узор, текстура. В русском CS4 и CS5 почему-то перевели, как регулярный .При выборе этого параметра изображение будет заливаться узором, который можно выбрать из списка или загрузить новые наборы, щелкнув по стрелочке в правом верхнем углу.

Mode (Режим наложения) - происходит изменения пикселов в зависимости от выбранного режима. В учебнике есть пять уроков в которых очень подробно рассказывается о каждом режиме.Opacity (Непрозрачность) - непрозрачность заливки;

Tolerance (Допуск) – от 0 до 255. При 0, закрасятся только точно совпадающие по цвету пикселы, при 255 - все изображение.

Anti - aliased (Сглаживание) - смягчение неровности и шероховатости краев заливки;

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

Если не хотите заливать прозрачные области слоя, нажмите на в палитре слои.

Создание собственного узора.

Для создания собственного узора выделите прямоугольную область на изображении, выберите команду Edit (Редактирование) – Define Pattern (Определить узор) , введите какое-либо имя и щелкните по кнопке ОК. Снимите выделение с области. Созданный образец можно найти в самом конце списка в панели выбора узоров.

Заливка Content Aware (С учетом содержимого).

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

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

Меню Edit (Редактирование) Fill (Выполнить заливку) . В появившемся
окне выберите пункт . Замена происходит методом случайного выбора. Поэтому, если результат вас не устраивает, отмените заливку Ctrl + Z и повторите ее снова. Или после заполнения с учетом содержимого, снимите выделение Ctrl + D и обведите новый участок, который программа заполнила некорректно.

Сравните, на средней картинке удаление человека выполнено при помощи инструмента Patch (Заплатка) , а на картинке справа при помощи заливки с учетом содержимого:

Часто бывает, что при склеивании панорам остаются белые и черные края. Выделите их инструментом Magic wand (Волшебная палочка). Затем выполните заливку с учетом содержимого. Программа сама дорисует недостающие кусочки.

Возможности новой заливки не безграничны. Например, у вас не получится удалить батарею отопления с фотографии, если вы просто выделите ее и воспользуетесь инструментом заливка Content Aware (С учетом содержимого).

Придется дополнительно защитить человека маской. Подробно как работать с масками вы можете изучить в уроках по маскам. В моем учебнике три урока просвещены этой теме. Сейчас я лишь коротко скажу, как это сделать: Создайте копию фонового слоя. Отключите для удобства видимость фона, нажав на значок глазика. Щелкните по миниатюре маски в палитре Layers (Слои). Выберите инструмент Brush (Кисть) черного цвета. Закрасьте нижнюю часть тела и руки. Переключитесь на миниатюру слоя. Пройдите в меню Edit (Редактирование) – Fill (Выполнить заливку). В открывшемся окне, выберите пункт Content Aware (С учетом содержимого) и нажмите ОК. Включите видимость нижнего слоя и выполните сведение слоев.

Область применения этого инструмента очень велика. Это и создание тени, и добавление закатных цветов небу, и создание плавного перехода из одного рисунка в другой с помощью градиентной маски и т.д. и т.д. Плавный переход цветов создается автоматически, необходимо задать крайние цвета. Эти цвета устанавливаются как Foreground (Цвет переднего плана) и Backround (Цвет фона) . Найти этот инструмент можно в паре с Paint Bucket (Заливка).

Рассмотрим панель параметров:

Gradient (Градиент) - создает заливку с плавным переходом между несколькими цветами.

Существует пять видов градиентов:

Mode (Режим наложения) - происходит изменения пикселов в зависимости от выбранного режима. В уроках с 16 по 20 очень подробно рассказывается о каждом.

Opacity (Непрозрачность) - непрозрачность градиента;

Dither (Разбавление цвета) - имитировать большее количество цветов;

Reverse (Обратный порядок) - геометрически перевернуть градиент;

Transparency (Прозрачность) - использовать прозрачность.

Много градиентов хороших и разных

Щелкните по стрелке в правом верхнем углу. Откроется список, в котором
расположены дополнительные наборы градиентов. Выберите любой из них.
Появится окно, в котором нужно нажать Add (Добавить) , если вы хотите загрузить новые градиенты, оставив на месте старые или нажать ОК и тогда новые загрузятся вместо старых.

Так же в этом списке есть возможность загрузить дополнительные градиенты (например, скачанные из интернета в папку Program Files\Adobe\Adobe Photoshop CS….\Presets\ Gradient).

Окно Gradient Editor (Редактор градиента)

Чтобы вызвать это окно нужно два раза кликнуть по образцу градиента в меню параметров инструмента.


В данном окне Вы можете настроить градиентную заливку либо выбрать из списка Presets (Наборы) . Нажав на кнопку Load… (Загрузить…) , вы можете загрузить наборы градиентов (расширение файлов.grd) или воспользоваться кнопкой Save.. (Сохранить…) для сохранения собственного набора градиентов. Для того чтобы созданный вами градиент появился в окошке Presets (Наборы), задайте ему имя в поле Name (Имя) и нажмите на кнопку New (Новый).

Name (Имя) – в этом поле указано имя выбранного градиента. Если изменить настройки, то имя поменяется на Custom(Заказное) и его можно изменить для последующего сохранения;

Gradient Type (Тип градиента/Градиент) – возможен выбор из двух опций: Solid (Сплошной) и Noise (шум).

Solid (сплошной) – создается плавный переход между цветами;

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

Можно отрегулировать Плавность. При нуле градиент приобретает плавный переход. При 50% получается размытость и при 100% полосатость всех цветов радуги вам обеспечена. Есть и другие настройки. Можно настроить цвета по каналам в разных
цветовых моделях (RGB, HSB и LAB). Можно ограничить цвета и включить прозрачность.

– задается степень сглаженности градиента.
Чем ниже это значение, тем резче переходы между цветами;

Color (цвет) – задается цвет выбранного цветового ограничителя;

Location (Расположение / Позиция) – Для численного задания положения ползунка. Расположение цветового ограничителя (от 0 до 100%). Можно задать точно середину, поставив ползунок на 50

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

Точно также добавляем ползунки внизу цветовой полосы, где располагаются ползунки перехода между цветами. Добавив ползунок на цветную полосу, он становится активным, и ему можно назначить другой цвет, щелкнув по окошку Color (Цвет). Здесь же расположены указатели средних точек (маленькие ромбики). Они указывают на то место, где соседние цвета смешиваются в равных пропорциях. И ползунки, и указатели можно передвигать. Можно использовать любое количество ползунков. В зависимости от выбора цвета, вид ползунка будет разным. Если цвет градиента, фиксированный/заказной, то в этот цвет окрашен ползунок.

При перетаскивании с нажатой клавишей Alt происходит дублирование ползунка, и на полосе появляется новый цветовой переход.

Чтобы построить горизонтальный градиент, градиент под углом 90 или под углом 45 градусов, при перемещении курсора удерживайте клавишу Shift нажатой. Отпустите кнопку мыши в той точке, где хотите закончить градиентный переход.

Нарисуем радугу

Создайте новый слой. Выберите градиент похожий на радугу. Сдвиньте ползунки вправо. Нажмите ОК.

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

Выберите в меню Edit (Редактирование) – Transform (Трансформирование) – Warp (Деформация). Или нажмите комбинацию клавиш Ctrl + T и в меню параметров инструмента нажмите на значок . Появится сетка которую можно трансформировать, передвигая угловые точки и касательные вектора.

Для выхода из режима трансформации нажмите Enter или нажмите на значок в меню параметров инструмента.

Уменьшите непрозрачность слоя с радугой и измените режим наложения на Soft Light (Мягкий свет) .

Вопросы:

(правильный ответ вы можете узнать из викторины в конце видеоурока):

  1. Какой параметр нужно отметить у инструмента Paint Bucket (Заливка), чтобы выделенная область закрасилась узором?

– Mode (Режим наложения) – Overlay (Перекрытие).

– В окне Fill (Заливка) выбрать Pattern (Образец/регулярный).

– Tolerance (Допуск) установить на ноль.

– Edit (Редактирование) – Define Pattern (Определить узор).

– Layers (Слои) – New fill layer (Новый слой-заливка) – Pattern (Узор).

3. Как защитить прозрачные участки слоя от заливки цветом или узором?

– Mode (Режим наложения) – Exclusion (Исключение).

– Отметить галочкой пункт Contiguous (Смежные пикселы).

– Снизить до нуля пункт Opacity (Непрозрачность) в меню параметры инструмента.

– Нажать Lock transparent pixels (Зафиксировать прозрачные точки) в палитре слои.

– Opacity (Непрозрачность) в палитре слои снизить до нуля.

4. Как открыть Окно Gradient Editor (Редактор градиента)?

– Меню Edit (Редактирование) – Fill (Выполнить заливку) – Gradient (Градиент).

– Контекстное меню правой кнопки мыши – Define Pattern (Определить узор).

– Кликнуть по образцу градиента в меню параметров инструмента.

– Два раза кликнуть по любому из пяти видов градиента.

5. Как из черно-белого градиента сделать черно-красно-белый градиент?

– В Gradient Editor (Редактор градиента) добавить красный ползунок сверху цветной полосы.

– В Gradient Editor (Редактор градиента) добавить красный ползунок внизу цветной полосы.

– В Gradient Editor (Редактор градиента) поискать готовый градиент.

– В Gradient Editor (Редактор градиента) выбрать Noise (шум), и 50 % Smoothness (гладкость).

Домашнее задание

Вы должны или чтобы увидеть скрытый текст.

ddvor.ru - Одиночество и расставания. Популярные вопросы. Эмоции. Чувства. Личные отношения