Уроки Все для Художника Екатерина Полковникова 28 августа 2019

Рисуем доску и мелом на ней

Сложность урока: Легкий

Сегодня мы узнаем, как создать в Photoshop, с помощью текстуры и стилей слоев, знак – классная доска с эффектом текста, написанного мелом.

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

1. Создаем фон

Создаем новый документ 1000х1000 пикселей. Создаем новый слой и нажимаем Shift+F5, заполняем цветом #62c3c9 или любым цветом, который вам нравится.

2. Создаем «облачко» с помощью пера

Выбираем инструмент Pen Tool (P) (Перо) и рисуем форму Speech Bubble («Облачко»).

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

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

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

Шаг 1

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

Создаем новый слой и называем его Chalkboard Texture (Текстура классной доски). Нажимаем Shift+F5, заполняем цветом #1a1a1a.

Шаг 2

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

Шаг 3

Идем в меню Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении) и устанавливаем значения Angle (Угол) на 50 и Distance (Смещение) 19 пикселей.

Шаг 4

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

Шаг 5

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

Шаг 6

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

4. Создаем форму

Шаг 1

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

Шаг 2

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

Шаг 3

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

Кликаем правой кнопкой по слою и выбираем Convert to Smart Object (Преобразовать в смарт объект).

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

  • Drop Shadow (Тень) (цвет #000000)
  • Inner Shadow (Внутренняя тень) (цвет #000000)
  • Bevel and Emboss (Тиснение) (цвет #ffffff и #000000)
  • Color Overlay (Наложение цвета) (цвет #c86800)

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

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

  • Drop Shadow (Тень) (цвет #000000)
  • Inner Shadow (Внутренняя тень) (цвет #000000)
  • Inner Glow (Внутреннее свечение) (цвет #ffffff)
  • Color Overlay (Наложение цвета) (цвет #393838)

7. Добавляем надпись мелом

Шаг 1

Добавьте надпись «Снова в школу», цвет #ffffff.

Шаг 2

К текстовому слою «Снова в школу» добавляем следующие стили слоя:

  • Inner Shadow (Внутренняя тень) (цвет #000000)
  • Outer Glow (Внешнее свечение) (цвет #ffffff)
  • Inner Glow (Внутреннее свечение) (цвет #000000)
  • Stroke (Выполнить обводку) (цвет #000000)

Шаг 3

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

Также можете поменять цвет обводки по своему вкусу.

Шаг 4

Кликаем правой кнопкой мыши по текстовому слою «Снова в школу» и выбираем Convert to Smart Object (Преобразовать в смарт объект). Режим наложения устанавливаем Screen (Экран).

Шаг 5

Чтобы создать более реалистичный эффект мела, делаем видимым слой Chalkboard Text Texture (Текстура текста). Кликаем правой кнопкой мыши по этому слою и выбираем Create Clipping Mask (Создать обтравочную маску) для текстового слоя «Снова в школу». Также устанавливаем режим наложения на Multiply (Умножение).

Шаг 6

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

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

Шаг 1

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

Шаг 2

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

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

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

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

Этот эффект мела является частью экшна  Chalk and Chalkboard Photoshop Actions в моем портфолио на  Envato Market .

Автор: John Negoita

Источник: design.tutsplus.com

7 760 93
Печать Жалоба

Комментарии 93

Немного пофантазировала для открытки

Isabana, Очень мило получилось . Особенно понравился WA на заднем плане

Классная открытка!

Отличный результат!

Лариса, спасибо!

Анна, спасибо!

Almiz, спасибо большое!

Марина М, спасибо! Рада, что понравилась!

Индивидуально и оригинально! Респект

Кульпина Марина, благодарю!

Lyubov456, Спасибо, рада, что понравилось!

Благодарствую за урок

Спасибо за интересный урок!

Спасибо огромное очень интересно

Не совсем поняла как выполнить 1 шаг в 4 части. Я щелкаю на создание обтравочной маски, но ничего не происходит, и голубой фон не "проявляется".

спасибо))) очень понравилось, реалистичный эффект получается)

Спасибо за урок!

Замечательный урок и очень классный шаблон

Спасибо за урок

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

Спасибо за урок.

Мне не понравилось как у меня получилось рамка доски.. Какая-то она не такая чтоли...
Поэтому сюда выкладываю только текстуру и шрифт какой получился.

Спасибо за урок!

Классно получилось! Только на мелке неправильно сделано затемнение.

Благодарю за урок и перевод! Понравился и в тему!

Спасибо за урок! Хороший легкий урок. Придумывай и пиши что хочешь на доске.

Еще 5
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее