Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Рисуем Шариковой Ручкой в программе Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

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

Исходные материалы

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

1. Создаём Узор

Шаг 1

Создайте новый документ со следующими размерами 80 x 80 px, установите цвет переднего плана на #e0e0e0. Выберите инструмент Кисть (Brush Tool), а затем откройте панель Кисть (Brush), для этого идём Окно - Кисть (Window > Brush).

Установите мягкую круглую кисть 1 px, поставьте галочки в окошках для параметров Шум (Noise) и Влажные края (Wet Edges), а также установите остальные настройки, которые указаны на скриншоте ниже.

Brush Tip Shape

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

Shape Dynamics

Шаг 2

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

Create Pattern Fill

Шаг 3

Когда вы закончите, отключите видимость слоя с Задним фоном (Background), для этого просто щёлкните по глазку рядом с миниатюрой слоя, а затем идём Редактирование - Определить узор (Edit > Define Pattern), Далее, нажмите кнопку 'ОК'.

Define Pattern

2. Создаём Новый Документ, Добавляем Текст и Применяем Фото Фильтр

Шаг 1

Создайте новый рабочий документ со следующими размерами 1000 x 750px. Выберите инструмент Заливка (Paint Bucket Tool) в панели управления данного инструмента. установите заливку Узором (Pattern). Залейте задний фон любым узором, который вам понравился из набора узоров Учебная тетрадка.

Fill Background with Pattern

Шаг 2

Создайте текст, используя шрифт Panton Black Caps, цвет шрифта чёрный, размер шрифта 150 pt.

Create the Text

Шаг 3

Щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне. выберите опцию Преобразовать в смарт-объект (Convert to Smart Object), а затем уменьшите значение Заливки (Fill) для данного смарт-объекта до 0.

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

Сгруппируйте все слои со смарт-объектами в одну группу, назовите новую группу Текст (Text), а затем поменяйте режим наложения для данного слоя с группой на Нормальный (Normal). Смена режима наложения позволит вам позже легко изменить цвет текст.

Creating the Smart Object Layers and their Group

Шаг 4

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню, выберите опцию Фото Фильтр (Photo Filter). Поместите данный корректирующий слой внутри созданной группы Текст (Text) поверх всех остальных слоёв.

Для параметра Цвет (Color), установите цвет фильтра #3f3f3f и Плотность (Density) 100%, а также уберите галочку в окошке Сохранить свечение (Preserve Luminosity).

Photo Filter Settings

3. Стилизуем Текст

Шаг 1

Дважды щёлкните по первому слою со смарт-объектом, чтобы применить следующий стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Непрозрачность (Opacity): 70%
  • Узор (Pattern): Используйте узор, который мы создали вначале этого урока.
Pattern Overlay

Итак, мы стилизовали внутреннюю часть текста.

Styled Pattern Filled Text

Шаг 2

Дважды щёлкните по первому дубликату слоя со смарт-объектом, чтобы применить следующие стили слоя:

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

  • Размер (Size): 1
  • Положение (Position): Из центра (Center)
  • Цвет: #c9c9c9
Stroke

Шаг 3

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Цвет: #bfbfbf
  • Смещение (Distance): 0
  • Размах (Spread): 100
  • Размер (Size): 1
Inner Shadow

Шаг 4

Итак, мы стилизовали первый слой с обводкой. Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style). Далее, выделите оставшиеся дубликаты слоёв, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Вклеить стиль слоя ( Paste Layer Style).

First Stroke Layer

Шаг 5

Дважды щёлкните по второму дубликату слоя со смарт-объектом, чтобы изменить некоторые настройки для следующих стилей слоя:

Для стиля слоя Обводка (Stroke), поменяйте цвет на #bfbfbf.

Stroke

Шаг 6

Для стиля слоя Внутренняя тень (Inner Shadow), поменяйте Размер (Size) на 2.

Inner Shadow

Итак, мы стилизовали второй слой с обводкой.

Second Stroke Layer

Шаг 7

Дважды щёлкните по третьему дубликату слоя со смарт-объектом, чтобы изменить некоторые настройки для стиля слоя Обводка (Stroke).

  • Непрозрачность (Opacity): 90%
  • Положение (Position): Внутри (Inside)
  • Цвет: #d6d4d4
Stroke

Итак, мы стилизовали третий слой с обводкой.

Third Stroke Layer

4. Применяем Фильтры

Шаг 1

Перейдите на первый дубликат слоя со смарт-объектом, а затем идём Фильтр - Искажение - Рябь (Filter > Distort > Ripple). Установите Количество (Amount) на 20, а Размер (Size) на Средняя (Medium).

Ripple Filter

Шаг 2

Перейдите на третий дубликат слоя со смарт-объектом, а затем идём Фильтр - Искажение - Зигзаг (Filter > Distort > ZigZag). Установите Количество (Amount) на 5, Складки (Ridges) на 10, а также Стиль (Style) на От центра (Out From Center).

ZigZag Filter

Шаг 3

В заключение идём Фильтр - Размытие - Размытие по поверхности (Filter > Blur > Surface Blur). Установите Радиус (Radius) ан 3, а Изогелию (Threshold) на 12.

Surface Blur Filter

5. Сдвигаем Текст и Меняем Цвет

Шаг 1

Что вам нужно сделать далее - это выбрать инструмент Перемещение (Move Tool), а затем выделяя каждый из трёх дубликатов слоёв со смарт-объектами, слегка сместить их. Вы можете сместить любой или все слои в зависимости от того, какой эффект вы хотите получить.

Moving the Stroke Layers

Шаг 2

Если вы хотите поменять цвет текста, всё, что вам нужно сделать- это перейти на корректирующий слой Фото Фильтр (Photo Filter), а затем в окне настроек данного фильтра, щёлкнуть по миниатюре Цвет (Color), чтобы выбрать другой оттенок. Цвет, который использовался в этом уроке: #3060ce.

Поместив корректирующий слой Фото Фильтр (Photo Filter) внутри группы для изменения цвета элементов, расположенных внутри этой группы, и изменив режим наложения для слоя с группой с режима Пропустить (Pass Through) на режим Нормальный (Normal), помогло нам изменить цвет.

Change the Color

Поздравляю! Мы завершили урок!

В этом уроке мы создали простой узор с помощью настроенной кисти.

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

В заключение, мы немного сдвинули слои и применили корректирующий слой Фото Фильтр (Photo Filter), чтобы изменить цвет заключительного результата.

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.