Финальный результат:

Начнем наш урок с создания нового документа размером 960 x 900 пикселей. Я установил цвет переднего плана  #141414, затем, взяв инструмент Paint Bucket Tool  (Заливка), кликнул один раз по изображению.
Я взял инструмент Brush Tool  (Кисть), и, выбрав мягкую круглую кисть, нарисовал на новом слое три большие точки на изображении, используя следующие цвета: #a864a8, #ed1c24, #662d91.

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

Затем выберите в меню фильтр Filter > Noise > Add noise (Фильтр-Шум-Добавить шум).

Я использовал следующие параметры:

Ваш шаблон будет выглядеть следующим образом:

Затем выберите Filter > Blur > Motion Blur (Фильтр-Размытие-Размытие в движении).

В окне настроек фильтра устанавливаем угол 90 градусов, смещение 998 пикселей.

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

Создайте новый слой (можно нажать для этого CTRL+SHIFT+ALT+N).

Снова возьмите инструмент Brush Tool  (Кисть), установите белый цвет переднего плана. Я снова выбрал мягкую круглую кисть большого диаметра.

Затем этой кистью нарисуйте большое пятно на изображении.

Поменяйте режим наложения этого слоя на Overlay (Перекрытие).

Теперь начнем добавлять детали в наш шаблон. Будем создавать панель навигации. Для этого возьмите инструмент Rectangle Tool  (Прямоугольник) и нарисуйте фигуру прямоугольника наверху шаблона.

Затем я взял инструмент Rounded Rectangle Tool  (Прямоугольник со скругленными углами) и установил в параметрах радиус 6 пикселей.

Я включил видимость сетки, потому что хочу сделать точное выравнивание элементов в последующих шагах (для этого выберите в меню View > Show > Grid – Просмотр-Показать-Сетку).

При помощи инструмента Rounded Rectangle Tool  (Прямоугольник со скругленными углами) создайте три прямоугольника, как показано ниже.

Теперь для всех созданных слоев с прямоугольниками добавьте следующие стили слоя (поставьте Fill  (Заливка) 10% и установите указанные параметры на вкладках Bevel and Emboss (Тиснение) и Stroke (Обводка)):

У вас получится такой результат.

Я нарисовал еще фигуры прямоугольников также с помощью инструмента Rounded Rectangle Tool  (Прямоугольник со скругленными углами).

Для этих прямоугольников добавьте такие стили слоя (на вкладках Outer Glow (Внешнее свечение), Color Overlay (Наложение цвета) и Stroke (Обводка)).

Вот такой получится результат.

Теперь добавьте нужный вам текст. Используйте для этого инструмент Horizontal Type Tool  (Горизонтальный текст). Я написал произвольный текст в качестве образца.

Затем можно добавить некоторое изображение вверху шаблона. Я использовал готовое 3D изображение голубого цвета. О том, как создать это изображение, вы можете узнать в этом уроке.

Примечание. Перевод данного урока на photoshop-master.ru

По бокам от этого изображения я добавил две стрелки, используйте для этого инструмент Custom Shape Tool  (Произвольная фигура).

В результате получился такой шаблон сайта.

Автор: рукодер.рф

Что вы будете создавать

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

Ежедневное рисование = Успех?

Если вы будете рисовать человечка из палочек десять недель подряд, то, как вы думаете, появятся ли у вас навыки, необходимые для рисования гиперреалистичных портретов?

Нет, к сожалению.

Согласно моему опыту, самое распространенное среди художников ошибочное мнение заключается в том, что если рисовать каждый день, то и техника автоматически улучшится, а это невероятно далеко от истины. Не важно, рисуете ли вы на планшете или занимаетесь живописью каждый день — правда в том, что рисование чего-то одного снова и снова лишь ограничит ваши навыки.

Единственный способ понять, как вырасти в творческом смысле — это бросить себе вызов. Художники тоже порой испытывают эффект плато, так что если вы не видите улучшения своих навыков, то возможно это значит, что вас удовлетворяет положение вещей. Меняйте что-то, и научитесь тренироваться, как креативный атлет.

Тренируйтесь, как атлет

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

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

1. Запишите свои сильные и слабые стороны

Откройте новый документ или просто возьмите чистый листок и разделите его на две части. На одной стороне напишите заголовок «Сильные стороны», а на другой — «Слабые стороны». Запишите свои творческие плюсы и минусы, чтобы лучше разобраться, на каком уровне вы находитесь в данный момент. Если у вас возникли проблемы с заполнением этого списка, спросите мнение своего близкого друга.

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

Примечание переводчика: на скриншоте: Сильные стороны: Креативность, Яркие рисунки, Реалистичный стиль; Слабые стороны: Рисую медленно, Рисунки часто выходят темными, Использую кисти, которые в итоге выглядят неаккуратно

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

Вот пара вещей, которые я заметила, глядя на свои старые работы:

• В основном, я рисую портреты в одном ракурсе (анфас).
• Если на 100% увеличить мои рисунки, то они выглядят неаккуратно.
• Иногда я рисую в слишком темных тонах.
• Мои наброски не закончены.

Первый шаг к тому, чтобы улучшить свои способности — это разобраться со своими слабыми сторонами, и в этом шаге вы осознАете свои плохие привычки, попросту расположив их перед собой. Сохраните коллаж из своих старых работ в качестве напоминания о том, как далеко вы продвинулись и о вещах, которые вы бы хотели улучшить.

3. Добивайтесь своих творческих целей

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

Можете подсмотреть мои цели выше. Я хочу сконцентрироваться на улучшении качества наброска, позы и схемы освещения.

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

4. Научитесь стратегии из видео

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

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

Себе в закладки я добавила видео художника Aaron Blaise (Аарона Блейза). Оно не только содержит в себе хорошие советы, касающиеся сходства и наброска, но еще и мотивирует меня на создание новых работ.

5. Развивайте идеи эффективно

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

Поверьте мне, мой рабочий стол это доказывает!

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

Диаграммы или списки? Какой метод развития идей вы предпочитаете?

Примечание переводчика: на скриншоте: в центре диаграммы сверху — главная идея, в остальных ее частях — детали; список: Композиция и Освещение: татуировка волка на спине у женщины, яркий центр и темный фон, естественные цвета и реалистичное освещение, сцена напряженная и страстная

Тут я хочу нарисовать тату, как в жизни, которое бы забирало все внимание у персонажа, поэтому я решила создать диаграмму, чтобы хорошо развить эту идею. В центре диаграммы располагается основная идея, из которой «вырастают» несколько других секций, в которых я более подробно опишу детали. И так как я уже создавала подобные рисунки раньше, я хочу подобрать композицию, которая бы не выпадала из ряда других моих работ.

6. Схитрите с композицией при помощи фотоманипуляций

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

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

7. Улучшите качество линейных рисунков и набросков

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

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

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

Затем понизьте непрозрачность этого слоя и создайте новый (Control-Shift-N) над ним для более аккуратной версии. Ключ к созданию аккуратных линий (судя по тому, что я видела ранее в видео-уроках) — это мягкие и обдуманные мазки кистью. Каждый раз, когда какая-то линия оказывается будто бы не на своем месте или не вписывается в набросок, рисуйте ее снова, пока она не будет идеальной.

Вот финальный результат моего линейного рисунка. Это, пожалуй, самый аккуратный набросок из тех, что я когда-либо создавала!

8. Поработайте над скоростью

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

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

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

9. Изучите мелкие детали

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

Здесь слева направо я изучала текстуру и затенение кожи, волос и шерсти животных

Как я говорила ранее, моя цель в данном конкретном рисунке — это улучшить общее качество. Это значит, что я хочу, чтобы мои мазки кистью были гладкими, а текстуры — реалистичными. Поэтому в некоторых своих исследованиях я сосредотачиваюсь на коже, волосах и текстуре шерсти. Я в обязательном порядке экспериментирую с наборами кистей Photoshop, чтобы создать нужный мне образ. Как только вы разберетесь с этими текстурами в своих исследованиях, приступите к работе над ними в своем рисунке.

10. Создайте свою формулу рисунка

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

Превратите этот процесс в формулу. Помните, вы все еще творческий атлет, и поэтому вам нужно тренировать свое сознание путем частых тренировок. Для себя я разбила формулу на три части:

• Что мне нужно перед началом работы (уверенность в себе, диаграммы и фотоманипуляции)
• Что мне нужно делать в процессе рисования (линейный рисунок, миниатюры и исследования)
• Что мне необходимо для завершения работы (последние штрихи и коррективы)

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

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

А вот и финальный результат моих огромных улучшений в плане качества и скорости.

Заключение

Несмотря на название урока, кому-то эти шаги все равно покажутся «сложными». Но сложность работы — это субъективный вопрос. И, честно говоря, непродуктивные мысли лишь попусту тратят время. Возможно, рисунок, который вы считаете сложным, для другого человека таковым не будет. Но, в конце концов, у нас есть кое-что общее:

Мы хотим улучшить свое творчество.

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

Надеюсь, вам понравились эти советы для улучшения рисунков. Удачи в ваших творческих приключениях, и не стесняйтесь показывать свои работы и оставлять комментарии внизу!

Автор: рукодер.рф

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

1. Создаем стиль

Шаг 1

Переходим File – New (Файл – Новый) и создаем новый документ со следующими настройками:

• Название: Sketch Action
• Width (Ширина): 2000 пикс.
• Height (Высота): 1000 пикс.
• Resolution (Разрешение): 300 pixels/inch (пикселей/дюйм)
• Color Mode (Цветовой режим): RGB 8 bit (бит)
• Background Contents (Содержимое фона): White (Белый)

Шаг 2

Активируем Horizontal Type Tool  (T) (Горизонтальный текст) и пишем слово SKETCH. На панели Window – Character (Окно – Символ) устанавливаем шрифт на He’s Dead Jim и размер – на 137 пт.

Шаг 3

На панели слоев выбираем текстовый слой и переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения). В открывшемся окне выбираем Pattern Overlay (Наложение узора) и настраиваем его:

• Blend Mode (Режим наложения): Normal (Нормальный)
• Opacity (Непрозрачность): 100%
• Pattern (Узор): Sketch-Texture-tt (в архиве с дополнительными материалами)
• Scale (Масштаб): 100%
• Link with Layer (Связать со слоем): вкл

Закончив, жмем ОК, чтобы применить изменения.

Шаг 4

Открываем панель Window – Styles (Окно – Стили). В нижней части жмем на кнопку Create New Style (Создать новый стиль) и пишем название «Эффект наброска».

2. Создаем кисти

Шаг 1

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

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

Активируем Brush Tool  (B) (Кисть) и переходим Window – Brushes (Окно – Кисти). На открывшейся панели выбираем мягкую круглую кисть Soft Round 30, устанавливаем Size (Размер) на 6 пикселей и Spacing (Интервал) – на 1%. После этого жмем на значок меню в верхнем правом углу панели и выбираем New Brush Preset (Новый набор параметров кисти), чтобы сохранить настройки. Называем набор «Контур наброска – 1» и жмем ОК.

Шаг 2

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

Выбираем ту же кисточку (Soft Round 30), открываем панель настроек кисти и настраиваем ее:

• Size (Размер): 25 пикс.
• Hardness (Жесткость): 51 %
• Spacing (Интервал): 59%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 39%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 0%
• Angle Jitter Control (Управление): Off (Выкл)
• Roundness Jitter (Колебание формы): 0%
• Roundness Jitter Control (Управление): Off (Выкл)

Scattering (Рассеивание):

• Both Axes (Обе оси): Off (Выкл)
• Scatter (Рассеивание): 29%
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Шаг 3

В верхнем правом углу панели жмем на кнопку меню и сохраняем набор настроек. Вводим название «Контурная маска 1» и жмем ОК.

Шаг 4

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

Создаем новый слой (Ctrl+Shift+N) и называем его «Карандаш 1». После этого активируем Brush Tool  (B) (Кисть), кликаем правой кнопкой в любой месте документу, чтобы открыть панель кистей. Выбираем мягкую круглую кисточку и устанавливаем ее размер на 2 пикселя. После этого переключаем цвет кисти на #aeaeae и проводим горизонтальную линию длиной примерно 85 пикселей.

Шаг 5

Проверяем, чтобы был выбран только слой «Карандаш 1», и переходим Edit – Define Brush Preset (Редактирование – Определить кисть), чтобы сохранить кисть. Называем ее «Контурная основа 1». После этого открываем панель настроек кисти и выбираем только что созданную кисточку («Контурная основа 1»). Настраиваем ее:

