Как писать мелом в фотошопе

Обновлено: 30.06.2024

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

Что нужно знать

Откройте изображение. С помощью инструмента «Рамка» нарисуйте прямоугольник, занимающий фон. Выберите «Файл» > «Поместить ссылку». Выберите рамку, выберите «Поместить».
Выберите кадр, выберите «Обычный» > «Разделить». С помощью инструмента «Текст» щелкните на доске. Выровняйте текст и выберите шрифт Seaside Resort.
Введите текст, создайте новое текстовое поле, измените шрифт на «Ластик» и введите остальной текст. Выберите «Файл» > «Сохранить как» и сохраните графику.

В этой статье объясняется, как создавать рисунки для классной доски в Photoshop, используя правильные шрифты и графические ресурсы. Вы также можете превратить изображения в рисунки мелом. Инструкции относятся к Adobe Photoshop 2019 для Windows и Mac.

Как создать дизайн меловой доски в Photoshop

После установки шрифтов и загрузки необходимых ресурсов:

Откройте изображение, которое вы хотите использовать в качестве фона для меловой доски в Photoshop.

Выберите инструмент «Рамки», затем нарисуйте прямоугольник, занимающий весь фон.

Выберите «Файл» > «Связать».

Выберите рамку и нажмите «Поместить».

Выберите кадр в палитре слоев, затем выберите «Обычный», чтобы открыть раскрывающееся меню режима наложения.

Если палитра слоев не отображается, выберите «Окна» > «Слои».

Выберите "Разделить", чтобы инвертировать цвета.

Выберите инструмент «Текст», а затем нажмите на доске примерно посередине вверху.

Используйте панель инструментов вверху, чтобы выровнять текст по центру, и выберите шрифт Seaside Resort из палитры символов.

Если палитра персонажей не отображается, выберите «Окно» > «Символ».

Введите текст. Отрегулируйте размер и стиль в палитре символов и при необходимости измените положение текста с помощью инструмента «Перемещение».

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

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

Выберите «Файл» > «Сохранить как» и сохраните графику в виде файла PSD или в предпочитаемом формате изображения.

Как сделать рисунок мелом в Photoshop

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

Откройте изображение в Photoshop и выберите «Изображение» > «Режим» > «Оттенки серого».

Выберите «Отменить», если вас спросят, хотите ли вы удалить информацию о цвете.

Выберите Изображение > Режим > Растровое изображение.

Установите для параметра "Вывод" значение 72 пикселя/дюйм, в поле "Использование метода" установите пороговое значение 50 %, затем нажмите "ОК".

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

Снова выберите Изображение > Режим > Оттенки серого.

Убедитесь, что для параметра "Коэффициент размера" установлено значение 1, и нажмите "ОК".

Как добавить рисунок мелом на доску

Чтобы добавить свое изображение на доску:

Откройте рисунок на доске, затем выберите «Файл» > «Поместить ссылку» и выберите изображение.

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

Выберите инструмент «Волшебная палочка» (четвертый инструмент на панели инструментов) и щелкните белую область изображения.

Инструменты «Волшебная палочка» и «Быстрое выделение» имеют один и тот же значок. Нажмите на значок, чтобы переключиться между ними.

Выберите «Слой» > «Слой-маска» > «Показать выделение», чтобы черные области исчезли из поля зрения.

В палитре слоев теперь будет два значка на слое изображения. Нажмите на значок слева и выберите «Обычный», чтобы открыть раскрывающееся меню режима наложения.

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

Если изображение слишком бледное, выберите «Слой» > «Дублировать слой», чтобы сделать белый цвет немного богаче.

Что нужно для создания рисунка на доске в Photoshop

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

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

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

Окончательный результат

< бр />

Купить файл: PSD-файл для этого можно приобрести по цене чашки кофе (всего 4 доллара США).

Откройте изображение пустой винтажной классной доски, затем с помощью инструмента "Кадрирование" удалите углы и черный фон.

Перейдите в меню «Изображение» > «Коррекция» > «Уровни», затем измените значение «Тени» на 20 и значение «Гамма» на 0,88. Это затемнит изображение.

Перейдите в меню "Изображение" > "Коррекция" > "Цветовой тон/Насыщенность" и измените значение параметра "Насыщенность" на 10. Это сделает цвета более яркими.

Создайте текст белым цветом, используя шрифт Blokletters Potlood и размер шрифта 270 пт.

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

Откройте панель «Кисть» («Окно» > «Кисть»), затем измените настройки, как показано ниже:

Форма кончика кисти
Выберите кисть Chalk 44 пикселя.

Динамика формы

Двойная кисть
Выберите кисть Spatter 14 пикселей.

Сделайте текстовые слои невидимыми, щелкнув значок (значки) глаза рядом с ними.

Щелкните правой кнопкой мыши текстовый слой и выберите «Создать рабочий контур».

Выберите инструмент «Прямое выделение», установите для цвета переднего плана значение «Белый» и создайте новый слой поверх всех слоев, затем назовите его «Мел».

Щелкните правой кнопкой мыши рабочий контур и выберите «Путь обводки».

Выберите параметр «Кисть» в раскрывающемся меню «Инструмент» и убедитесь, что флажок «Имитировать давление» снят.

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

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

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

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

Убедитесь, что корректирующий слой находится поверх всех слоев, затем измените его режим наложения на «Умножение» и уменьшите непрозрачность до 40%.

И у вас готов текст мелом! Старая школа, но действительно вечная 🙂

< бр />

Это кавер-версия Facebook (щелкните правой кнопкой мыши > Сохранить изображение / как…).
Хорошего учебного года 😉

< бр />

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

Похожие сообщения

Фантастика — я люблю текст мелом.
Большое спасибо за вашу работу. Спасибо, что поделились с нами.

Рады 🙂
Большое спасибо за добрые слова.

Пожалуйста 🙂
Спасибо за комментарий.

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

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

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

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

Добро пожаловать 🙂 Я купил и отсканировал эту доску с намерением наложить шрифт и графику, и я рад, что вы тоже нашли для нее хорошее применение. Я думал сделать часть текстуры мела в Illustrator, а затем импортировать в Photoshop и смешать ее, но с этим методом мне на один шаг меньше, чем в Illustrator.

Кстати, спасибо за изменение ссылки на freestock.ca. Это относительно новый веб-сайт, поэтому я ценю каждую дополнительную информацию.

Всегда приятно найти такие бесплатные стоки, так что спасибо за это 🙂
Рад, что урок оказался полезным и для вас.

Удачи с вашим веб-сайтом и еще раз спасибо.

Грандиозная идея, мне encanta 😀 (y)

Отличная идея, мне нравится 😀 (у)

Рады 🙂
Спасибо большое за комментарий 😉

Привет, спасибо, что поделились! Я работаю с cs4, и кажется, что он только обводит путь, а не заполнение. Хотя я увеличиваю размер кисти. Вы можете помочь? Что я делаю не так 🙂

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

Надеюсь, это поможет. Если проблема не устранена, добавьте ответ.

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

Я использовал другой шрифт, но не думаю, что это повлияет в любом случае. Не знаю, в чем проблема:(

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

Пожалуйста, проверьте мой предыдущий ответ, и я надеюсь, что он немного прояснит ситуацию.

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

Мне не удалось установить размер шрифта 270 из-за размера классной доски. Я загрузил изображение вместо того, чтобы щелкнуть правой кнопкой мыши, но оно все еще было слишком маленьким для шрифта размером 270. Вместо этого у меня он на 70. Я уже обвел каждую букву, и шрифт просвечивает — почти светящийся. Я попытался щелкнуть глазом по слоям с текстом, но мел слишком размыт, когда я это делаю. Вы упомянули, что я могу изменить размер кисти. Могу ли я сделать это после того, как я уже сделал инсульт? Или мне нужно вернуться к началу?

Что касается размера изображения, вы можете проверить разрешение документа, с которым работаете (Изображение -> Размер изображения). Если это не 72 (например, 300), вам нужно создать новый документ и установить для него значение 72, а затем воссоздать эффект.

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

Поэтому, когда выбран инструмент «Кисть», убедитесь, что для значений «Непрозрачность» и «Растекание» на панели параметров установлено значение 100 %, а для значений «Непрозрачность» и «Заливка» слоя также установлено значение 100 %.

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

Я застрял на "Щелкните правой кнопкой мыши по рабочему контуру и выберите "Обводочный контур". Должен ли я быть на текстовом слое, когда я это делаю? Когда я щелкаю правой кнопкой мыши, я не получаю меню, а только поле с надписью «Фон» или «Выбрать похожие слои».

Для чего нужен слой мела?

Вам не обязательно находиться на слое, но слой «Мел» должен быть активным (выбранным) слоем.

Чтобы получить параметр «Путь обводки», вам нужно щелкнуть правой кнопкой мыши внутри документа, а не на самом слое.

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

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

Я разобрался. Мне нужно было щелкнуть инструмент «Перо», чтобы открыть контекстное меню, чтобы показать мне элемент «Путь обводки».

Большое спасибо за этот урок!

Рад, что вы это сделали 🙂
Большое спасибо за комментарий.

Результат выглядит великолепно. Спасибо за инструкции.

Спасибо за хороший комментарий.

Спасибо… Должен признаться, я своего рода «разработчик» — вы знаете, php/javascript/базы данных и тому подобное. Но (!), ваши простые для понимания уроки, дающие ОТЛИЧНЫЕ результаты, вдохновляют меня как творческого «дизайнера». Хорошая работа! Продолжайте в том же духе!

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

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

На создание этого текстового эффекта вдохновили многие стили слоя, доступные на Envato Market.

Следите за нами на нашем канале Envato Tuts+ YouTube:

Обучающие ресурсы

При создании этого руководства использовались следующие материалы:

Ищете эффект мела в Photoshop? Зайдите на Envato Elements и загрузите этот удивительный набор стилей слоя Photoshop с эффектом мела с 15 предустановками мела и 15 стилей угля.

< br />

1. Создайте фон

Шаг 1

Откройте изображение Black Board, затем выберите Изображение > Размер изображения и установите ширину на 1000 пикселей.

< br />

Шаг 3

Установите для параметра "Гамма" значение 0,95. Это немного затемнит текстуру.

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

Шаг 1

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

< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/166/posts/27104/image/Step_02_1.jpg" alt ="Создать текст" width="380px" height="232px" />

Шаг 2

Установите цвета переднего плана и фона на черный и белый.

Создайте новый слой под текстовым слоем, назовите его Мел и залейте черным цветом.

Шаг 3

Выберите Фильтр > Преобразовать для смарт-фильтров, чтобы преобразовать слой в смарт-объект.

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

Шаг 1

Выберите Фильтр > Шум > Добавить шум.

Измените количество на 150 и распределение на гауссовское и установите флажок Монохроматический.

Шаг 2

Перейдите в меню «Фильтр» > «Стилизация» > «Рассеивание» и выберите режим «Только осветление».

4. Замаскируйте текстуру мела

Шаг 1

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

Шаг 2

Нажмите значок "Добавить маску слоя" в нижней части панели "Слои".

Шаг 3

Выберите текстовый слой и измените его значение Заливки на 0.

5. Стиль текстового слоя

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

Шаг 1

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

Шаг 2

Нажмите значок + справа от вкладки "Тень", чтобы добавить еще один экземпляр со следующими настройками:

Шаг 3

Добавьте еще один экземпляр Drop Shadow со следующими настройками:

Это создаст контур цветным мелом и завершит текстовый эффект.

< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/166/posts/27104/image/Step_05_4.jpg" alt="Стилированный текстовый слой" width="380px" height="253px" />

Действия с текстовыми эффектами

Если вам нужны экшены Photoshop, которые сделают за вас большую часть работы, ознакомьтесь с нашими предложениями:

Генератор мела

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

Мука и порошок — Экшены Photoshop

Вы когда-нибудь пробовали написать текст или сделать логотип или графику из муки или порошка? Это действительно трудно. С помощью этого набора экшенов Photoshop вы можете добиться потрясающих результатов всего за несколько кликов. Просто установите экшен, создайте свой текст или логотип и нажмите кнопку воспроизведения. Работа выполнена!

Экшен Photoshop с песком

Напишите свой текст или логотип на песке! Всего за пару секунд можно добиться реалистичного эффекта письма на песке. Используйте этот летний стиль для своих проектов!

Генератор кожаных значков — Экшены Photoshop

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

Генератор соли и сахара — Экшены Photoshop

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

Поздравляем! Готово!

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

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

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

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

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

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

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

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

Хотите сохранить это руководство на потом или поделиться им с другом? Закрепите это изображение!

ИЗУЧИВАЙТЕ ИНСТРУМЕНТЫ ДИЗАЙНА ОДИН ШАГ ЗА РАЗ

Изучайте и осваивайте самые сложные аспекты сложных программ, таких как Photoshop и Illustrator, в веселой и занимательной форме с помощью учебных пособий по дизайну PrettyWebz.

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

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

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

РЕСУРСЫ ДЛЯ РУКОВОДСТВА ПО ТУТОРИАЛУ Photoshop «Эффект мела»

Еще сообщения по этой теме

Аналогичные продукты премиум-класса

Мраморные узоры

Эффект мела Photoshop ВИДЕО РУКОВОДСТВО

Ссылки на изображения

Это снимок всех фильтров и стилей слоя. Это своего рода контрольный список для создания этого эффекта.

Стили и фильтры слоя «Художественное произведение»

Фильтры, применяемые непосредственно к слою Artwork

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

Стили, примененные к слою «Иллюстрация»

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

Обрезанные эффекты фильтра

Эти фильтры создаются на трех отдельных слоях и вставляются в слой Artwork.

Первый слой — это эффект облаков (ЗДЕСЬ НЕ ИЗОБРАЖЕН). Фильтр облаков создаст неравномерный эффект пыли. Перейдите в Filter>>Render>>Clouds, чтобы создать этот эффект, затем вставьте слой в слой Artwork, щелкнув правой кнопкой мыши по слою и выбрав «Создать обтравочную маску» в меню.

Второй слой — шумовой. Именно здесь возникает песчаная текстура разбитого мела. Чем выше шум, тем тяжелее будет текстура мела. Когда у вас есть нужные настройки, нажмите «ОК» и прикрепите слой шума к слою Artwork, щелкнув правой кнопкой мыши слой и выбрав «Создать обтравочную маску» в меню.

Третий эффект, завершающий это руководство по созданию эффекта мела в Photoshop, — это фильтр «Волокна». Фильтр волокон даст вам вертикальные линии мела, которые вы видите на старой раскрашенной доске. Это добавит реалистичности вашему эффекту мела. Прикрепите слой волокон к слою Artwork, щелкнув слой правой кнопкой мыши и выбрав «создать обтравочную маску» в меню.

Примеры использования

С помощью мела Text Color с готовой графикой. Рисование от руки с помощью стандартной кисти Photoshop Chalk Brush. Да, рисую как пятилетка 🙂

Читайте также: