MyPs Уроки Фотошопа Инструменты Полезно Эффекты Работа с текстом Работа с фото Решение проблем Фоны Кисти Рамки Фотошоп Online

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

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

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

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

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

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

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

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

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

img/2019/07/raskraska-photoshop-1.png 786x490

img/2019/07/raskraska-photoshop-2.png 778x491

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

img/2019/07/raskraska-photoshop-3.png 776x2002

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

  • Все вкладки окон можно передвигать в любое место, которое для вас будет удобным.
    img/2019/07/raskraska-photoshop-4.png 780x2003
  • Можно убрать ненужные панели. Для этого нужно щелкнуть мышью по требуемой панели (правой кнопкой) и в появившемся списке команд нажать на «Закрыть».
    img/2019/07/raskraska-photoshop-5.png 780x963
  • Также имеется возможность добавления дополнительных панелей. Сделать это можно, выбрав соответствующие пункты во вкладке «Окно» в главном меню.
    img/2019/07/raskraska-photoshop-6.png 706x1527

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

img/2019/07/raskraska-photoshop-7.png 708x1525

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

img/2019/07/raskraska-photoshop-8.png 780x1005

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

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

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

  1. Кисти.
    img/2019/07/dvoynaya-ekspozitsiya-16.png 544x265
    С помощью этого инструмента выполняется закрашивание некоторых областей на картинке, создание теней и бликов, а также создаются прямые линии.
  2. Карандаш.
    img/2019/07/raskraska-photoshop-9.png 600x318
    Этот инструмент в основном применяется для создания контуров объекта и их обводки.
  3. Ластик.
    img/2019/07/raskraska-photoshop-10.png 566x314
    С этим инструментом наверняка все понятно и без пояснений. Его назначение, конечно же, – стирание лишнего на изображении.

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

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

  1. Палец.
    img/2019/07/raskraska-photoshop-11.png 658x317

    Данный инструмент применяется для «растягивания» нарисованных при помощи других инструментов элементов. Примечательно что эффект от применения этого инструмента одинаково хорошо как на фоне с заливкой цветом, так и на прозрачном.
  2. Микс-кисть.
    img/2019/07/raskraska-photoshop-12.png 652x367
    Это особенная кисть, назначение которой смешивание граничащих рядом цветов. Примечательно, что эти объекты могут находиться даже на разных слоях, граничащие рядом цвета при этом все равно будут смешаны. Данный инструмент применяется для быстрой растушевки слишком четких границ объектов. Однако этот инструмент не очень подходит для работы с чистыми цветами.

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

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

  1. Перо.
    img/2019/07/raskraska-photoshop-13.png 724x329
    Это универсальный инструмент, предназначенный для обводки (прорисовки) элементов картинки. Перо отличается высокой точностью и четкостью прорисованного контура. После создания контура объекта его можно залить цветом, результат при этом будет практически идеальным.
  2. Инструменты выделения.
    • Лассо.
      img/2019/07/raskraska-photoshop-14.png 612x264
      Инструменты этой группы предназначены для обводки контура объекта произвольной формы.
    • Группа инструментов «Выделение».
      img/2019/07/raskraska-photoshop-15.png 688x480
      Находящиеся в этой группе инструменты подходят для создания выделения контура областей четкой формы (прямоугольной, круглой, овальной и т.п.). После создания выделения, можно произвести заливку цветом полученного контура объекта.
    • Быстрое выделение и волшебная палочка.
      img/2019/07/raskraska-photoshop-16.png 604x265
      С помощью этих двух инструментов можно быстро выделить область рисунка. При условии, что выделяемый объект ограничен от других одним цветом или контуром.

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

  1. Инструмент заливка.
    img/2019/07/raskraska-photoshop-17.png 496x314
    При помощи данного инструмента выполняется закрашивание выбранным цветом больших объемов картинки всего в один клик мыши.
  2. Градиент.
    img/2019/07/raskraska-photoshop-18.png 492x315
    Этот инструмент по своему принципу схож с инструментом заливка и выполняет те же функции в один клик мыши. Его отличие от заливки в том, что он закрашивает выделенную область не сплошным цветом, а создает плавный цветовой переход.

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

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

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

img/2019/07/razmytiy-fon-photoshop-4.png 706x409

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

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

  1. Через палитру цветов.
    Щелкните мышью по окошку основного цвета на панели инструментов и в открывшейся вкладке «Палитра цветов» кликните по требуемому цвету.
    img/2019/07/raskraska-photoshop-19.png 1272x870
    После чего подтвердите действие, кликнув на ОК.
    Смена фонового цвета осуществляется аналогично.
  2. Через образцы.
    Как вы помните, в начале урока мы настраивали рабочую среду для раскрашивания картинки. В нее входит и панель образов цветов, включающая 122 цветовых оттенка.
    Для смены основного цвета требуется один раз кликнуть по нужному образцу цвета.
    img/2019/07/raskraska-photoshop-20.png 778x762
    Для замены фонового – щелкаем мыши по требуемому цвету с зажатой кнопкой CTRL.

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

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

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

img/2019/07/raskraska-photoshop-22.png 1080x1102

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

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

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

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

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

img/2019/07/raskraska-photoshop-24.png 1050x898

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

  1. Берем инструмент “Заливка”, выбираем нужные цвет в палитре в качестве основного и начинаем закрашивать нашу рыбку. Мы закрасим основную часть тела желтым цветом:
    img/2019/07/raskraska-photoshop-25.png 1706x928
  2. Затем закрасим остальные участки теми цветами, которыми пожелаем. У нас получилась такая рыбка:
    img/2019/07/raskraska-photoshop-26.png 1716x922
    Но, это далеко не все. Давайте придадим нашей рыбке объем.
  3. Берем волшебную палочку и кликаем по желтому цвету, тем самым выделив все участки с желтым цветом:
    img/2019/07/raskraska-photoshop-27.png 1742x944
  4. После, создаем новый слой и переходим на него, в панели инструментов выбираем градиент и, настроив необходимые параметры заливки, проходим по нашей картинке (см. скриншот ниже):
    img/2019/07/raskraska-photoshop-28.png 1720x940
    Проделываем те же действия с глазами и остальным частями. Получаем такой результат:
    img/2019/07/raskraska-photoshop-29.png 1744x926

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

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

До встречи в следующих уроках!