Как создать текстурную, вручную расписанную картинку в Adobe Photoshop
() translation by (you can also view the original English article)



В этом руководстве я покажу как создать декоративную картинку с вручную написанными буквами с помощью Adobe Photoshop используя векторные формы и текстурные кисти. Мы создадим валентинку в мексиканском стиле, в которой будет надпись "Te Quiero Mucho" (Очень тебя люблю) и множество декоративных элементов. Начнем!
1. Как подготовить набросок
Шаг 1
Буквы в мексиканском стиле весьма декоративны, так что не сдерживайтесь и добавляйте много деталей. Я создала набросок будущей открытки с помощью карандаша и бумаги, затем сфотографировала его на свой смартфон и отправила себе через почту. Вы можете нарисовать буквы сами либо скачать несколько классных шрифтов или эффектов для текста. В качестве главного действующего лица я выбрала сердце в мексиканском стиле с мексиканским черепом.
Шаг 2
Прежде всего нам нужно подготовить рабочее место. Создайте Новый Документ (Command-N) в Adobe Photoshop и установите размер полотна 1800px на 1500px, а разрешение 144px/inch. Вы можете изменить размер полотна, перейдя в Изображение > Размер холста.
Просто переместите ваше фото из папки прямо на полотно и нажмите Enter, чтобы его поместить. Чтобы изменить размер изображения, используйте Трансформирование (Command-T). Если хотите изменить размер холста, перейдите в Изображение > Размер холста, либо же используйте Обрезку (С).



Шаг 3
Чтобы подготовить набросок к окраске, я использую Изображение > Дополнительно > Заливка (Command-U) и Уровни (Command-L).



Шаг 4
Если вы хотите что-то поменять в вашем наброске (например, я немного переместила "Mucho"), можете использовать Лассо (Q) и Трансформирование (T). Если вы хотите добавить какие-то детали, нарисуйте их прямо на вашем наброске с помощью инструмента Кисть (B) или сотрите что-то с помощью инструмента Ластик (E). Вы можете сделать все что угодно!
Теперь можем приступить к окраске. Перейдите к слоям, выберите Умножить и выставьте Непрозрачность на 15-20%. После этого добавьте новый слой под слой наброска. Не забудьте Закрепить положение слоя.



Шаг 5
Можете пропустить этот шаг, но я всегда начинаю окрашивание с создания палитры (подсказка: выберите три основных цвета и их оттенки для начала). Мексиканский стиль очень строг и имеет яркие, теплые цвета. Я выбрала красный, около желтый и бирюзовый. На том слое, что под наброском, я использовала Кисть (B) и попробовала найти те цвета которые мне бы понравились. У меня всегда есть несколько вариантов. Это творческий процесс, так что не пренебрегайте перекрашивать и переделывать какие-то участки.
В конце, я выбрала два варианта, которые мне понравились больше остальных. Из них мне больше нравится второй.



Сохраните вашу работу (я сохранила слой и нарисовала мой конечный вариант над ним, чтобы видеть цветовую схему в процессе).
2. Как создать вектрные формы в Adobe Photoshop
Шаг 1
Давайте начнем с сердца. Создайте новый слой под наброском, но над цветовой схемой и нарисуйте сердце с помощью инструмента Карандаш (P).



Шаг 2
На новом слое над предыдущим нарисуйте внутреннее сердце. Чтобы упростить процесс окрашивания, я сделала копию слоя цветовой схемы, сделала ее меньше и переместила с помощью инструмента Трансформирование (T), чтобы было легко брать цвета с помощью инструмента Пипетка (I). Также я выставила Непрозрачность основной цветовой схемы (той, что большая) на 70-80% и закрепила позицию слоя.



3. Добавляем текстурность и
Шаг 1
Начинается магия. Для текстур и значений, я использовала официальные кисти Photoshop от Кайла Т. Вебстера, но вы можете выбрать любые другие доступные наборы кистей. Главное, чем должен обладать ваш набор кистей – иметь текстурные кисти и кисти, которые имитируют уголь или любой другой "живой" маткриал.
Создайте обтравочный слой над слоем красного сердца:
- Зажмите ALT, переместите мышь над линию, которая разделяет два слоя на панели Слои (указатель мыши сменится двумя пересекающимися кругами), затем кликните.
- 2. На панели Слои выберите верхний слой из группы слоев, которые вы хотите объединить и перейдите в Слои > Создать обтравочную маску.
Я использовала Oil Lush Brush из набора Кайла Браша. Вы можете выбрать любую другую кисть или даже воспользоваться стандартными кистями Photoshop (только выставьте Нерпозрачность вашей кисти, чтобы смягчить цвета). Я использовала светлые и темные оттенки красного для сердца, чтобы создать объем.
Подсказка: используйте Alt, когда рисуете, чтобы переход к окружающим цветам был плавнее.



Шаг 2
Создайте новый слой – обтравочную маску для красного сердца, после объемного слоя. Используя текстурную кисть (я использовала Airbrush - Grainy Opaque), создайте тень при помощи темно-коричневого цвета. Выставьте Умножение для этого слоя.
Для акцентов все делайте также. Создайте слой над темным слоем, создайте акценты, используя светло-красный и вашу текстурную кисть и поменяйте Режим Отображения. Измените Непрозрачность, чтобы общий вид стал спокойнее и естественнее (я использовала 50%)



В итоге моим рабочим планом для такого проекта стало:
- Создание векторной формы.
- Создание объема при помощи кистей.
- Добавление светлых и темных текстур при помощи текстурных кистей и слоев.
- Добавление дополнительных деталей по необходимости.
Шаг 3
Используйте ту же тактику для внешнего желтого сердца – просто добавьте немного узоров при помощи Gouache Round Opaque Brush. Вы можете использовать любые другие кисти и не забывайте, что вы можете изменить параметры наложения и непрозрачность вашей кисти в настройках кисти рядом с меню кистей (или нажмите F5, чтобы открыть продвинутые настройки кистей).
Подсказка: используйте [ или ], чтобы увеличить или уменьшить размер вашей кисти.



Шаг 4
Та же тактика для глаз и рта. Не забудьте добавить слой для тени (я вновь использовала текстурную кисть). Выделите все слои, имеющие отношение к глазам и сгруппируйте их (Command-G).



Копируйте (Command-J) и Переместите (V) группу с глазами. Теперь у сердца есть два глаза.



Шаг 5
Продолжайте раскрашивать и добавлять детали. Создайте нос при помощи инструмента Карандаш и добавьте немного глубины, воспользовавшись обтравочной маской и кистями. Чтобы раскрасить губы, используйте инструмент Поворот (R) для удобного использования кистей.



Закончите рот, используя уже знакомые техники. Также я добавила лини зубов на новый слой. Я использовала Your New Favorite Inker из набора Кайла Браша. Как всегда, подойдет и любая другая. Не забудьте про тень у рта.



Шаг 6
Чтобы украсить, я использовала теплый желтый цвет и ту же кисть, что и на зубы. Создайте новый слой – обтравочную маску над слоем красного сердца и нарисуйте какие-нибудь узоры. Еще здесь же я нарисовала брови. Лицо готово!



Шаг 7
Выделите все слои и группы (включая рот, глаза и нос) и сгруппируйте (Command-G) их. Рассортируйте слои удобным вам способом. Если вы что-то сгруппировали неправильно, вы можете отменить группировку (Command-Shift-G).



Шаг 8
Настало время крыльев!. Нарисуйте два больших крыла на одном и том же слое, используя инструмент Карандаш (P)



На другом слое нарисуйте внутренние части крыльев. Вы можете отредактировать ваши формы при помощи инcтрумента Выделение узлов (A) и отредактировать узлы. Убедитесь, что указатель инструмента белый. Вы можете изменить это в панели Инструменты.



Шаг 9
Создайте новый слой для текстуры над слоем красных крыльев и создайте тень от внутренних крыльев при помощи текстурной кисти и темно-красного цвета. Выставьте Умножение и задайте Непрозрачность (я использовала 60%).



Шаг 10
Создайте новый слой – обтравочную маску для красных крыльев. С помощью чернильной кисти и светлого красного цвета, нарисуйте линии перьев. Выбирайте любые линии – наша задача добавить немного текстуры и деталей. Я нарисовала простые прямые линии. И установила режим наложения Экран с Непрозрачностью на 80%.



Шаг 11
Для формы внутренних крыльев я создала несколько слоев с тенью, используя ту же текстурную кисть Первый оранжевый слой в режиме Умножение и с 70% Непрозрачностью. Второй, коричневый, тоже в режиме Умножение. Некоторые слои-тени добавляют больше глубины изображению.



На новом слое – обтравочной маске добавьте акценты с помощью текстурной кисти светло-желтого цвета. Режим – Умножение. Сотрите ненужные штрихи (если такие есть) с помощью инструмента Ластик (E).



Шаг 12
На еще одном слое – обтравочной маске создайте орнаменты при помощи чернильной кисти и закрепите Непрозрачность слоя. Используя текстурную кисть добавьте немного темного цвета ближе к лицу сердца. Сгруппируйте все слои с крыльями. Готово.



Шаг 13
Я решила немного изменить планы и добавила корону сверху сердца. Используя инструмент Карандаш (P), я нарисовала формы короны. Я сделала слой с цветовой схемой невидимым, чтобы проще было рисовать. Просто нажмите на иконку с глазом на панели Слои.



Шаг 14
Используя знакомые техники, я добавила свойств короне. Используйте темные слои в режиме Умножение с текстурной кистью. А светлые слои – в режиме Экран.



Расположите слои удобным образом и, поздравляю! Мы закончили работу с сердцем и дополнительными вещами!



4. Как векторизировать и раскрасить буквы.
Шаг 1
Теперь перейдем к ленточкам и буквам. С помощью инструмента Карандаш (P) нарисуйте ленту. Я выбрала бирюзовый цвет. И вновь спрятала цветовую схему.



Шаг 2
На новом слое нарисуйте буквы при помощи инструмента Карандаш (P). Чтобы наложить фигуры (как в букве Q), выберите две фигуры при помощи инструмента Выделение Узла (A) и выберите Исключить Наложение Фигуры.



Используйте черный указатель и инструмента Выделение Узла (A), если вы хотите переместить какие-то фигуры. Отредактируйте ключевые точки, используя белый указатель из этого же инструмента.



Шаг 3
Как всегда, добавьте немного объема при помощи кисти, а текстурности при помощи текстурной кисти. Умножение для теней, Экран – для акцентов.



Шаг 4
Используя Карандаш (P), добавьте немного линий для украшения. Я растрировала все слои с линиями (клик правой кнопки мыши на слое > Растрировать) и объединила их в один (выделите все необходимые слои и нажмите Command-E).



Шаг 5
Создайте новый слой – обтравочную маску для наших букв. Я раскрасила их при помощи обычной кисти: светло-желтый сверху, оранжевый и темно-оранжевый снизу. Так текст выглядит весомей.



Шаг 6
Снова, добавляем текстурности с помощью текстурной кисти. Темный слой для теней, светлый для акцентов.



Шаг 7
Момент волшебства. Дублируйте слой с буквами (Command-J) и поместите его под слой с буквами. Нажмите на новом слое, раскрасьте его в темно-бирюзовый и сместите его чуть ниже и левее (V или кнопки стрелок на клавиатуре). Теперь мы имеем тень под нашими буквами.



Шаг 8
Создайте новый слой под ленточкой и нарисуйте внутреннюю ленточку при помощи инструмента Карандаш (P). Здесь решила изменить изначальную цветовую схему и раскрасить ее в темно-бирюзовый. На новом слое – обтравочной маске добавим немного объема с помощью кисти. Выберите все слои с ленточками и буквами и сгруппируйте их (Command-G).



Шаг 9
Дублируйте (Command-J) группу с ленточками и сведите объекты (Command-E).



Переместите новый слой под верхнюю группу с лентой и дважды кликните на миниатюре слоя (либо правый клик мыши > Режим наложения). Выберите Наложение цвета и выберите темно-коричневый цвет.



Переместите этот слой (V или стрелочки) и выставьте режим Умножение. Непрозрачность на 40-50%. Мы закончили верхнюю ленточку. Повторите эти же шаги для нижней.



Шаг 10
Время деталей. Добавьте подробностей и новых граней.



5. Как добавить цвет фону
Шаг 1
Займемся задним фоном. Создайте новый слой под всеми слоями, и раскрасьте его инструментом Заливка (G). Убедитесь, что вы выбрали заливку, а не инструмент Градиент.



Шаг 2
Используя Карандаш (P), декорируйте линии и раскрасьте их в темно-желтый оттенок.



Шаг 3
Чтобы создать рамку, нарисуйте сперва ее форму и большой треугольник (размером с полотно) на том же слое. Выделите его при помощи инструмента Выделение Узла (A) и выберите Исключить наложение слоев.



Шаг 4
Возьмите любую текстурную кисть (например, отсюда) и добавьте немного зерна рамке, создав сверху слой – обтравочную маску.



Ifu 5
Дважды кликните на слое с рамкой и в режиме наложения выберите цвет Тени темно-коричневым, Непрозрачность 20-35%, Угол на 90%, Расстояние на 15px, Размер на 20px, а Шум на 16%.



Шаг 6
Теперь украсим рамку. При помощи инструмента Карандаш (P) нарисуйте небольшое сердце и немного желтого огня на разных слоях.



Дублируйте этот объект и растащите по всем углам.



Шаг 7
При помощи инструмента Карандаш (P) нарисуйте линии по бокам рамки. Сгруппируйте (G) все слои рамки.



Мы завершили раскрашивание. Вот наш промежуточный результат. Давайте доделаем!



Шаг 8
Выберите ленты и сердце и сделайте их немного крупнее. В этом преимущество компьютерной графики.



6. Как добавить деталей
Шаг 1
Давайте поработаем над деталями. Я добавила немного акцентов под носом у сердца. Чтобы быстро выделить необходимый слой, используйте инструмент Переместить (V) и выделите Авто-выделение > Слой на верхней панели.



Шаг 2
Также я добавила немного шума фону при помощи различных шумовых и текстурных кистей. Выставьте их на режим Умножение, а Непрозрачность на 5-15%.



Шаг 3
Дважды кликните на слое с основным сердцем и выберите Тень, темно-коричневый цвет, Умножение, Угол в 90 градусов, Расстояние в 6px, Размер в 13px, а Шум на 16%.



Шаг 4
Я решила поменять тень у ленточки на ту же, что и у сердца. Вы можете оставить предыдущую. Выделите слой с группой тени ленточки и сделайте его невидимым (либо просто удалите его). Удерживайте кнопку Alt и перемещайте слой с эффектами от группы слоев сердца к группе слоев ленточки. Проделайте то же для нижней ленточки.



Шаг 5
Теперь мы можем украсить ее так как захотим! При помощи чернильной кисти я добавила немного внутренних линий буквам. Вы можете использовать инструмент Поворот (R), чтобы было удобней рисовать. Не забывайте что вы можете нажать Command-Shift-Z, чтобы отменить действие.



Шаг 6
Используя Карандаш (P), нарисуйте несколько звезд. На слое – обтравочной маске сделайте пару мазков при помощи текстурной кисти.



Шаг 7
Сделайте тень слою со звездами. Выберите темно-красный, Умножение, Непрозрачность 50%, Расстояние 6px, Размер 10px, Шум 16%.



7. Как использовать цветовую корректировку.
Создайте новый слой над слоем заднего фона.



Немного переместите слайдер теней, чтобы сделать цвета фона немного насыщенней.



Добавьте немного красных капель и геометрических форм под рамку при помощи инструмента Карандаш (P).
Готово!
Этот декоративный стиль дает вам много свободы, вы легко можете играть с цветами и формами. Вы можете использовать этот план как основу для ваших собственных дизайнов. Спасибо, что экспериментировали вместе со мной. Наслаждайтесь процессом и делитесь результатами!



Ознакомьтесь с другими руководствами, где шаг за шагом вас научат как дизайну шрифтов, так и использованию кистей в Photoshop!
- Рукописные шрифтыКак создать рукописный шрифт для постера на домашнюю тематику в Adobe PhotoshopЮля Соколова
- Рукописные шрифтыКак создать карточку с любовным посланием в Adobe IllustratorЮля Соколова
- ВеснаКак создать декоративный весенний и цветочных рукописный шрифт в Adobe IllustratorНаталья Долотко
- ИллюстрацияКак создать текстуру волос и шерсти в Photoshop при помощи набора кистей Кайла Т ВебстераРоэна Эткен
