Как повысить резкость текста в GIMP?

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

Проблема в том, что края символов не острые. Есть ли способ получить острые края текста?

Не могли бы вы опубликовать образец изображения, показывающий «неострые» края (и в идеале также макет того, как вы хотите, чтобы он выглядел вместо этого)?

Ответы (7)

Несколько неясно, что вы имеете в виду под «нечетким» текстом, поэтому ниже я приведу несколько возможных предложений. Но сначала, просто чтобы установить базовый уровень, вот обычный текст в GIMP (16px без гротеска, сглаженный, без намеков, увеличенный в 2 раза):

Какой-то текст

Мне это уже кажется довольно четким, но вот несколько вещей, которые вы могли бы сделать, чтобы сделать его еще более четким:

1. Включить подсказку:

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

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

Какой-то текст, обычный хинтинг Какой-то текст, автоподсказка

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

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

2. Отключить сглаживание:

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

Какой-то текст, обычный хинтинг, без сглаживания Какой-то текст, автоподсказки, без сглаживания Какой-то текст, без намеков, без сглаживания

3. Добавьте контур:

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

Немного текста, занят фон

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

  1. Выберите текстовый слой, выберите текстовый инструмент и нажмите кнопку «Путь из текста» в нижней части диалогового окна параметров инструмента.
  2. Создайте новый прозрачный слой под текстовым слоем и выберите его. (Вы также можете нарисовать контур прямо в фоновом слое, но обычно удобнее использовать отдельный слой.)
  3. Выберите цвет переднего плана, хорошо контрастирующий с текстом (например, белый, если текст темный, или черный, если текст светлый).
  4. В диалоговом окне «Пути» выберите ранее созданный путь и щелкните значок «Рисовать вдоль пути» внизу. Убедитесь, что выбраны параметры «Обводка» и «Сплошной цвет», и установите ширину линии на подходящее значение в зависимости от размера текста. (Например, ниже я использовал 3 пикселя; помните, что половина ширины контура будет скрыта за текстом.) Результат должен выглядеть примерно так:

Некоторый текст, занятый фон, белый контур

Это намного читабельнее, не так ли? Вы также можете настроить контур различными способами, например, размыть его:

Некоторый текст, занятый фон, размытый контур

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

Возможно, вам нужно работать в более высоком разрешении. Если вы настроите свой файл для печати/просмотра, скажем, с разрешением 72 dpi (стандартное разрешение изображения в Интернете), ваш текст будет нечетким для печати. Попробуйте работать с более высоким разрешением. Это означает, что размер вашего шрифта будет больше, и вы будете просматривать свою работу менее чем на 100%, но у вас будут более четкие края текста. Вы можете увеличить масштаб, чтобы проверить более внимательно, и вы увидите, что эти квадраты пикселей намного меньше. Также отключите «сглаживание» в текстовом редакторе и поэкспериментируйте с «подсказками».

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

Надеюсь, это полезно.

У меня возникла проблема с редактированием баннера, шрифт выглядел ужасно. Это было из-за режима изображения. Решено путем перехода с индексированного на RGB Menu Image -> Mode -> RGB

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

Используя GIMP, я обнаружил следующее улучшение текста на сфотографированном изображении, которое было довольно серым: «Цвета»> «Уровни»> «Уровни автоматического ввода»> «ОК»> «Файл»> «Перезаписать».

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

Как это! Я использовал Gimp, чтобы найти ответ, и я пользователь Adobe Photoshop, и все еще пытаюсь исправить Gimp в соответствии со своими потребностями. Я использовал маску нерезкости от фильтра к маске Enhanced to Unsharp. Для меня это было бы Sharpen Image.

Я знаю, что в фотошопе я мог бы использовать метод записи для увеличения изображения попиксельно, используя Bicubic, если серверы памяти меня исправят. Грустно то, что прошло некоторое время с тех пор, как я использовал Adobe Photoshop. Между Adobe и Gimp есть тонкая грань.

Я просто надеюсь, что это поможет другим понять, в чем проблема.введите описание изображения здесь

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