Сайт в виде школьной доски в Фотошоп. Доска для фотошопа


Доска для записок - Часть I

Тени и свет делают объекты реалистичными. Так называемая «Доска объявлений», является популярным типом графики, используется в сети и печатных проектах, но зачастую они выглядят нереалистичными из-за того, что лишены объёма, из-за отсутствия света и теней.

В 1 части урока Вы узнаете, как создать текстуру дерева под основу доски, а затем, как создать тени и блики на объектах, размещённых на доске. Начнем с того, что создадим саму доску и первый стикер на ней.

Шаг 1 - Создание текстуры пробкового дереваСоздайте новый документ (Размер: 600 на 400 пикселей). Размер зависит от Вашего выбора, Данные размеры будут использоваться в этом уроке.Переименуйте первый слой - назовите его "пробковый".

Совет: Убедитесь, что выбран режим Контура, а не Слой-фигуры, этот режим понадобится на протяжении всего этого урока.

Используя инструмент Прямоугольник , создайте фигуру (Размер: 480px на 280px).Совет: Чтобы фигура была фиксированного (заданного размера), пройдите - Параметры Инструмента Прямоугольник - Заданный размер.

Щелкните правой кнопкой мыши на прямоугольнике и выберите «Образовать выделенную область». Сделайте цвет переднего плана # a37d54 и цвет фона # 4e2f0d. Эти два цвета - оттенки коричневого.С помощью фильтров создадим текстуру пробкового дерева. Сначала используем Фильтр>Рендеринг>Облака (Filter> Render> Clouds).

Совет: CTRL + D Снять выделение.

Продолжим, Фильтр>Эскиз>Почтовая бумага, (Тоновой баланс: 32, зернистость: 11 и Рельеф: 12).Перейдите в Фильтр>Штрихи>Разбрызгивание (Filter> Brush Strokes> Spatter) (Радиус разбрызгивания: 15 Смягчение: 10).Давайте добавим темный цвет, перейдите Изображение>Коррекция>Света\Тени(Image> Adjustments>Shadow/Highlight)(Тени - Количество: 50%, Ширина тонового диапазона: 83%,Радиус: 208px.Света - Количество: 0%, Ширина тонового диапазона: 50%, радиус : 30px.Коррекция - Цветокоррекция: +20, Контрастность средних тонов: -17.)На рисунке ниже представлен результат.

Шаг 2 - Рамка к пробковой доскеНа этом этапе мы будем создавать деревянную рамку.Создайте новый слой ниже слоя "пробковый" и переименуйте его как "рамка".Используя инструмент Прямоугольник со скруглёнными углами , создайте фигуру (Размер: 502px на 302px и Радиус закругления углов: 10px).Щелкните правой кнопкой мыши на прямоугольнике и выберите пункт "Образовать выделенную область".Совет: ALT+BACKSPACE - залить образованное выделение текущим цветом.

Залейте прямоугольник цветом #4e2f0d затем снимите выделение.

Совет: Чтобы выбрать два или более слоев, SHIFT + клик на слое.Совет: Для выравнивания двух или более слоев относительно друг друга, выберите слои,выберите Инструмент Перемещение, в панели параметров нажмите кнопку Выравнивание центров по горизонтали и Выравнивание центров по вертикали:

Теперь, в центре и слой "пробковый" и слой "рамка". На рисунке ниже показан результат.

Шаг 3 - Рамка для доски - Создание угловых зазоровДля того, чтобы с каждой стороны рамка выглядела правдоподобной, нам нужно создать зазоры по углам. На этом этапе, главное правильно определиться с границами сторон рамки и разместить стороны на отдельных слоях.Нужно будет повторить действия для всех углов рамки. Создайте новый слой поверх слоя "рамка" и ниже слоя "пробковый", назовите его "диагональные линии".Мы будем использовать эти линии в качестве направляющих для создания наших зазоров.Увеличьте изображение и используйте Инструмент Перо , удерживая SHIFT, и создайте угол в 45 градусов.

Совет: Убедитесь, что размер диаметра кисти для инструмента Карандаш 1px.

