Как закрасить рисунок в фотошопе

Раскрашивание картинки в Фотошопе

В программе Adobe Photoshop можно не только редактировать уже готовые изображения, но и рисовать собственные картинки и создавать удивительные проекты с нуля. К созданию собственных изображений также относится и процесс раскраски картинки по ее контурам. Это как раскраски для детей, только в цифровом формате и инструментами Фотошопа.

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

Раскрашивание картинки в программе Adobe Photoshop

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

Что такое рабочая среда и как ее настроить

По-другому рабочую среду многие пользователи нередко именуют «Рабочим пространством».

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

В приложении Adobe Photoshop имеется несколько готовых наборов инструментов, для различных задач. Можно выбрать одну из рабочих сред имеющихся в программе по умолчанию. Это делается в верхнем правом углу окна программы. Для раскрашивания картинки подойдет рабочая среда «Рисование».

Набор «Из коробки» имеет такой вид

и следующие свойства:

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

Так как в процессе работы нам ни раз потребуется обращаться к этому инструменту. Добавьте эту панель и разместите в удобном для вас месте.

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

Ластик, карандаш и кисть

Эти три инструмента являются основными при работе над раскрашиванием картинки в программе Adobe Photoshop.

Микс-кисть и палец

Эти два инструмента программы фотошоп применяются для растушевки различных деталей картинки.

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

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

Градиент и заливка

Образцы и цвета

Фоновый цвет – значение этого параметра иногда очень важно при использовании ряда фильтров. Значение конечной точки градиента так же равно значению фонового цвета.

Основной цвет – при использовании инструментов «Карандаш», «Заливка» и «Кисть» они рисуют именно цветом который указан как основной. При создании градиента его первой контрольной точке также присваиваться значение цвета, указанного как основной.

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

Смена основного цвета и фонового цвета осуществляется двумя путями:

Применение стилей

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

Для вызова вкладки с настройками стилей дважды щелкните мышью по нужному слою. Или кликните на слой правой кнопкой мыши и выберите “Параметры наложения”.

Работа со слоями

Все элементы рисунка, которые будут раскрашиваться, требуется размещать на отдельном слое (контур в том числе). Это нужно для удобства обработки рисунка.

Практический пример

Для практического примера по раскрашиванию картинки в фотошоп нам потребуется контур рисунка.

Мы подобрали подходящую черно-белую картинку – рыбку. Исходное изображение имело белый фон, который мы удалили.

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

Согласитесь, получилось весьма неплохо. Можно поиграться еще и со стилями слоев, но, в целом, мы уже раскрасили наш объект.

Таким образом, мы показали вам простой способ, как раскрасить картинку в Фотошопе, используя всего 3 инструмента: “волшебная палочка”, “заливка” и “градиент”.

Источник

Раскрашивание в Фотошопе: инструменты, рабочие среды, практика

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

Раскрашивание в Фотошопе

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

Рабочая среда

Рабочая среда (ее еще довольно часто называют «Рабочим пространством») представляет собой определенный набор инструментов и окон, которые определяют специфику работы. К примеру, для обработки фото подойдет один набор инструментов, а для создания анимации – другой.

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

«Из коробки» среда выглядит следующим образом:

Все панели можно перемещать в любое удобное место,

закрывать (удалять), кликнув правой кнопкой мыши, и выбрав пункт «Закрыть»,

добавлять новые, воспользовавшись меню «Окно».

Сами панели и их расположение выбираются индивидуально. Давайте добавим окно настройки цветов – нам довольно часто придется к нему обращаться.

Для удобства расположим панели следующим образом:

Рабочее пространство для раскрашивания готово, переходим к инструментам.

Кисть, карандаш и ластик

Это основные инструменты рисования в Фотошопе.

Назначение данного инструмента – удаление (стирание) ненужных деталей, линий, контуров, заливки.

Палец и микс-кисть

Оба этих инструмента предназначены для «размазывания» нарисованных элементов.

Инструмент «растягивает» созданный другими приспособлениями контент. Работает одинаково хорошо и на прозрачном, и на залитом цветом фоне.

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

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

При помощи всех этих инструментов создаются области, ограничивающие заливку (окраску). Ими необходимо пользоваться, так как это позволяет аккуратнее раскрашивать участки на картинке.

Перо – универсальное приспособления для высокоточной прорисовки (обводки и заливки) объектов.

Группа «Лассо» поможет нам делать выделения произвольной формы.

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

Заливка и градиент

Заливка помогает закрашивать большие площади изображения одним нажатием кнопки мыши.

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

Цвета и образцы

Основной цвет так называется потому, что именно им рисуют инструменты «Кисть», «Заливка» и «Карандаш». Кроме того, данный цвет автоматически присваивается первой контрольной точке при создании градиента.

Фоновый цвет бывает особенно важен при применении некоторых фильтров. Этот цвет также имеет конечная точка градиента.

Дефолтные цвета — соответственно, черный и белый. Сброс осуществляется нажатием клавиши D, а смена основного на фоновый – клавиши X.

Настройка цвета производится двумя способами:

Кликаем по основному цвету, в открывшемся окне с названием «Палитра цветов» выбираем оттенок и нажимаем ОК.

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

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

Фоновый цвет меняется кликом по образцу с зажатой клавишей CTRL.

Стили

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

Окно настройки двойным кликом по соответствующему слою.

Примеры использования стилей:

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

Пример подобной работы:

Практика

Работа по раскрашиванию начинается с поиска контура. Для урока было подготовлено вот такое черно-белое изображение:

Изначально оно было расположено на белом фоне, который был удален.

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

Следующий стиль – внутреннее свечение. Настройки такие:

Последним будет наложение градиента.

На этом урок по раскрашиванию в Фотошопе завершен. При желании к нашей композиции можно добавить теней. Это будет Вашим домашним заданием.

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

Помимо этой статьи, на сайте еще 12556 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Источник

Заливка и обводка выделенных областей, слоев и контуров

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

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

Инструмент «Заливка» не может использоваться с изображениями в битовом режиме.

Инструмент «Быстрая заливка» объединен с инструментом «Градиент» в панели инструментов. Если не удается найти инструмент «Быстрая заливка», нажмите и удерживайте в нажатом положении инструмент «Градиент», чтобы получить к нему доступ.

Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

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

Если при работе с некоторым слоем необходимо избежать заливки прозрачных областей, то следует обязательно заблокировать прозрачность этого слоя на панели «Слои». (См. раздел Закрепление слоев.)

Заливка выделенной области или слоя цветом

«Основной цвет», «Фоновый цвет», «Черный», «50 % серого» или «Белый»

Выполняется заливка выделенной области указанным цветом.

Если происходит заливка изображения CMYK с использованием параметра «Черный», то Photoshop выполняет заливку всех каналов полностью черным цветом. Это может вызвать необходимость в применении большего количества краски по сравнению с допустимым по условиям эксплуатации принтера. Для достижения лучших результатов при заливке изображения CMYK используйте параметр «Основной цвет» с указанием в качестве основного цвета соответствующего значения черного цвета.

Выполняется заливка цветом, выбранным в окне «Палитра цветов».

Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

Чтобы применить заливку основным цветом только к областям, которые содержат пикселы, нажимайте клавиши «Alt» + «Shift» + «Backspace» (Windows) или «Option» + «Shift» + «Delete» (Mac OS). В результате этого сохранится прозрачность слоя. Чтобы применить заливку фоновым цветом только к областям, которые содержат пикселы, нажимайте клавиши «Ctrl» + «Shift» + «Backspace» (Windows) или «Command» + «Shift» + «Delete» (Mac OS).

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

На слое фона нажмите клавишу Delete или Backspace, чтобы быстро получить доступ к диалоговому окну «Заливка».

С учетом содержимого

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

Заливка с учетом содержимого совмещает подобные элементы изображения на случайной основе. Если результат вас не устраивает, выберите «Редактирование» > «Отменить», а затем примените другую заливку с учетом содержимого.

(Включено по умолчанию) Алгоритмически смешивает цвет заливки с окружающим цветом

Нажмите на инвертированную стрелку рядом с образцом узора и выберите узор из всплывающей панели. Дополнительные узоры могут быть загружены с помощью всплывающего меню панели. Выберите имя библиотеки узоров или запустите команду «Загрузить узоры» и перейдите в папку, содержащие узоры, которые вы хотите использовать.

Можно также применить один из прилагаемых узоров на основе сценариев, чтобы с легкостью создавать различные геометрические узоры заливки. Выберите «Узоры на основе сценариев» в нижней части диалогового окна заливки, а затем выберите узор заливки во всплывающем меню «Сценарий».

Если узор затемнен, сначала необходимо загрузить библиотеку узоров и только потом делать выбор. (См. раздел Управление библиотеками узоров и наборами.)

Восстанавливает исходное состояние выделенной области или снимок экрана, выбранный на панели «История».

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

Заливка рабочего холста

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

Щелкните правой кнопкой по рабочему холсту и выберите «Серый», «Черный» или «Заказной». (Чтобы определить заказной цвет, выберите «Выбор иного цвета».)

Обводка выделенной области или слоя цветом

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

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

Источник

Как изменить цвет определенного объекта в Photoshop?

Доброго всем времени суток! Сегодня мы будем учиться изменять цвет объекта. Иногда возникает необходимость заменить цвет одежды на фото выделить какие-то детали. Это весьма полезное умение очень вам пригодится, поскольку замена цветов на объекте позволяет освежить ваши работы, придать им оригинальность. Все просто и сегодня в выпуске будут разные примеры.

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

Чтобы поменять цвет объекта, существует несколько способов. Их мы и рассмотрим. Первый способ заключается в применении встроенной функции изменения цвета, или замены цвета. Сначала познакомимся с ним. Как обычно, загружаем картинку, делаем дубликат слоя. Далее открываем в верхнем меню «Изображение»- «Коррекция» — «Заменить цвет».

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

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

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

Можно воспользоваться ползунком, водя его справа налево, выбирая цвет, а можно сразу кликнуть на цветной квадратик и в появившемся окне выбора цвета, задать нужный, например, синий. Далее, настраиваем ползунками насыщенность этого цвета и яркость. Сделав все это, жмем ОК и получаем результат:

Божья коровка из красной стала синей. Второй вариант изменения цвета немного схож с первым, но операции проводятся иначе. Назвать данную процедуру можно выделением по цвету. Ранее говорилось о тюнинге машин, вот и возьмем для примера автомобиль. Загружаем картинку и идем опять в верхнее меню «Выделение»-«Цветовой диапазон».

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

Сделав все необходимые операции, жмем ОК и, в результате, получаем картинку машины, на которой красный цвет выделен прерывистой мерцающей линией. Мы добились того, что только нужные участки рисунка определенного цвета у нас выделились. И мы не прибегали к классическим инструментам выделения типа «Лассо» и других.

Теперь идем «Изображение» — «Коррекция — «Цветовой тон/Насыщенность».

Откроется окно настроек. В строке «Тонирование» ставим галочку. Далее, выбираем ползунком нужный цветовой тон. В моем варианте – зеленый. Настраиваем яркость и насыщенность так как нравиться Вам.

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

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

Изменяем цвет объекта на белый

В этом примереперекрашиваем объект в белый цвет. Возьмем для примера ту же красную машину и перекрасим ее в белый цвет. Для начала зайдем слои — новый корректирующий слой — черно-белое.

В результате появится новый слой и откроется окно его корректировки.

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

Как в Photoshop изменять цвет объекта по образцу?

Изменить цвет объекта можно еще и создав шаблон или образец нужного цвета. Создаем в программе новое окно, в котором красим фон в нужный цвет, например синий.

Далее переходим на картинку, которую надо перекрасить. Здесь мы выбираем выделение – цветовой диапазон. Теперь пипеткой кликаем по изменяемому цвету. Пипеткой со знаком + добавляем места выделения и нажимаем ОК. Если в результате выделился не только нужный объект, но и соседние участки, делаем следующим образом.

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

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

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

Заходим изображение – коррекция – подобрать цвет.

Перед нами откроется окно.

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

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

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

Заменяем цвет объекта с помощью инструмента «Пипетка»

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

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

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

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

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

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

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

Источник