Главная » Photoshop » Вы здесь

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

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

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

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

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

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

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

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

Выбор рабочего пространства для раскрашивания в Фотошопе

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

Рабочая среда под названием Рисование в Фотошопе

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

Перемещение панелей в рабочей среде Рисование в Фотошопе

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

Закрытие панелей рабочего пространства Рисование в Фотошопе

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

Добавление новых панелей в рабочую среду Рисование через меню Окно в Фотошопе

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

Добавление панели Цвет в рабочую среду Рисование в Фотошопе

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

Расположение панелей рабочей среды для раскрашивания в Фотошопе

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

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

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

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

  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%.

    Добавление бликов ко всем частям изображения в Фотошопе

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

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

Давайте решим все проблемы на Вашем компьютере?

Попробуйте найти другие ответы на сайте



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

Опрос: помогла ли вам эта статья?

Да Нет

Еще статьи по этой теме:

Поделиться статьей в социальных сетях

Оставьте свое мнение о статье