Инструмент Перо и слой "диагональные линии" активны, щелкните правой кнопкой мыши, выберите Пункт «Выполнить обводку контура». Выберите инструмент Карандаш из выпадающего меню нажмите кнопку ОК, затем щелкните правой кнопкой снова и выберите Удалить контур.

Повторите шаг 2 для всех углов рамки.

Шаг 4 - Деревянная рамка, создание отдельных элементов Будем использовать только что созданные диагональные линии в качестве основы для выделения элементов рамки.Чтобы выделить правую сторону рамки, используйте инструмент Перо . После обводки правой стороны, кликните правой кнопкой и выберите Образовать выделенную область (Make Selection).

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

Шаг 5 - Деревянная рамка, наложение градиента Пора сделать нашу рамку реалистичней. Применим к ней градиент. Давайте начнем с правого края.

Совет: Чтобы попасть в окно настройки Параметров наложения (Blending Options) слоя, щелкните правой кнопкой мыши на этом слое и выберите пункт Параметры наложения (Blending Options).Совет: Чтобы добавить градиент, выберите пункт Наложение градиента.

В Параметрах наложения (Blending Options) для слоя "рамка право", применить Наложение градиента (Gradient Overlay):Угол: 0 градусов, Редактор градиентов: первый цвет Градиента:#e77d15, второй:#f69834, третий:#804504.Теперь, слой "рамка верх", применим другие параметры градиента:Первый цвет:#e77d15, второй:#f4942d, третий:#d16f04.Затем слой "рамка лево":Первый цвет:#0d550e, второй:#f4942d, третий:#d16f04.Наконец, слой "рамка низ":Первый цвет:#6e3c0b, второй:#f4942d, третий:#d16f04.На рисунке ниже результат.

Шаг 6 - Деревянная рамка, создание текстуры под деревоПомните, что Вам придется повторить этот шаг для всех остальных сторон рамки.Дублируем слой "рамка право", щелкаем правой кнопкой мыши на дубликате слоя, который должен называется "рамка право (копия)" и выбираем "Очистить стиль слоя".

Совет: CTRL+J, чтобы дублировать слой.Совет: CTRL+щелчок на миниатюре слоя, чтобы выделить его содержимое.

Выделите содержимое слоя "рамка право (копия)" (CTRL+клик на миниатюре слоя). Заполните выделение цветом # d48631. Перейти в Фильтр>Шум>Добавить Шум (Filter> Noise> Add Noise) (Количество: 33,03%, Распределение по Гауссу и Монохромный).Перейти в Фильтр>Размытие>Размытие в движении (Filter> Blur> Motion Blur) (Угол: 90 Смещение: 24 пикселей).Перейти в Фильтр>Пластика (Filter> Liquify) (Размер кисти: 8, Плотность кисти: 50 и Нажим кисти: 100).Используйте метку "прицела" в окне фильтра Пластика (Liquify), тяните, растягивайте и вращайте курсор по содержимому слоя "рамка право (копия)", чтобы сделать сучки.Подсказка: Вы можете изменить непрозрачность слоя в палитре слоев:

Непрозрачность слоя "рамка право (копия)" 50%.Переименуйте этот слой "рамка право текстура", группу в которой находятся все слои, связанные с правой стороной, переименуйте в "границы право".На рисунке ниже результат.

Повторите шаг 5 для всех других сторон рамки.

Шаг 7. Пробковая доска. Внутреняя тень (Inner Shadow)Давайте добавим лёгкую тень на верхнюю часть внутренней поверхности доски.В параметрах наложения (Blending Options) слоя "пробковый", примените стиль Внутренняя тень (Inner Shadow) (режим: Нормальный, Цвет: # 000000, Непрозрачность: 100%, угол: 90 градусов, смещение: 1px, стянуть: 0%, Размер: 3px).На рисунке ниже результат.

Шаг 8. Записка Создайте новый слой и назовите его "бумага". Выберите Инструмент Прямоугольная область (Rectangular Marquee Tool) и сделайте выделение, как показано ниже:

Выберите слой "бумага" и заполните выделение белым цветом.В Параметрах наложения (Blending Options) слоя, примените стиль Наложение градиента (Gradient Overlay) (Редактор градиента: Первый цвет: # d1d1d1, второй: # ededed).Затем примените стиль Тень (Непрозрачность: 100%, угол: 90 градусов, смещение: 1px, размах: 0%, Размер: 5px).Щелкните правой кнопкой мыши на стили слоя "бумага" и выберите пункт «Создать Слои» (Create layer). Нажмите кнопку ОК, когда вы увидите этот диалог:

Шаг 9. Записка - придаём ей реалистичности Ключевым инструментом трансформации здесь является Деформация (Warp Tool).Совет: Ctrl+T, чтобы вызвать Свободную трансформацию (Free Transform Tool), правой кнопкой мыши на выделении и выбрать пункт Деформация (Warp).Выберите слой "бумага" и сделайте активным Инструмент Деформация (Warp Tool).Угол листка потяните, как будто бы ветер дует на него.

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

Шаг 10. Бумага - Свет Теперь мы создадим блики, создаваемые освещением на этих углах.Совет: Щелчок + ALT + SHIFT + N, чтобы создать новый слой c обтравочной маской.

Совет: перемещайте слой на панели слоев, чтобы переместить его выше или ниже относительно другого слоя.

Создайте новый слой с обтравочной маской выше слоя "paper's gradient Fill", переименуйте его в "тень правого нижнего угла", из выпадающего меню Параметров наложения (Blending Mode) выберите режим Осветление.

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

Выберите инструмент Градиент (Gradient Tool), настройте его (Первый цвет: # 000000, второй цвет: # FFFFFF, третий цвет: # 000000).Протяните градиент от нижней части листка к центру, как показано ниже:

Используйте инструмент Свободная трансформация (Free Transform), чтобы изменить размер, повернуть слой с бликом. Кроме того, можно снизить непрозрачность, чтобы изображение выглядело более правдоподобно. Добавьте блики и на другие углы листка.На рисунке ниже показан результат.

Шаг 11. Записка - Тени Теперь добавим теней. Выберите слой "Тень бумаги", переместите тень вниз на несколько пикселей и уменьшите Непрозрачность до 60%. Так же, как мы трансформировали свет, трансформируйте и тень:

Ниже результат:

Шаг 12. Бумага - Рукописный текст Давайте напишем что-то на бумаге. Создайте новый слой, выберите инструмент Текст, выберите тип рукописного шрифта, автор выбрал "Journal" (Размер: 26px), измените цвет шрифта на #414040 и напишите что-нибудь на бумаге.На рисунке ниже показан результат.

Продолжение ищите во II части.Во 2 части этого урока мы будем заниматься добавлением новых объектов на доску.

Автор: Alexis BrilleПереводчик: Лукша ЮрийСсылка на источник

photoshop-master.ru

Сайт в виде школьной доски в Фотошоп

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

Вот что у нас должно получиться в итоге:

Материалы для урока:

  1. Шрифт Eraser
  2. Шрифт Chalkboard (стандартный на Mac-е)
  3. Набор иконок
  4. Иконки
  5. PSD файл

Архив

Давайте приступим.

Шаг 1

Первое, что мы сделаем – мы создадим новый документ со следующими параметрами:

Шаг 2

В этом шаблоне фон будет темным, поэтому заливаем фон цветом #1C1C1C с помощью инструмента Paint Bucket Tool (Заливка).

Шаг 3

Создадим новый слой поверх фонового слоя и назовем его “Background Texture”. Заливаем его тем же цветом. Мы добавим немного шума, для этого жмем Filter > Noise > Add Noise (Фильтр > Шум > Добавить шум) и, выставив следующие настройки, жмем ОК.

После этого снижаем непрозрачность слоя до 30%.

Шаг 4

Самое время начать работу над шапкой. Для логотипа я использовал шрифт Eraser (выше я выложил ссылку на него) цветом #FFFFFF. Позади текстового слоя создадим некую «иллюзию мела». Выберите следующую кисть:

Шаг 5

Используя цвет #000000, нарисуйте что-то подобное на специально созданном для этого слое (вам нужно создать новый) и снизьте непрозрачность нового слоя до 20%.

Шаг 6

Для навигационного меню в шапке я использовал шрифт Chalkboard. Для активной ссылки выберем цвет #272727, для неактивной ссылки – пусть будет #FFFFFF. Сзади активной ссылки нарисуем небольшой мазок той же кистью, которой мы пользовались в предыдущем шаге, как показано на рисунке.

Шаг 7

Перейдем к созданию блока основного контента. Используя Rectangle Marquee Tool (Прямоугольная область), создайте прямоугольное выделение, как показано на рисунке, и залей его цветом #2E5A39. Назовите этот слой “Green Back”.

Шаг 8

Теперь нам нужно дублировать новоиспеченный слой и выделить его, зажав Ctrl+J. Переименовываем дубликат в “Noise” и применяем к нему шум, который мы использовали в третьем шаге. Меняем режим наложения на Lighten (Осветление) и понижаем непрозрачность до 40%.

Шаг 9

Теперь вернемся к слою “Green Back” и применим к нему следующие настройки слоя:

Шаг 10

У вас должно получиться что-то подобное:

Шаг 11

Теперь приступим к созданию рамки нашей доски. Для этого создаем выделение, как показано на рисунке, с боку доски, используя Rectangle Marquee Tool (Прямоугольная область). Заливаем выделение цветом #323232.

Шаг 12

Теперь нам нужно добавить текстуру. Жмем Filter > Render > Fibers (Фильтр > Стилизация > Волокна) и выставляем параметр Variance (Отклонение) на 11 и параметр Strength (Интенсивность) на 28.

Шаг 13

Очевидно, что рамка не должна быть белой. Поэтому жмем Ctrl+U и в появившейся панели выставляем следующие параметры:

Шаг 14

Наша рамка выглядит немного плоской – мы это исправим, применив следующие настройки для стилей слоя:

Шаг 15

У вас должно получиться что-то вроде этого:

Шаг 16

Повторите предыдущие шаги для остальных сторон и получите что-то подобное. Однако удостоверьтесь, что слои с боковыми сторонами рамки лежат поверх слоев со слоями верхней и нижней рамки – это важно.

Шаг 17

С рамкой мы закончили! Чтобы сделать меню категорий, мы должны добавить текст в следующем стиле. Для активной ссылки “Graphics” я использовал цвет #EEE2D5, для неактивных ссылок - #D8C0A8.

Шаг 18

На фон активной ссылки добавим небольшое поле, используя Rounded Rectangle (Прямоугольник со скругленными углами) с радиусом в 3рх и цветом #000000.

Шаг 19

Непрозрачность заливки снизим до 50% и поменяем режим наложения на Soft Light (Мягкий свет). Также применим следующие настройки для стилей слоя:

Шаг 20

Если у вас получилось что-то подобное – значит, все готово.

Шаг 21

Теперь поработаем с левой частью контента. Создадим небольшую надпись для заголовка, написав, например, «Latest Articles». Я использовал шрифт “Georgia”. Для создания «иллюзии размытого мела», используем ту же технику, что и в четвертом шаге. Лучше использовать белый цвет, но вы можете и поэкспериментировать. Снижаем непрозрачность слоя до 7%.

Шаг 22Наш пост не будет отображаться так, как в обычных шаблонах для Wordpress – мы будем использовать картинку с заголовком поверх. Поместите картинку размером 240х240рх и примените к ней следующие стили слоя:

Шаг 23Теперь нам придется много работать с Rectangle Marquee Tool (Прямоугольная область) и с непрозрачностью. Иконку комментария можно взять в сборке Mono Icon Pack, ссылку на которую я разместил в самом начале статьи. Используя вышеперечисленные инструменты, создаем что-то подобное:

Шаг 24

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

Шаг 25

Используя Rectangle Marquee Tool (Прямоугольная область), создаем полоску, как на рисунке, и заливаем её цветом #FFFFFF.

Шаг 26

Теперь жмем Filter > Blur > Motion Blur (Фильтр > Имитация > Размытие в движении). Ставим угол -90 градусов и значение 120рх – получится что-то такое:

Шаг 27

Теперь понижаем непрозрачность слоя до 50% и меняем режим наложения на Soft Light (Мягкий свет). Снова выделяем прямоугольную область, на это раз справа, как показано на рисунке и заливаем цветом #000000.

Шаг 28

Понижаем непрозрачность слоя до 30% и меняем режим наложения на Soft Light (Мягкий свет).

Шаг 29

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

Шаг 30

Для заголовка поиска делаем то же самое. Все, что я сделал для самого поля поиска, я взял кисть Chalk и поставил горизонтальный мазок, как на рисунке. Для цвета используем #515151.

Шаг 31

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

Шаг 32

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

Шаг 33

Понижаем значение непрозрачности до 18% и добавляем немного текста:

Готово!

Автор: devisefunction

photoshop-master.ru

50+ лучших шрифтов мелом для фотошопа (+кириллица)

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

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

шрифты мелом на доске

шрифты мелом на доске

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

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

DK Crayon Crumble

DK Crayon CrumbleDK Crayon Crumble

Rayando

RayandoRayando

FFF Tusj

FFF TusjFFF Tusj

Syphon Spritz

Syphon SpritzSyphon Spritz

Grutch Shaded

Grutch ShadedGrutch Shaded

pencilPete

pencilPetepencilPete

Hesster Moffett

Hesster MoffettHesster Moffett

Eraser

EraserEraser

Chalk Line

Chalk LineChalk Line

Conte Script

Conte ScriptConte Script

PWDolphins

PWDolphinsPWDolphins

vtks noise

vtks noisevtks noise

Colored Crayons

Colored CrayonsColored Crayons

Coffee House

Coffee HouseCoffee House

Denne Milk Tea

Denne Milk TeaDenne Milk Tea

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

Black Crayon

Black CrayonBlack Crayon

DJ Gross

DJ GrossDJ Gross

[ank]*

[ank]*[ank]*

PWScritch

PWScritch PWScritch

Orange Juice

Orange JuiceOrange Juice

Vtks Love Love

Vtks Love LoveVtks Love Love

Vintage One

Vintage OneVintage One

WC RoughTrad Bta

WC RoughTrad BtaWC RoughTrad Bta

Return To Sender

Return To SenderReturn To Sender

School Book New

School Book NewSchool Book New

Villa Didot

Villa DidotVilla Didot

Tequilla Sunrise

Tequilla SunriseTequilla Sunrise

Chalk Hand Lettering Shaded

Chalk Hand Lettering ShadedChalk Hand Lettering Shaded

Universal College draft

Universal College draftUniversal College draft

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

Sketch

Sketch Sketch

Последние 3 объекта взяты с сайта Fontscafe. Там можно эти шрифты мелом скачать бесплатно и использовать в коммерческих целях, но с указанием обратной ссылки. Все материалы из статьи (как и фото, иконки) имеют авторские права, поэтому вам нужно смотреть описание или сноски на сайте-источнике. Для большинства представленных здесь фонтов допускается бесплатное применение в личных проектах. Часть из них — 100% free для любых задач.

Monster Unleashed

Monster UnleashedMonster Unleashed

Smudgie Crayon

Smudgie CrayonSmudgie Crayon

Sketch Serif

Sketch SerifSketch Serif

Angeline Vintage

Интересные шрифты мелом на доске (50+ штук)Интересные шрифты мелом на доске (50+ штук)

Chalkboard by Marta van Eck

Chalkboard by Marta van EckChalkboard by Marta van Eck

KG Second Chances

KG Second ChancesKG Second Chances

KG Ten Thousand Reasons

KG Ten Thousand ReasonsKG Ten Thousand Reasons

Appleberry

AppleberryAppleberry

Firestarter Z

Firestarter ZFirestarter Z

KG Broken Vessels Sketch

KG Broken Vessels SketchKG Broken Vessels Sketch

PWChalk

PWChalkPWChalk

MrsKate

MrsKateMrsKate

Film Cryptic

Film CrypticFilm Cryptic

Lost In The Sound

Lost In The SoundLost In The Sound

DK Keswick

DK KeswickDK Keswick

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

Русские шрифты мелом на доске

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

LC Chalk

LC ChalkLC Chalk

Schist

SchistSchist

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

Capture it

Capture itCapture it

CrashCTT

CrashCTTCrashCTT

Boyarsky Normal

Boyarsky NormalBoyarsky Normal

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

Vector HandDrawn Cyrillic Alphabet

Vector HandDrawn Cyrillic AlphabetVector HandDrawn Cyrillic Alphabet

Collection Sketchy Alphabets

Collection Sketchy AlphabetsCollection Sketchy Alphabets

Halloween Chalk

Halloween ChalkHalloween Chalk

Back School Chalk Text

Back School Chalk TextBack School Chalk Text

ChalkA Alphabet Title Big

ChalkA Alphabet Title BigChalkA Alphabet Title Big

Если работает над коммерческим проектом, то почему нет.

Итого. получилось найти чуть больше 50-ти шрифтов надписи мелом на доске. Их в сети, разумеется, гораздо больше — можете просмотреть сайты-архивы по типу Dafont, 1001fonts, Fontspace  и другие. Ищите по ключевику «chalk font». Присылайте интересные варианты в комментариях.

design-mania.ru

Пишем мелом на доске в Фотошоп

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

Результат урока:

Примечание автора: в уроке используется Photoshop CS6, но вы можете использовать версию CS3 и выше.

Материалы для урока:

Архив

Шаг 1

Откройте изображение с доской в фотошоп и с помощью инструмента Рамка (Crop Tool) избавьтесь от углов с чёрным фоном.

Идём в меню Изображение – Коррекция – Уровни (Image -> Adjustments -> Levels) и ставим для теней значение 20, для полутонов значение 0,88. Это сделает изображение темнее.

Теперь идём в меню Изображение – Коррекция – Цветовой тон/Насыщенность (Image -> Adjustments -> Hue/Saturation) и изменим значение насыщенности до 10.  Это сделает цвета более яркими.

Шаг 2

Напишите текст шрифтом Blokletters Potlood с размером 270 пт.

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

Шаг 3

Откройте палитру настроек кисти в меню Окно – Кисть (Window -> Brush), а затем измените параметры, как показано ниже:

Форма отпечатка кисти (Brush Tip Shape)

Выберите кисть Chalk 44

Динамика формы (Shape Dynamics)

Двойная кисть (Dual Brush)

Выберите кисть Spatter 14

Шаг 4

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

Кликните правой кнопкой мыши по слою с текстом и выберите пункт Создать рабочий контур (Create Work Path).

Активируйте инструмент Стрелка (Direct Selection Tool), установите цвет переднего плана на белый, и создайте новый слой поверх всех слоев, затем дайте ему название “Chalk”.

Щелкните правой кнопкой мыши по рабочему контуру и выберите опцию Выполнить обводку контура (Stroke Path).

В диалоговом окне обводки в выпадающем меню выберите инструмент Кисть(Brush). Проверьте чтобы был снят флажок с параметра Имитировать нажим (Simulate Pressure).

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

Шаг 5

Обведём каждую букву второго слоя с надписью другим цветом. Для этого щёлкните правой кнопкой мыши по слою с текстом и выберите пункт Создать рабочий контур (Create Work Path). Теперь, используя инструмент Стрелка (Direct Selection Tool), протяните и выделите первую букву в слове для того чтобы выделить её опорные точки.

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

Цвета используемые в уроке:

S – #f5989dc – #fff799h – #bd8cbfo – #fdbd89o – #79bcde l – #82ca89

Шаг 6

Чтобы улучшить цветопередачу, последнее что мы сделаем, это добавим корректирующий слой. Нажмите иконку выбора корректирующего слоя внизу палитры слоёв и выберите коррекцию Карта градиента (Gradient Map).

Убедитесь, что корректирующий слой находится поверх всех слоев в палитре, а затем измените ему режим наложения на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 40%.

В градиенте используем два цвета – слева # c3ae99 и справа # FFFFFF.

И вот наш текст на школьной доске готов!

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

Автор урока: textuts

 

photoshop-master.ru


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