От автора: В последнее время я часто наблюдаю использование этого эффекта для текста в средствах массовой информации. Он используется и в моушн графике, и в презентациях современных технологий и для воссоздания винтажного стиля. Я решил использовать этот классный эффект на классной доске, не используя пыль от мела вокруг самой надписи.
Скачать архив с материалами к уроку
Результат урока
Шаг 1
Создайте новый документ. Для этого перейдите в меню Файл – Создать (File – New) и в диалоговом окне ведите значения для документа – 5х5 дюймов, с разрешением 100 пикселей на дюйм.
Нажмите клавишу D, чтобы установить цвет переднего плана на черный, а затем используйте комбинацию клавиш Alt-Backspace, чтобы заполнить этот новый документ цветом переднего плана - то есть чёрным.
Теперь нажмите на иконку Создать новый слой (Create a new layer) в нижней части панели слоев, чтобы создать новый пустой слой.
Шаг 2
Шаг 3
Чтобы открыть окно настроек кисти, пройдите в меню Окно - Кисть (Window – Brush) или просто нажмите клавишу F5. Для начала, выключите флажок на вкладке Текстура(Texture) которая находится в списке на левой стороне панели. Затем нажмите на вкладку Двойная кисть (Dual Brush), чтобы получить доступ к этим опциям. В открывшемся окне настроек прокрутите вниз список, найдите и выберите кисть Spatter 27 pixels как показано на скриншоте ниже. Поставьте флажок в чекбоксе Обе оси (Both Axes) и подкорректируйте немного такие настройки: Интервалы (Spacing ) и Рассеивание(Scatter).
Шаг 4
В окне настроек кисти нажмите на самую верхнюю вкладку Форма отпечатка кисти(Brush Tip Shape). Здесь настройте Кегль (Size) со значением 6 пикс., затем настройте Сглаживание (Softness) 45% и уменьшите Интервалы (Spacing ) до 1%.
Кроме того, убедитесь, что в левой части панели окна настроек кисти стоят флажки на вкладках Шум (Noise) и Сглаживание (Smoothing).
Шаг 5
Теперь, выберите цвет переднего плана на панели инструментов, любой который вы хотите, и попробуйте сделать несколько штрихов новой, настроенной кистью. В окне предварительного просмотра, в верхнем левом углу документа, вы можете видеть, что маленькая кисточка на превью повторяет ваши движения и показывает угол кисти.
Кроме того, в этом превью вам будет видно, как «изнашивается» кончик кисти при её использовании, как будто вы пользуетесь реальным мелом или карандашом. Для того чтобы восстановить острый кончик, снова зайдите в настройки кисти и на вкладке Форма отпечатка кисти (Brush Tip Shape) нажмите кнопку Острый кончик (Sharpen Tip). После этого вы увидите на превью кисти, что кончик снова стал острым.
Шаг 6
Для того чтобы использовать настроенную кисть неоднократно, сохраним её. Для этого в верхней панели параметров, щёлкните по окошку выбора кистей и в правом верхнем углу нажмите иконку шестерёнки. В настройках выберите опцию Новый набор параметров кисти (New Tool Preset). В появившемся диалоговом окне, дайте название для этой кисти и нажмите кнопку ОК.
Шаг 7
Так как автор не предоставляет исходник с текстурой школьной доски, найдите подобную текстуру или используйте альтернативный вариант из архива. Откройте текстуру в фотошопе и сверху создайте чёрный слой. Он будет временным для лучшей видимости контуров надписи.
Теперь, выше всех слоёв напишите понравившимся шрифтом текст, с которым вы будете дальше работать. Нажмите на текстовом слое правой кнопкой мыши и выберите опцию Создать рабочий контур (Create Work Path). При желании немного исказите контуры, сдвигая некоторые опорные точки с помощью инструмента белая стрелка Выделение узла (Direct Selection tool).
Шаг 8
Кликните по иконке цвета переднего плана в панели инструментов и в появившемся окне установите цвет R: 247, G: 148, B: 29 (#f7941d), а затем нажмите кнопку ОК.
Шаг 9
Теперь удалите слой с чёрной заливкой и текстовый слой или просто отключите их видимость (контуры должны остаться). Затем нажмите на иконку Создать новый слой(Create a new layer) в нижней части панели слоев, чтобы создать новый пустой слой выше фонового слоя с текстурой школьной доски.
Откройте палитру Контуры (Paths). Если она у вас не видима в рабочей области программы, то активируйте её через меню Окно – Контуры ( Window – Paths). Выделите слой с контуром вашей надписи, раскройте настройки панели в верхнем правом углу палитры и выберите опцию Выполнить обводку контура (Stroke Path).
Шаг 10
Шаг 11
Вернитесь в палитру слоёв и создайте новый пустой слой выше слоя с текстурой доски. Теперь откройте палитру Контуры (Paths), зажмите, удерживая клавишу Ctrl, и кликните по миниатюре слоя с контуром для того, чтобы загрузить выделение текста.
Шаг 12
Шаг 13
После того как вы закончите закрашивать буквы, внизу палитры слоёв нажмите на иконку fx чтобы открыть окно стилей слоя. В появившемся меню выберите опцию Параметры наложения (Blending Options). В диалоговом окне стилей слоя, в блоке Наложить если (Blend If) зажмите и удерживайте клавишу Alt и кликните по чёрному слайдеру Подлежащего слоя (Underlying Layer). Перетащите разделённую часть слайдера вправо и установите на значении около 50. Это позволит проявить некоторые тёмные области фонового слоя в слишком закрашенных областях букв. Для подтверждения действий нажмите кнопку ОК и снимите выделение комбинацией клавиш Ctrl+D.
Шаг 14
В левой панели выберите инструмент чёрная стрелка Выделение контура (Path Selection tool) и снова откройте палитру Контуры (Paths). Кликните по слою с контуром, чтобы сделать его активным. Затем инструментом чёрная стрелка выделите контур, просто проведя с зажатой мышкой вокруг надписи, образуя рамку выделения. Таким образом у вас выделится весь контур с опорными точками.
С помощью стрелок на клавиатуре сдвиньте контур несколько вправо и вниз, как показано на скриншоте ниже.
Шаг 15
Шаг 16
Шаг 17
Теперь в диалоговом окне стилей слоя снова используйте опции блока Наложить если(Blend If) и отрегулируйте настройки, как вы это делали ранее для оранжевого текста.
Шаг 18
В палитре слоёв выделите все три слоя касающиеся надписи, нажмите правой кнопкой мыши на одном из них и выберите опцию Преобразовать в смарт объект (Convert to Smart Object)
Шаг 19
Теперь перейдите в меню Редактирование - Трансформирование - Деформация (Edit - Transform - Warp). В верхней панели параметров, в настройках опции Деформация(Warp) выберите вариант Аркой (Arc) и установите такие настройки:
Изгиб (Bend) примерно 23%,
По горизонтали (H) -37.5%,
По вертикали (V) 8.5%
После введения настроек нажмите клавишу Enter для применения трансформации. Текст примет вид дуги, что придаст ему больше динамики.
Ниже на скриншоте вы можете увидеть итоговое изображение. Для более интересного вида, автор перетащил смарт объект с надписью в изображение с доской и добавил пару слов, созданных в том же стиле с помощью методов из урока.
Вы можете скачать исходники со школьными досками на нашем сайте:
Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru