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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Урок: Панель инструментов в Фотошопе

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

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

1. Кисти.

   Урок: Инструмент «Кисть» в Фотошопе

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

2. Карандаш.

   Карандаш, в основном, предназначен для обводки объектов или создания контуров.

3. Ластик.

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

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

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

1. Палец.


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


2. Микс-кисть.


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

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

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

1. Перо.

   

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

   Читайте также: Инструмент Перо в Фотошопе — теория и практика
   Создаем мультяшный кадр из фото в Фотошопе

2. Инструменты выделения.
   • Группа «Выделение».

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

   • Лассо.

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

     Урок: Инструмент Лассо в Фотошопе

   • Волшебная палочка и Быстрое выделение.
   

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

Урок: Волшебная палочка в Фотошопе

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

1. Заливка.

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

   Урок: Виды заливки в Фотошопе

2. Градиент.

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

   Урок: Как сделать градиент в Фотошопе

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

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

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

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

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

1. Палитра цветов.

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

   

   Таким же образом можно настроить и фоновый цвет.

2. Образцы.

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

   

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

   

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

Стили

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

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

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

Стилизация шрифта в Фотошопе
Золотая надпись в Фотошопе

Слои

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

Урок: Работа в Фотошопе со слоями

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

Урок: Раскрашиваем черно-белый снимок в Фотошопе

Практика

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

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

Урок: Удаляем белый фон в Фотошопе

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

1. Активируем инструмент «Волшебная палочка» и кликаем по рукоятке гаечного ключа.

   

2. Зажимаем SHIFT и выделяем участок рукояти по другую сторону отвертки.

   

3. Создаем новый слой.

   

4. Настраиваем цвет раскрашивания.

   

5. Выбираем инструмент «Заливка» и кликаем по любому выделенному участку.

   

6. Удаляем выделение при помощи горячих клавиш CTRL+D и продолжаем работать с остальными участками контура по указанному выше алгоритму. Обратите внимание, что выделение области производится на исходном слое, а заливка – на новом.

   

7. Поработаем над рукояткой отвертки при помощи стилей. Вызываем окно настроек, и первым делом добавляем внутреннюю тень со следующими параметрами:
   • Цвет 634020;
   • Непрозрачность 40%;
   • Угол -100 градусов;
   • Смещение 13, Стягивание 14, Размер 65;
   • Контур «По Гауссу».

     

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

   • Режим наложения Осветление основы;
   • Непрозрачность 20%;
   • Цвет ffcd5c;
   • Источник «Из центра», Стягивание 23, Размер 46.

     

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

   • Угол 50 градусов;
   • Масштаб 115 %.

     

   • Настройки градиента, как на скриншоте ниже.

     

8. Добавим бликов к металлическим частям. Для этого выберем инструмент «Прямолинейное лассо» и создадим на стержне отвертки (на новом слое) вот такое выделение:

   

9. Заливаем блик белым цветом.

   

10. Таким же способом рисуем на этом же слое и другие блики, после чего снижаем непрозрачность до 80%.

    

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

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

Наш Telegram каналТолько полезная информация