Как нарисовать воротник в фотошопе
В День раскрашивания серости делимся подборкой материалов по покрасу черно-белых изображений в Photoshop и других популярных графических редакторах.
22 сентября отмечается не только День осеннего равноденствия, но и День раскрашивания серости. Те, кто празднуют его, стараются в этот день заняться творчеством или одеться поярче и пойти гулять. Творчество — наш профиль, поэтому поделимся уроками о том, как делать черно-белые изображения цветными.
Мы уже писали в этой статье о том, почему бывает полезно начинать работу в ч/б и лишь затем ее красить, рассказали о недостатках этого метода и разобрали несколько пайплайнов по покрасу. Вкратце — при рисовании в ч/б проще контролировать тон, который отвечает за передачу объема и глубины. Мы разделяем работу на этапы и занимаемся скетчем, тоном и цветом по отдельности, а затем сводим все воедино для финальной отрисовки. Так куда меньше шансов допустить ошибку, чем если сразу начинать с цвета.
Каждый художник придерживается собственного пайплайна в работе и по-разному подходит к добавлению цвета в изображение. Мы подобрали уроки к наиболее распространенным методам покраса.
Суть этого метода заключается в том, что художник добавляет цвет на разных слоях поверх черно-белого изображения. Для смешения цветов он меняет режимы наложения и прозрачность слоев так, чтобы рисунок выглядел естественно, а не походил на грязную раскраску.
Начинающим не всегда понятно, какой эффект стоит ожидать от применения того или иного режима наложения. Эта статья поможет разобраться в данном вопросе — в ней мы на примерах показали, как разные режимы наложения влияют на изображение.
А теперь перейдем к урокам.
Марк Брюне (Marc Brunet), бывший художник Blizzard и ныне преподаватель, рассказывает, как покрасить рисунок за 5 шагов. Пайплайн подойдет для новичков, поскольку позволяет обойтись минимальным количеством слоев, и в нем нет хитрых комбинаций с режимами наложения.
Пайплайн следующий: сначала Марк рисует чистовой лайн, затем создает новый слой поверх и заливает лайн цветом. После этого он скрывает цвета и поверх них создает слой с режимом наложения «Разница» (Difference). На нем Марк рисует собственные и падающие тени. Когда он сделает слой с цветом видимым, рисунок станет цветным. Остается добавить свет на новом слое с режимом наложения «Перекрытие» (Overlay).
Дейв Греко (Dave Greco), фрилансер из США, комбинирует режимы наложения для нанесения основных цветов.
В уроке он сперва избавляется от излишней черноты в тенях — на слое с режимом наложения «Светлее» (Lighten) он проходит кистью по наиболее глубоким теням. Затем на слое с режимом «Перекрытие» (Overlay) Дейв наносит основные цвета для кожи, одежды и заднего плана. Для затемнения заднего плана художник использует режим наложения «Умножение» (Multiply). После того, как на рисунок нанесены основные цвета, дальнейшая отрисовка продолжается на слоях с нормальным (Normal) режимом наложения.
У Дейва на канале можно найти таймлапсы, в которых он применяет описанный пайплайн (например, тут, тут, и тут).
Некоторые корректирующие слои в Adobe Photoshop могут делать черно-белое изображение цветным. Для этого нужно выбрать слой или участок, который мы собираемся окрасить, и применить к нему корректирующий слой («Слои — Новый корректирующий слой»).
Такой метод не очень гибкий, поскольку мы красим без применения кисти и не можем быстро вносить изменения. Поэтому важно, чтобы все проблемы были решены уже на стадии монохромного рисунка. Художнику нужно заранее решить, какие элементы будут базой, а какие — нюансом и акцентом.
Художница Генис Чан (Genice Chan) в своем видео подробно рассказывает, как красить с применением таких корректирующих слоев, как «Цветовой тон/насыщенность» (Hue/Saturation), «Кривые» (Curves), «Выборочная коррекция цвета» (Selective Color).
Художник-фрилансер из США Мохаммед Агбади (Mohammed Agbadi) при покрасе комбинирует режимы наложения и корректирующие слои. На залитой серым фигуре он обозначает свет и тень с помощью полигонального лассо (Polygonal Lasso Tool). Затем на новом слое с режимом наложения «Умножение» (Multiply) он наносит основные цвета. Для настройки нужного оттенка Мохаммед выделяет область, с которой собирается работать, и применяет к ней корректирующий слой «Цветовой тон/насыщенность» (Hue/Saturation).
Карта градиента — это корректирующий слой, который заменяет все оттенки серого на заданные пользователем цвета в соответствии с тоном. Этот метод позволяет получить мягкие переходы между цветами, но требует от художника понимания теории цвета. Иначе будет сложно подобрать гармоничный градиент.
Чтобы добавить карту градиента, нужно выбрать рабочую область и перейти во вкладку Слой — Корректирующий слой — Карта градиента (Layers — Adjustment Layer — Gradient Map). Также этот инструмент можно вызвать, нажав на кнопку «Корректирующий слой» (Adjustment Layer) в нижней части окна слоев. Такой способ применения карты градиента более удобный, поскольку она остается доступной для манипуляций в окне слоев.
Урок Валида Фехали (Walid Feghali), художника из Швеции, подойдет для первого знакомства с картами градиента. Валид красит сразу весь рисунок, а не отдельные его части. При этом используется всего три слоя. Он наглядно показывает принцип работы карты градиента и говорит о том, что важно подбирать для рисунка теплые и холодные цвета.
Уже знакомый нам Марк Брюне объясняет, как работает этот метод, и использует в качестве примера черно-белую сферу. Он показывает, что окрашивать можно не только все изображение, но и отдельные его части, если выбрать их с помощью инструментов выделения. Марк использует «Волшебную палочку» (Magic Wand) и «Лассо» (Lasso).
Майк Томпсон (Mike Thompson), художник и 3D-скульптор из США, для покраски мелких деталей применяет маскирующую маску. Сначала он выбирает, над каким элементом рисунка собирается работать, а затем накладывает карту градиента сразу на все изображение. Майк нажимает на окно слоя маски в меню слоев и инвертирует ее (Ctrl+I), чтобы скрыть цвет. После этого он делает цвет видимым на нужных участках, проводя по ним белой кистью.
Хотя Adobe Photoshop и остается стандартом в арт-индустрии, существует множество других графических редакторов для рисования (мы делали обзор программ и приложений для художников тут и тут). Методы покраса монохромных изображений при этом не сильно различаются, только интерфейс другой. Мы подобрали несколько уроков для тех, кто не работает в Photoshop.
В первом видео Хуссейн Афзали (Hossein Afzali), художник из Бангкока, рассказывает, как раскрасить мультяшного персонажа с использованием режимов наложения.
Хуссейн рисует эскиз, а потом добавляет тени на отдельном слое с режимом наложения «Умножение» (Multiply). Затем он копирует эскиз для подбора цветовой схемы и закрашивает его плоскими цветами. После этого плоские цвета размещаются под слоем с тенями. Для освещения персонажа Хуссейн использует режим наложения «Осветление основы» (Color Dodge).
Художница Анна Сок (Anna Sok) показывает, как использовать карты градиента в Procreate. В отличие от Photoshop, здесь можно не только накладывать градиент на все изображение, но и красить им, как кистью. Выбранная карта градиента будет применяться везде, где пользователь проведет кистью. В Photoshop для этого нужно применять маскирующую маску.
В этом видео Дейв Греко показывает, как красит фентезийного персонажа. Он наносит основные цвета с помощью режима «Умножение» (Multiply), а для глянцевых рогов применяет «Добавить свечение» (Add Glow). Остальная отрисовка продолжается на слоях с нормальным (Normal) режимом наложения.
Художница из Швеции Кристина Бертон рассказывает о картах градиента в ClipStudioPaint. Для покраски персонажа она накладывает градиент на все изображение, скрывает его маской и делает видимой нужную область.
Художница Alatriss при покрасе отталкивается от цвета окружения. Она использует режим наложения «Цветность» (Color) и заливает рисунок ненасыщенным голубым цветом неба. Затем она создает новый слой с таким же режимом наложения и прозрачной кистью наносит цвета. Так краски смешиваются с цветом окружения и мы получаем естественные оттенки. Освещенные участки она красит с использованием нормального (Normal) режима наложения.
Цвет является важным вспомогательным элементом, хотя сам по себе он не формирует картину. От цвета во многом зависит то, как зритель будет воспринимать работу — один и тот же пейзаж может вызывать разные эмоции.
Держите несколько статей, с которыми будет проще укротить цвет и удачно покрасить монохромный рисунок.
- Как гармонично сочетать цвета — опыт Марко Буччи. Ссылка
- Как с помощью температуры цвета влиять на восприятие рисунка. Ссылка
- Как подбирать цвета для передних и задних планов. Ссылка
- Как подобрать цвет для теней. Ссылка
Текст написал Богдан Дудниченко, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.
Теперь у вас есть прекрасная возможность рисовать, редактировать любые изображения из любой точки мира не имея под рукой графического редактора.
"Фотошоп онлайн" - Полностью бесплатен! Доступен откуда угодно, не требует установки, легок, удобен и практичен!
Для использования "фотошоп онлайн" нажмите на кнопку.
Уроки Рисования » Рисуем Людей »
Уважаемый посетитель, позвольте для начала предложить Вам Зарегистрироваться или войти на сайт под своим именем.
Это займет всего минуту, и вы сможете воспользоваться множеством дополнительных возможностей нашего сайта.
Ну что? Приступим к рисованию портрета в фотошопе?
Начните с чистого холста с разрешением 300 dpi и бежевым фоном как показано на рисунке:
Сделайте грубый набросок овальной формы лица и нарисуйте крест на нем, который поможет правильно нарисовать черты лица
Нарисуйте черты лица; и помните, что у людей есть такая часть тела как лоб :)
Обведите контур лица.
Переверните холст для того, чтобы убедиться в том, что лицо нарисовано симметрично.
И мое лицо - несимметрично! хаха, я никогда не смогу нарисовать его правильно
Ну и почему вы бездельничаете? Не сидите сложа руки, исправляйте!
Используйте кисть большого диаметра и со средней степенью жесткости, а также выберите подходящий цвет кожи.
Обратите внимание на то, что я создала НОВЫЙ СЛОЙ для раскрашивания. Рисуйте на этом слое. Выберите источник света, в моем случае свет падает из правого верхнего угла.
Нанесите тени, но не стоит забывать о контуре лица и о том, что оно выпуклое.
По такому же принципу нанесите блики. Я знаю, что на этом этапе лицо выглядит пугающе. не волнуйтесь!
Начните раскрашивать черты лица. Если вы не знаете как - посмотрите мой урок по рисованию глаз.
Теперь снова переверните холст, делайте это как можно чаще для того, чтобы рисунок был симметричен. Трудно увидеть ошибки в рисунке, если вы смотрите на него слишком долго.
Для теней используйте голубоватый оттенок, он идеально подходит к оранжево-красной коже и немного оттеняет цвет.
Затем я добавила более заметные блики. Покажите в рисунке насколько кожа красивая, гладкая и светоотражающая.
Еще немного поработаем над губами. носом и глазами.
Выберите Аэрограф (Airbrush) с бооооольшим диаметром и низкой плотностью для того, чтобы сгладить переходы на лице (я этого не делаю, так как рисую очень быстро).Создайте новый слой и назовите его "Волосы" или что-то в этом роде.
Теперь волосы! Ууу, это ведь так весело. Проблема в том, что я не умею рисовать волосы, но я все равно попробую. Для симметрии в рисунке используйте тот же источник света. Нарисуйте основной цвет лица. Так как я рисую себя в осеннем настроении, то я использую красновато-коричневый и оранжевый цвета.
Начните штриховку бликов и теней; этот процесс очень трудоемкий и вы можете испортить рисунок, если не знаете что делаете. Представьте себе волосы не в качестве отдельных прядей, а в качестве пучка волос.Подсказка: используйте кисточку, которая рисует точками или штрихами, это поможет визуально разделить волосы на пряди.
На этом рисунке я придала фону текстурность и прорисовала тело; просто потому, что незавершенность этих участков рисунка раздражала меня. Подсказка: рисуйте фон на том же слое, на котором рисуете лицо.
Волосы отбрасывают тень на лицо также как и любые другие непрозрачные объекты. Если вы забудете об этом, то ваш рисунок не будет выглядеть естественно.
Продолжайте выделять пряди (напоминает рекламу компании Л'ореаль).
Пришлось немного схитрить. Я скопировала слой с волосами и применила Размытие по Гауссу (Gaussian Blur). Потом наложила этот слой на предыдущий и выбрала режим слоя Жесткий Свет (Hard Light). Теперь тени и блики выделены. Ура! *радуюсь*
Используйте Ластик с низкой плотностью для того, чтобы убрать ненужное со второго слоя с волосами, так как волосы могут выглядеть слишком неестественно. Но вам решать делать это или нет.
Добавьте свою подпись и рамку. Нами нарисованный портрет готов :)
^_^ хорошо, теперь можете довести рисунок до совершенства, я же иду спать. zzzzz
Мы нанесем узор на одежду модели так, чтобы он соответствовал всем контурам. После этого сделаем так, чтобы узоры и рисунки можно было менять просто и быстро.
Подготовка: создание нового узора
Мы будем использовать клетчатый узор:
- Откройте узор
- Перейдите в меню Редактирование> Изменить> Определить узор
- Дайте ему название.
Шаг 1: Размещение узора
- Кликните по иконке «Создать корректирующий слой или слой-заливку» в палитре слоев и выберите пункт « Узор» . Затем выберите нужный образец.
- Дважды кликните по узору в палитре слоев. После этого откроется окно « Заливка узором» . Измените масштаб на 20%.
- Кликните правой кнопкой мыши по имени слоя и выберите пункт « Преобразовать в смарт-объект» .
Шаг 2: Размещение узора
- Поместите узор в нужное положение. Воспользуйтесь клавиатурной комбинацией Ctrl + T для активации режима свободной трансформации. Перетащите угловые точки, растягивая и вращая узор.
- Создайте выделение вокруг рубашки модели. Я уже создал выделение в палитре контуров. Используйте Ctrl + клик левой кнопкой мыши, чтобы загрузить выделение.
- При активном выделении кликните по иконке « Добавить слой-маску» в палитре слоев. После этого будет создана маска слоя.
- Уменьшите непрозрачность примерно до 30%, чтобы видеть, что происходит во время работы.
Шаг 3: Впишите текстуру в форму
Это можно сделать с помощью « Карты смещения». Она подходит для того, чтобы вписать что-то в пределы формы. Но у нее есть два недостатка.
- Карта смещения деформирует все в одинаковых пропорциях.
- Она будет работать только со сплошным цветом.
- Выберите Фильтр> Пластика . Два инструмента, которые мы будем использовать: « Заморозить» и « Деформация» .
- Инструмент « Заморозить» защищает от применения фильтра пластики. Закрасьте область от правого верхнего угла до края первого сгиба. Используя большую кисть, сместите узор вверх, чтобы он немного ушел за края маски.
- Закрасьте область до края сгиба.
- Сместите узор с помощью инструмента « Деформация».
- Сглаживайте и сморщивайте узор таким образом, чтобы он соответствовал всем изгибам.
Шаг 4: Наложение узора
Нажмите « OK», чтобы применить пластику. Измените режим наложения слоя на « Умножение» . Теперь узор деформируется и соответствует краям рубашки.
Если вы видите области, на которых просматривается старая текстура, исправьте это в маске слоя.
Создайте новый слой поверх остальных слоев и залейте его 50% серым. Задайте режим наложения « Перекрытие» . Обработайте края с помощью инструментов « Осветление» и « Затемнение» , чтобы добавить тени для большей реалистичности.
Шаг 5. Изменение узоров и текстур
- Дважды кликните по смарт-объекту.
- Смарт-объект откроется в новом окне.
- Добавьте другой узор или рисунок. Сохраните файл.
- Вернитесь к исходному изображению, и вы увидите, что к нему применен новый узор со всеми операциями редактирования, которые мы проделали ранее.
Я надеюсь, что вы нашли это руководство полезным.
Пожалуйста, оставляйте свои комментарии по текущей теме статьи. За комментарии, лайки, отклики, подписки, дизлайки огромное вам спасибо!
Как рисовать прически в Adobe Photoshop - основные принципы создания коротких волос
Есть много типов коротких причесок. Сегодня мы рассмотрим две модные прически, которые часто носят люди, а также часто используют в своих работах дизайнеры и иллюстраторы.
Как красиво нарисовать волосы? Следуйте направлению
Независимо от того, какой стиль вы выбрали, одно правило остается неизменным. Чтобы получить лучший результат, рисуйте волосы, следуя направлению, в котором они растут из кожи.
Рассмотрим этот принцип на практике:
Начиная с макушки головы, обратите внимание, какое направление принимают волосы в зависимости от прически. Когда начнете делать первые наброски и организовывать слои, помните об этом, чтобы создать надлежащую форму прически и правильно выбрать кисти для рисования волос в Фотошопе .
Как рисовать волосы в фотошопе? Бросьте себе вызов
Попытайтесь нарисовать волосы, которые вы раньше не рискнули бы изобразить, и изучите различные узоры локонов, которые будут выглядеть интересно:
Как добавить волосы в фотошопе? Выберите правильное фото волос
Выберите фотографии, которые являются четкими и имеют хорошее освещение, чтобы можно было легко определить, каким образом должны быть окрашены волосы. Если вы являетесь новичком в рисовании, выбирайте цвета волос, которые проще воссоздать. Вот ресурсы, используемые в этом руководстве:
- Прическа Помпадур ;
- Короткая стрижка ;
- Борода .
Как нарисовать волосы человека - какие кисти использовать
Я буду использовать кисти из списка пресетов кистей Adobe Photoshop . С помощью базовой круглой кисти можно нарисовать много чего. Поэкспериментируйте со значениями « Жесткости » кистей для прически волос в Фотошопе , чтобы получить мягкие или жесткие края для нужных эффектов:
Следующая кисть - это жесткая круглая непрозрачная кисть с имитацией нажима, которую также можно найти в пресетах:
Убедитесь, что для параметра «Непрозрачность» установлен «Нажим», что сделает кисть еще более универсальной
И для каждой кисти включайте параметр « Нажим пера » в разделе « Динамика формы », чтобы каждый штрих был плавным и элегантным. Я часто использую эту функцию для тонких штрихов:
Как дорисовать волосы в фотошопе - п ользовательские кисти волос и шаблоны
С помощью пользовательских кистей для Фотошопа волос можно достичь реалистичного эффекта, рисуя несколько прядей за раз. Выберите эту опцию, если вы продвинутый иллюстратор или хотите сэкономить время при рисовании. Также можно использовать шаблоны волос, чтобы сразу наложить их на создаваемый портрет.
Как нарисовать короткие волосы: Помпадур
Помпадур представляет собой смесь различных причесок. Популярная в 50-х годах в современной интерпретации эта ретро стрижка включает в себя выстриженные или выбритые участки по бокам.
Шаг 1
Нарисуйте набросок Помпадур, используя гладкую кисть. Я буду использовать в качестве основы эту прическу.
Обратите внимание, что сверху волосы зачесаны назад, а по бокам они направлены вниз:
Шаг 2
Нанесите сплошной коричневый цвет для основы. Разместите этот слой под слоем наброска. Установите новый слой в качестве « Обтравочной маски » для основы, и измените его режим наложения на « Умножение ». На этом новом слое нарисуйте тени, используя оттенки того же коричневого цвета:
Чтобы понять, какой кистью рисовать волосы в Фотошопе , нужно учитывать, что при таком изменении режима наложения цвет будет автоматически затемняться. Новый оттенок умножается на базовый.
Шаг 3
Установите еще несколько слоев в качестве « Обтравочной маски », если вам нужно добавить больше теней. Затем создайте новый слой и установите для него режим наложения « Перекрытие ». Задайте белый в качестве цвета переднего плана, чтобы начать нарисовать теплые блики в тех местах, куда падает свет. Нанесите несколько светлых участков, при этом обращая внимание на то, чтобы они соответствовали логике освещения волос:
Шаг 4
Можно убрать черные жесткие штрихи наброска, смешав их с цветными частями. Для этого установите для слоя наброска режим наложения « Перекрытие ». Затем добавьте новый слой и задайте для него режим « Линейный осветлитель ». Создайте светлые области лица, зарисовав области вокруг них кистями волос для Фотошопа светло-бежевым цветом:
Шаг 5
Скорректируйте цвет волос с помощью корректирующего слоя. Перейдите в Слой> Новый корректирующий слой> Цветовой баланс и настройте параметры корректирующего слоя таким образом, чтобы углубить красный, синий и пурпурный оттенки волос:
Шаг 6
Теперь, когда мы скорректировали цвета, на следующем этапе сделайте мелкие детали четче. Задайте кисти для прорисовки волос в Фотошопе жесткость 100% и прорисуйте дуги, которые будут представлять собой линии волос:
Шаг 7
Уменьшите размер кисти, чтобы нарисовать мелкие, тонкие пряди волос по краям головы. И в завершении добавьте красивый градиентный фон позади головы. Закрасьте фоновым цветом части волос по краям головы, чтобы вся голова выглядела более реалистично и более гармонично вписывалась в сцену:
Вот как будет выглядеть законченная прическа Помпадур!
Как нарисовать короткие волосы: прическа с завитыми локонами
Далее мы нарисуем прическу с завитыми локонами, которые придают волосам невероятный вид.
Шаг 1
Используйте это изображение, чтобы создать основу. С помощью той же кисти для рисования волос в Фотошопе создайте набросок лица и волос. Обратите внимание на изменение направленности волос. Волосы на этом изображении длиннее, и поэтому они завиваются в разных направлениях:
Шаг 2
Теперь нанесите базовые цвета. Наносите каждый цвет на отдельном слое. Используйте их в качестве обтравочной маски, чтобы создать тени. Снова установите режим наложения для слоев теней на « Умножение » и используйте, те же цвета, которыми вы наносили основу, чтобы нарисовать тени:
Шаг 3
Уменьшите непрозрачность слоя наброска до 25% . Создайте два новых слоя, для одного установите режим наложения « Перекрытие », а для второго – « Осветление основы ». На первом слое нарисуйте яркие голубые блики. А затем нарисуйте области розовых отблесков на волосах, чтобы получить интересный эффект:
Шаг 4
Уменьшите размер кисти для Фотошопа волосы пряди до 5 пикселей и установите жесткость - 100% . Раскрасьте пряди, соблюдая направление каждой из них. Постарайтесь не упустить из виду, какие части прядей накладываются друг на друга, и не забывайте удалять выходящие за границы прядей области:
Шаг 5
Добавьте новый слой с режимом наложения « Линейный осветлитель », чтобы нарисовать более интенсивные светлые участки. Нанесите по краям волос розовые области под цвет фона. Они добавят ощущение четкости и блеска волос. Пусть в некоторых местах фон проглядывает сквозь волосы, чтобы они не выглядели слипшимися:
Шаг 6
Проведите дополнительную обработку. Сделайте четче пряди с бликами света, а также нарисуйте дополнительные пряди, чтобы сделать их четкими и, как будто, движущимися. Завершите изображение, добавив новый корректирующий слой « Уровни », чтобы отрегулировать интенсивность цветов:
Вот готовое изображение прически с завитыми локонами.
Как нарисовать бороду на лице с помощью Adobe Photoshop
Еще один тип коротких волос, о котором мы не можем забыть - волосы на лице. Несмотря на то, что они располагаются не на верхней части головы, они ведут себя похожим образом. Давайте посмотрим, какой кистью рисовать волосы в Фотошопе .
Как рисовать бороду в Adobe Photoshop - шаг 1
Борода для фотошопа - я использовал это изображение для примера. Начните с предварительного наброска, обращая особое внимание на направление волос. В данном случае мы должны помнить, что волосы направлены вниз:
Как рисовать щетину в Adobe Photoshop - шаг 2
Отрегулируйте базовые цвета и уменьшите « Непрозрачность » слоя наброска до 20% . С помощью мягкой круглой кисти нарисуйте на новом слое тени и установите для этого слоя режим наложения « Умножение ». Цвет волос на лице зависит от тона кожи, поэтому убедитесь, что вы гармонично смешали участки кожи и примыкающие к ним участки бороды и усов:
Шаг 3
На том же слое с режимом наложения « Умножение » нарисуйте с помощью кисти для Фотошопа волос штрихи различной длины, которые будут задавать структуру волос. Обратите внимание на то, как эти пряди волос изгибаются по кривой вдоль подбородка и около шеи:
Шаг 4
Добавьте новый слой и установите для него режим наложения « Перекрытие ». Установите белый в качестве цвета переднего плана и нарисуйте светлые блики. Светлых бликов должно быть больше в верхней части, где света на бороду падает больше. Отрегулируйте тона кожи, чтобы они выглядели естественно:
Шаг 5
Добавьте новый слой и установите для него режим наложения « Линейный осветлитель » и нарисуйте тонкие штрихи блестящих волосков. Добавьте пучки из нескольких волосков, а также нарисуйте блестящие волосы в верхней части, где кожа соприкасается с бородой и усами:
Шаг 6
Продолжайте рисовать кистью для рисования волос в Фотошопе на лице и блестящие волоски, пока не будете удовлетворены результатом. Не забудьте нарисовать щетину на шее для большей реалистичности. Добавьте красивый градиентный фон и усильте цвета с помощью нового корректирующего слоя « Кривые »:
Вот окончательный результат. Не бойтесь добавить больше деталей лица или блеска бороды.
Заключение
Чтобы создать реалистичные, " живые " волосы, нужно обращать внимание на то, как они двигаются и взаимодействуют со светом. Овладев этими приемами, вы сможете быстро создавать эффектные волосы!
Пожалуйста, оставляйте ваши мнения по текущей теме статьи. За комментарии, дизлайки, подписки, отклики, лайки низкий вам поклон!
В этой статье я расскажу, как нарисовать пиксель арт в Photoshop CC / CS6. Для этого мы используем пиксельную графику:
Как создать пиксель арт - настройки Photoshop
Создайте новый квадратный документ со сторонами от 20 до 100 пикселей ( в зависимости от того, насколько большой спрайт ). Я буду работать с холстом 50 на 50 пикселей:
Продолжим наш урок пиксельной графики. Выберите инструмент « Карандаш » ( в выпадающем меню инструмента «Кисть» ) и установите размер кисти в 1 пиксель. Выберите инструмент « Ластик » и задайте для него размер - 1 пиксель, Режим - Карандаш :
Еще одно изменение, вернитесь в Настройки > Общие и измените интерполяцию изображения на « По соседним пикселям (сохраняет четкие края) »:
Теперь все готово, чтобы мы могли приступить к созданию пиксельной графики!
Как сделать пиксель арт - создание персонажа
Мы начнем с создания спрайта одиночного персонажа.
Начнем с файла размером 50 на 50 пикселей, который мы создали. Я добавлю фоновый слой со сплошным цветом. После этого мы сможем видеть сетку.
В нижней части палитры слоев нажмите на иконку, которая выглядит как наполовину заполненная окружность. Выберите параметр « Цвет » и задайте для нового слоя нейтральный цвет заливки:
Рисунок 10: Ярлык для добавления нового однородного слоя находится в меню в нижней части палитры слоев
Добавьте новый прозрачный слой поверх этого слоя заливки цветом. Перейдите в Слой> Новый> Слой или просто нажмите иконку с загнутым листом в меню в нижней части палитры слоев.
С помощью инструмента « Карандаш » нарисуйте тело персонажа игры с пиксельной графикой. Я хочу сделать тело как можно более простым, а затем в конце подкорректировать его. Мы добавим больше деталей, когда создадим основную форму.
Подсказка: Для каждого нового элемента добавляйте дополнительный слой, чтобы иметь возможность вернуться позже и откорректировать.
Подсказка: Если хотите создать прямую линию, кликните один раз в том месте, где вы хотите ее начать, а затем, удерживая нажатой клавишу Shift , кликните в месте, где хотите завершить линию. Photoshop автоматически создаст прямую линию между двумя точками.
Вы можете создавать тело, как вам нравится. Вот, как это сделала я:
- Нажмите один раз на холсте карандашом размером 15 пикселей, чтобы создать голову;
- Создайте треугольник ( направленный вниз ), это будет грудь, и нарисуйте сверху от него шею ( с помощью карандаша с размером 3 пикселя );
- Создайте туловище с помощью другого треугольника ( направленного вверх ) снизу от треугольника груди;
- Нарисуйте ноги из нижней части треугольника туловища;
- Поставьте " точки " в тех местах, где будут заканчиваться руки. Одна рука у персонажа будет поднята вверх, а другая опущена. Удерживая нажатой клавишу Shift , кликните мышью по краю плеча, чтобы соединить плечо и конец руки;
- Добавьте кисти рук и ступни ног персонажа игры с пиксельной графикой;
- Теперь можете добавить или стереть некоторые пиксели, чтобы скорректировать форму тела. Я добавила немного больше объема в ногах, чтобы сделать шею и тело толще и немного округлила плечи.
Теперь мы добавим одежду, волосы и лицо. Используйте базовую форму тела как шаблон, чтобы создать одежду. Я хочу добавить шесть новых слоев для рубашки, брюк, обуви, волос, лица и мелких деталей:
Файл Photoshop так, как он есть на текущий момент.
На данном этапе урока пиксельной графики нашего парня уже можно было бы назвать завершенным, но я хочу добавить больше глубины с помощью света и тени.
Дополнительный шаг, добавление теней
Создадим сведенную копию всех слоев. Для этого отключите видимость слоя заливки цветом ( нажмите на иконку глаза слева от миниатюры слоя ), затем нажмите Command-Option-Shift-E (Mac) или Ctrl-Alt-Shift-E (PC) . Это автоматически создаст сведенную копию всех видимых слоев поверх остального стека слоев.
Теперь я предлагаю поместить слои в отдельную папку и отключить ее видимость. Чтобы быстро сгруппировать слои, выберите их и кликните по ним, а затем нажмите Ctrl / Option -G :
Добавьте новый слой и измените его режим смешивания. Режим смешивания можно задать с помощью выпадающего меню в верхней части палитры слоев, слева от параметра непрозрачности. По умолчанию в этой программе для пиксельной графики он установлен на « Нормальный ».
Я хочу выбрать режим смешивания « Мягкий свет », потому что это хорошо затемнит цвета, которые я использовала для персонажа. При выбранном новом слое ( я назову его " Shading " ), удерживая нажатой клавишу Alt , кликните по слою, расположенному ниже ( сведенному слою персонажа ), чтобы создать маску. Таким образом, все, что вы рисуете на слое “ Shading ” будет видно в пределах маски слоя “ Character ”:
Зарисуйте области слоя " Shading " черным карандашом. При текущем режиме смешивания черный цвет будет затемнять цвет под ним. Красный цвет рубашки станет темно-красным, зеленый цвет волос станет темно-зеленым и так далее.
Подсказка: Если затенение является слишком жестким, измените режим смешивания или непрозрачность слоя. Если хотите добавить больше оттенков затененных цветов, создайте новые слои " Shading " с различной непрозрачностью.
В конце у меня получилось два слоя теней: первый с непрозрачностью 25%, а второй с непрозрачностью 45%:
Если хотите добавить светлые участки, создайте новый слой “ Highlighting ” так же, как мы добавили слой " Shading ", только установите режим смешивания « Перекрытие » и используйте белый карандаш.
Перейдите в меню Файл> Сохранить как. > Формат: PNG
У нас получился крохотный персонаж размеров 30 на 45 пикселей в файле PNG:
Это идеальный размер для мобильных устройств, где предпочтение отдается компактной графике.
Если хотите, чтобы изображение было больше, перейдите в Изображение> Размер изображения , и задайте для параметра « Ресамплинг » значение « По соседним пикселям (четкие края) ».
Подводя итоги
Мы начали с нескольких основных установок Photoshop , чтобы было проще создавать пиксельную графику. Мы задали для параметра « Интерполяция изображения » значение « Соседние пиксели », а для деления сетки - 1 пиксель. Затем мы использовали « Карандаш » и « Ластик » в режиме « Карандаш » соответственно.
В следующей части этого руководства, я возьмусь за создание других графических элементов фэнтези игры: врага, оружия, а также элемента здоровья.
Читайте также: