Рваные края логотипа

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

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

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

Сглаживание также используется векторным программным обеспечением для имитации фигур с дробными размерами пикселей (ширина = 0,5 пикселя) или размещенных в дробных пикселях (x = 0,5 пикселей). Более светлые пиксели заставляют глаз думать, что форма слегка смещена.

Если вы объедините и то, и другое (кривые и дробные размеры/размещение пикселей), то вы получите много сглаживания.

Взгляните, например, на это изображение. Круг и квадрат имеют размеры 20 x 20 пикселей и обведены черной обводкой толщиной 1 пиксель. Левый угол фигур в первом столбце расположен точно в пикселе. Вторые фигуры расположены на четверть пикселя (x=0,25px). Третьи в полпикселя (x=0.5). Верхняя часть (y) всех фигур находится в точном пикселе.

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

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

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

Лично я предпочитаю размещать круги на расстоянии 1/2 пикселя, как по x, так и по y, чтобы пушок распределялся равномерно. На мой взгляд, это делает кривые более плавными. Однако некоторые артефакты все же можно увидеть.

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

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

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

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

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

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

Также имейте в виду, что если вы его распечатываете, то в дело вступает другой набор артефактов. Это интересный комментарий по этому поводу (и я перестану навязывать свои собственные комментарии).

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

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

Другой вариант — сделать версию логотипа для сетчатки и показывать клиенту его веб-страницу только на iPad или Macbook с экраном сетчатки. :)

Это очень специфическая ситуация, связанная с тем, как Illustrator обрабатывает псевдонимы.

Попробуйте экспортировать его, скажем, в 3-4 раза больше, чем окончательный результат, и передискретизируйте его.

Вы также можете попробовать повысить резкость либо перед передискретизацией, либо после передискретизации.