Сглаживание краёв при уменьшении изображений

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

Особенно проблема проявляется при значительном уменьшении изображений. Например, Вы хотите сделать из понравившейся картинки размером, скажем, 300 на 300 пикселей, иконку размером 48 на 48. Используем стандартный инструмент изменения размера Изображение —> Размер изображения (Image —> Image size), метод — Бикубический чётче (наилучший для уменьшения) или. в англ. Bicubic sharper (best for reduction), но, тем не менее. вместо небольшой симпатичной иконки у нас получается малопонятное смазанное изображение. Надо сказать, что эта проблема возникает не только при создании иконок, но и во многих других случаях, когда требуется использование небольших изображений, например, в играх на мобильных устройствах с относительно небольшими дисплеями.

Думаю, этот пример прояснит ситуацию лучше любых объяснений. На рисунке справа показан круг с сглаженными краями, слева — без сглаживания:

фотошоп сглаживание

Решить проблему неровных краёв в Photoshop, да и других графических и текстовых редакторах призвана функция Anti-aliasing (сглаживание).

Давайте проясним, что же делает Anti-aliasing.

Anti-aliasing — это техника минимизации искажений артефактов, получающихся при изменении разрешения изображения с высокого на более низкое.

Надо сказать, что в Photoshop Anti-aliasing проработан очень хорошо, и для больших и средних изображений действует безупречно. Но при создании мелких изображений со стороной менее ста пикселей рубчики на краях всё же проявляются.

Между тем, исправить эти артефакты вручную довольно-таки просто, для этого нам понадобятся каналы.

Для примера возьмём круг диаметром 70 пикс, в результате уменьшения круга диаметром 500 пикс, на краях круга остались артефакты в виде мелких рубчиков:

s

Выделим круг с помощью волшебной палочки, затем открываем палитру каналов (Окно —> Каналы, в англ. Window —> Channels) и создаём новый канал:

s

Заливаем выделение белым. Отменяем выделение, нажав комбинацию клавиш Ctrl+D.

Применяем фильтр «Размытие по Гауссу» радиусом примерно в 1/20 от размера фигуры, в нашем случае, это 3,5 пикс:

s

Откройте инструмент «Уровни», нажав комбинацию клавиш Ctrl+L и сдвиньте ползунки, как показано на рисунке, при этом края круга станут менее размытыми:

s

Нажмите ОК и загрузите канал как выделение, нажав соответствующую кнопку внизу палитры:

s

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

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

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте admin@rugraphics.ru

Оцените автора
( 63 оценки, среднее 5 из 5 )
RuGraphics
Добавить комментарий

  1. Евгений

    То есть Сглаживания действуют даже на самые маленькие Пиксели в Графике как я понял да ?

    Ответить
    1. Дмитрий Евсеенков автор

      Да, все правильно — сглаживание действительно работает даже на самых маленьких пикселях. Просто оно не правит каждый пиксель отдельно, а делает края объектов мягче за счёт плавных переходов между цветами.

      То есть Фотошоп как бы размывает резкие границы, чтобы линии и формы выглядели ровнее и не были рваными. Но когда картинка совсем маленькая — например, иконка 16*16 — пикселей просто слишком мало, и сглаживание не всегда может сделать край идеально гладким.

      Поэтому иногда приходится немного помогать программе вручную, как описано в статье — через каналы и легкое размытие. Так результат получается аккуратнее.

      Ответить
  2. Евгений

    Почему-то пропал тут мой написанный Комментарий, пишу об этой проблеме

    Ответить
    1. Дмитрий Евсеенков автор

      ответил выше)

      Ответить