Создаем в Фотошоп реалистичный текст мелом на доске. Стиль фотошоп мел


Создаем в фотошопе текст, написанный мелом на школьной доске | DesigNonstop

Создаем в фотошопе текст, написанный мелом на школьной доске

26

Создаем в фотошопе текст, написанный мелом на школьной доскеСегодня попробуем сделать зеленую школьную доску и написать на ней мелом текст. Как всегда, за идею урока спасибо Vectips, который реализовал ее в иллюстраторе. Я же ее воплотила в жизнь с помощью фотошопа. В этом уроке есть несколько любопытных простых приемов, которые дают потрясающий эффект. Сначала поколдуем над доской, придав ей немного потертый вид в прямом и переносном смысле. Потом напишем текст и с помощью режима наложения «Растворение» (Dissolve) будем добиваться эффекта надписи, сделанной мелом. Потом немного украсим надпись.

Шаг 1.Создаем в фотошопе новый документ, заливаем его цветом #365722. Сразу же делаем дубликат слоя и отключаем его, он нам пригодится в 4 Шаге.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 2.Берем большую мягкую кисть размером 250 пикселей и цветом #7a975f щелкаем в центре холста, чтобы получилось такое светлое пятно.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 3.Теперь добавим шума. «Фильтр» (Filter) > «Шум» (Noise) «Добавить шум…» (Add Noise) со значениями, как на рисунке ниже.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 4.Устанавливаем цвет переднего фона — белый, цвет заднего фона — #365722. Теперь воспользуемся вспомогательным дубликатом слоя из Шага 1. Включаем вспомогательный слой и применяем к нему «Фильтр» (Filter) > «Эскиз» (Sketch) > «Линогравюра» (Stamp) с настройками, как на рисунке ниже. Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 5.Получился такой эффект.Создаем в фотошопе текст, написанный мелом на школьной доске

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

Шаг 7.На новом слое заливаем выделение белым и меняем режим наложения на «Мягкий свет» (Soft Light). Снижаем прозрачность слоя до 10%.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 8.

Теперь выберем кисть. В стандартном наборе «Thick Heavy Brushes» я нашла подходящую кисть. Нажимаем F5 и в открывшемся диалоговом окошке выбираем закладку «Форма отпечатка кисти». Ставим настройки, как на рисунке ниже.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 9.В закладке «Двойная кисть» ставим следующие установки.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 10.В закладке «Динамика цвета» ставим следующие установки.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 11.Теперь на панели под верхним меню ставим для кисти значения «Непрозрачность» — 50% и «Нажим» — 20%. После этого на новом слое делаем несколько штрихов кистью.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 12.Меняем режим наложения слоя со штрихами на «Мягкий свет» (Soft Light). Снижаем прозрачность слоя до 65%.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 13.Теперь шрифтом Book Antiqua, размер 90 пикселей, пишем слово «ДИЗАЙН».Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 14.Растрируем текст. Меняем режим наложения слоя на «Растворение (Затухание)» (Dissolve). Прозрачность слоя снижаем до 95%.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 15.Два раза щелкаем по слою и открываем стиль слоя, закладка «Обводка» (Stroke). Устанавливаем следующие параметры.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 16.Должно получиться так.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 17.Щелкаем по слою правой кнопкой мыши и выбираем «Сгруппировать в новый смарт-объект» (Convert to Smart Object). А уже после этого применим к тексту «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие по Гауссу…» (Gaussian Blur) со значением 0,3 пикселя.Создаем в фотошопе текст, написанный мелом на школьной доске

Шаг 18.Теперь пишем еще несколько произвольных слов и, используя Шаги с 14 по 17, добиваемся эффекта надписи, сделанной мелом.Создаем в фотошопе текст, написанный мелом на школьной доске

ФиналТеперь добавляем декоративные однопиксельные полоски и, с помощью Шагов с 14 по 17, добиваемся для них такого эффекта, как на рисунке ниже.Создаем в фотошопе текст, написанный мелом на школьной доске

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(2 голоса, в среднем: 5 из 5)

www.designonstop.com

Создаем в Фотошоп реалистичный текст мелом на доске

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

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

Примечание переводчика: 1. Источник доски указан платный. В архиве вы найдёте альтернативный вариант бесплатного изображения. 2. В архивах, автор, разместил свое изображение. В первом, HomemadeNoodles.eps, исходное изображение логотипа, сохраненный в универсальном файле для Adobe Photoshop и Adobe Illustrator, кому как удобно. Во втором, HomemadeNoodles-sketch.jpg, рисованное от руки карандашом на бумаге.

Скачать архив с материалами к уроку

Подготовка

Шаг 1

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

Шаг 2

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

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

Для данного шага подойдут, как и графитовые карандаши, так и на основе сухих красок, а так же и иные инструменты для рисования.

Шаг 3

Используем техническое средство, а именно сканер, для переноса изображения в цифровую среду. Затем открываем его в Adobe Photosop. Далее воспользуемся корректирующим слоем Levels (Уровни), Layer - New Adjustment Layer - Levels (Слой - Новый корректирующий слой - Уровни). Таким образом, мы повысим контрастность, уберем излишки (возможные) бумаги, оставив отрисованный логотип. Настройки Уровней расположенные ниже, были подобраны для изображения, представленным автором. Для вашего изображения, вероятно, придется немного подправить настройки входного уровня теней, средних тонов и света.

Пишем мелом на доске

Шаг 1

Все готово, для придания эффекта, рисования мелом на доске. Создайте новый документ в Adobe Photoshop, автор использовал следующие настройки: Соотношение сторон: 1200х1000 пикс, Разрешение: 200 пикселы/дюйм, Цветовой режим: Цвета RGB. Для вашего логотипа, могут быть использованы иные настройки. Вставьте текстуру доски, используя, как задний фон.

