Зубчатые линии на моих иконках

Я создаю приложение и пытаюсь создать для него несколько значков. Я сделал значок в AI, изменил цвет значка в Fireworks, а затем изменил размер значка до нужного мне размера в Photoshop. Конечный результат всего этого дает мне эту иконку с красивыми зубчатыми краями (которых я, конечно, не хочу).

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

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

Ответы (3)

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

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

  • Отрегулируйте угол поворота, пока путь не совпадет с пиксельной сеткой. Иногда небольшое движение может привести к большому улучшению.
  • Примените легкий эффект растушевки к краю повернутого объекта. Достаточно, чтобы «помочь» сглаживанию.
Извините, что так долго не отвечал, я на самом деле собираюсь применить внешнее свечение к этому изображению, поэтому, думаю, мне понадобится Photoshop. Итак, мне следует перейти из Illustrator -> Fireworks -> Photoshop? Если да, то где мне выровнять его в пиксельной сетке. Если я выровняю пиксельную сетку в иллюстраторе, не испортит ли ее изменение размера в фейерверке и, следовательно, не испортит ли это в фотошопе?

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

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

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

Тем не менее, сохраните значок в Fireworks и экспортируйте в нужный размер/формат. Именно для этого был разработан Fireworks. Если конечным форматом, который вам нужен, является png, убедитесь, что вы экспортируете из Fireworks и не используете собственный многоуровневый формат Fireworks PNG.

Но эта графика кажется частично сглаженной.
Зубчатые линии на моих иконках
СпросиСетьПолитика конфиденциальности1y, 0v