Как сделать в фотошопе надпись мелом: Стиль для фотошоп — Надпись мелом / Creativo.one
Содержание
Как сымитировать надпись мелом в фотошопе
Для оформления свадьбы потребовалась имитация доски с написанным мелом текстом. Эта доска стоит позади столика со сладостями и довольно большая. Вот образец того, на что нужно было ориентироваться.
Первый шаг – погуглить. Из первого десятка результатов я выбрала два: результаты показались мне похожими на правду.
http://photoshopworld.ru/lessons/440-chalk-text-effect/
http://globator.com/photoshop-tutorials/realistichnaya-nadpis-na-zelyonoj-doske.html
Я использовала в основном первый урок. Одно маленькое но – если делать все в точности как в уроке, получается совершенно не то, что изображено на картинках – как будто у автора был свой собственный фотошоп. Пришлось импровизировать =)
Фон доски в уроке – зеленоватый. Мой пример требовал черного фона. Поэтому вложенную в пример поверхность я увеличила в размерах до нужных мне 2 метров в ширину, убрала фильтром пикселизацию, снизила насыщенность до -100 и яркость до -50. Получилась вполне себе черная поверхность с царапинами.
Саму форму надписи я создала в иллюстраторе и вставила в фотошоп в виде смарт-объекта. Это позволило вносить правки в векторную часть и сразу видеть результат на доске. Выглядит довольно страшненько – это всего лишь основа для нанесения.
Самое сложное – кисть для рисования «мела». Даже выставив все настройки один в один, показанного автором на картинке результата у меня не получилось. Погоняв ползунки туда-сюда, я нашла нечто, напоминающее мел при шваркании планшетом с учетом нажима. На картинке настройки моей кисти.
Дальше автор предлагает довольно хитрую и быструю методику рисования мелом. Но она хорошо подходила а) для его кисти и б) для букв одной толщины. У меня ни того, ни другого =) Поэтому я отключила векторный слой, задала по нему выделение и дальше планшетом и тонкой кистью с прозрачностью 100% написала все буквы. Заданное выделение по периметру рисунка не давало мне выйти за границы букв.
Получилось даже лучше – так как каждая буква рисовалась руками, они все вышли немножко разными. Для большей достоверности я еще немного покорежила сами буквы в иллюстраторе, чтобы одни и те же буквы выглядели чуть по-разному.
Уроки редко получается просто скопировать. Но если их адаптировать, можно найти много полезных советов. А вы часто пользуетесь уроками с интернета? И насколько успешно?
PhotoshopSunduchok — Написанный мелом текст
Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.
Всем привет!
В сегодняшнем уроке мы будем делать написанный мелом на доске текст.
Из урока вы узнаете, как пользоваться инструментами Текст, Кисть, Рамка, Перо и Лассо, как загружать, настраивать и сохранять кисти, устанавливать шрифты, использовать контуры, стили слоя, кадрировать и поворачивать изображение и многое другое.
Открываем в фотошоп (Ctrl+O) изображение со школьной доской.
Переходим в меню Изображение-Вращение изображения-90 градусов по часовой стрелке.
Активируем инструмент Рамка. Тянем за ползунки рамки внутрь, чтобы обрезать «пустые» области за рамкой.
Устанавливаем в фотошоп шрифт из папки с исходниками. Для этого кликаем по файлу шрифта ПКМ и выбираем «Установить». После этого шрифт установится в фотошоп и систему. Вы можете использовать другой любой шрифт на свой вкус, главное, чтобы он походил на то, что текст написан от руки.
Активируем инструмент Текст и пишем «1 сентября». В верхней панели настроек инструмента Текст меняем размер и цвет текста, а также выбираем шрифт, который устанавливали в предыдущем шаге. В верхней панели настроек инструмента Текст кликаем по иконке меню Символ и настраиваем, как на рисунке ниже, чтобы увеличить расстояние между буквами. При помощи инструмента Перемещение располагаем текст по центру холста.
Активируем инструмент Кисть и выбираем кисть, как на рисунке ниже. Если в данный момент у вас не загружена кисть «Мел», при активном инструменте Кисть кликните ПКМ по холсту, чтобы вызвать меню выбора кисти. В меню выбора кисти кликните по «шестеренке» справа и выберите «Восстановить кисти».
В верхней панели настроек инструмента Кисть кликаем по иконке панели кистей (отмечена стрелочкой) и настраиваем кисть, как на рисунках ниже. Настройки кисти могут варьироваться в зависимости от размера текста и выбранного шрифта.
Настроенную кисть можно сохранить для последующего использования. Для этого в меню выбора кисти кликаем по значку создания новой кисти, отмеченному стрелочкой. Затем в появившемся окне даем кисти новое имя или соглашаемся с предложенным программой. Сохраненная кисть появится в конце списка загруженных кистей. Теперь и после переключения на другие кисти и их использования вы сможете использовать настроенную кисть. Но можно пойти дальше и сохранить кисть отдельно от программы фотошоп, на жестком диске – в таком случае кисть не потеряется, как и после переустановки самой программы фотошоп, так и системы.
Для того, чтобы сохранить кисть в отдельный файл, необходимо перейти в меню Редактирование-Управление наборами и в появившемся окне в верхней строке выбрать «Кисти». Выделяем кисть/кисти и нажимаем кнопку «Сохранить», задаем имя кисти/набору и сохраняем в выбранную папку на жестком диске компьютера. Чтобы загрузить кисти в фотошоп, в меню выбора кисти нажимаем на «шестеренку» справа и выбираем «Загрузить кисти». Также загрузить кисти можно и через меню Управления наборами, нажав на соответствующую кнопку.
Вернемся к работе.
Выше всех слоев создаем новый пустой слой и называем его «Мел». Чтобы переименовать слой, в панели слоев дважды щелкните по имени слоя, введите новое имя и нажмите клавишу Enter.
Кликаем ПКМ по текстовому слою в панели слоев и выбираем «Создать рабочий контур». Отключаем видимость текстового слоя, в панели слоев, нажав на «глазик» около слоя и переходим к слою «Мел». Убеждаемся, что активна та кисть, что мы настраивали ранее и переходим к инструменту Перо. Кликаем ПКМ по холсту и выбираем «Выполнить обводку контура». В появившемся окне в качестве инструмента обводки выбираем Кисть и снимаем галочку у параметра «Имитировать нажим».
Текст из мела готов. Но мы пойдем дальше и сделаем буквы цветными.
Активируем инструмент Лассо. Наша задача – сделать так, чтобы каждая цифра-буква находилась на отдельном слое. Для этого при помощи инструмента Лассо выделяем букву и нажимаем сочетание клавиш Ctrl+J, чтобы скопировать выделение на новый слой. Затем переходим на основной текстовый слой («Мел») и повторяем действия со следующей буквой. Для удобства переименуйте каждый получившийся слой в соответствии с содержанием. В итоге у нас должно получиться 9 слоев с буквами и основной слой с полным словом. Скрываем видимость слоя «Мел», нажав на «глазик» у слоя.
Теперь нам необходимо «раскрасить» каждую букву. Сделать это можно разными способами – мы будем менять цвет при помощи стилей слоя. С помощью этого способа вы сможете изменить цвет в любой момент, подкорректировав настройки стиля слоя. Вы можете использовать оттенки на свое усмотрение, но лучше всего будут смотреться пастельные, неброские цвета.
Дважды кликаем по слою, чтобы открыть стили слоя.
Во вкладке Наложение цвета вводим нужный оттенок. Для слоя с цифрой «1» я использовала оттенок #f5989d.
Не буду загружать вас лишними скриншотами, напишу только какие цвета я использовала для каждой буквы.
Для слоя с буквой «С» — #fff799.
Буква «Е» — оттенок #bd8cbf.
Буква «Н» — оттенок #fdbd89.
Буква «Т» — оттенок #79bcde.
Буква «Я» — оттенок #82ca89.
Буква «Б» — оттенок #f7b19e.
Буква «Р» — оттенок #a3e2d7.
Буква «Я» — оттенок #887daa.
Результат после применения стилей слоя на всех слоях с буквами.
Для большей реалистичности, и чтобы уменьшить яркость букв, можно при помощи клавиши Shift выделить все слои с буквами в панели слоев и понизить их прозрачность.
Текст, написанный мелом на доске, готов!
Учитесь, учитесь, еще раз учитесь и не останавливайтесь на достигнутом! У вас все получится!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки создания эффектов для текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.
https://app.getresponse.com/view_webform_v2.js?u=B6cLg&webforms_id=oDZR
Понравилось? Поделитесь:
Вконтакте
Одноклассники
Добавить комментарий
Как создать реалистичный эффект надписи мелом
На прошлой неделе я разместил демонстрацию потрясающих рисунков мелом , которая вдохновила меня на создание мелочной типографии. К сожалению, у меня нет ни таланта, ни классной доски для изготовления подлинных фресок с мелом ручной работы, но я придумала технику, которую дизайнеры могут использовать для достижения реалистичных эффектов надписи мелом с помощью своих рисунков. Мы будем использовать возможности Illustrator для разработки концепции, а затем будем использовать некоторые аналоговые инструменты, чтобы помочь отразить характер искусства, написанного от руки.
В этом уроке я покажу вам, как создать типографский дизайн с реалистичным мелом. На мой взгляд, эффекты мела только для цифровых технологий просто не помогают, но с помощью этого метода мы комбинируем цифровой дизайн с традиционными аналоговыми методами. Это означает, что у нас есть лучшее из обоих миров; возможность создавать дизайн с помощью правки Edit> Undo и подлинные художественные эффекты, которые достижимы только с помощью ручных инструментов.
Загрузите Adobe Illustrator, чтобы начать нашу концепцию дизайна. Самое замечательное в цифровом дизайне заключается в том, что вы можете исправлять любые ошибки и легко перемещать элементы, чтобы создать свой дизайн, в отличие от традиционного искусства, где каждое ваше движение является постоянным. Введите цитату и стилизуйте ее своим любимым шрифтом.
Создайте контуры из типа, используя сочетание клавиш CMD + Shift + O, затем щелкните правой кнопкой мыши и выберите Разгруппировать, чтобы разбить буквы на части.
Нарисуйте выделение вокруг каждого слова или группы слов и используйте сочетание клавиш CMD + G, чтобы сгруппировать буквы обратно вместе.
Выберите первую группу слов и выберите «Эффект»> «Искажение и преобразование»> «Свободное искажение». Переместите правую нижнюю точку вверх, чтобы раздавить текст в форме клина.
Как правило, сжатие и растяжение шрифтов — большая ошибка в дизайне, но так как этот дизайн в конечном итоге выполнен в стиле ручной надписи, мы можем сойти с рук. Масштабируйте текст вертикально, чтобы немного его растянуть.
Перенесите следующее слово из вашей цитаты на монтажную область и срежьте (Object> Transform> Shear) текст по вертикали, пока угол не совпадет с формой предыдущих слов.
Нарисуйте тонкий прямоугольник через монтажную область, затем примените преобразование сдвига, чтобы выровнять его по углам текста. Дублируйте эту форму и разместите их, чтобы украсить цитату. Используйте инструмент «Перо», чтобы нарисовать треугольники, чтобы заполнить любое другое пустое пространство в макете.
Для следующей группы слов перейдите в Effect> Apply Free Distort, чтобы применить то же преобразование клина, которое мы недавно использовали.
Временно измените цвет текста, чтобы вы могли масштабировать его до того же размера, что и первый набор слов.
Откройте панель Appearance и щелкните эффект Free Distort, чтобы изменить его настройки. Перемещайте верхнюю левую точку, пока две диагональные линии не пройдут параллельно, затем переместите нижнюю правую точку обратно в исходное положение.
Любые дополнительные фигуры, нарисованные для первого слоя макета, могут быть продублированы и отражены как по горизонтальной, так и по вертикальной оси, поэтому они симметрично вписываются в дизайн.
Масштабируйте следующее слово цитаты, чтобы оно соответствовало ширине макета, располагая текст таким образом, чтобы обеспечить одинаковый интервал между элементами.
Завершите оформление цитаты, поместив последние несколько слов в макет. Включение простых прямоугольных линий — это простой способ добавить визуальный интерес к дизайну.
Нарисуйте прямоугольник, окружающий всю цитату. Очистите его цвет заливки, но дайте ему 7pt. Скопируйте (CMD + C), затем вставьте передний (CMD + F) дубликат и удерживайте клавишу ALT, одновременно уменьшая масштаб, чтобы сформировать второй контур. Уменьшите ударный вес примерно до 2pt.
Выберите одно из больших слов в макете и скопируйте его в буфер обмена, используя CMD + C, затем добавьте толстый белый штрих с закругленными углами, выровненными по внутренней части.
Перейдите в Object> Expand Appearance, чтобы преобразовать этот штрих в проданные фигуры, затем щелкните правой кнопкой мыши и выберите «Разгруппировать», чтобы разбить слово на отдельные буквы.
Один за другим выберите каждую букву, затем выберите параметр «Минус спереди» на панели «Навигатор», чтобы обрезать фигуру по размеру до новых внутренних фигур.
Сгруппируйте все новые внутренние формы вместе и измените цвет заливки на белый, затем нажмите CMD + B, чтобы «вставить» исходный текст, который мы скопировали ранее в буфер обмена.
В другом месте на документе нарисуйте крошечный черный квадрат. Нажмите CMD + C и CMD + F, чтобы создать дубликат, затем уменьшите его до половины его размера (включение Smart Guides поможет при выравнивании). Измените меньшую половину на белый, затем перетащите обе фигуры на панель «Образцы».
Примените этот новый образец к новым внутренним формам, чтобы придать им классный полосатый вид в винтажном стиле.
Используйте эту возможность, чтобы сделать последние штрихи к концепции, изменяя положение элементов или редактируя макет.
Выберите все элементы, которые составляют цитату типографии, и сгруппируйте их вместе, затем уменьшите непрозрачность примерно до 15%.
Напечатайте иллюстрацию, которая должна появиться на бумаге очень слабо благодаря уменьшенной непрозрачности. Теперь, найдите один из тех старомодных инструментов, известных как карандаш.
Начните рисовать рисунок карандашом, аккуратно раскрашивая его между линиями. Эта техника устраняет разрыв между надписью от руки и чисто цифровым дизайном.
Как только дизайн полностью прослеживается, он готов к сканированию. Дизайн, очевидно, выглядит идентично оригинальной концепции, но теперь в нем есть неровности ручной работы. Кто должен знать, что ты не сделал это от руки? Ваш секрет в безопасности со мной!
Откройте отсканированный дизайн в Adobe Photoshop, затем выберите «Изображение»> «Коррекция»> «Инвертировать». Затем с помощью Image> Adjustments> Desaturate удалите любые оттенки цвета со скана, что приведет к черно-белому изображению.
Перейдите в Image> Adjustments> Levels и переместите ползунок бликов внутрь, пока он не совпадет с гистограммой уровней.
Загрузите текстуру фона для классной доски , а затем следуйте моим советам, чтобы улучшить текстуру, чтобы сгладить тона. Примените черно-белый корректирующий слой, чтобы удалить цвет из текстуры.
Добавьте корректирующий слой Levels и переместите ползунки теней и полутонов, чтобы получить более темную текстуру классной доски.
Вставьте обработанное отсканированное изображение поверх текстуры классной доски и измените режим смешивания на Светлый, чтобы сделать черный фон сканирования прозрачным.
Конечный результат — чрезвычайно реалистичный эффект, написанный мелом. Время, потраченное на прорисовку дизайна карандашом и бумагой, помогает добиться этого подлинного внешнего вида, созданного вручную, что просто невозможно при использовании чисто цифровых технологий. Когда дизайн применяется к текстуре классной доски, трудно отличить дизайн от настоящей мелом, написанного от руки.
Поделитесь в соц.сетях: | Оцените статью: Загрузка… |
Надпись мелом на доске · Мир Фотошопа
Конечный результат:
Шаг 1
Откройте изображение доски в Фотошопе. Инструментом Crop Tool (C) обрежьте изображение, чтобы избавиться от закругленных углов и чёрного фона.
Перейдите к коррекции Levels (Image ? Adjustments ? Levels) и измените значения, как показано ниже. Это сделает поверхность доски темнее.
Далее перейдите к коррекции Hue/Saturation (Image ? Adjustments ? Hue/Saturation) и повысьте насыщенность цвета до 10.
Шаг 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
l — #82ca89
Шаг 6
В завершении мы создадим корректирующий слой, чтобы улучшить цвета. В нижней части палитры слоёв кликните на иконке чёрно-белого круга и выберите пункт Gradient Map.
Корректирующий слой должен быть на самом верху в палитре слоёв. Установите его режим наложения на Multiply и понизьте Opacity до 40%.
Для градиента я использовал цвета #c3ae99 и #ffffff.
Конечный результат:
А это вариант для шапки на странице Facebook.
Пишем мелом на доске в фотошоп. Создаем в фотошопе текст, написанный мелом на школьной доске
В этом уроке мы будем создавать эффект текста
, написанного мелом на школьной доске. Для этого будем использовать простую технику с использованием градиента, кистей и текстуры. Я буду работать в Adobe Illustrator CS5, но подойдёт и предыдущая версия CS4, т.к. именно с этими версиями совместима текстура, которую мы будем использовать.
Шаг первый
С помошью инструмента Rectangle Tool (m) создаем прямоугольник. Это будет доска, на которой мы будем писать мелом.
Шаг второй
Заливаем прямоугольник радиальным градиентом от светло-зеленого к темно-зеленому. Основа готова.
Шаг третий
На этом шаге нам понадобится текстура, которую можно скачать . Распакуйте архив, откройте файл и скопируйте текстуру поверх нашего прямоугольника. После этого измените цвет текстуры на белый, режим наложения на Overlay и показатель Transparency на 10.
Шаг пятый
Мы почти закончили создавать доску. Осталось только добавить ей немного естественной потертости. Для этого создадим кисть (Illustrator CS5) со следующими параметрами:
- Type = Round Fan
- Size = 10 mm
- Bristle Length = 150
- Bristle Density = 75
- Bristle Thickness = 50
- Paint Opacity = 15
- Stiffness = 100
После этого берем инструмент Paintbrush Tool (b) и наносим хаотичные мазки.
Шаг шестой
Доска готова и теперь мы можем на ней писать. Набираем необходимый текст любым шрифтом. Убираем заливку и даем контуру белый цвет.
Этот урок научит вас, как использовать кисть и её настройки для создания текста с эффектом мела.
Материалы для урока:
Откройте изображение с доской в фотошоп и с помощью инструмента Рамка
(Crop Tool) избавьтесь от углов с чёрным фоном.
Идём в меню Изображение — Коррекция — Уровни
(Image -> Adjustments -> Levels) и ставим для теней значение 20, для полутонов значение 0,88. Это сделает изображение темнее.
Теперь идём в меню Изображение — Коррекция — Цветовой тон/Насыщенность
(Image -> Adjustments -> Hue/Saturation) и изменим значение насыщенности до 10. Это сделает цвета более яркими.
Напишите текст шрифтом Blokletters Potlood с размером 270 пт.
В уроке используется надпись на двух слоях для того, чтобы продемонстрировать использование более одного цвета, но вы можете написать свой текст на одном слое.
Откройте палитру настроек кисти в меню Окно — Кисть
(Window -> Brush), а затем измените параметры, как показано ниже:
Форма отпечатка кисти
(Brush Tip Shape)
Выберите кисть Chalk 44
Динамика формы
(Shape Dynamics)
Двойная кисть
(Dual Brush)
Выберите кисть Spatter 14
Сделайте слои с текстом невидимыми, нажав на иконку глаза рядом с ними.
Кликните правой кнопкой мыши по слою с текстом и выберите пункт Создать рабочий контур
(Create Work Path).
Активируйте инструмент Стрелка
(Direct Selection Tool), установите цвет переднего плана на белый, и создайте новый слой поверх всех слоев, затем дайте ему название “Chalk”.
Щелкните правой кнопкой мыши по рабочему контуру и выберите опцию Выполнить обводку контура
(Stroke Path).
В диалоговом окне обводки в выпадающем меню выберите инструмент Кисть
(Brush). Проверьте чтобы был снят флажок с параметра Имитировать нажим
(Simulate Pressure).
Теперь ваш контур будет обведён меловой кистью. Нажмите клавишу Enter, чтобы избавиться от контура. Имейте в виду, что для различных размеров шрифтов могут потребоваться различные размеры кисти.
Обведём каждую букву второго слоя с надписью другим цветом. Для этого щёлкните правой кнопкой мыши по слою с текстом и выберите пункт Создать рабочий контур
(Create Work Path). Теперь, используя инструмент Стрелка
(Direct Selection Tool), протяните и выделите первую букву в слове для того чтобы выделить её опорные точки.
Установите цвет переднего плана на любой понравившийся вам цвет, имейте в виду, что светлые тона будут выглядеть лучше. Сделайте обводку, как вы это делали раньше, для всех букв, но пока не закончите с последней буквой не нажимайте клавишу Enter
.
Цвета используемые в уроке:
S — #f5989d
c — #fff799
h — #bd8cbf
o — #fdbd89
o — #79bcde
l — #82ca89
Чтобы улучшить цветопередачу, последнее что мы сделаем, это добавим корректирующий слой. Нажмите иконку выбора корректирующего слоя внизу палитры слоёв и выберите коррекцию Карта градиента
(Gradient Map).
Убедитесь, что корректирующий слой находится поверх всех слоев в палитре, а затем измените ему режим наложения на Умножение
(Multiply) и уменьшите Непрозрачность
(Opacity) до 40%.
В градиенте используем два цвета — слева # c3ae99
и справа # FFFFFF
.
И вот наш текст на школьной доске готов!
А версию ниже можно использовать для странички Facebook. Увеличьте картинку, нажмите правой кнопкой мыши и сохраните изображение.
Автор урока желает вам удачного учебного года.
Типографика, нарисованная мелом очень популярна. Однако далеко не все хорошо управляются мелом, да и школьную доску не в каждом доме найдешь.
Сегодня мы с вами будем создавать красивую типографику с реалистичным эффектом мела, используя при этом подручные средства и Adobe Photoshop/Illustrator. Для начала мы создадим сам концепт в 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/Изображение>Коррекция>Уровни и переместите бегунок светлых оттенков к началу гистограммы.
18 июня Adobe выпустили обновления для некоторых инструментов Adobe Illustrator CC 2014. В число этих инструментом вошло и Перо / Pen Tool. В этом уроке вы узнаете как создать типографический эффект и заодно сможете попробовать обновленный инструмент. Мы будем создавать надпись, написанную мелом.
1. Работа с инструментом Pen/Перо
Шаг 1
Начнем с создания эскиза инструментом Pencil /Карандаш (N).
Напишите им слово, к которому хотите применить эффект. В примере это слово «Serenity». Сгруппируйте (Control-G)
все контуры, составляющие надпись, копируйте (Control-C)
и вставьте (Control-V)
текст, чтобы быстро создать некий объем слову.
Если у вас нет планшета, или вы не привыкли рисовать непосредственно в ПО, вы можете написать текст от руки и импортировать его в Иллюстратор, или просто использовать готовый шрифт.
Шаг 2
Заблокируйте
набросок в палитре Layers/Слои
. Под слоем с наброском инструментом Rectangle/Прямоугольник (M)
нарисуйте большую черную фигуру, покрывающую рабочую область.
Начнем обводить буквы. Инструментом Pen/Перо (P)
обведите первую букву. Смотрите ниже как работает этот инструемнт.
Шаг 3
Продолжайте обводить буквы. Обращайте внимание на то, как соединяются буквы, или как перетекают одну в другую.
Шаг 4
Если вам нужно поправить точки или узлы в тексте, возьмите инструмент Direct Selection/Прямое выделение (A).
Шаг 5
Когда вы закончите обводить все буквы, выделите все составляющие элементы и в палитре Pathfinder/Обработка контура
нажмите на иконку Unite/Объединить
.
Обратите внимание как удобно работает обновленный инструмент Pen/Перо:
2. Применяем текстуру в палитре Оформление
Шаг 1
Выделите текст и в меню выберите Effect > Sketch > Reticulation/Эффект>Эскиз>Ретикуляция.
Настройте эффект как показано ниже.
Шаг 2
В палитре Appearance/Оформление
смените Opacity/Непрозрачность
на 44
%
. Добавьте новую заливку (Add a New Fill
) и переместите ее под заливку с эффектом. Укажите обводку толщиной в 1pt
белого цвета и Opacity/Непрозрачности
в 51%
.
Шаг 3
Теперь создадим паттерн, который применим ко второй заливке текста. Инструментом Paintbrush/Кисть (B)
круглой каллиграфической кистью толщиной в 1pt
нарисуйте штриховку, как на картинке ниже.
Выделите штриховку и в палитре Pattern Options/Настройки узора
выберите Make a New Pattern/Создать новый узор
. В режиме редактирования узора той же кистью заштрихуйте и края паттерна, чтобы не оставалось больших пустых областей.
Шаг 4
Укажите обводке текста кисть похожую на штрих мела в палитре Brushes/Кисти.
3. Текстура для фона
Шаг 1
Примените легкий радиальный градиент к прямоугольнику, что служит нам фоном. Используйте инструмент Gradient/Градиент (G)
и палитру Gradient/Градиент
, чтобы настроить цвета, положение, и прозрачность.
В примере использован градиент от черного цвета на полной непрозрачности к черному цвету на нулевой непрозрачности.
Шаг 2
Создайте для прямоугольника еще одну заливку, ниже предыдущей, и примените к ней эффект Reticulation/Ретикулция
с параметрами как показано ниже.
Третья заливка (еще ниже) — это небольшой градиент от белого к белому на нулевой непрозрачности к 100% непрозрачности. Четвертая заливка (в самом низу) просто черный цвет
.
Мы уже не раз создавали векторный текст имитирующий мел в Adobe Illustrator. И сегодняшний урок посвящен этому. Однако этот пример отличается от предыдущих тем, что в нем мы будем работать над очень правдоподобным фоном для нашего текста. Сам же текст мы создадим быстро и легко. Это отличный вариант для тех, кому нужны скорые результаты или же для тех, кто ищет способ создания реалистичной текстуры школьной доски в векторе.
Результат
Шаг 1
Для начала создайте новый документ и нарисуйте прямоугольник при помощи инструмента Rectangle/Прямоугольник (M). Это будет наша школьная доска.
Шаг 2
Залейте только что созданные прямоугольник радиальным градиентом от зеленого к темно-зеленому цвету.
Шаг 3
Не снимайте выделения с прямоугольника и откройте выпадающее меню в палитре Appearance/Оформление. В меню выберите Add New Fill/Добавить заливку. Укажите новой заливе светло-серый цвет.
Шаг 4
Выделите светло-серую заливку в палитре Appearance/Оформление и в меню выберите Effect > Texture > Grain/Эффект>Текстура>Зерно. Настройте параметры эффекта как показано ниже. Теперь разберите (expand) эту заливку с эффектом, в палитре Appearance/Оформление кликните по настройкам Opacity/Непрозрачности и выберите в качестве Blending mode/Режима наложения Multiply/Умножение.
Если вам важно, чтобы работа была в чистом векторе, вы можете скачать подобную текстуру в векторном формате . Она была создана автором специально для урока.
Шаг 5
Для выполнения следующего шага вам нужно скачать файл Vector-Mill-Sample.ai . Это текстура бетонной стены. Откройте файл, скопируйте (Command + C) большую текстуру и вставьте (Command + V) ее поверх нашей доски. Укажите текстуре белый цвет заливки и Blending mode/Режим наложения Overlay/Перекрытие. Затем снизьте Opacity/Непрозрачность до 10 в палитре Transparency/Непрозрачность.
Шаг 6
Мы почти закончили с текстурой доски. Осталось лишь добавить немного глубины при помощи Bristle Brush/Кисти из щетины. Если вы пользуетесь версией программы старше CS5, у вас не получится выполнить этот шаг как показано в уроке. Вместо этого вы можете использовать одну из акварельных кистей .
Если у вас версия CS5 и новее, нажмите кнопку New Brush/Новая кисть в нижней части палитры Brush/Кисть и выберите New Bristle Brush/Новая кисть из щетины. В диалоговом окне укажите параметры, указанные на третьей картинке ниже.
После этого возьмите инструмент Paintbrush/Кисть (B) и рисуйте поверх нашей доски, имитируя следы, которая оставляет тряпка после вытирания доски.
Шаг 7
Возьмите инструмент Type/Текст (T) и введите ваш текст. В примере использован шрифт Vitesse Book, но вы можете выбрать любую гарнитуру. После того, как текст будет написан, укажите ему отсутствие обводки и заливки. Так будет проще работа над текстом в палитре Appearance/Оформление в следующих шагах.
Шаг 8
В выпадающем окне в палитре Appearance/Оформление выберите Add New Stroke/Новая обводка и укажите новой обводке белый цвет.
Шаг 9
Теперь вернитесь к документу Vector-Mill-Sample.ai и выделите кисти. Это кисти из набора March Crate’s . Копируйте обе кисти и вставьте их в наш документ. Теперь они должны быть доступны в палитре Brushes/Кисти. Выделите вашу белую обводку и выберите кисть VM-Conté-01-Closed. Чтобы сделать ее потолще, увеличьте толщину обводки до 2 pt.
Шаг 10
Теперь нам нужен последний исходник из файла Vector-Mill-Sample.ai . Это заливка паттерном. Копируйте прямоугольник с заливкой паттерном и вставьте его в наш документ. В палитре Swatches/Образцы появится паттерн, поэтому вы можете сразу же удалить сам прямоугольник.
Выделите текст и укажите ему в качестве заливки VM-WC-Paper-Seamless-Rev-White в палитре Appearance/Оформление.
Результат
В качестве финальных штрихов вы можете создать несколько линий и других декоративных элементов и применить к ним кисть VM-Conté-01-Open.
Перевод — Дежурка
Как в фотошопе нарисовать мелом. Создание реалистичной надписи мелом
В этом уроке мы создадим ретро-работу в Adobe Photoshop. Мы совместим несколько различных элементов, чтобы создать желаемую композицию. Вы узнаете как при помощи фотографии, графики, шрифтов и эффектов создать такой постер:
Результат
Исходники
- Шрифт American Captain
- Шрифт Chalk Font
Шаг 1
Откройте Photoshop и создайте новый файл размером 1920×1280 (Ctrl + N). Откройте изображение доски и выделите всё, нажав Ctrl + A. Копируйте выделенное (Ctrl + C) и вернитесь в наш документ.
И чтобы сделать окончательный образ еще более реалистичным, давайте покажем вам, как сделать сланец. Если вы предпочитаете писать только мел, перейдите к шагу. Эффект доски и письма. Установите значения для нового документа. Выберите и выберите «Свободное преобразование» и «Сжать» изображение, чтобы конечный результат был похож на черный квадрат с белой рамкой.
Это создаст другую границу кадра. Когда вы закончите, нажмите клавишу «Удалить», чтобы взять то, что осталось. Перейдите в «Выбрать», а затем «Преобразовать выбор». Чтобы применить текстуру, которая напоминает дерево из реального сланца, сначала необходимо щелкнуть по кнопке, чтобы заблокировать прозрачность слоя, который мы используем. Вы можете заблокировать его, щелкнув значок палитры слоев рядом с маленьким замком.
Нажмите Ctrl + V, чтобы вставить скопированное в наш документ. Вы можете разместить изображение как вам больше нравится и, при желании, трансформировать его, нажав Ctrl + T (режим свободного трансформирования).
Шаг 2
Откройте изображение женщины. Инструментом Pen/Перо (P) создайте контур вокруг женщины. После этого нажмите Ctrl + Enter, чтобы преобразовать контур в выделение.
Теперь вам придется выбирать цвета своей доски. В цветовой палитре с левой стороны щелкните по цвету переднего плана, выберите нужный цвет и дайте «Хорошо». Повторите процедуру с цветом фона. Выберите цвет переднего плана. Выберите цвет фона. Дважды щелкните слой, который вы используете, и установите значения ниже.
Фаска и выемка. Атл`асный. Давайте применим корректирующий слой, чтобы затемнить дерево, которое мы создали. Выберите опцию «Уровни» и сделайте ваше изображение темнее, перетащив маленький набор на черный график. В нем мы отметим соединение четырех углов рамы.
Нажмите Ctrl + C, чтобы копировать выделение, затем вернитесь в наш документ и нажмите Ctrl + V, чтобы вставить скопированное. Масштабируйте изображение в режиме свободной трансформации (Ctrl + T) и разместите женщину как показано ниже.
Шаг 3
Так как иллюстрация будет в стиле ретро, нам нужно обесцветить изображение женщины. Создайте новый корректирующий слой: Layer > New Adjustment Layer > Hue/Saturation / Слой>Новый корректирующий слой>Цветовой тон/Насыщенность. Укажите корректирующему слою обтравочную маску по контуру силуэта женщины. Для этого, удерживая Alt, кликните между слоем с женщиной и корректирующим слоем. Настройте параметры слоя как показано ниже.
Выберите инструмент «Перо» и сделайте как показано на рисунке ниже. Сделайте отметки на стыке четырех углов рамы с помощью инструмента «Перо». Нажмите «Пути» и выберите второй значок слева направо. Как только это будет сделано, щелкните где-нибудь, чтобы выбрать путь для выхода. Там ваша рама закончена.
В разделе «Демаркации» щелкните второй значок слева направо. Теперь мы создадим новый слой чуть выше фонового слоя, чтобы мы могли сами сделать доску. Выберите инструмент «Волшебная палочка» и нажмите на слой, в котором мы сделали дерево в палитре. После этого щелкните по внутренней части сланца. Результат должен выглядеть так, как показано ниже.
Шаг 4
Цвета на изображении с женщиной получились слишком блеклыми. Для этого нам нужен еще один корректирующий слой: Layer > New Adjustment Layer > Curves/Слой>Корректирующий слой>Кривые. Также укажите этому слою маску по контуру слоя с женщиной. Настройте кривые как показано ниже.
Выбранный сланец. В нижней части палитры слоев щелкните третий значок, чтобы создать маску слоя. Таким образом, зеленый останется только внутри. Щелкните значок, чтобы создать маску слоя. Дважды щелкните по слою, который мы используем, и сделаем следующие изменения: в черно-белой палитре, которую вы открываете, потяните одного из маленьких на белую сторону и под одной из маленьких на черную сторону, пока вы не подумаете, что все в порядке.
Там, нажмите «Новая группа слоев». Создав эту группу слоев, создайте новый слой, чтобы сделать запись на доске. Выберите инструмент «Кисть» и в настройках выберите номер. Затем установите значения ниже. Выберите форму кончика кисти. Настроить динамику формы.
Шаг 5
Чтобы добавить реализма, давайте добавим теней.
Создайте новый слой (Ctrl + Shift + Alt + N) и поместите его между слоями с женщиной и доской. Возьмите стандартную круглую растушеванную кисть и снизьте ее Оpacity/Непрозрачность на 50%.
Рисуйте черным цветом в местах, показанных на картинке ниже, чтобы создать эффект тени.
Выберите шрифт для использования и создания текста. Щелкните правой кнопкой мыши на созданном текстовом слое и выберите «Создать демонстрацию задания». С помощью правой кнопки мыши нажмите «Создать демонстрацию работы». Возьмите предварительный просмотр текстового слоя, нажав на глаз рядом со слоем. Теперь нажмите «Пути» в меню слоев. Нажмите на второй значок слева направо.
Нажмите второй значок слева направо. Теперь его действие закончено! Вы можете играть с фигурами и писать что-то кем-то творческим способом. Они являются частью их естественного развития и развивают умственные функции, такие как восприятие, мышление, воображение и чувство.
Шаг 6
Теперь нарисуем рамку. Для начала создайте новый слой (Ctrl + Shift + Alt + N) и поместите его под слоем с тенью. Возьмите стандартную кисть-мел и нарисуйте рамку, как показано ниже. Чтобы линии были идеально прямыми, удерживайте Shift во время рисования. После этого снизьте Fill/Заливку слоя до 50%.
Тем не менее, каждый родитель должен установить границы и где бы ребенок ни находился в игре. Однако некоторые родители сражаются с испорченным интерьером заранее. Даже в детских комнатах они оставляют детей прямо на одной из стен, которые они обозначают для рисования и письма. Они сталкиваются с тем, что, как только они вырастут, они просто рисуют. Мой друг сказал мне, что его дети кричали и кричали о стенах от маленького мальчика. У них трое детей, и с точки зрения ликвидации они никогда не говорили об этом.
Когда дети перестали любить свои фотографии, они просто отсекали их, поэтому они почти начинали свою комнату, — говорит мать Хелена, у которой не было проблем с ее детьми, потому что она научила их рисовать их на доске. В воскресную прогулку ему понравился кусок ветки, который в итоге стал трофеем 13-го Ветрнера. Так что можно сделать с такой антологией? Синек взял деревянную деревянную отвертку, молоток и пошел на работу. Результатом стала глубина стены от десяти до десяти.
Шаг 7
Теперь примемся за текст. Скачайте и установите шрифт “American Captain”. Теперь в Photoshop возьмите инструмент Type/Текст (T) и выберите новый шрифт из соответствующего списка.
Шаг 8
Введите слово (в нашем примере это “SCIENCE” размера в 275pt и белого цвета) и в режиме свободного трансформирования разместите его как показано ниже.
Однако рога не висят на яме, поэтому он, по крайней мере, нарисован пером. Но большинство родителей не жили бы дома. Родители должны дать своим детям четкое указание на то, какие пятна предназначены для обнюхивания. Речь ребенка, который рисует на стене и мебель в начале, не связана с психологами с излишним творчеством. Дети в этом раннем возрасте ищут границы, где они могут идти, и стараются, что происходит, когда они нарушают их. Здесь тоже это важный этап в развитии личности, и ребенок ждет, пока его родители установят свои границы.
Это то, что мы делали дома. Мы всегда объясняли нашим сыновьям, что писать на земле или стенах нельзя, но мы в основном объясняем это нам, потому что он все еще пытается. Другой психолог детства Дануш Джандуркова рекомендует еще один трюк, чтобы избежать разрушенной мебели: «Также неплохо попытаться научить детей рисовать только на определенном столе с бумажным ковриком или рулоном, и писать нужно где-то где-то хранить и заимствовать только целенаправленно».
Шаг 9
Добавим шрифту ретровости.
Кликните по нему правой кнопкой мыши и из выпавшего меню выберите “Blending Options/Параметры наложения”. Добавьте указанные ниже стили слоя.
Шаг 10
Добавим еще немного текста уже другим шрифтом — “Chalk Font”. Если у вас несколько строк текста, создавайте каждую строку в отдельном слое. Затем сгруппируйте все слои текста, нажав Ctrl + G.
Существует большой выбор продуктов, предназначенных для детских «стеллажей» с мелом и исправлениями. Существуют различные таблички для путешествий и большие стенды для рисования. Классная доска должна быть особенно устойчивой и практичной, с полкой для пылящих мелов или для рисования вспомогательных средств, возможно, с карандашом, мелом или держателем для карандашей.
Я лично вижу совет как краткосрочный бизнес, они скорее игра. Чтобы свет был под рукой. Для левых правшей левый правый. Таблица может сделать ваших детей целыми. Доски для рисования мела — вам нужно быть осторожным в том, что этот мел вызывает беспорядок. Фиксированные карандашные доски, карандаши, воски — оснащены сменными листами бумаги большого формата. Эта двойная комбинация идеальна, и ребенок может выбрать, какую из досок ему больше подходит. Аналогичные работы будут выполняться с помощью большого листа бумаги на столе или ковриках для бумаги. Магнитная доска или магнитная краска для стен — могут служить для демонстрации детских творений, любимых картин или фотографий. Это возможно только после 3-летнего возраста ребенка, когда он поймет, что магниты не разливаются. Вы также можете использовать строку, на которой создаются дочерние творения для прикрепления выводов для отображения изображений. Маркировочные листы — можно приклеить к предмету мебели или к стене. Их можно нарисовать специальными исправлениями или с другим мелом. Пленку можно отрегулировать до любой формы. Описательная мебель. Некоторые материалы обрабатываются на поверхности так, что их можно написать специальными штифтами. Преимуществом является то, что вы также можете разместить его как дверную панель во встроенном шкафу.
- Летом это идеальное место для рисования меловых дорожек.
- Он часто появляется в сочетании с доской.
И какой у вас опыт в детском творчестве у вас дома?
Шаг 11
Так как эта надпись сделана мелом, она не может быть такой однородной и равномерно белой как мы видим. Поэтому нужно добавить элемент случайности.
Создайте слой-маску для группы с текстом мелом (Layer > Layer Mask > Reveal all/Слой>Маска слоя>Показать все). В маске рисуйте кистью-мелом черного цвета на 40% opacity/непрозрачности в некоторых местах поверх текста, чтобы частично его скрыть. Также снизьте opacity/непрозрачность группы до 70%.
Давайте напишем обсуждение в рамках статьи. Тем временем, рисуя луг со стрелой и говоря: Вот корова. Теперь работа заменила другие надписи, но картина без коровы все еще жива. Плиты с разными надписями или афоризмами предназначены для привлечения клиентов, и это работает, — уверяет Магда из Черепахи. Автор большинства текстов — владелец Марии Магдалены Данарович.
Статья о совести и Паоло Коэльо
Но никто не жаловался, — добавляет он. Но иногда люди не понимают слова на преследователе, и все же они проходят через это. Так обстоит дело с текстом: Я никогда здесь не был. Мы смеемся, что мы являемся самой большой достопримечательностью улицы Святого Николая, потому что именно здесь большинство людей перестают фотографировать, — говорит Роксана Гольпи из продуктового магазина Маркецика Марголи. Короткие рифмованные рифмы, написанные на доске, появляются перед магазином с момента его создания или в марте прошлого года.
Шаг 12
Добавим немного легкомысленной графики. Откройте изображение ракеты, копируйте ее и вставьте в наш документ. В режиме свободной трансформации (Ctrl + T) разместите ракету как показано ниже.
Автор — папа Роксаны Дарек. — Иногда говорят что-то и говорят: Это хорошо. Также бывает, что некоторые тексты работают немного дольше. Все эти стихи написаны матерью как памятник, — объясняет Роксан. В то время есть и смешные комментарии, связанные с темами: эмбарго России на польские яблоки, прибытие зимы или футбола, как надпись: «В наших ценах ниже уровня представительства».
Спонтанно о коллеге из-за бара
Мы веселимся на работе и благодаря нашим текстам на досках, люди тоже это знают, — объясняет Франц Кавка из кафе. Люди шли, смеялись, и он не заметил, — признается Мартин. Берлин, Париж, Прага, Кельн и многие другие. Он также добавляет, что они являются социальной точкой отсчета, которая сигнализирует покупателю, какое место они рекламируют. Например, когда дело доходит до кафе — они говорят, что это якобы симпатичная, довольно маленькая, модная и непринужденная атмосфера. Они настолько в том смысле, что они адаптированы к характеру бренда.
Шаг 13
Кликните дважды по слою с ракетой, чтобы открыть окно стилей слоя. Укажите слою указанные ниже стили.
Шаг 14
Чтобы наше изображение выглядело еще более ретро, нам нужно добавить зернистость. Создайте новый слой из всех видимых слоев (Ctrl + Shift + Alt + E), затем выберите в меню Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум и настройте фильтр как показано ниже.
Уловки с оригинальными надписями способствуют увеличению оборота мест, которые таким образом продвигаются — это во Вроцлаве еще не исследовано. Некоторые владельцы кафе, ресторанов или магазинов утверждают, что они определенно делают. Другие не уверены. Конечно, однако, меловые вывески могут заставить нас улыбнуться в тоскливый день, и это определенно что-то значит.
Чашка может быть оригинальным и практичным подарком
Если ваша семья или друзья очень большие, подарок для каждого может быть роскошью. Итак, с помощью фантазии вы освежите стены или спрячете дефекты. Это игривый и юмористический, но и очень практичный подарок для всех — детей, учителей, бабушек и дедушек, подростков. Вы можете написать мел на чашке — оставить сообщение, нарисовать, узнать рельсы.
Шаг 15
Осталось только добавить виньетку для завершенности вида. Создайте новый слой и залейте его белым цветом (Shift + F5).
В меню выберите Filter > Lens Correction/Фильтр>Коррекция дисторсии и перейдите в закладку Custom/Дополнительно. Настройте параметры как показано ниже и нажмите ok. Смените blending mode/Режим наложения слоя на Multiply/Умножение.
Типографика, нарисованная мелом очень популярна. Однако далеко не все хорошо управляются мелом, да и школьную доску не в каждом доме найдешь.
Сегодня мы с вами будем создавать красивую типографику с реалистичным эффектом мела, используя при этом подручные средства и Adobe Photoshop/Illustrator. Для начала мы создадим сам концепт в 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/Изображение>Коррекция>Уровни и переместите бегунок светлых оттенков к началу гистограммы.
Рекомендуем также
Кисти мела в Фотошопе для рисунков на доске (20+ штук)
В принципе, для создания текстов в данном стиле можно использовать готовые шрифты мелом на доске. Однако, если перед вами стоит задача сделать какие-то оригинальные надписи или даже рисунки, то тут пригодятся специальные кисти мела для Фотошопа, о которых сегодня пойдет речь. В конце статьи будет видео с демонстрацией как их можно использовать.
Chalk Brush For Any Situation
11 Sketched Arrows Brushes Featuring Chalk Effect Texture
Chalk Pastel Brushes
Dave’s Natural Oil Chalk Brushes Version
Chalk Scribble PS Brushes
ChalkyMix
Photoshop Chalk Brush Effect
Photoshop Chalk Brush
Set-01 — Charcoal and Chalk
15 Chalk Shapes Photoshop Stamp Brushes
Vector Black Grunge Brushes
Кроме классических форматов материалов в сети можно найти векторные или разноцветные кисти мелки для рисунков на доске, что также пригодятся в работе. Некоторые архивы в посте вместо обычных линий содержат скетчевые объекты, что смотрятся весьма гармонично и эффектно. Их мы также решили добавить в подборку.
Chalk Illustrator Brushes
Grunge Collection Free Vector
Ribbons and Arrows Collection in Chalkboard Style
Blackboard Background With Sketches
Large Collection of Arrows Drawn With Chalk
Valentine’s Doodle Brush Set
School Dayz Sketches Brushes
Chalk Text Effect PSD
Напоследок посмотрите парочку лучших премиальных вариантов по теме.
Big Set Of Chalk Brushes
Set Brush Stroke, Handdrawn Vector
Pastel Chalk Brushes
Textures Of Chalk And Coal
Mega Set Of Chalk Brushes
Кстати, если вы не замечали, в самом Фотошопе кисти мелом на доске доступны изначально в базовом наборе по умолчанию. Вот небольшое видео, демонстрирующее работу с ними.
Итого в статье подобрали чуть более 20-ти материалов. Если встречали еще какие-то интересные реализации в данной нише – присылайте ссылки, дополним статью.
Эффект текста мелом
: бесплатный шрифт для классной доски в Photoshop
В этом уроке объясняется, как изменить простую кисть мелом, а затем использовать ее для создания красивого красочного текстового эффекта мела.
Окончательный результат
Подробное описание учебника
- Используемое программное обеспечение: Photoshop
- Версия: CS6 Extended
- Время: 0:30 — 0:45
Ресурсы
Приобретите файл: Вы можете приобрести PSD-файл для этого по цене чашки кофе (всего 4 доллара).
Шаг 1
Откройте изображение «Пустая винтажная классная доска», затем используйте инструмент «Кадрирование», чтобы избавиться от углов и черного фона.
Перейдите в Image> Adjustments> Levels , затем измените значение Shadows на 20 и значение Gamma на 0,88. Это сделает изображение темнее.
Перейдите в Image> Adjustments> Hue / Saturation и измените значение Saturation на 10. Это сделает цвета немного более яркими.
Шаг 2
Создайте белый текст, используя шрифт Blokletters Potlood и шрифт Size 270 pt.
Текст в этом руководстве создается на двух отдельных слоях, чтобы продемонстрировать использование более чем одного цвета, но вы можете пойти дальше и написать текст на одном слое.
Шаг 3
Откройте панель «Кисть» («Окно»> «Кисть»), затем измените настройки , как показано ниже:
Форма кончика кисти
Выберите кисть Chalk 44 пикселя .
Динамика формы
Dual Brush
Выберите кисть Spatter 14 пикселей .
Шаг 4
Сделайте текстовые слои невидимыми, щелкнув значок (-и) глаза рядом с ними.
Щелкните правой кнопкой мыши текстовый слой и выберите Create Work Path .
Выберите инструмент Direct Selection Tool , установите цвет переднего плана на Белый
и создайте новый слой поверх всех слоев, затем назовите его Chalk .
Щелкните правой кнопкой мыши рабочий контур и выберите Stroke Path .
Выберите опцию Brush в раскрывающемся меню Tool и убедитесь, что флажок Simulate Pressure снят.
Это обведет контур меловой кистью. Нажмите Enter, чтобы избавиться от рабочего пути. Имейте в виду, что для разных размеров шрифтов могут потребоваться разные размеры кистей.
Шаг 5
Чтобы обвести каждую букву разным цветом, вам нужно сначала создать рабочий контур, затем щелкнуть и перетащить с помощью инструмента Direct Selection Tool , чтобы выбрать точки привязки буквы.
Установите любой цвет переднего плана, более светлые тона будут выглядеть лучше. Затем проведите по контуру, как вы это делали ранее. Не нажимайте Enter / Enter , пока не закончите штриховать все буквы.
Здесь используются следующие цвета:
- S —
# f5989d
- c —
# fff799
- ч —
# bd8cbf
- о —
# fdbd89
- o —
# 79bcde
- л —
# 82ca89
Шаг 6
Последнее, что мы собираемся сделать, это добавить простой корректирующий слой, чтобы немного улучшить окраску.Для этого щелкните значок Create new fill or Adjustment Layer на панели Layers и выберите Gradient Map .
Убедитесь, что корректирующий слой находится поверх всех слоев, затем измените его Blend Mode на Multiply и его непрозрачность Opacity на 40%.
Для градиента используются два цвета: # c3ae99
слева и #ffffff
справа.
И у вас готов текст мелом! Старая школа, но неподвластная времени
Это обложка для Facebook (щелкните правой кнопкой мыши> Сохранить изображение / как…).
Удачного учебного года 😉
Эффект классной доски Photoshop — Layers Magazine
В последнее время я наблюдал этот эффект на очень многих различных носителях. Как и в случае с подвижным шрифтом, похоже, существует тенденция к использованию современных технологий для воссоздания винтажных эффектов — интересная ирония. Хотя классные доски по-прежнему широко используются, вот довольно крутой способ добиться такого мелового вида, чтобы меловая пыль не попадала повсюду.
ШАГ ПЕРВЫЙ:
Начните с перехода в меню «Файл», выберите « Новый » и создайте новый документ размером примерно 5 на 5 дюймов при 100 ppi.Нажмите D , чтобы установить черный цвет переднего плана, а затем нажмите Option-Delete (ПК: Alt-Backspace) , чтобы заполнить этот новый документ своим цветом переднего плана (черным). Теперь щелкните значок «Создать новый слой» в нижней части панели «Слои», чтобы создать новый пустой слой.
ШАГ ВТОРОЙ:
Выберите инструмент «Кисть» (B) на панели инструментов и в палитре кистей на панели параметров найдите кончики разрушаемых кистей и щелкните кисть Crayon (как показано на рисунке). здесь).Нажмите X , чтобы изменить цвет переднего плана на белый, а затем нарисуйте мазок этой кистью, чтобы посмотреть, как он будет выглядеть. Хотя это выглядит неплохо, я просто хочу немного его подправить.
ШАГ ТРЕТИЙ:
Перейдите в меню «Окно» и выберите Кисть , чтобы открыть панель «Кисть». Сначала снимите флажок Текстура в списке в левой части панели. Затем нажмите Dual Brush (также слева), чтобы получить доступ к этим параметрам.Прокрутите вниз по предустановкам кисти и нажмите кисть Spatter 27 Pixels (выделена здесь). Установите флажок «Обе оси», а затем немного отрегулируйте параметры «Интервал» и «Разброс».
ШАГ ЧЕТВЕРТЫЙ:
Затем нажмите на Brush Tip Shape в левом верхнем углу панели. Установите Размер на 6 пикселей, затем увеличьте Мягкость примерно до 45% и уменьшите Интервал до 1%. Также убедитесь, что слева установлены флажки «Шум» и «Сглаживание».
ШАГ ПЯТЫЙ:
Теперь нажмите на образец цвета переднего плана на панели инструментов, выберите любой цвет, который вы хотите для своего цвета переднего плана, и попробуйте несколько штрихов с помощью недавно измененной кисти. Вы можете видеть, что небольшой предварительный просмотр кисти в верхнем левом углу окна изображения показывает угол наклона кисти. Кроме того, это эродируемая кисть, а это означает, что острота кончика изнашивается, как настоящий кусок мела или мелка. Однако в разделе «Форма кончика кисти» на панели «Кисть» вы увидите кнопку «Резкость кончика».Просто нажмите на нее, чтобы обновить кончик кисти.
ШАГ ШЕСТОЙ:
Когда кисть установлена, вам не нужно возвращаться и делать это все, если вы знаете, что это кисть, которую вы будете использовать снова. Итак, щелкните значок предустановки инструмента в левом конце панели параметров. Затем нажмите на маленький значок шестеренки в верхнем правом углу окна выбора предустановок инструмента и выберите Новый набор настроек инструмента во всплывающем меню. В появившемся диалоговом окне дайте предустановке имя и нажмите OK.
ШАГ СЕДЬМОЙ:
Теперь откройте файл chalk_start.psd (вы можете загрузить его с сопутствующей веб-страницы книги, упомянутой во введении к книге), который содержит пути, которые я создал для этого эффекта. (Я создал текстовый слой, а затем преобразовал его в векторные контуры, щелкнув правой кнопкой мыши по слою и выбрав Create Work Path . Затем я изменил контуры и слегка исказил формы с помощью инструмента «Прямое выделение».У меня есть путь на черном слое, чтобы вы могли видеть его. Это не является частью эффекта.)
ШАГ ВОСЬМОЙ:
Щелкните образец цвета переднего плана на панели инструментов и, когда появится палитра цветов, установите числа RGB на R: 247, G: 148 , B: 29, а затем нажмите OK.
ШАГ ДЕВЯТЫЙ:
Теперь удалите слой с черной заливкой, щелкнув и перетащив его поверх значка корзины в нижней части панели слоев.Затем щелкните значок «Создать новый слой» в нижней части панели «Слои», чтобы создать новый пустой слой поверх фонового слоя (наша фоновая текстура). Зайдите в меню Window и выберите Paths , чтобы открыть панель Paths. Выбрав слой контура на панели «Контуры», во всплывающем меню панели (в правом верхнем углу) выберите Обводка контура .
ШАГ 10:
Когда появится диалоговое окно Stroke Path, выберите Brush во всплывающем меню Tool, убедитесь, что флажок Simulate Pressure снят, и нажмите OK.Здесь вы можете увидеть эффект мела, очерчивающий форму букв. Теперь нам нужно заполнить его.
ШАГ 11:
Начните с щелчка по фоновому слою на панели «Слои» и затем создайте еще один новый пустой слой над ним. Затем вернитесь на панель «Контуры», нажмите и удерживайте клавишу Command (ПК: Ctrl) и щелкните миниатюру контура (как показано здесь), чтобы загрузить форму в качестве выделения.
ШАГ 12:
Затем вернитесь к инструменту «Кисть», увеличьте размер кисти на несколько пикселей, нажав клавишу ] (правая скобка) , а затем начните рисовать внутри букв.Выделение, которое вы только что загрузили, сохранит вашу картину в пределах букв. Вы хотите намеренно пропустить области во время рисования, чтобы он выглядел как настоящий мел, и вы не хотите непрерывно закрашивать одну и ту же область, поскольку в конечном итоге он полностью заполнит ее.
ШАГ 13:
Когда вы закончите рисовать буквы, щелкните значок «Добавить стиль слоя» в нижней части панели «Слои» и выберите « Параметры наложения » во всплывающем меню. .В диалоговом окне «Стиль слоя» перейдите к разделу «Наложить, если», нажмите и удерживайте клавишу Option (PC: Alt), а затем нажмите ручку черного ползунка под нижним слоем. Перетащите эту ручку вправо, чтобы разделить ее и установить на отметке 50. Это позволит некоторым более темным областям на фоновом слое отображаться сквозь области, которые могли быть слишком сильно заполнены. Нажмите OK, а затем нажмите Command-D (ПК: Ctrl-D) , чтобы отменить выбор.
ШАГ 14:
Теперь возьмите инструмент выбора пути (A) из панели инструментов и снова вернитесь на панель контуров.Щелкните слой контура, чтобы сделать его активным, а затем возьмите инструмент и выделите весь текст мелом, просто щелкнув и перетащив его. Затем, используя клавиши со стрелками , переместите пути вниз и вправо от существующего текста мелом (как показано здесь).
ШАГ 15:
Вернитесь к инструменту «Кисть» еще раз и в палитре кистей на панели параметров установите размер кисти примерно на 4. Щелкните образец цвета переднего плана и установите свой Цвет переднего плана до светло-голубого цвета.Создайте еще один новый пустой слой на панели «Слои» и затем щелкните значок «Обводка контура кистью» в нижней части панели «Контуры» (как показано здесь). ( Примечание: Чтобы сделать обводку темнее, вы можете щелкнуть значок несколько раз.)
ШАГ 16:
Теперь просто щелкните под слоем контура на панели «Контуры», чтобы отменить выбор. Затем возьмите инструмент «Ластик» (E) на панели инструментов и сотрите все синие линии мела там, где они перекрывают оранжевую область, а также различные другие области (как показано на вставке здесь).В результате получится холодная линия тени, придающая тексту мелом некоторую глубину (как показано ниже).
ШАГ 17:
Продолжайте и снова щелкните значок «Добавить стиль слоя» и отрегулируйте ползунок «Смешать, если базовый слой», как мы это делали для оранжевого текста.
ШАГ 18:
Удерживая нажатой клавишу Command, щелкните три верхних слоя на панели «Слои», затем щелкните один из них правой кнопкой мыши и выберите Преобразовать в смарт-объект .
ШАГ 19:
Теперь перейдите в меню «Правка», в разделе «Преобразование» и выберите Деформация . На панели параметров выберите Arc во всплывающем меню Warp, установите Bend примерно на 23%, Horizontal (H) на -37,5% и Vertical (V) примерно на 8,5%. Нажмите Return (PC: Enter) , чтобы зафиксировать трансформацию, и это придаст тексту несбалансированную дугу, добавив немного изящества общему виду текста. Ниже приведено окончательное изображение, где я щелкнул и перетащил смарт-объект, пишущий мелом, на новое изображение на доске и добавил еще пару слов (с тем же стилем слоя, который я добавил к другим).
Фон: © FOTOLIA / LASSEDESIGNEN
Чтобы узнать больше о подобных уроках, посмотрите Photoshop Down & Dirty Tricks for Designers, Volume II Кори Баркер. Члены KelbyOne получают скидку 40%!
Как создать эффект классной доски в Photoshop
Что нужно знать
- Откройте изображение. С помощью инструмента Frame нарисуйте рамку, занимающую фон. Перейдите к File > Place Linked .Выберите раму, выберите Поместите .
- Выберите рамку, выберите Нормальный > Разделить . С помощью инструмента Текст щелкните классную доску. Выровняйте текст и выберите шрифт Seaside Resort .
- Введите текст, создайте новое текстовое поле, измените шрифт на Eraser и введите остальной текст. Выберите Файл > Сохранить как и сохраните графику.
В этой статье объясняется, как создавать рисунки на классной доске в Photoshop, используя правильные шрифты и графические ресурсы.Вы также можете превратить изображения в рисунки мелом. Инструкции относятся к Adobe Photoshop 2019 для Windows и Mac.
Как создать дизайн на классной доске в Photoshop
После установки шрифтов и загрузки необходимых вам ресурсов:
Откройте в Photoshop изображение, которое хотите использовать в качестве фона классной доски.
Выберите инструмент Frames , затем нарисуйте рамку, занимающую весь фон.
Выберите Файл > Поместить связанный .
Выберите раму и выберите Place .
Выберите свой кадр на палитре слоев, затем выберите Нормальный , чтобы открыть раскрывающееся меню режима наложения.
Если палитра слоев не отображается, выберите Windows > Layers .
Выберите Divide , чтобы инвертировать цвета.
Выберите инструмент Текст , а затем щелкните на доске примерно посередине вверху.
Используйте панель инструментов вверху, чтобы выровнять текст по центру, и выберите шрифт Seaside Resort из палитры символов.
Если палитра символов не отображается, выберите Окно > Символ .
Введите свой текст. Отрегулируйте размер и стиль в палитре символов и используйте инструмент «Перемещение» для изменения положения текста, если это необходимо.
Этот первый фрагмент текста предназначен для рисования, поэтому он не имеет шероховатости мела.
Создайте новое текстовое поле, измените шрифт на Eraser и введите остальной текст.
Выберите Файл > Сохранить как и сохраните графику как файл PSD или в желаемом формате изображения.
Как сделать рисунок мелом в Photoshop
При желании вы можете добавить фотографию и сделать так, чтобы она выглядела так, как если бы она была нарисована мелом. Для достижения наилучших результатов выберите простое изображение, не содержащее большого количества сложных деталей (например, селфи).
Откройте изображение в Photoshop и выберите Image > Mode > Grayscale .
Выберите Отменить , если вас спросят, хотите ли вы отказаться от информации о цвете.
Выберите Image > Mode > Bitmap .
Установите Output на 72 пикселей / дюйм , установите Method Use field на 50% Threshold , затем выберите OK .
Вы можете поэкспериментировать с этими настройками, чтобы добиться наилучшего результата для вашего изображения.
Снова перейдите к Image > Mode > Grayscale .
Убедитесь, что для параметра Size Ratio установлено значение 1 , и выберите OK .
Выберите Файл > Сохранить как и сохраните графику как файл PSD или в желаемом формате изображения.
Как добавить рисунок мелом на классную доску
Чтобы добавить свое изображение на классную доску:
Откройте дизайн классной доски, затем выберите File > Place Linked и выберите свое изображение.
Если изображение слишком велико, используйте ручки, чтобы уменьшить размер изображения.
Выберите инструмент Magic Wand (четвертый инструмент внизу на панели инструментов) и щелкните белую область изображения.
Инструменты Magic Wand и Quick Selection имеют один и тот же значок. Щелкните значок, чтобы переключаться между ними.
Выберите Layer > Layer Mask > Reveal Selection , чтобы черные области исчезли из поля зрения.
В палитре слоев теперь будут два значка на слое изображения. Щелкните значок слева и выберите Нормальный , чтобы открыть раскрывающееся меню режима наложения.
Выберите Overlay . Вы увидите, что текстура доски теперь просвечивает сквозь изображение, делая его более естественным.
Если изображение слишком бледное, выберите Layer > Duplicate Layer , чтобы сделать белый немного богаче.
Что нужно для создания рисунка на классной доске в Photoshop
На классных досках, используемых для отображения, часто есть нарисованные элементы, поэтому вы будете использовать инструмент Photoshop «Рамки», чтобы добавить базовую рамку перед добавлением текста. Есть несколько бесплатных ресурсов, которые вы можете использовать для этого урока:
Все вышеперечисленные ресурсы бесплатны для использования в Интернете, но вам, возможно, придется заплатить за право использовать их для создания графики для печати.
Спасибо, что сообщили нам!
Расскажите, почему!
Другой
Недостаточно подробностей
Сложно понять
Chalk Effect Photoshop Tutorial — PrettyWebz Media Business Templates & Graphics
Это то время года, когда мы начинаем думать о возвращении в школу.Расходные материалы, продажи и все великолепные дизайны, которые подойдут вашему гению. Снова в школьные маркетинговые планы. Я подумал, что сейчас самое подходящее время, чтобы дать вам урок в Photoshop с классическим эффектом мела.
Эффект мела идеально подходит для снова в школе. Этот эффект мела также отлично подходит для ресторанов, фермерских рынков и местной кофейни! Представьте, как здорово это изображение большого героя будет выглядеть на вашем сайте. С произвольным мелом в качестве фона. Или впереди и в центре, когда кто-то заходит на главную страницу вашего сайта.
Это классический стиль, который несет в себе все великие чувства детства, но также напоминает нам об очаровании ручной работы из нашей любимой угловой пекарни.
В этом уроке мы сосредоточимся на использовании кистей Photoshop, фильтров и стилей слоев для достижения этого красивого рисованного эффекта.
Хотите сохранить это руководство на будущее или поделиться им с другом? Прикрепите это изображение!
ИЗУЧАЙТЕ ИНСТРУМЕНТЫ ДИЗАЙНА ОДИН ШАГ ЗА ВРЕМЯ
Изучите и освоите самые неприятные аспекты таких сложных программ, как Photoshop и Illustrator, в увлекательной и увлекательной форме с помощью руководств по дизайну PrettyWebz.
Обучающие проекты, подобные тем, которые мы публикуем здесь, в блоге, предназначены для того, чтобы помочь вам понять использование наиболее эффективных аспектов программного обеспечения для проектирования, шаг за шагом. В процессе вы создадите свои дизайнерские активы, чтобы создать потрясающий маркетинговый дизайн для своего бизнеса.
Не забудьте зарегистрироваться ниже в нижнем колонтитуле, чтобы стать частью семьи Prettywebz и никогда не пропустить ни одного урока.
Также присоединяйтесь ко мне на YouTube, чтобы проверить плейлисты, которые я создал для Photoshop, PowerPoint и другого программного обеспечения, которое вы можете использовать для создания своей онлайн-графики.
РЕСУРСЫ ДЛЯ ОБУЧЕНИЯ ПО Photoshop Эффект мела
Текстура темной стены от transparenttextures.com
Другие сообщения по этой теме
Подобные продукты премиум-класса
Эффект мела Учебник по Photoshop ВИДЕО
Ссылки на изображения
Это снимок всех фильтров и стилей слоя. Это своего рода контрольный список для создания такого эффекта.
Стили и фильтры слоя «Художественное произведение»
Фильтры, непосредственно применяемые к слою «Художественное произведение».
Настройки фильтра «Пульсация» — это придаст дизайну вид нарисованного от руки, поскольку он делает края дизайна шероховатыми.Параметры размытия по Гауссу — это придаст мелу более мягкий пудровый вид.
К слою «Artwork» применены стили
Настройки внутренней тени — это придаст вам слегка блеклый вид по краям, как будто мел размазан. Настройки внешнего свечения — это поможет имитировать внешнюю часть мела, которая распадается на пудру во время рисования Настройки Drop Shadow — это эффект белого пыльного фона.
Обрезанные эффекты фильтров
Эти фильтры создаются на трех отдельных слоях и обрезаются на слое «Художественный объект».
Первый слой — это эффект облака (ЗДЕСЬ НЕ ИЗОБРАЖЕН). Фильтр облаков даст вам неравномерный эффект пыли. Перейдите в Filter >> Render >> Clouds, чтобы создать этот эффект, затем вставьте слой в слой Artwork, щелкнув правой кнопкой мыши по слою и выбрав «Создать обтравочную маску» в меню.
Второй слой — это шумовой слой. Именно здесь и происходит текстура мелко-песчаного мела. Чем выше шум, тем тяжелее будет текстура мела. Когда у вас есть нужные настройки, нажмите «ОК» и закрепите слой шума на слое Artwork, щелкнув слой правой кнопкой мыши и выбрав в меню «Создать обтравочную маску».
Третий эффект, завершающий этот урок в Photoshop с эффектом мела, — это фильтр «Волокна». Фильтр волокон отобразит вертикальные линии мелом, которые вы видите на старой раскрашенной доске. Это добавит реалистичности вашему мелковому эффекту. Обрежьте слой волокон на слой Artwork, щелкнув слой правой кнопкой мыши и выбрав в меню «Создать обтравочную маску».
Примеры использования
С помощью мелка TextColor с готовой графикой Рисование от руки с помощью кисти для рисования мелом по умолчанию в Photoshop.Да, я рисую, как пятилетний ребенок 🙂
Создание фона классной доски в Photoshop (6 простых шагов)
Дайте угадаю, вы, наверное, какое-то время искали, но все еще не можете найти идеальный фон классной доски, потому что бесплатные имеют низкое разрешение или освещение просто не подходит?
Ага, это было моей проблемой, когда я впервые начал заниматься графическим дизайном девять лет назад. Поиск бесплатных стоковых изображений, вероятно, является одним из самых трудоемких процессов в моей работе, поэтому я начал создавать самостоятельно все, что лучше всего подходило бы к моему дизайну.
Из этого урока вы узнаете, как создать реалистичный фон классной доски с нуля за 6 простых шагов.
Давайте нырнем!
6 простых шагов для создания фона классной доски в Photoshop
Примечание. Снимки экрана взяты из версии Adobe Photoshop CC 2021 для Mac. Windows или другие версии могут выглядеть немного иначе.
Шаг 1: Создайте новый документ в Photoshop. Я рекомендую установить размер в пикселях, например, я собираюсь установить размер холста 600 x 800 пикселей.
Шаг 2: Выберите средний серый в качестве цвета переднего плана и черный в качестве цвета фона.
Мой передний план — # 7a7a7a, фон — # 000000.
Шаг 3: Перейдите в верхнее меню Filter > Render > Clouds .
Это создает крапчатую основу для классной доски.
Шаг 4: Снова перейдите в верхнее меню, чтобы добавить шум: Фильтр > Шум > Добавить шум .Установите шум Amount на 20%, Distribution проверьте Uniform и отметьте Monochromatic внизу.
Шаг 5: Перейдите в верхнее меню Фильтр > Размытие > Размытие по Гауссу .
Установите Радиус примерно на 9 пикселей. Установите флажок Preview , чтобы увидеть, как это выглядит.
Шаг 6: Используйте инструмент Burn Tool , чтобы сделать фон более естественным и реалистичным.Этот шаг может потребовать от вас времени и терпения, но, эй, вы делаете свой дизайн уникальным.
Советы. Используйте большую мягкую кисть и установите более низкую экспозицию кисти, чтобы вносить изменения постепенно.
Если вам нужно больше светлых участков, переключитесь на инструмент Dodge Tool и проведите кистью по тем областям, которые вы хотите осветлить.
Я очень доволен таким результатом, как вы думаете?
Теперь вы узнали, как создать фон классной доски, пора добавить текст, чтобы посмотреть, как он выглядит!
Не знаете, какие шрифты на классной доске использовать? Может, у меня есть для тебя какие-нибудь идеи.
Посмотрите на эти 25 потрясающих шрифтов для классной доски, которые вы можете скачать и использовать бесплатно.
Заключение
Создать фон в стиле классной доски очень просто, и вы можете настроить его и изменить размер по своему усмотрению. Фон классной доски идеально подходит для создания рукописного рисунка. Все, что вам нужно сделать, это выбрать отличный шрифт и добавить несколько нарисованных от руки значков!
Удачи творить!
О Ханне
Ханна работает дизайнером веб-сайтов в цифровом агентстве, базирующемся в Великобритании.У нее более 15 лет опыта работы с Photoshop, и она пользуется им ежедневно с 2005 года.
Эффект мелового текста в Photoshop
В этом уроке вы будете использовать бесплатный шрифт «Garment District» и изображение или текстуру «Blackboard» для использования в качестве «Background».
1 — В Photoshop откройте изображение, которое вы выбрали в качестве «Фон».
2 — Выберите «Инструмент« Текст »(T), выберите шрифт (мы выбрали« Район одежды »), введите текст и залейте его белым цветом.
3 — Выберите инструмент «Кисть» (B), перейдите на «Панель предустановок кисти» и выберите «Мел 44 пикселя» (он должен быть частью основных кистей).
4 — На «Панели кистей» выберите одну из кистей и примените следующие значения:
Форма кончика кисти:
Динамика формы:
Двойная кисть: (разбрызгивание 39 пикселей )
5 — Убедитесь, что вы работаете со слоем «Текст», щелкните правой кнопкой мыши верхнюю часть его эскиза и выберите «Создать рабочий путь».Если вы увидите всплывающее окно, в котором сообщается, что ваш запрос не может быть выполнен, щелкните еще раз правой кнопкой мыши и выберите «Растеризовать тип», а затем повторите попытку.
6 — Убедитесь, что слой «Текст» выбран, и щелкните по нему, удерживая клавишу «Alt / Option», чтобы создать выделение. Перейдите в «Панель контуров» и создайте «Рабочий контур» из своего выбора, нажав маленькую кнопку в нижней части панели.
7 — Вернитесь к «Панели слоев», скройте слой «Текст», щелкнув по маленькому значку глаза слева от его миниатюры, и создайте «Новый слой» (нажмите на маленькая кнопка в нижней части панели).
8 — Убедитесь, что белый цвет является вашим цветом «переднего плана», затем с помощью инструмента «Выбор контура» (A) щелкните правой кнопкой мыши в верхней части контура и выберите «Обводка контура», а затем «Кисть». ». Сделайте это пару раз.
9 — «Включите» видимость первого слоя «Текст» и уменьшите «Непрозрачность» примерно до 47%. Дважды щелкните на его миниатюре, чтобы применить следующие «Стили слоя»:
Параметры наложения:
Внутренняя тень: (полукруглая)
Внутреннее свечение:
Внешнее свечение:
10 — Выберите слои «Текст» и «Сгруппируйте» их вместе, щелкнув небольшой значок папки в нижней части «Панели слоев».
11 — Перейдите в «Панель настроек» и создайте «Новый корректирующий слой оттенка / насыщенности» поверх своей группы. Закрепите его в папке (щелкните маленький значок в нижней части «Панели свойств»). Установите флажок «Раскрасить», и теперь вы можете изменить цвет текста, экспериментируя с разными значениями.
by @lornacane
Как имитировать эффект классной доски в Photoshop
Ресурсов:
Как украсить свою руку надписи в Photoshop
Фоны для классной доски, которые можно бесплатно загрузить
Эй, смотрите … новый дурацкий файл!
Фоны для классной доски в высоком разрешении в 3-х вариантах!
По многочисленным просьбам мы добавили набор фонов с высоким разрешением всего за девяносто девять долларов.Они будут работать намного лучше для всего, что вы собираетесь напечатать с разрешением 8,5 × 11 и меньше.
Учебник
Время от времени весело снимать резервные копии и показывать свои работы в другом оформлении. Я неравнодушен к ностальгическому эффекту классной доски, но это также может быть связано с тем, что я достаточно взрослый, чтобы помнить настоящие классные доски. Я сказал это. Хорошая новость в том, что это не операция на головном мозге, если у вас есть сканер и копия Photoshop.
СОВЕТ: Чтобы добиться действительно «мелового» эффекта, я пишу свои оригинальные надписи карандашом, а не чернилами.
- Сэкономьте время и горе, загрузив бесплатный фоновый файл классной доски из предыдущего поста или загрузив одну из семнадцати миллиардов стоковых фотографий классной доски на iStockphoto.com, 123RF.com или из любого другого источника стоковых фотографий. Если вы загружаете стандартное изображение, убедитесь, что оно имеет ширину не менее 600 пикселей, чтобы вы не увеличивали его размер до финального файла публикации.
- Создайте новый файл в Photoshop размером 612 на 792 пикселей (соотношение сторон 8,5 × 11). Установите разрешение 72 dpi, используйте формат Grayscale.Сохраните как файл .psd. Мне нравится называть эти файлы чем-то вроде «chalkboard-base.psd», поскольку я могу сгенерировать несколько фрагментов из одного многослойного файла.
ПРИМЕЧАНИЕ. Запуск файла с разрешением 72 dpi дает вам более удобный файл для быстрой публикации ваших работ, но конечный продукт будет выглядеть довольно плохо, если вы попытаетесь его распечатать. Если одна из ваших целей — напечатать свою работу, начните с файла .psd с разрешением 300 dpi и настройте сканер на сканирование с разрешением 300 dpi.
- Откройте исходный файл фона классной доски, выберите все, скопируйте изображение.
- Вставьте исходное фото в файл-основу классной доски. Размер по размеру с помощью Free Transform (Command-T). Старайтесь избегать увеличения размеров, уменьшайте только при необходимости. Назовите новый слой «классная доска».
- Отсканируйте надписи с помощью планшетного сканера с разрешением 150 dpi (300 dpi, если вы собираетесь печатать конечный продукт) в черно-белом режиме, без коррекции изображения и используйте формат файла .jpg.
- Откройте файл отсканированного изображения.Теперь у вас должен быть открыт файл основы классной доски вместе с файлом иллюстрации. В файле обложки откройте меню «Уровни» («Изображение»> «Коррекция»> «Уровни») и при необходимости отрегулируйте контрастность. Кнопка Auto Levels в диалоговом окне иногда может помочь, но убедитесь, что вы не преувеличиваете контраст так сильно, что это не заслоняет ваши красивые, спонтанные линии. Вам нужны детали в самых темных и самых светлых частях изображения.
- Удаляйте пятна и «слизи» (торговая марка… спасибо) с помощью инструмента для клонирования, кисти или лечебной кисти.Нужна помощь? См. «Руководство для начинающих по украшению рукописного текста в Photoshop
- При необходимости используйте инструмент выделения для обрезки вокруг работы. Скопируйте выделение.
- Откройте базовый файл и вставьте файл обложки. Вы заметите, что только что был создан новый слой. Сохранить как файл как файл .psd (многослойный файл Photoshop).
- В вашем новом файле chalkboard-base.psd. Выберите слой с иллюстрацией и инвертируйте цвета, используя Command-I или выбрав Image> Adjustments> Invert.Теперь ваш файл будет перевернут, но вы заметите четкую прямоугольную рамку там, где вы сделали выделение, поэтому с выбранным слоем измените режим наложения на экран. Это должно выглядеть так, как будто ваша работа только что шлепнулась прямо на классную доску.
- СОВЕТ: Если фоновый слой на доске слишком «занят», то есть на нем много белых отчетливых царапин, они могут быть видны сквозь буквы. Чтобы исправить это, попробуйте немного размыть базовый файл. Перейдите в меню «Фильтр»> «Размытие»> «Размытие в движении» и отрегулируйте угол и расстояние до тех пор, пока рисунок и основа не сольются убедительно.
- Когда все будет выглядеть точно так, как вы написали вручную в классе в 1965 году, выберите «Файл»> «Сохранить для Интернета и устройств» и сохраните свой .
».