Как вырезать рукописный текст в фотошопе

Обновлено: 21.11.2024

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

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

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

Давайте попробуем векторизовать эту (анти-) надпись ко дню святого Валентина, которую я сделал некоторое время назад: без сканера, без Photoshop и без Illustrator. Все, что вам нужно для этого, — это компьютер, телефон, полностью закрашенный вручную текст и подключение к Интернету для загрузки бесплатной программы (Inkscape).

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

Шаг 1. Сфотографируйте готовую работу

Айфоны, особенно iPhone 5 или новее, имеют потрясающие камеры. Теперь родное программное обеспечение для редактирования фотографий также великолепно.

Итак, сделайте фото готовой работы. Старайтесь смотреть прямо, без теней и бликов.

Шаг 2. Отредактируйте фотографию на iPhone

Возьмите фотографию и отредактируйте ее, чтобы она была высококонтрастной, как мы это делаем в Photoshop на шаге 2 этого руководства.

Настроив экспозицию, контрастность, точку черного и полностью обесцветив изображение в фоторедакторе iPhone, мне удалось сделать следующее:

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

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

Шаг 3. Перенесите фотографию и загрузите Inkscape

Теперь перенесите отредактированную фотографию на компьютер.

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

Загрузите и установите Inkscape.

Я больше говорил об этом в этом обзоре альтернатив Illustrator. Это бесплатно и доступно как для Mac, так и для ПК. Вам также потребуется скачать XQuartz, если у вас Mac.

Шаг 4. Оцифровка в Inkscape

После того как Inkscape будет запущен, перейдите в меню «Файл» — «Импорт», чтобы импортировать рисунок. Измените его размер и поместите на монтажную область.

Учебное пособие. Используйте бесплатное приложение Inkscape для трассировки и векторизации иллюстраций и надписей от руки

Оттуда выберите и щелкните правой кнопкой мыши свой рисунок. Выберите Растровое изображение трассировки. . Это вызовет новое диалоговое окно. Измените размер диалогового окна и выберите «Интерактивный предварительный просмотр», чтобы лучше видеть результаты.

Мы хотим работать с режимом отсечки яркости. Поиграйте со стрелками вверх и вниз для порога отсечки яркости, пока не получите желаемый результат. Убедитесь, что установлен флажок Удалить фон. Затем нажмите OK, чтобы выполнить трассировку. (Чтобы продолжить, вам нужно закрыть диалоговое окно.)

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

Шаг 5. Отредактируйте свой векторный рисунок

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

В Inkscape выберите слой с трассировкой, затем выберите «Путь» → «Разделить». Вы заметите, что все ваши линии идут вместе, а некоторые дыры заполняются черным цветом.

Удалите ненужные части изображения. Я увеличил масштаб, чтобы вы могли следить за остальными.

Затем мы собираемся вычесть «дыры» из букв, где это применимо. Для этого нажмите на одну из частей слова, над которой нужно поработать, затем, удерживая SHIFT, нажмите на окружающее слово. Оба должны быть выбраны здесь.

Теперь перейдите в «Путь» → «Разница» или нажмите CTRL и - (используйте CTRL, даже если вы работаете на Mac).

Продолжайте, пока не будут пробиты все отверстия.

Теперь удалите оригинальную иллюстрацию с холста и экспортируйте полностью векторизованный рисунок. Вы можете сохранить его как тип файла SVG (масштабируемая векторная графика) по умолчанию или перейти в меню «Файл» → «Экспорт изображения PNG…».

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

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

Я надеюсь, что это руководство было полезным. Это просто показывает вам, что все возможно, если вы проявите немного терпения и проведете свое исследование. Я очень скептически отнесся к опробованию этой новой программы. Хотя я по-прежнему продолжу использовать Illustrator, приятно знать, что есть подходящая бесплатная альтернатива.

Чудеса ручной работы Кития Паласкас

Забудьте о бывших, вырезав их из своих фотографий

Стажёр-турист: что он хочет, чтобы вы знали

Превратите свой почерк в редактируемый графический элемент, как если бы вы его отсканировали, используя только камеру телефона и Adobe Photoshop!

" caption-language="" click-type="none" disable-dynamic-media="" href="" path="https://adobe.scene7.com/is/image/AdobeCreate/92_01_article" slot="slot-0" target="_" video-id="" video-type="mpc">

Иногда проще спроектировать, нарисовать или написать что-то на бумаге. Если у вас нет под рукой сканера, вот простой способ научиться редактировать рукописный текст и переносить нарисованные от руки элементы в Photoshop. Есть много причин, по которым дизайнер может захотеть добавить рукописный текст в Photoshop. Фотошоп. Может быть, вы что-то нарисовали на бумаге, и вам это так понравилось, что вы не захотели перерисовывать это в цифровом виде. Возможно, у вас нет iPad или планшета для рисования, и вы используете бумагу для каллиграфии в дизайне (как я делал много лет). Может быть, вы хотите превратить старый клочок бумаги в татуировку. Независимо от причины, очень легко перенести изображение рукописного текста в Adobe Photoshop и превратить его в редактируемый элемент дизайна! Как оцифровать почерк

Напишите слово, сделайте снимок и откройте его в Photoshop. Для этого урока я нарисовал число 50. Я использовал обычный черный маркер на листе бумаги. Вы можете использовать любой инструмент для рисования: краску, ручку, мелок, маркер и т. д. Лучше всего использовать обычную белую бумагу, но подойдет и любой другой. Затем сделайте простую фотографию на телефон и откройте ее в Photoshop.
Используйте панель уровней, чтобы придать контрастность, достойную сканирования. Первый шаг: давайте сделаем это изображение таким, как будто мы его отсканировали. Нажмите command + L (ctrl + L на ПК) или перейдите в Image > Adjustments > Levels. Вы должны увидеть график света на изображении. «Холм» слева показывает, сколько черного в изображении, а холм справа показывает, сколько белого в изображении. (На изображениях почерка обычно больше белого.) Ваша цель — переместить крайний правый ползунок в начало «холма» на правой стороне графика. Это сгладит весь белый цвет на изображении, чтобы он стал чисто белым, вместо того, чтобы давать оттенки серого. (Если вы использовали цветной маркер вместо черного, переместите черный ползунок в самую дальнюю точку черного холма, чтобы сделать его еще более интенсивным.) Вы должны увидеть, как ваше изображение превращается из фотографии в четкое изображение, которое выглядит так, как будто вы его отсканировали!
Удалите фон с помощью инструмента цветового диапазона и маски. Если вы не использовали бумагу с отрывными листами, вы, вероятно, можете пропустить этот шаг, но вам все равно придется это сделать, если вы хотите, чтобы у изображения был прозрачный фон! Перейдите в Select> Color Range и нажмите на надпись на вашем изображении. Отрегулируйте размытость до тех пор, пока все, что вы можете видеть в предварительном просмотре, не будет вашим текстом (для меня я удостоверился, что не видны линии отрывных листов). Затем нажмите кнопку маски, чтобы сделать остальную часть изображения прозрачной. Вы должны видеть только оцифрованный почерк.
Раскрасьте почерк с помощью фильтра раскраски. Если вам не нужен простой черный текст, вы можете добавить цвет! Перейдите в «Изображение» > «Коррекция» > «Цветовой тон/Насыщенность». В этом окне установите флажок рядом со словом «раскрасить». Отсюда вы можете выбрать любой цвет и увеличить насыщенность и яркость, пока не раскрасите свой почерк. И вуаля! Здесь у вас есть редактируемый слой фотошопа для вашего почерка. Отсюда вы можете сохранить его как файл .jpg и используйте его в других программах, покажите татуировщику или даже импортируйте его в Illustrator и проследите его изображение, чтобы преобразовать его в вектор. Возможности почти безграничны — надеюсь, это руководство вдохновит вас чаще использовать цифровой почерк в дизайне.

Хотите использовать тот же навык для подписи документов без сканера? Узнайте, как сделать документ похожим на отсканированный. Вы действующий студент? Узнайте, как сэкономить более 60%.

Я сканирую какой-то старый текст, написанный моей бабушкой в книге. Мне нужно убрать фон и просто оставить почерк на белом фоне. Я пробовал Magic Wand, но таким образом многие пробелы в буквах, таких как o , a , e и т. Д., Остаются в цвете фона. У меня около 50 страниц, так что есть ли более быстрый способ просто разделить этот почерк?

3 ответа 3

Откройте файл или изображение. Нажмите «Изображение» > «Настройки» > «Автоматические уровни» (shift+ctrl+L)

Следующий шаг необходимо выполнить дважды с разными настройками

нажмите Щелкните на изображении > настройки > Яркость/контрастность A pop Adjust 50 / 30 > ok

нажмите Щелкните на изображении > настройки > Яркость/контрастность A pop Adjust 23 / 38 > ok

Эти настройки дадут следующий результат

Если вы работаете с Pixlr, вам потребуются следующие настройки:

Выберите Настройка > Автоуровни

Корректировка > Яркость и контрастность: 28 и 15

Корректировка > Цветовой баланс: 11, -12, 45

Коррекция > Цветовой тон и насыщенность (ctrl + u): -13, -22, -2

Вот результат, который вы должны получить:

Вы, сэр, просто потрясающие. Спасибо за это, я только что потратил впустую 2 часа, расстраивая себя, и уже имел бесплатную пробную версию Photoshop в загрузке. атек ты мужик! Я приветствую вас с удивительностью

Использование кривых в Photoshop:

Фон переэкспонируется и теряет свой цвет. К сожалению, такая кривая добавляет насыщенности и цветовых различий в более темных областях. Верните голубой цвет обратно в синий с помощью Hue & Saturation

Вы можете уменьшить насыщенность, если синий для вас слишком насыщенный.

ДОПОЛНЕНИЕ: Остатки (=случайные точки) текстуры поверхности бумаги можно значительно уменьшить, используя программное обеспечение для снижения шума на основе выборки шума, такое как Neat Image Free. Его нужно применять сразу после инструмента кривых. Инструмент кривых следует использовать более осторожно, чтобы не допустить отсечения в текстурах, только обычная бумага должна достигать предела передержки. Образец шума был взят из области бумаги. Посмотрите, что получится после смены голубого цвета на синий:

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

В этом сообщении блога я покажу вам правильный способ быстро применить текст к кривой в Adobe Photoshop CC за 5 простых шагов:

Шаг 1. Создайте изображение
Шаг 2. Нарисуйте свой путь
Шаг 3. Разместите текст
Шаг 4. Измените шрифт и размер
Шаг 5. Переместите

Выше приведены два способа искривления текста. Первый — это добавление вашего текста к пути (это метод, который мы будем использовать). Во втором примере здесь используется эффект «Деформация текста». Это очень быстро, но дает искаженные результаты, которые создают ощущение клип-арта. Обычно я бы не советовал использовать этот метод.

Шаг 1. Выберите изображение

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

Шаг 2. Нарисуйте свой путь

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

Шаг 3. Разместите текст

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

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

Шаг 4. Изменение шрифта и размера

Измените текст заполнителя на желаемое сообщение. Наш пример показывает «Идеальный кофе?». Теперь на панели символов вы можете изменить свой шрифт, размер и отслеживание символов.

При выбранном нами шрифте — «скрипт миссии» — было важно настроить отслеживание символов, чтобы сблизить символы, так как при кривом тексте (и при рукописном стиле шрифта) стыки не шлифовались. встречаться правильно. Это будет зависеть от выбранного вами шрифта, формы пути и размера текста, поэтому не стесняйтесь экспериментировать с параметрами здесь.

Шаг 5. Изменение позиции

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

Написано Уиллом

Креативный директор Уилл работает в Evoluted с 2011 года. Руководя командой дизайнеров, он продолжает использовать свой обширный опыт на впечатляющем множестве веб-сайтов. Основные навыки Уилла включают UX-дизайн, творческое руководство и адаптивный веб-дизайн; в то же время он также заработал известную репутацию главного поставщика внутренних, новаторских анимированных GIF-файлов Evoluted.

Читайте также: