2 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Надпись мелом на доске шрифт. Создание реалистичной надписи мелом в смешанной технике

27 марта 2015 | Опубликовано в Уроки | Нет комментариев »

Типографика, нарисованная мелом очень популярна. Однако далеко не все хорошо управляются мелом, да и школьную доску не в каждом доме найдешь. Сегодня мы с вами будем создавать шикарный типографический эффект при помощи подручных средств и электронных инструментов. Для начала мы создадим сам концепт в 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/Изображение>Коррекция>Уровни и переместите бегунок светлых оттенков к началу гистограммы.

Скачайте текстуру школьной доски, затем при помощи этих советов по коррекции текстур выровняйте тона. Примените корректирующий слой Black and White/Черный и Белый, чтобы убрать цветность из текстуры.

Добавьте корректирующий слой Levels/Уровни и переместите бегунки темных и средних тонов, чтобы затемнить текстуру.

Вставьте поверх текстуры доски нашу работу и смените ее режим наложения (blending mode) на Lighten/Замена светлым, чтобы сделать черный фон прозрачным.

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

Как в фотошопе сделать меловую надпись. Создание реалистичной надписи мелом в смешанной технике

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

Чем писать

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

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

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

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

Что изобразить

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


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



Способ 1. Трафарет

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

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

Способ 2. Копирка

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

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

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

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

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

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

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

Читать еще:  Кинетические скульптуры как сделать самому. Причудливость человеческой мысли: кинетические скульптуры

Шаг 5

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

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

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

Шаг 1

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Шаг 6

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

Шаг 7

Шаг 8

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

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

Шаг 9

Шаг 10

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

Начнем, пожалуй с лучших что я смог найти. Демо версия веб-приложения — Drawing Board , есть три мелка для рисования (белый, красный, фиолетовый). Процесс рисования сопровождается приятными звуками стука мела по доске.

Можно рисовать мелом, а можно и написать что-нибудь печатным шрифтом. К недостатком можно отнести малый размер доски и отсутствие возможности регулировать толщину мела. То, что вы нарисовали можно сохранить как картинку, для этого введите ваш email адрес в строку над верхним левым углом виртуальной доски. Нажмите кнопку «Submit» и на вашу почту придет сообщение с картинкой.

Второй сервис My online blackboard — размер доски огромен, практически на всю область браузера. Можно рисовать всеми цветами, существующими в природе.

Использовать прямые линии, квадраты, прямоугольники или просто от руки. В отличие от первого сервиса здесь регулируется толщина мела. Однако здесь я так и не нашел кнопки скачать изображение, остается только делать скриншот используя клавишу «Prt Sc» на клавиатуре. Да и сами линии здесь не похожи на линии нарисованные мелом, хотя возможно все зависит от хорошего умения рисовать.

Chalk Text Effect — не совсем доска, просто выбираете понравившийся Вам шрифт и фон в виде зеленой, черной или любой другой мельной доски и пишите текст.

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

Вот пример какая картинка у Вас может получиться.

Ну и напоследок игра в которой можно также вспомнить детство и порисовать мелками — Chalkboard Paint . А после чего воспроизвести весь процесс на большой скорости и посмотреть, как Вы это рисовали.

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

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

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

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

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

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

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

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

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

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

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

Написанный мелом текст

Автор: Ольга Максимчук (Princypessa). Дата публикации: 02 ноября 2018 . Категория: Уроки фотошопа текст.

В сегодняшнем уроке мы будем делать написанный мелом на доске текст.

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

Открываем в фотошоп ( Ctrl + O ) изображение со школьной доской.

Переходим в меню Изображение-Вращение изображения-90 градусов по часовой стрелке.

Читать еще:  Реферат роль фольклора в развитии и воспитании школьника. Какую роль фольклор играет в жизни человека? Презентацию Высказывания о роли фольклора в жизни человека

Активируем инструмент Рамка. Тянем за ползунки рамки внутрь, чтобы обрезать «пустые» области за рамкой.

Устанавливаем в фотошоп шрифт из папки с исходниками. Для этого кликаем по файлу шрифта ПКМ и выбираем «Установить». После этого шрифт установится в фотошоп и систему. Вы можете использовать другой любой шрифт на свой вкус, главное, чтобы он походил на то, что текст написан от руки.

Активируем инструмент Текст и пишем «1 сентября». В верхней панели настроек инструмента Текст меняем размер и цвет текста, а также выбираем шрифт, который устанавливали в предыдущем шаге. В верхней панели настроек инструмента Текст кликаем по иконке меню Символ и настраиваем, как на рисунке ниже, чтобы увеличить расстояние между буквами. При помощи инструмента Перемещение располагаем текст по центру холста.

Активируем инструмент Кисть и выбираем кисть, как на рисунке ниже. Если в данный момент у вас не загружена кисть «Мел», при активном инструменте Кисть кликните ПКМ по холсту, чтобы вызвать меню выбора кисти. В меню выбора кисти кликните по «шестеренке» справа и выберите «Восстановить кисти».

В верхней панели настроек инструмента Кисть кликаем по иконке панели кистей (отмечена стрелочкой) и настраиваем кисть, как на рисунках ниже. Настройки кисти могут варьироваться в зависимости от размера текста и выбранного шрифта.

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

Для того, чтобы сохранить кисть в отдельный файл, необходимо перейти в меню Редактирование-Управление наборами и в появившемся окне в верхней строке выбрать «Кисти». Выделяем кисть/кисти и нажимаем кнопку «Сохранить», задаем имя кисти/набору и сохраняем в выбранную папку на жестком диске компьютера. Чтобы загрузить кисти в фотошоп, в меню выбора кисти нажимаем на «шестеренку» справа и выбираем «Загрузить кисти». Также загрузить кисти можно и через меню Управления наборами, нажав на соответствующую кнопку.

Вернемся к работе.

Выше всех слоев создаем новый пустой слой и называем его «Мел». Чтобы переименовать слой, в панели слоев дважды щелкните по имени слоя, введите новое имя и нажмите клавишу Enter .

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

Текст из мела готов. Но мы пойдем дальше и сделаем буквы цветными.

Активируем инструмент Лассо. Наша задача – сделать так, чтобы каждая цифра-буква находилась на отдельном слое. Для этого при помощи инструмента Лассо выделяем букву и нажимаем сочетание клавиш Ctrl + J , чтобы скопировать выделение на новый слой. Затем переходим на основной текстовый слой («Мел») и повторяем действия со следующей буквой. Для удобства переименуйте каждый получившийся слой в соответствии с содержанием. В итоге у нас должно получиться 9 слоев с буквами и основной слой с полным словом. Скрываем видимость слоя «Мел», нажав на «глазик» у слоя.

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

Дважды кликаем по слою, чтобы открыть стили слоя.

Во вкладке Наложение цвета вводим нужный оттенок. Для слоя с цифрой «1» я использовала оттенок #f5989d.

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

Для слоя с буквой «С» — # fff 799.

Буква «Е» — оттенок # bd 8 cbf .

Буква «Н» — оттенок #fdbd89.

Буква «Т» — оттенок #79bcde.

Буква «Я» — оттенок #82ca89.

Буква «Б» — оттенок #f7b19e.

Буква «Р» — оттенок # a 3 e 2 d 7.

Буква «Я» — оттенок #887daa.

Результат после применения стилей слоя на всех слоях с буквами.

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

Текст, написанный мелом на доске, готов!

Учитесь, учитесь, еще раз учитесь и не останавливайтесь на достигнутом! У вас все получится!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Если Вы не хотите пропустить интересные уроки создания эффектов для текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.

Источники:

http://www.dejurka.ru/tutorial/realistic-chalk-lettering-effectchalk-effect/
http://poezdonlin.ru/idei-podarkov/kak-v-fotoshope-sdelat-melovuyu-nadpis-sozdanie-realistichnoi-nadpisi/
http://www.photoshopsunduchok.ru/uroki/effekttexta/4131-napisannyj-melom-tekst

Ссылка на основную публикацию
Статьи c упоминанием слов:

Adblock
detector