Почему края контуров и форм шрифта размываются?

(Illustrator 2015, размер монтажной области: 960 x 887 пикселей, единицы измерения: пиксели)

Оригинал . ai файл здесь :

В течение нескольких месяцев я разрабатывал логотипы и фигуры в Illustrator. Теперь, когда я прояснил некоторые понятия, я заметил, что у профессиональных дизайнеров есть проекты с четкими краями. Они почти не имеют размытых краев. Я всегда делал дизайны без align to pixel grid проверки опций.

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

На приложенном изображении я нарисовал форму перевернутой буквы U ( 3 ). И когда я увеличил масштаб, это было прекрасно! нет размытых краев, кроме изогнутой части (см. 1 )

Затем я скопировал ту же форму, изменил ее размер с помощью мыши Ctrlи Shiftсохранил пропорции. Затем я увеличил масштаб, и, к моему удивлению, края стали размытыми :(

Та же проблема произошла с текстом. Я набрал Привет ( 3 ). Создал из него контуры и увеличил масштаб. Опять же, у каждой буквы были размытые края (см. 4 )

Теперь у меня есть следующие запросы:

  1. Действительно ли дизайнеры используют параметр выравнивания по пикселям, отмеченный для идеального дизайна?
  2. Почему края объекта размывались при изменении размера и обводке текста?
  3. Чтобы исправить, я предполагаю, что вам нужно использовать инструмент «Прямой выбор» и захватить точки, чтобы они соответствовали пикселям. Но это не кажется правильным. Это исказило бы общий дизайн и изогнутые детали. Так есть ли способ исправить это?
  4. Я делаю что-то не так и что-то упускаю при разработке пиксельных идеальных объектов?

введите описание изображения здесь

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

Ответы (1)

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

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

Если вам нужно изображение, которое можно увеличивать или увеличивать без ухудшения качества, рассмотрите возможность экспорта в векторном формате из Illustrator. SVG — это векторные изображения, которые можно использовать в качестве графики на веб-страницах. Другой альтернативой для печати является экспорт в формате PDF из Illustrator — опять же, PDF-файлы могут содержать векторы.

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

В Illustrator CC 2017 и более поздних версиях также есть функции, позволяющие выравнивать объекты по пиксельной сетке: подробнее здесь . По этой ссылке обсуждается использование функций «Выровнять выбранный рисунок по пиксельной сетке» и «Сделать пиксели идеальными» .

Конечно. Вы сказали не увеличивать. Вы поняли, что я увеличил только файл ai в Illustrator? Я не увеличиваю экспортированный файл PNG/JPG. Кроме того, если мне нужно решение для этих горизонтальных и вертикальных размытых краев, потому что даже когда вы не увеличиваете масштаб и не экспортируете изображение с нужным мне разрешением, изображение не выглядит четким. Мне нужны лучшие PNG. Теперь я вижу в Интернете старые дизайны, которые были сделаны до 2017 года и до сих пор выглядят потрясающе. Как бы они это сделали? Что сказать?
Кроме того, есть ли способ выровнять линии по пикселям с помощью любого инструмента в Illustrator 2015?
Да, но у вас, кажется, включен предварительный просмотр пикселей. По сути, это то же самое, что и увеличение пикселей. Вы должны отключить его, если вы не хотите видеть пиксели. Если у вас есть Illustrator CC, вы можете бесплатно обновить его до последней версии. У меня больше нет доступа к версии 2015 года, поэтому я не могу вам помочь.
Сэр, я думаю, вы не поняли одну вещь. Когда я сохранил вышеуказанные дизайны в формате PNG (кроме 1-го), изображения не выглядели четкими, но 1-е! Может быть, потому что он идеально выровнен по пикселям. Поэтому я хочу убедиться, должен ли я включить его, чтобы сделать его четким, или есть какой-то другой способ?
Пожалуйста, ответьте @Billy Kerr
@VikasKumar Извините, мне действительно больше нечего добавить. Как я уже сказал, у меня нет доступа к CC 2015. Почему бы вам не обновиться — это бесплатно для клиентов Adobe CC.
Почему края контуров и форм шрифта размываются?
СпросиСетьПолитика конфиденциальности1y, 0v