Фон грифельная доска для фотошопа. Рисовать мелом на доске онлайн

Сегодня попробуем сделать зеленую школьную доску и написать на ней мелом текст. Как всегда, за идею урока спасибо 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

Откройте Adobe Illustrator и инструментом Горизонтальный текст ( ",this,event,"320px");">Horizontal Type Tool) (T) напишите «2013». Я использовал шрифт «Pistilli Roman ».

Шаг 2

Из этого набора выберите завитки и создайте орнамент вокруг цифр.

Шаг 3

Создайте новый документ в Фотошопе (Ctrl + N) размером 2880х1800 пикселей. Вставьте в него изображение чёрной доски.

Шаг 4

Перенесите орнамент в этот документ. Затем создайте слой и залейте его чёрным цветом. Объедините оба слоя (Ctrl + E).

Шаг 5

Установите Режим наложения на Светлее (Lighter Color).

Шаг 6

К слою надписи примените фильтр Наклонные штрихи (Angled Strokes):

Баланс направлений (Direction Balance)
Длина штриха (Stroke Length)
Резкость (Sharpeness)

Шаг 7

Добавьте маску и чёрной кистью с непрозрачностью 30% обрисуйте надпись.

Шаг 8

К надписи примените следующие стили:

Внешнее свечение: Режим – Осветление.

Отбрасывание тени: Режим – Светлее.

Шаг 9

Установите Режим наложения слоя надписи на Растворение (Dissolve).

Шаг 10

Создайте копию всех слоёв. Объедините их (Ctrl + E) и примените фильтр Размытие по Гауссу ( ",this,event,"320px");">Gaussian Blur Filter) со значением 5 пикселей. Установите Режим наложения на Мягкий свет ( ",this,event,"320px");">Blending Mode – Soft Light) и понизьте непрозрачность до 50%. Создайте ещё одну копию надписи и установите её Режим наложения на Осветление (

В Фотошопе. Инструментом Crop Tool (C) обрежьте изображение, чтобы избавиться от закругленных углов и чёрного фона.

Перейдите к коррекции Levels (Image ? Adjustments ? Levels) и измените значения, как показано ниже. Это сделает поверхность доски темнее.

Шаг 2

Загрузите в общую библиотеку шрифт «Blokletters », перейдите в меню Window ? Character и настройте шрифт, как показано ниже. Напишите «Back to School» на доске. Надпись должна состоять из двух слоёв. Смотрите на второй скриншот ниже.

Шаг 3

Выберите инструмент Brush Tool (B), откройте палитру кистей (Window ? Brush) и настройте, как показано ниже.

Шаг 4

Скройте текстовые слои, кликнув на иконке глаза.

Кликните правой кнопкой на текстовом слое и выберите пункт Create Work Path.

Выберите инструмент Direct Selection Tool, установите основной цвет на белый и создайте новый слой поверх остальных. Назовите его «Chalk».

Кликните правой кнопкой мыши на контуре и выберите пункт Stroke Path.

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

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

Шаг 5

Для обводки каждой буквы нужно создавать контур и выделять его инструментом Direct Selection Tool.

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

Я использовал следующие цвета:

S - #f5989d

c - #fff799

h - #bd8cbf

o - #fdbd89

o - #79bcde

Текст, написанный мелом в paint.net

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

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

Используя доску как фон, создайте новый прозрачный слой и напишите на нем надпись. Ключевой недостаток оригинального урока, они делали надпись толстую, отчего пропадало ощущение реальности. Те кто учился в школе и имел опыт общения с меловой доской знают, что очень сложно сделать красивую надпись с толщиной букв, как три кусочка мела. :-D Я использовал для надписи шрифт Script, который есть практически во всех системах. Впрочем все параметры на рисунке ниже:

Примените к слою с надписью стандартный эффект paint.net "добавление шума" из меню paint.net Эффекты - Шум .

Примените к слою с надписью стандартный эффект paint.net "Гауссово размытие" из меню paint.net Эффекты - Размытие .

Создайте копию слоя с получившейся надписью. Примените к верхней копии слоя стандартный эффект paint.net "Вмятины" из меню paint.net Эффекты - Искажение . На рисунке ниже использовалось значение параметра "Масштаб", равное 2. Остальные параметры по умолчанию. Значение параметра "Масштаб" может быть больше, все зависит от толщины текста, который вы делаете.

Объедините эти два слоя с текстом.

Создайте копию слоя с получившимся текстом. Отключите видимость слоя у верхней копии, этот слой нам понадобится позже. Для другого видимого слоя с текстом установите режим смешивания "Добавление". Примените к этому слою коррекцию "Кривые" с настройками как на рисунке ниже:

Как видно на рисунке выше, надпись уже похожа на сделанную мелом, только бледная. Теперь можно включить видимость верхней копии слоя с надписью. Установите режим смешивания этого слоя как "Экранное осветление". Регулируя прозрачность этого слоя вы можете изменять яркость сделанной надписи. Для рисунка ниже, прозрачность слоя была установлена 180.

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

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

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

Конвертируйте текст в кривые при помощи комбинации клавиш CMD/Ctrl+Shift+O, затем кликните правой кнопкой по тексту и выберите Ungroup/Разгруппировать, чтобы разделить надпись на отдельные буквы.

Растяните выделение поверх каждого слова или группы слов и нажимайте CMD/Ctrl+G, чтобы сгруппировать их.

Выделите первую группу слов и в меню выберите Effect > Distort & Transform > Free Distort/Эффект>Исказить и трансформировать>Произвольное искажение. Поднимите нижнюю правую точку выше, чтобы исказить группу текста.

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

Возьмемся за следующую группу из нашего текста. Выделите ее и в меню выберите Object > Transform > Shear/Объект>Трансформировать>Наклон. Укажите угол, совпадающий с углом скоса предыдущей группы.

Нарисуйте тонкий прямоугольник под текстом и примените к нему трансформацию Shear/Наклон, повторив угол наклона текста. Дублируйте прямоугольник и обрамите им вторую группу текста. Инструментом Pen/Перо нарисуйте треугольник, чтобы заполнить пустое пространство в правом верхнем углу.

Выделите третью группу текста и в меню выберите Effect > Apply Free Distort/Эффект>Применить произвольное искажение, чтобы применить эффект с теми же параметрами, что мы выбрали ранее.

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

Откройте палитру Appearance/Оформление и кликните по по эффекту Free Distort/Произвольное искажение. Переместите верхнюю левую точку так, чтобы создать параллель прямоугольнику. Затем переместите нижнюю правую точку обратно на оригинальную позицию.

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

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

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

Нарисуйте прямоугольник вокруг работы. Укажите ему отсутствие заливки и обводку в 7pt. Копируйте (CMD/Ctrl+C) прямоугольник, затем вставьте копию на передний план (CMD/Ctrl+F). Удерживая ALT, масштабируйте копию, сделав ее меньше. Снизьте толщину обводки до 2pt.

Выделите одно из самых больших слов, копируйте его (CMD/Ctrl+C), затем укажите объекту тонкую белую обводку с закругленными углами и выравнивание внутрь.

В меню выберите Object > Expand Appearance/Объект>Разобрать оформление, затем кликните по группе правой кнопкой и выберите Ungroup/Рагруппировать, чтобы разбить группу на отдельные символы.

Поочередно выделяйте каждую букву и нажимайте кнопку Minus Front/Минус в палитре Pathfinder/Обработка контура. После этого у вас должны остаться только внутренние части букв.

Сгруппируйте все что осталось, смените для них цвет обводки на белый, затем нажмите CMD/Ctrl+B, чтобы вставить на задний план ранее скопированный текст.

Где-нибудь в документе нарисуйте маленький черный квадрат. Нажмите CMD/Ctrl+C и CMD/Ctrl+F, чтобы создать копию, затем уменьшите копию в половину оригинала (включите Smart Guides/Быстрые направляющие, чтобы сделать все точно). Укажите меньшей фигуре белый цвет заливки, выделите оба объекта и перетащите их в палитру Swatches/Образцы.

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

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

Выделите все элементы типографики, сгруппируйте их и снизьте opacity/непрозрачность примерно до 15%.

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

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

После того как вы обвели всю работу, отсканируйте ее. Работа выглядит так же, как созданная в Illustrator, но теперь она выглядит как нарисованная от руки из-за неточных, неэлектронных штрихов. Кто же знает что вы ее обрисовывали? Мы никому не расскажем)

Откройте отсканированную работу в Adobe Photoshop и в меню выберите Image > Adjustments > Invert/Изображение>Коррекция >Инвертировать. После этого выберите в меню Image > Adjustments > Desaturate/Изображение>Коррекция>Обесцветить, чтобы убрать цветность из работы.

В меню выберите Image > Adjustments > Levels/Изображение>Коррекция>Уровни и переместите бегунок светлых оттенков к началу гистограммы.