Текст на конвертер рукописного ввода: что он на самом деле делает (и не делает)

Моя племянница попросила меня прошлой зимой, чтобы & quot;сделать ее домашнее задание выглядеть рукописным & quot; так что она могла пропустить страницу копирования. я сказала нет - но запрос отправил меня вниз кроличью нору, потому что I & # 39;d только что подключил инструмент для написания текста к почерку в Toolz.dev и я хотела точно знать, насколько убедительно это было на самом деле. поэтому я сидела там час печатая абзацы, циклически просматривая шрифты, печатая тестовые страницы на офисном лазерном принтере, и держа их рядом с моим собственным действительно ужасным почерком.

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

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

TL;DR: Инструмент рисует ваш текст с помощью одного из 15 реальных Google шрифтов в стиле рукописного ввода на холсте, а затем вручает вам png. Выберите шрифт, цвет чернил, размер шрифта и бумажный стиль (подкладка, график, крем, блокнот), введите или вставьте текст и скачайте. Это отлично подходит для приглашений, заметок, социальных постов и макетов. это будет не обманывайте любого, кто присматривается, потому что it's шрифт - каждая буква & quot;e& quot; побайт идентичен. Соедините его с счетчик слов чтобы страница была читабельной.

Как на самом деле работает конвертер текста в рукописный?

Снимите маркетинг и это четыре шага, которые работают в вашем браузере:

1. Загрузите шрифт рукописного ввода. Инструмент извлекает набор шрифтов в стиле почерка из Google Fonts - такие вещи, как Caveat, Dancing Script и Патрик Хэнд. Это настоящие шрифты, нарисованные шрифтовыми дизайнерами взгляд Случайный и ручной нарисованный.
2. Нарисуйте текст на холст. Ваш текст заворачивается в Word и рисуется на HTML <canvas> с ctx.fillText(), в выбранном вами шрифте, размере и цвете чернил.
3. Нарисуйте бумагу под ней. Перед текстом холст получает фон - цвет бумаги, а также, при необходимости, линейчатые линии, сетку или поле тетради.
4. Экспортируйте PNG. Готовый холст сохраняется через canvas.toDataURL('image/png') и скачали.

Вот оно. Нет ни AI, ни моделирования хода, ни джиттера по буквам. И этот последний пункт — это вся история, так что давайте сидеть с ней.

Почему это никогда не выглядит написанным от руки (честная часть)

Настоящий почерк непоследователен Ваш & quot;a & quot; на первой линии немного отличается от вашего & quot;a & quot; на четвертой строке - разный наклон, разное давление, колебание здесь. эта непоследовательность - это именно то, что ваш мозг использует для принятия решения & quot; человек написал это. & quot;

Шрифт не может этого сделать. Когда инструмент рисует слово "банана", все три "а" глифы пиксельно-идентичны, потому что они являются одним и тем же глифом из одного и того же файла шрифта. В тщательной работе этой статьи (включая ту, которую я заменил) утверждали, что эти инструменты добавляют «вариацию на уровне символов» и «контролируемые несовершенство». то, что вы получаете, это очень хороший почерк купленный, не подделка. Сохранённый на длине руки или суженный до размера Instagram, он написан как рукописный. Под глазом учителя или увеличительным стеклом повторяющиеся одинаковые буквы мгновенно отдают его.

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

Что вы можете настроить?

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

15 шрифтов по рукописному письму. Набор варьируется от аккуратного и разборчивого до свободного и маркерного: Глория Аллилуйя, Caveat, Dancing Script, Pacifico, Satisfy, Great Vibes, Kalam, Патрик Хэнд, Indie Flower, Shadows Into Light, Permanent Marker, Architects Daughter, Handlee, Nothing You Could Do и Reenie Beanie. Они и #39; все они написаны латинским шрифтом и написаны курсивом, но визуально они охватывают широкий диапазон: Great Vibes - элегантная каллиграфия, Permanent Marker - коренастый фломастер, Патрик Хэнд - аккуратный повседневный стиль печати.

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

10 размеров шрифта, от 12 до 40 пикселей в фиксированных шагах. Большие размеры соответствуют меньшему количеству слов в строке, но лучше читаются при печати.

8 стилей бумаги. Здесь настроится настроение: простой белый, с белой подкладкой, кремовый, кремовая подкладка, желтый подкладка, с синей подкладкой, миллиметровая бумага и стиль блокнота с красным краем на левом. На подкладке и тетради продают "Разорванную из блокнота" глянцевую бумагу, устраивающую все техническое.

Вы также получаете три способа получить текст: ввести его, загрузить текстовый файл или загрузить его с URL. Высота строки фиксируется на удобном уровне 1,8, поэтому нет ползунка с интервалом между строками или между буквами, с которым можно было бы возиться - преднамеренное упрощение, а не отсутствие функции.

Для чего вам его использовать?

Хорошо подходит, в грубом порядке того, насколько хорошо держится иллюзия:

• Приглашения и открытки. Свадьба, день рождения, детский душ - короткий текст, декоративный контекст, просматривается случайно. это сладкая точка. Great Vibes или Satisfy на сливочной бумаге выглядит по-настоящему прекрасно.
• Цитаты в социальных сетях. Рукописное утверждение или цитата выделяется в ленте системных шрифтов. Уменьшился до размера телефона, никто не считает ваши идентичные «Е"s».
• Макеты дизайна. Нужно показать клиенту, что за ручное написание бы выглядеть, как прежде, чем заказать настоящие надписи? Две минуты здесь бьются в час в Иллюстраторе.
• Личные заметки и подарочные бирки. Низкие ставки, теплые, веселые.

Где я & #39;d увести вас: все, что должно пройти как подлинный почерк под пристальным вниманием - домашнее задание, которое вы сделали & #39;t написать, & quot;подписано & quot; документы, поддельные заметки. Помимо этики, он просто выиграл & #39;t пережить пристальный взгляд, так что вы & #39;d рискнуть много для иллюзии, которая не & #39;t держать.

Заметка по этому значку "Мультипация поддерживаемой"

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

Какой шрифт подходит для какого случая?

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

• формальный и красивый- Великие вибрации, Удовлетворение, Танцующий сценарий. Течение, подключение, каллиграфия-смежность. Свадебные приглашения, благодарственные открытки, все, что хочет чувствовать себя особенным. Great Vibes, в частности, с первого взгляда читается как настоящий сценарий погружного пера.
• Повседневный разборчивый- Осторожно, Калам, Патрик Хэнд, Хэндли. Аккуратный, читаемый, правдоподобный, как аккуратная человеческая печать. Лучше всего, когда слова имеют большее значение, чем процветание: заметки, подписи, более длинные сообщения.
• Свободный и случайный- Инди-цветок, Тени в свет, Рини Бини, Дочь архитектора, Ничего не поделаешь. Расслабленный, слегка грязный, личный. Отлично подходит для дружеской заметки или макет в стиле журнала.
• смелое заявление- Постоянный маркер, Pacifico, Gloria Hallelujah. Толстый, ударный, плакатный. Используйте для одной строки или заголовка, а не абзаца.

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

Пошаговая инструкция: создание рукописного изображения

1. откройте Текст в конвертер рукописного ввода, йо- Нет регистрации, загружается мгновенно.
2. Введите или вставьте текст. Входная область предварительного просмотра вживую в том виде, в котором вы выбрали, так что вы редактируете его на фоне окончательного вида.
3. Выберите шрифт. Проведите несколько циклов - разница между Caveat и Permanent Marker полностью меняет тон.
4. Установите цвет, размер и бумагу чернил. Синий на белой подкладке читается как школьная тетрадь; коричневый на креме — как буква.
5. Скачать png. Он экспортируется с увеличенным разрешением, поэтому печатает чисто.

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

Шрифты, чернила и бумага: краткий обзор

Часто задаваемые вопросы

Является ли текст в конвертер рукописного ввода бесплатным?

Да, полностью. выше Текст в конвертер рукописного ввода Не имеет подписи, водяного знака и премиального уровня. Он работает полностью в вашем браузере.

На самом деле это похоже на настоящий почерк?

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

Какой формат файла я получаю?

изображение PNG. Инструмент экспортирует холст через toDataURL('image/png'), так что нет опции jpeg или pdf. Если вам нужен PDF-файл, затем переместите PNG в документ или в PDF-инструмент.

Мой текст где-нибудь загружен?

Ваш текст остается в вашем браузере - рендеринг происходит локально на холсте и текст никогда не отправляется на сервер Один нюанс: сами шрифты почерка загружаются из Google Fonts' CDN при открытии страницы, поэтому ваш браузер получает файлы шрифтов из Google, но никогда не ваш текст.

Могу ли я использовать свой собственный шрифт рукописного ввода?

Не напрямую - инструмент предлагает фиксированный набор из 15 шрифтов Если вы хотите ваш подлинный почерк, вы 'd создайте пользовательский шрифт из образцов с помощью службы font-builder, которая является отдельным (и гораздо более длинным) проектом.

Может ли он сделать многостраничный документ?

Не как отдельные страницы. Несмотря на значок «Мультипейдж», экспорт — это один непрерывный высокий PNG, который расширяется по мере добавления текста. Для длинного контента разделите его на разделы и экспортируйте каждый отдельно для получения чистейшего результата.

Заметит ли учитель, что это не настоящий почерк?

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

Связанные инструменты:

• Текст в конвертер рукописного ввода
• счетчик слов- держите страницу и #39;s количество слов в здравом уме
• конвертер
• Руководство по текстовым инструментам разработчика