Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Photoshop Actions

Создаём Знак в виде Классной Доски с Текстом из Мела в Adobe Photoshop

by
Read Time:5 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке вы узнаете, как создать знак в виде классной доски с текстом из мела в Adobe Photoshop с помощью текстур и стилей слоя. Данный текстовый эффект является частью экшена Chalk and Chalkboard Photoshop Actions, который доступен в моём профиле на Envato Market.

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

Chalk Effects and Chalkboard Photoshop ActionChalk Effects and Chalkboard Photoshop ActionChalk Effects and Chalkboard Photoshop Action
Экшен Chalk Effects and Chalkboard Photoshop

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

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

Все текстуры, которые мы собираемся использовать в этом уроке (текстуры дерева и мела), созданы с помощью фильтров Photoshop.

1. Создаём Задний Фон

Создайте новый документ со следующими размерами 1000 x 1000 px. Создайте новый слой, а затем нажмите клавиши (Shift+F5), чтобы залить этот слой следующим цветовым оттенком #62c3c9 или любым другим оттенком на ваше усмотрение.

Fill Layer with Color in PhotoshopFill Layer with Color in PhotoshopFill Layer with Color in Photoshop

2. Создаём Комикс-облачко с Помощью Инструмента Перо

Выберите инструмент Перо (Pen Tool (P), а затем нарисуйте фигуру комикс-облачка.

Draw a Vector Shape in Photoshop Using the Pen ToolDraw a Vector Shape in Photoshop Using the Pen ToolDraw a Vector Shape in Photoshop Using the Pen Tool

Чтобы создать кривую, щёлкните левой кнопкой мыши и удерживая её, потяните мышь.

Чтобы преобразовать плавную опорную точку в острую опорную точку, удерживая клавишу (Alt), щёлкните по опорной точке.

3. Создаём Текстуру Классной Доски

Шаг 1

Установите цвет переднего плана на #1a1a1a, а цвет заднего плана на #ffffff.

Создайте новый слой, назовите этот слой Текстура Классной Доски (Chalkboard Texture). Нажмите клавиши (Shift+F5), чтобы залить новый слой цветовым оттенком #1a1a1a.

Fill Layer with ColorFill Layer with ColorFill Layer with Color

Шаг 2

Идём Фильтр – Шум- Добавить шум (Filter > Noise > Add Noise). Установите Эффект (Amount) на 50%.

Noise Filter in PhotoshopNoise Filter in PhotoshopNoise Filter in Photoshop

Шаг 3

Идём Фильтр- Размытие- Размытие в движении (Filter > Blur > Motion Blur). Установите Угол (Angle) на 50, а Смещение (Distance) на 19 пикселей (pixels).

Шаг 4

Идём Слой – Новый корректирующий слой – Уровни (Layer > New Adjustment Layer > Levels). Установите следующие настройки.

Levels Adjustment Layer in PhotoshopLevels Adjustment Layer in PhotoshopLevels Adjustment Layer in Photoshop

Шаг 5

Выделите слой Текстура Классной Доски (Chalkboard Texture) и корректирующий слой Уровни (Levels), далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge Layers). Назовите объединённый слой Текстура Классной Доски (Chalkboard Texture).

Merge Layers in PhotoshopMerge Layers in PhotoshopMerge Layers in Photoshop

Шаг 6

Нажмите клавиши (Ctrl+J), чтобы продублировать слой Текстура Классной Доски (Chalkboard Texture). Назовите дубликат слоя Текстура Текста на Доске (Chalkboard Text Texture).

Duplicate Layer in PhotoshopDuplicate Layer in PhotoshopDuplicate Layer in Photoshop

4. Создаём Форму Классной Доски

Шаг 1

Отключите видимость слоя Текстура Текста на Доске (Chalkboard Text Texture).

Щёлкните правой кнопкой мыши по слою Текстура Классной Доски (Chalkboard Texture) и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Create Clipping Mask in PhotoshopCreate Clipping Mask in PhotoshopCreate Clipping Mask in Photoshop
Clipping Mask in PhotoshopClipping Mask in PhotoshopClipping Mask in Photoshop

Шаг 2

Нажмите клавиши (Ctrl+J), чтобы продублировать слой с комикс-облачком, назовите дубликат слоя Классная Доска (Chalkboard). Переименуйте оригинальный слой с комикс-облачком в Деревянная рама (Wooden Frame).

Duplicate Layers in PhotoshopDuplicate Layers in PhotoshopDuplicate Layers in Photoshop

Шаг 3

Уменьшите значение Заливки (Fill) слоя Деревянная рама (Wooden Frame) до 0%, а затем добавьте стиль слоя Обводка (Stroke), цвет обводки #000000.

Stroke Layer StyleStroke Layer StyleStroke Layer Style

Далее, щёлкните правой кнопкой мыши по слою Деревянная рама (Wooden Frame) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

5. Создаём Текстуру Дерева

Шаг 1

Нажмите клавиши (Shift+Ctrl+N), чтобы создать новый слой. Назовите этот слой Текстура Дерева (Wooden Texture).

Нажмите клавиши (Shift+F5), чтобы залить этот слой цветовым оттенком #1a1a1a.

Fill Layer with ColorFill Layer with ColorFill Layer with Color

Шаг 2

Идём Фильтр – Рендеринг – Волокна (Filter > Render > Fibers), чтобы создать текстуру дерева.

Fibers Filter in PhotoshopFibers Filter in PhotoshopFibers Filter in Photoshop

Шаг 3

Щёлкните правой кнопкой мыши по слою Текстура Дерева (Wooden Texture) и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Create Clipping MaskCreate Clipping MaskCreate Clipping Mask

Шаг 4

Выделите слои Деревянная рама (Wooden Frame) и Текстура Дерева (Wooden Texture), а затем переместите их наверх, расположив поверх всех остальных слоёв.

Move Layers in PhotoshopMove Layers in PhotoshopMove Layers in Photoshop

Шаг 5

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

  • Тень (Drop Shadow) (#000000)
  • Внутренняя тень (Inner Shadow) (#000000)
  • Тиснение (Bevel and Emboss) (#ffffff и #000000)
  • Наложение цвета (Color Overlay) (#c86800)
Add Layer Styles in PhotoshopAdd Layer Styles in PhotoshopAdd Layer Styles in Photoshop
Wooden FrameWooden FrameWooden Frame

6. Создаём Классную Доску с Деревянной Рамой

Добавьте следующие стили слоя к слою Классная Доска (Chalkboard):

  • Тень (Drop Shadow) (#000000)
  • Внутренняя тень (Inner Shadow) (#000000)
  • Внутреннее свечение (Inner Glow (#ffffff)
  • Наложение цвета (Color Overlay) (#393838)
Add Layer Styles in PhotoshopAdd Layer Styles in PhotoshopAdd Layer Styles in Photoshop
Chalkboard with Wooden FrameChalkboard with Wooden FrameChalkboard with Wooden Frame

7. Добавляем Текстовый Эффект из Мела

Шаг 1

Добавьте текстовый слой с текстом ‘Back To School’, цвет текста #ffffff.

Text Layer in PhotoshopText Layer in PhotoshopText Layer in Photoshop

Шаг 2

Добавьте следующие стили слоя к слою с текстом ‘Back To School’:

  • Внутренняя тень (Inner Shadow) (#000000)
  • Внешние свечение (Outer Glow) (#ffffff)
  • Внутреннее свечение (Inner Glow) (#000000)
  • Обводка (Stroke) (#000000)
Add Layer Style in PhotoshopAdd Layer Style in PhotoshopAdd Layer Style in Photoshop

Шаг 3

Также добавьте стиль слоя Наложение цвета (Color Overlay), режим наложения Нормальный (Normal), Непрозрачность (opacity) 100%, используйте цвет наложения на своё усмотрение. Я использую зелёный оттенок #d1ff6e.

Вы также можете поменять цвет обводки, используя любой цветовой оттенок на своё усмотрение.

Chalk Effect Text StyleChalk Effect Text StyleChalk Effect Text Style

Шаг 4

Далее, щёлкните правой кнопкой мыши по слою с текстом ‘Back To School’ и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Поменяйте режим наложения для слоя с текстом на Осветление (Screen).

Chalk Effect Text Style in PhotoshopChalk Effect Text Style in PhotoshopChalk Effect Text Style in Photoshop

Шаг 5

Чтобы создать более реалистичный эффект мела, включите видимость слоя Текстура Текста на Доске (Chalkboard Text Texture). Далее, щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы преобразовать слой Текстура Текста на Доске (Chalkboard Text Texture) в обтравчоную маску к слою с текстом ‘Back to School’.

Также поменяйте режим наложения для данного слоя на Умножение (Multiply).

Chalk Texture Text EffectChalk Texture Text EffectChalk Texture Text Effect

Шаг 6

Чтобы сделать цвета более насыщенными, давайте добавим корректирующий слой Уровни (Levels). Далее, щёлкните правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Add Levels Adjustment in PhotoshopAdd Levels Adjustment in PhotoshopAdd Levels Adjustment in Photoshop

8. Добавляем Мелки

Шаг 1

С помощью инструмента Перо (Pen Tool), создайте фрагмент мелка.

Chalk Piece ShapeChalk Piece ShapeChalk Piece Shape

Шаг 2

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

  • Тень (Drop Shadow) (#000000)
  • Внутренняя тень (Inner Shadow) (#000000)
  • Тиснение (Bevel and Emboss) (#ffffff и #000000)
  • Наложение цвета (Color Overlay) (#f2f2f2 для белого мелка и #c1e053 для зелёного мелка)
Chalk Piece Layer StyleChalk Piece Layer StyleChalk Piece Layer Style

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

В этом уроке вы узнаете, как создать знак в виде классной доски с текстом из мела в Adobe Photoshop с нуля с помощью фильтров и корректирующих слоёв. Надеюсь, что вам понравился этот урок.

Chalk and Chalkboard Effect in PhotoshopChalk and Chalkboard Effect in PhotoshopChalk and Chalkboard Effect in Photoshop

Данный текстовый эффект является частью экшена Chalk and Chalkboard Photoshop Actions, который доступен в моём профиле на Envato Market.

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

Chalk Effects and Chalkboard Photoshop ActionChalk Effects and Chalkboard Photoshop ActionChalk Effects and Chalkboard Photoshop Action
Экшен Chalk Effects and Chalkboard Photoshop

Возможно вам также понравятся следующие уроки:

One subscription.
Unlimited Downloads.
Get unlimited downloads