Увеличение резкости изображений
при публикации в интернете за 3 шага

+27

У вас есть сочная, четкая картинка, которой вы хотите поделиться со всем миром. Но беда - при уменьшении картинки она теряет свою прелесть, детали картинки становятся нечеткими и размытыми. Что делать?

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

Оригинальное изображение шириной 1700 пикселей. Мне надо разместить в контентной части сайта шириной 1000 пикселей с боковым блоком порядка 300 пк, то есть мое изображение должно иметь ширину 600 пк.


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


Шаг 1

Делаем дубликат слоя (сочетание клавиш Ctrl+j), переходим в фильтры и выбираем фильтр «Контурная резкость" (Unsharp Mask).

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

Параметр «Эффект» выставляем в диапазоне 300−500, для того чтобы получить максимально темную границу, «Радиус» выбираем исходя из изображения.

 

Шаг 2

Создаем дубликат слоя с повышенной резкостью. Ставим режим наложения «Темнее». Изменение режима наложения позволяет смягчить светлый ореол, появившийся в результате применения фильтра «Контурная резкость».

Шаг 3

Создаем еще один дубликат слоя (Ctrl+j) с примененным фильтром «Контурная резкость», и назначаем ему режим наложения «Светлее».

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

 

Для того, чтобы увидеть полученный эффект, объединяем слои с примененным фильтром «Контурная резкость» в группу (выделить 3 слоя с зажатой клавишей Shift, затем Ctrl+G — объединить в группу) и отключаем видимость группы с примененным фильтром.

Результат очевиден.


В 100% размере для уменьшенного изображения (в том, в котором картинка будет выводиться на экран — Ctrl+Alt+0) мы получили четкие элементы— листва, черепица, фундамент в достаточной резкостью.


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

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

 

Понравилась статья? Поделись с друзьями:

Комментарии (9)

  1. Ольга 18 июня 2014, 02:48 # 0
    Увеличение резкости — это прекрасно. Но в последнее время все больше информации для продвинутых. Будто можно сразу в 10 класс, минуя первый… А я вот не знаю, как увеличить фон, если картинка оказалась меньших размеров, чем нужна. И найти нигде на могу. Слишком заумно написано. Мне бы попроще…
    1. haizy 18 июня 2014, 09:10 # 0
      Здравствуйте, Ольга. Про неизбежность обучения вы правильно написали, но своим вопросом вы поднимаете очень обширную тему. Для того, чтобы знать, что именно делать, если картинка оказалась меньших размеров, чем нужно, надо рассматривать конкретную ситуацию: на сколько надо увеличить ваше изображение, что на картинке, какой фон и тд. Если вы прикрепите ваше изображение и напишете, какие итоговые размеры должны быть, смогу рассказать подробнее.
      1. Olga 18 июня 2014, 09:48 # 0
        Спасибо. Но не стану же я присылать картинку всякий раз… Надо картинку 460*380, у меня 460*330.То есть надо добавить фон. А он розовый от самого бледного до насыщенного. Я могу закрасить, но переходы… Всех оттенок не учтешь, получаются эти переходы заметными. А вы не хотите в блоге вести ликбез для чайников? Я вопросы буду задавать, какие на первых порах у начинающих возникают. Например: есть картинка 800*600, надо 460*380. Как сделать ее таких размеров, не искажая (функция «изображение»).Я, например, каждый раз на калькуляторе размеры пересчитываю… Вначале считаю, каких размеров должна быть картинка, аналогичная необходимой, потом обрезаю с помощью функции «размер холста», а потом уменьшаю. Надоело считать… Как-то иначе можно? Спасибо.
        1. haizy 18 июня 2014, 09:59(Комментарий был изменён) # 0
          Есть типовые ситуации и приемы работы, рассмотрев которые можно разобраться со всеми остальными и не надо будет дальше прикреплять изображение каждый раз. А иногда бывает, что проще заменить изображение, потому что время, затраченное на его переделку, займет гораздо больше, чем можно себе позволить) Про вопросы начинающих- откроем такой раздел, где будем отвечать на ваши вопросы, ведь ответить на что-то всегда легче, чем писать с нуля. Первым и рассмотрим уменьшение размеров изображения.
    2. Olga 18 июня 2014, 10:11 # 0
      Спасибо! Буду ждать и задавать много вопросов.
      1. haizy 18 июня 2014, 12:48 # 0
        Ольга, ответ на ваш вопрос вы можете прочитать в статье "Уменьшение размеров изображения" в разделе «Photoshop для начинающих»
      2. Диана 18 июня 2014, 11:30 # 0
        Прочитала вопрос об увеличении картинки фоном, мне бы хотелось узнать, как просто увеличить картинку без потери качества, ведь при увеличении качество теряется. И иногда маленькие картинки бывают такими интересными!
        P.S Данный урок очень полезен, спасибо!
        1. haizy 18 июня 2014, 12:55 # 0
          Диана, а ваш вопрос- это уже головная боль всех дизайнеров и, как правило, одним, двумя действиями тут не обойдешься, иногда, если картинка маленькая, а должна быть большая, приходится фактически отрисовывать ее заново. Если же исходная картинка приемлемых размеров и увеличить ее надо не намного, можно попробовать преобразовать ее в смарт-объект и увеличивать уже смарт, иногда помогает. Полученное изображение обработать фильтрами, придать немного резкости, может получиться нормальный результат. Но также, как и Ольге, я вам скажу, что каждый раз надо смотреть по конкретным задачам, потому что вариантов много, как и возможностей фотошопа.
        2. Диана 18 июня 2014, 13:01 # 0
          Спасибо)))
          Голосуйте за нас - Премия - РИФ Воронеж 2017
          Категории
          События студии все
          Популярное
          Последнее