Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.

Автор: sondar | Категория: Уроки Photoshop » Креатив | 9-01-2016, 20:44
3. Добавляем цвет и свет

Шаг 1
Ну как вам урок? Не сложно? А ведь это только начало. И далее темп и нагрузка будет только увеличиваться. И если вы не знаете как сделать то, о чем я говорю, и при этом я не объясняю детально, то попробуйте вернуться назад к началу урока – возможно, это уже было описано.

Теперь давайте раскрасим нашу иллюстрацию на не обозначенном цветом новом слое. Вот как мы это будем делать:

1. Включите видимость “Красных” слоев
2. Выделите область, которую намерены раскрасить: кликните, удерживая Ctrl, по иконке слоя на палитре слоев
3. Теперь переключитесь на слой без цвета
4. Выделите слой
5. Залейте выделенную область с помощью инструмента Заливка (Paint Bucket Tool (G))

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


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

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

- каракал (профиль)
- каракал (анфас)
- каракал котенок

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 2
При помощи мягкой кисти обработайте области с не сплошным цветом. Чтобы лучше контролировать процесс, можете зуммировать обрабатываемые участки.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 3
Создайте новый слой. Выделите содержимого слоя “Основа” и залейте выделенную область 50%-серым цветом.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 4
Установите этот слой в Режим наложения (Blending mode) – Умножение (Multiply). Это и будут наши тени.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 5
Создайте новый слой и вытравите его. Создайте маску и прокрасьте ее поверхность белым цветом при помощи мягкой кисти. Ваша цель – оставить лишь немного тени между элементами. Не забывайте использовать выделенные области.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 6
Пройдите в меню Фильтр > Шум > Добавить шум. В результате наш слой станет чуть более шероховатым.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


4. Визуализация меха

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

Шаг 1
Создайте новый слой. Выделите содержимое слоя – Основы, и залейте выделенную область 50%-серым цветом. Снова установите этот слой в режим наложения – Умножение (Multiply). Добавьте шум, но на этот раз сделайте его более зернистым и видимым. Назовите этот слой “Мех”.

Создайте новый слой и вытравите его на слое с мехом.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 2
Теперь будьте внимательны. Дальше будет немного сложно. Нажмите Q, чтобы войти в режим Быстрой маски. В этом режиме вы можете рисовать произвольные выделенные области любой выбранной кистью. Зрительно представьте себе мех и выделите области, где он мог бы расти в одном направлении. Для облегчения задачи, можете опираться на выделенную область, созданную на базе слоя – Основа.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 3
Выйдите из режима быстрой маски и пройдите в меню Выделение > Инверсия (Select > Inverse). В результате будет создана новая выделенная область. С помощью сочетания клавиш Ctrl+Н вы можете в любой момент скрыть ее.

Теперь пройдите в меню Пройдите в меню Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Подкорректируйте Угол (Angle) направления, в котором будет расти мех. Вы, так же, можете поэкспериментировать с Расстоянием (Distance) имитируя перспективу шерсти (волосок шерсти размером с точку = вид волоска сверху).

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 4
Не снижаем темпа. Чем больше отдельный направлений вы зададите, тем более реалистичным получится шерсть. Помните, Фотошоп не может угадывать ваши мысли! Вы сами должны сообщать ему ваши идеи.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 5
Этим же методом создайте более короткий мех на мордочке.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 6
Для создания клоков шерсти большего размера, нам придется воспользоваться другой хитростью. Создаем выделенные области точно так же как и перед этим, только на этот раз, непосредственно перед применением размытия, пройдите в меню Фильтр > Пикселизация > Кристаллизация (Filter > Pixelate > Crystallize). Чем больше должен получиться задуманный клок шерсти, тем больший размер ячейки следует задать.

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

- красный мех
- красный мех 2
- мех (приближенно)
- мех (с границами)

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 7
Пройдите в меню Выделение > Выделить все (Ctrl+А), и скопируйте слой. Далее пройдите в меню Окно > Каналы (Window > Channels). Создайте новый канал:

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Вставьте сюда ваше изображение:

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 8
Загрузите канал как выделенную область, кликнув по первой иконке. Затем, кликнув по каналу RGB, вернитесь к нормальному виду.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 9
Создайте новый слой и вытравите его на слое с Мехом. Назовите его “Текстура”. Залейте в выделенную область белым цветом и Снимите выделение (Ctrl+D). Скройте предыдущий слой.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 10
Создайте еще один новый слой (вытравливать его не нужно) и создайте выделенную область, чтобы залить ее белым цветом, как было сделано только что. Создайте выделенную область слоя – Основы, инвертируйте ее, и обрежьте лишние области. Установите этот слой в режим наложения Умножение (Multiply).

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


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

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


5. Добавляем детали

Шаг 1
Создайте новый слой и вытравите его на слое с мехом. Выделяя элементы мордочки, наложите сюда тени.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 2
Создайте новый слой над всеми существующими слоями. Вытравливать его, так же, не нужно. Выделите содержимое слоя с Основой, и наложите на выделенную область радиальный градиент.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 3
Установите его в Режим наложения (Blending mode) – Умножение (Multiply) и уменьшите его Непрозрачность (Opacity) до 55%. Это затемнение перенесет фокус на мордочку.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 4
Создайте очередной новый слой. Выделите темные элементы на мордочке и залейте их черным цветом. Затем пройдите в меню Фильтр > Пикселизация > Мозаика (Filter > Pixelate > Mosaic).

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Продублируйте этот слой несколько раз (Ctrl+J), и выделите все дубликаты на палитре слоев, кликая по ним при нажатой клавише Shift. Кликните на палитре слоев правой кнопкой мыши, и выберите в раскрывшемся контекстном меню пункт: Объединить слои (Merge Down).

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 5
Пройдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). В результате цвета станут менее резкими и более натуральными.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


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

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 6
Поработаем над глазами. Создайте новый слой и наложите тень, как показано ниже. Используйте для этого выделенные области.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Наложите голубой мазок, воспользовавшись для этого жесткой кистью.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Покройте этот мазок еще одним белым мазком:

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Теперь, при помощи Ластика (Eraser Tool (E) ) сымитируйте отражение.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


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

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 7
Выделите глаза и пройдите в меню Выделение > Модификация > Сжать (Select > Modify > Contract). Сожмите выделенную область на 3 пикселя.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Создайте новый слой и наложите отсветы в нижней части глаз.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Установите этот слой в Режим наложения (Blending mode) – Мягкий свет (Soft Light).

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 8
Чтобы придать носу более натуральный вид, наложите на него несколько пятен жесткой кистью, как показано ниже:

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


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

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 9
Описанной выше техникой закончите детализацию остальных элементов.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


6. Окончание окрашивания

Шаг 1
Окрашивание практически закончено. Но мы можем несколько усовершенствовать результат. Описываемые ниже приемы так же несколько сложны, их выполнение не обязательно. Поэтому, если вы решите не продолжать, то ничего страшного не случится.

Для начала давайте добавим какой-нибудь фон. Это поможет нам правильно расположить персонажа на сцене.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 2
Дважды кликните по слою с текстурой, чтобы открыть окно настроек параметров наложения. Поставьте галочку на пункте Тиснение (Bevel and Emboss), и поэкспериментируйте с настройками, стараясь придать меху более объемный вид. Конкретные настройки зависят от того, как выглядит созданный вами лично мех.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 3
Выделите на палитре слоев все слои, образующие нашего персонажа (за исключением слоев - Основ), и объедините их в один. Затем выделите одну область (используйте какой-либо слой в Основании) и пройдите в меню Фильтр > Размытие > Умное размытие (Filter > Blur > Smart Blur). В результате мех будет выглядеть более пышным.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Повторите процесс для каждой отдельной области.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 4
Выделите в режиме Быстрой маски (Q) контуры персонажа.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 5
Пройдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Таким образом мы создадим ощущение расстояния до краев кошки, усиливая эффект глубины на сцене.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 6
Не торопитесь снимать выделение. Пройдите в меню Изображение > Коррекция > Цветовой тон/Насыщенность (Image > Adjustment > Hue/Saturation).

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Здесь вы можете подкорректировать цвета и яркость выделенной области:

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 7
Давайте еще немного взъерошим мех. Определите на изображении участки, где мех выглядит слишком резким. Выделите такой участок в режиме Быстрой маски. При необходимости, если нужно будет обрезать ненужную часть, воспользуйтесь слоем в Основании.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Создайте выделенную область и продублируйте ее на новый слой (Ctrl+J). Теперь к этой выделенной области можно применить Размытие в движении (Motion Blur), не затрагивая остальную часть изображения.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Еще раз продублируйте этот слой и активируйте свободную трансформацию (Ctr+T), чтобы подкорректировать форму этого участка. Лучше всего это сделать в режим Деформация (Warp).

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Эту процедуру можно проделать в отношении всего туловища.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 8
Создайте выделенную область, включающую содержимое Главного слоя. Создайте новый слой и наложите на выделенную область радиальный градиент. Затем создайте под этим слоем еще один новый слой, залейте его черным цветом и объедините оба слоя.

Скопируйте этот слой и воспользуйтесь Альфа-каналом, чтобы создать выделенную область.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.

Инвертируйте выделенную область (Shft+Ctrl+I), и примените коррекцию цветового тона/насыщенности. Здесь можно сделать цвета более насыщенными.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 9
Добавим усики! Создайте новый слой. Выберите жесткую кисть, и, удерживая Shift, прочертите белую линию.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Активируйте свободную трансформацию (Ctr+T), чтобы “заострить” линию. Здесь можно так же использовать инструмент Полигон (Polygon Tool ), чтобы создать вытянутый треугольник.

р
Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.
ис

Пройдите в меню Редактирование > Марионеточная трансформация ( Edit > Puppet Warp). Добавьте три опорные точки: две на концах, и одну посередине. Сместите ту, что посередине вверх, изгибая ус в виде арки.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Дублируя и изменяя форму усиков при помощи свободной трансформации, распределите их по иллюстрации.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Объедините слои с усиками и уменьшите Непрозрачность (Opacity) объединенного слоя, чтобы сделать их менее заметными.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


Шаг 10
Когда все будет сделано, внимательно посмотрите на свою работу еще раз, и проверьте, не нужно ли еще что-нибудь исправить.

Окрашивание в фотошопе цифрового рисунка без использования графического планшета. Часть II.


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

Если вы намерены работать без планшета, это – наиболее эффективная техника. Она далеко не интуитивна, требует времени и, иногда, значительных усилий, но, при этом, позволяет полностью контролировать процесс на всех его этапах. Так или иначе, в итоге у вас получится вполне приличный результат, который не стыдно будет продемонстрировать кому-либо.


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

Другие новости по теме:


Просмотров: 2052 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


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

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

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