Как привязаться к каждому полупикселю (0,5) в иллюстраторе?

11

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

Как я могу получить это поведение? ... без потери функции просмотра пикселей.

adobe-illustrator pixel-art

— Сорин
источник

1

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

— Дом

1

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

— Андрей

@Andrew Наконец, очень полезный комментарий, это означает, что мне нужно использовать pt и изменить dpi, чтобы он отображал 1: 1, но, по крайней мере, это может быть float.

— Сорин

8

Вы можете настроить Grid в настройках, чтобы линия сетки была каждые .5pt (так же, как px в AI). Затем включите Snap to Grid в меню View . Это позволит вам привязаться к шагам в .5px. Однако это не имеет значения.

Хотя вы можете поместить объект на 1/2 пикселя (или 1 / 2pt в Illustrator), при выводе все настраивается (сглаживается) до полных пикселей. Это можно увидеть, включив Pixel Preview в меню View .

Например ... квадрат 1/2 пикселя:

полупиксель

И с Pixel Preview:

предварительный просмотр

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

Сохраните это полупиксельное изображение ... откройте в Photoshop и увеличьте 3200% ....

увеличена

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

Но вы, вероятно, говорите себе: «Мне нужны только некоторые края, чтобы сидеть на полпикселя. Не на полпикселе».

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

края

(Нижний край опирается на половину пикселя. Черный край - половина пикселя в ширину).

И Pixel Preview ....

предварительный просмотр

О, но давайте отключим "Anti-Alias Artwork" в настройках Illustrator и посмотрим на Pixel Preview ...

нет сглаживания

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

— Скотт
источник

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

— Сорин

Ааа ... хватать ручки на 1/2 пикселя, в то время как якоря на полных пикселях имеет смысл :)

— Скотт

2

Векторы могут немного изменить правила в некоторых конкретных случаях, но, вообще говоря, нет приращения 0,5px. (Если мы не говорим о CSS px на устройствах с сетчаткой, но это совсем другая тема)

Пиксель - это самая маленькая единица на мониторе.

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

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

Есть некоторые пограничные исключения. Например, граница векторной фигуры не идеально совмещается с пикселями, поэтому происходит какое-то сглаживание. Тем не менее, к тому времени, когда информация попадает на ваш монитор, на самом деле не существует полпиксельного бизнеса. Кроме того, на устройствах ультра HD, таких как современные смартфоны, пиксель в CSS больше не равен одному пикселю. Полупикселя по-прежнему нет, но на устройствах Retina (Ultra HD), ради разговора, вы можете считать, что пиксель составляет половину пикселя при соотношении пикселей 2: 1.

— Эрик
источник

1

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

— Сорин