• Size (Размер): 85 пикс.
• Flip X and Y (Отразить X и Отразить Y): Off (Выкл)
• Angle (Угол): 0°
• Roundness (Форма): 100%
• Spacing (Интервал): 231%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 66%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 2%
• Angle Jitter Control (Управление): Direction (Направление)
• Roundness Jitter (Колебание формы): 0%
• Roundness Jitter Control (Управление): Off (Выкл)
• Flip X and Y (Отразить X и Y колебания): Off (Выкл)
• Brush Projection (Проекция кисти): Off (Выкл)

Scattering (Рассеивание):

• Scatter (Рассеивание): 32%
• Both Axes (Обе оси): Off (Выкл)
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Transfer (Передача):

• Opacity Jitter (Колебание непрозрачности): 41%
• Opacity Jitter Control (Управление): Off (Выкл)
• Flow Jitter (Колебание количества краски): 19%
• Flow Jitter Control (Управление): Off (Выкл)

Шаг 6

Сохраняем набор настроек и называем его «Карандашный контур 1».

Шаг 7

Далее мы создадим основную кисть. С ее помощью мы создадим реалистичные границы текста.

Скрываем слой «Карандаш 1» и создаем новый, называем его «Карандаш 2». После этого выбираем мягкую круглую кисточку и настраиваем ее:

• Size (Размер): 4 пикс
• Flip X and Y (Отразить X и Y): Off (Выкл)
• Angle (Угол): 0°
• Roundness (Форма): 100%
• Hardness (Жесткость): 18%
• Spacing (Интервал): 1%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 38%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 0%
• Angle Jitter Control (Управление): 0%
• Roundness Jitter (Колебание формы): 14%
• Roundness Jitter Control (Управление): Off (Выкл)
• Minimum Roundness (Минимальная форма): 1%
• Flip X and Y (Отразить X и Y колебания): Off (Выкл)
• Brush Projection (Проекция кисти): Off (Выкл)

Scattering (Рассеивание):

• Scatter (Рассеивание): 10%
• Both Axes (Обе оси): Off (Выкл)
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Шаг 8

Переключаем цвет кисточки на #7a7a7a и на слое «Карандаш 2» проводим горизонтальную линию примерно 200 пикселей в длину.

Шаг 9

Проверяем, чтобы был выбран только слой «Карандаш 2», и переходим Edit – Define Brush Preset (Редактирование – Определить кисть), чтобы сохранить кисть. Называем ее «Контурная основа 2».

После этого открываем панель настроек кисти и выбираем только что созданную кисточку («Контурная основа 2»). Настраиваем ее:

• Size (Размер): 200 пикс.
• Flip X and Y (Отразить X и Отразить Y): Off (Выкл)
• Angle (Угол): 0°
• Roundness (Форма): 100%
• Spacing (Интервал): 261%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 16%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 2%
• Angle Jitter Control (Управление): Direction (Направление)
• Roundness Jitter (Колебание формы): 0%
• Roundness Jitter Control (Управление): Off (Выкл)
• Flip X and Y (Отразить X и Y колебания): Off (Выкл)
• Brush Projection (Проекция кисти): Off (Выкл)

Scattering (Рассеивание):

• Scatter (Рассеивание): 10%
• Both Axes (Обе оси): Off (Выкл)
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Dual Brush (Двойная кисть):

• Brush (Кисть): Soft Round Brush 30
• Mode (Режим): Color Burn (Затемнение основы)
• Flip (Отразить): Off (Выкл)
• Size (Размер): 18 пикс
• Spacing (Интервал): 1%
• Scatter (Рассеивание): 0%
• Both Axes (Обе оси): Off (Выкл)
• Count (Счетчик): 1

Transfer (Передача):

• Opacity Jitter (Колебание непрозрачности): 17%
• Opacity Jitter Control (Управление): Off (Выкл)
• Flow Jitter (Колебание количества краски): 61%
• Flow Jitter Control (Управление): Off (Выкл)

Затем ставим галочку напротив Noise (Шум) (для нее нет дополнительных настроек).

Шаг 10

Сохраняем настройки и пишем название «Карандашный контур 2».

3. Создаем экшен

Шаг 1

Продолжаем работу с документом, который мы создали в начале. Удаляем все слои и оставляем белый фон. Берем инструмент Horizontal Type Tool  (T) (Горизонтальный текст) и пишем слово SKETCH.

Шаг 2

Открываем панель Window – Actions (Окно – Операции). На этой панели жмем на кнопку Create new set (Создать новый набор) и называем его «Текстовый эскиз (300 DPI)».

Шаг 3

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

Проверяем, чтобы на панели слоев был выбран текстовый слой, и на панели операций жмем на кнопку Create new action (Создать новую операцию). Называем экшен «Эффект наброска» и жмем на кнопку Record (Запись).

Шаг 4

Называем текстовый слой «BKP Text» и устанавливаем размер текста на 138 пт. После этого жмем Ctrl+A, чтобы выделить весь документ.

Шаг 5

Активируем Move Tool  (V) (Перемещение) и выполняем выравнивание центров по вертикали и горизонтали. Затем жмем Ctrl+D, чтобы снять выделение.

Шаг 6

Дублируем (Ctrl+J) текстовый слой, называем копию «BKP Text 2» и скрываем ее, нажав на значок глаза.

Шаг 7

Снова выбираем слой «BKP Text» и переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения), чтобы открыть окно Layer Style (Стиль слоя). Затем добавляем стиль Stroke (Выполнить обводку):

• Size (Размер): 8 пикс
• Position (Положение): Outside (Снаружи)
• Blend Mode (Режим наложения): Normal (Нормальный)
• Opacity (Непрозрачный): 100%
• Overprint (Наложение): выкл
• Цвет: #000000

Шаг 8

Кликаем правой кнопкой по текущему слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Затем снова кликаем правой кнопкой и выбираем Rasterize Layer (Растрировать слой). После этого называем слой «Основа текста».

Шаг 9

Применяем стиль, который мы создали в самом начале урока («Эффект наброска») к слою «Основа текста». Затем с зажатой клавишей Ctrl кликаем по миниатюре слоя «Основа текста» на панели слоев, чтобы загрузить его выделение. После этого активируем Lasso Tool  (L) (Лассо) и кликаем правой кнопкой по выделению, выбираем Make Work Path (Образовать рабочий контур) и в диалоговом окне устанавливаем Tolerance (Допуск) на 2 пикселя.

Шаг 10

Проверяем, чтобы был выбран слой «Основа текста», в нижней части панели слоев жмем на кнопку Add layer mask (Добавить слой-маску). Затем активируем Brush Tool  (B) (Кисть) и выбираем кисточку «Контурная маска 1».

Шаг 11

Жмем клавишу D, чтобы сбросить цвета на стандартные черный и белый, затем нажатием клавиши Х меняем их местами. После этого открываем панель Window – Paths (Окно – Контуры) и кликаем правой кнопкой по Work Path (Рабочий контур). Выбираем Stroke Path (Выполнить обводку текста), в открывшемся диалоговом окне выбираем Brush (Кисть) и жмем ОК.

Шаг 12

Преобразовываем слой «Основа текста» в смарт-объект и применяем к нему фильтр Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум) со следующими настройками:

Amount (Эффект): 9.82%

Distribution (Распределение): Uniform (Равномерный)

Monochromatic (Монохромный): вкл

Шаг 13

Снова активируем Brush Tool  (B) (Кисть) и выбираем кисточку «Контур наброска – 1». После этого создаем новый слой (Ctrl+Shift+N) и называем его «Контур наброска 1». Затем открываем панель контуров и удаляем текущий рабочий контур.

Шаг 14

Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «BKP Text 1», чтобы загрузить его выделение. Затем берем Lasso Tool  (L) (Лассо) и кликаем правой кнопкой по выделению. Выбираем Make Work Path (Образовать рабочий контур) и устанавливаем Tolerance (Допуск) на 2 пикселя.

Шаг 15

Переходим на панель контуров, кликаем правой кнопкой по рабочему контуру и применяем Stroke Path (Выполнить обводку контура) с теми же настройками. После этого преобразовываем слой «Контур наброска 1» в смарт-объект и уменьшаем его непрозрачность до 50%. Затем применяем к нему Filter – Distort – Wave (Фильтр – Искажение – Волна) со следующими настройками:

• Number of Generators (Число генераторов): 1
• Minimum Wavelength (Длина волны – Мин.): 1
• Maximum Wavelength (Длина волны – Макс.): 241
• Minimum Amplitude (Амплитуда – Мин.): 1
• Maximum Amplitude (Амплитуда – Макс.): 5
• Horizontal Scale (Масштаб – Гориз.): 100%
• Vertical Scale (Масштаб – Верт.): 100%
• Type (Тип): Sine (Синусоида)
• Undefined Areas (Неопределенные области): Repeat Edge Pixels (Повторить граничные пиксели)

Шаг 16

Переходим Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении) и используем следующие настройки:

• Angle (Угол): 1°
• Distance (Смещение): 25 пикс

Шаг 17

Дублируем (Ctrl+J) слой «Контур наброска 1», затем дважды кликаем по смарт-фильтру копии и меняем его настройки:

• Angle (Угол): -48°
• Distance (Смещение): 27 пикс

Шаг 18

Называем текущий слой «Контура наброска 2» и уменьшаем его Fill (Заливка) до 11%.

Затем переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения) и применяем Gradient Overlay (Наложение градиента) со следующими настройками:

• Blend Mode (Режим наложения): Normal (Нормальный)
• Dither (Дизеринг): выкл
• Opacity (Непрозрачность): 34%
• Gradient (Градиент): от цвета переднего плана к прозрачности
• Reverse (Инверсия): выкл
• Align with Layer (Выровнять по слою): вкл
• Style (Стиль): Linear (Линейная)
• Angle (Угол): 90°
• Scale (Масштаб): 100%

Шаг 19

Далее переходим Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум) и настраиваем фильтр:

• Amount (Эффект): 240%
• Distribution (Распределение): Uniform (Равномерный)
• Monochromatic (Монохромный): вкл

Шаг 20

Создаем новый слой и называем его «Контур наброска 3». Затем активируем Brush Tool  (B) (Кисть) и выбираем кисточку «Карандашный контур 1». После этого переходим на панель контуров, кликаем по рабочему контуру правой кнопкой и выбираем Stroke Path (Выполнить обводку контура).

Шаг 21

Переключаемся на кисточку «Карандашный контур 2» и на том же слое выполняем обводку контура этой кистью. После этого кликаем правой кнопкой по слою «Контур наброска 3» и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 22

Выбираем слой «Основа текста», зажимаем клавишу Shift и выбираем слой «BKP Text 1». Кликаем по выделенным слоям правой кнопкой и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 23

Называем этот слой «Эффект основы текста». Затем применяем Filter – Stylize – Diffuse (Фильтр – Стилизация – Диффузия) и в окне с настройками выбираем режим Normal (Нормальный).

Шаг 24

Далее применяем фильтр Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость).

• Amount (Эффект): 52%
• Radius (Радиус): 0,5 пикс
• Remove (Удалить): Lens Blur (Размытие при мал. глубине)

Шаг 25

Кликаем правой кнопкой по текущему слою и преобразовываем его в смарт-объект. Затем применяем к нему Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и применяем Radius (Радиус) 0,6 пикселей. Затем дублируем (Ctrl+J) этот слой и называем копию «Эффект основы текста 2». Скрываем его, нажав на значок глаза.

Шаг 26

И последнее, что нам нужно сделать – применить стиль слоя Color Overlay (Наложение цвета). Именно этот параметр отвечает за цвет финального результата.

С зажатой клавишей Ctrl выбираем слои «Эффект основы текста» и «Эффект основы текста 2», затем конвертируем их в смарт-объект и называем результат «Эффект наброска».

Далее переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения) и применяем Color Overlay (Наложение цвета):

• Blend Mode (Режим наложения): Normal (Нормальный)
• Цвет: #242527
• Opacity (Непрозрачность): 100%

Шаг 27

Переходим на панель контуров и удаляем рабочий контур. Затем на панели Actions (Операции) останавливаем запись экшена, нажав на кнопку Стоп.

Шаг 28

Открываем скачанный фон (sketch-bg.png) и перетаскиваем на него слой «Эффект наброска». После этого корректируем размер (Ctrl+T) текста и настраиваем цвет финального эффекта.

Поздравляю, мы закончили!

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

Перед применением экшена обратите внимание на несколько мелочей:

• Убедитесь, что Opacity (Непрозрачность) и Flow (Нажим) кисточки установлены на 100%.
• Проверьте, что вы выбрали текстовый слой.

Чтобы применить экшен, сначала нужно выбрать слой, с которым будем работать, затем на панели операций выбрать нужный экшен и нажать кнопку Play (Воспроизвести).

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

Автор: рукодер.рф