Шаг 2

Придадим немного глубины изображению, путем добавления виньетки на краях. Создайте новый слой. Выберите инструмент Brush Tool  (B) (Инструмент "Кисть"). Кисть: Мягкая. Цвет: Темно серый. Затемните края изображения, как показано ниже. Измените режим наложения нового слоя на Multiply (Умножение). Отрегулируйте Непрозрачность до желаемого эффекта.

Шаг 3

Поместите отрисованное изображение поверх всех слоев в новом документе.

Инвертируйте цвет слоя, путем применения команды Ctrl+I, или через меню Image - Adjustments - Invert (Изображение - Коррекция - Инверсия). Таким образом, наш логотип станет белым, белый фон - черным. Измените режим наложения слоя на Screen (Экран), чтобы остались лишь элементы белого цвета.

Шаг 4

Добавим корректирующий слой, для замены цвета. На Панели Layers (Слои), снизу кликните по меню Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) и выберите Hue/Saturation (Цветовой тон/Насыщенность).

Окно изменения параметров корректирующего слоя откроется в Панели Properties (Свойства), где их можно отредактировать следующим образом, придав синий оттенок.

Создайте у корректирующего слоя обтравочную маску. Кликните правой кнопкой мыши по слою и выберите в контекстном меню Create a Clipping Mask (Создать обтравочную маску). Либо зажмите клавишу Alt, на клавиатуре, и кликните, левой кнопкой мыши, между корректирующем слоем и слоем с рисунком.

Заключение

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

Автор: Lindsey Meredith

photoshop-master.ru

Создаём Стилизованный Текст из Мела в программе Adobe Photoshop

Final product imageWhat You'll Be Creating

В этом уроке я покажу вам очень простой и очень лёгкий способ создания стилизованного текста из мела с помощью фильтров и стиля слоя Тень (drop shadow). Давайте приступим!

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте Envato Market.

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

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

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

Шаг 1

Откройте исходное изображение со школьной доской в программе Photoshop, а затем идём Изображение- Размер изображения (Image > Image Size). Установите значение Ширины (Width) на 1000 px.

Image Size

Шаг 2

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

Add a Levels Adjustment Layer

Шаг 3

Установите значение Гаммы (Gamma) на 0.95. С помощью уровней мы немного затемнили текстуру.

Darken the Texture

2. Создаём Текст и Слои с Мелом

Шаг 1

Создайте текст, используя шрифт Magnolia Script. Установите размер шрифта 200 pt, а если вы хотите создать несколько строчек с текстом, то установите Интерлиньяж (Leading) примерно на 185 pt.

Create the Text

Шаг 2

Установите цвет переднего и заднего плана на чёрный и белый цвет,

Создайте новый слой, назовите этот слой Мел (Chalk), залейте этот слой чёрным цветом.

Create the Chalk Layer

Шаг 3

Далее, идём Фильтр - Преобразовать для смарт-фильтров (Filter > Convert for Smart Filters), чтобы преобразовать слой в смарт-объект.

Convert for Smart Filters

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

Шаг 1

Идём Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise).

В окне настроек данного фильтра, установите Количество (Amount) на 150, а Распределение (Distribution) по Гауссу (Gaussian), а также поставьте галочку в окошке Монохромный (Monochromatic).

Add Noise

Шаг 2

Далее, идём Фильтр - Стилизация - Диффузия (Filter > Stylize > Diffuse), установите Режим (Mode) Осветление (Lighten Only).

Diffuse Filter

4. Добавляем Маску к Текстуре Мела

Шаг 1

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

Create a Selection

Шаг 2

Нажмите кнопку Добавить слой-маску (Add layer mask) в нижней части панели слоёв.

Add a Layer Mask

Шаг 3

Перейдите на слой с текстом, а затем уменьшите значение Заливки (Fill) до 0.

Text Layer Fill Value

5. Применяем Стилизацию к Слою с Текстом

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

Шаг 1

Примените стиль слоя Тень (Drop Shadow). Примените следующие настройки для данного стиля слоя:

  • Цвет: #1e1c1e
  • Непрозрачность (Opacity): 100%
  • Смещение (Distance): 6
  • Размах (Spread): 35
  • Размер (Size): 1
  • Шум (Noise): 100%
Drop Shadow 1

Шаг 2

Нажмите значок '+' справа от вкладки Тень (Drop Shadow), чтобы добавить ещё один такой же стиль слоя со следующими настройками:

  • Цвет: #b57b88
  • Непрозрачность (Opacity): 100%
  • Смещение (Distance): 7
  • Размах (Spread): 60
  • Размер (Size): 5
  • Шум (Noise): 50%
Drop Shadow 2

Шаг 3

Добавьте ещё один стиль слоя Тень (Drop Shadow). Примените следующие настройки для данного стиля слоя:

  • Цвет: #000000
  • Непрозрачность (Opacity): 25%
  • Смещение (Distance): 15
  • Размах (Spread): 0
  • Размах (Size): 15
  • Шум (Noise): 30%
Drop Shadow 3

Итак, мы создали цветную обводку текста из мела и завершили урок.

Styled Text Layer

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

В этом уроке мы создали простой задний фон, используя текстуру школьной доски, а затем создали текст и слой со смарт-объектом, чтобы создать эффект.

После этого, мы применили несколько фильтров, чтобы создать основную текстуру мела, а затем с помощью маски мы обработали созданную текстуру, чтобы применить её к тексту.

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

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

Final Result

design.tutsplus.com


Смотрите также