Как избежать линий в верхней и левой границах файлов PNG, экспортируемых из Illustrator


15

Когда я экспортирую иллюстрацию Illustrator в виде png-файла, я получаю однопиксельную серую рамку по верхнему и левому краям.

Фонового объекта нет, но я экспортирую (Сохранить для Web и устройств) с белым матовым фоном и без прозрачности. Я также попробовал с белым фоновым объектом, привязанным к артборду, а также большим, чем артборд, на 10 пикселей в каждом направлении. Я все еще получил строки вверху и слева от экспортированного изображения.

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


3
Можете ли вы опубликовать один из файлов, чтобы мы могли посмотреть?
Farray

Ответы:


12

После долгих разрывов волос у меня работает следующее:

  1. Выберите « Просмотр»> «Предварительный просмотр пикселей» .
  2. View> Snap to Pixel должен быть отмечен.
  3. Вы должны использовать артборды
  4. Художественные области должны быть размещены в Illustrator не вами, поэтому, если вы создали, скопировали или разместили любое из них: « Объекты»> «Художественные доски»> «Перегруппировать» и выберите целое значение пикселя для разнесения. Это выложит артборды в точные пиксели.
  5. Выберите « Просмотр»> «Предварительный просмотр пикселей» и проверьте края графического объекта на предмет нежелательного сглаживания. Иногда это помогает расширить формы за края артборда.
  6. Когда вы довольны тем, как это выглядит, выберите « Файл»> «Экспорт» и отметьте « Использовать артборды
  7. Выбор типа сглаживания, похоже, мало влияет на эту проблему, но влияет на то, как выглядит ваша работа.

Я бы рекомендовал использовать ломтики, а не артборды. Срезы всегда выровнены по пиксельной границе, артборды - нет.
Марк Эдвардс

2
@MarcEdwards Несмотря на то, что это правда, к сожалению, ломтики слишком сложны и сложны в использовании. Артборды выровнены по пикселям, если вы позволите Illustrator их разметить.
Undistraction

1
В моем случае я должен изменить размер моей монтажной области, чтобы иметь точный размер пикселя ПЕРЕД НАЧИСЛЕНИЕМ, например, ширина = 50, высота = 40 (не что-то вроде 40.3333). А для прямоугольников внутри монтажных областей они должны иметь целочисленное значение для x, y position и значение ODD INTEGER для ширины и высоты (например, 171, 135, а не 170, 134)
Hải Phong

1
ODD INTEGER обусловлен тем, что ваша позиция x, y находится в месте привязки по умолчанию (центр) прямоугольника. Выберите другое местоположение якоря (например, внизу слева), и ваши координаты станут четными.
Генри Чан

Ты гений. Спасибо, что вырвали твои волосы, поэтому мне не нужно.
Арон

1

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


1
К сожалению, это часть решения. Смотри мой ответ.
Undistraction

1

Если я правильно помню, выбор «использовать артборды» при экспорте позволяет обойти эту ситуацию.


-2

У меня возникла та же проблема, и я понял, что настроил свой документ с помощью функции обрезки, поэтому, когда я отключил функции обрезки и попытался снова выполнить экспорт в PNG, у меня не возникло проблем с отображением белой границы. нажмите "использовать артборды" при экспорте.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.