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

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

Особенно проблема проявляется при значительном уменьшении изображений. Например, Вы хотите сделать из понравившейся картинки размером, скажем, 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

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

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

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Как создать текстуру стекла
В этом коротком и простом уроке я расскажу, как за пару минут, используя штатные фильтры Photoshop создать текстуру стекла. Выполнение урока под...
создание анимации "Белый шум на экране TV"
В этом уроке я расскажу, как создать эффект цифрового шума на экране телевизора - этот шум отображается на экране, когда от телевизионной антенны...
Интересный проект - бесплатная библиотека бесшовных узоров - The Pattern Library - создан разработчиком Тимом Холманом. Здесь Вы можете скачать...
Как создать лист в клетку, линейку, узор из линий
Ещё один способ создать рисунок из параллельных линий, клетки и т.п. в Photoshop. Этот способ стал возможен в Phoptoshop начиная с версии CS6...