Каскадный · [ Стандарт ] · Линейный+ Уменьшение фотографий, работаем в графическом редакторе

[Dana II]

Варюха, а какая у тебя версия Фотошоп? В версии старше 4-й обязательно должна быть такая функция. В меню "Файл", там же, где и "Сохранить", "Сохранить как".

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

[Canary]

Дана, спасибо за ответ! У меня фотошоп 5.0. Посмотрела еще раз, не нашла ни сжатия, ни сохранения для веб. Может, Я плохо ищу.
Я поняла, что правки не избежать, просто хочу для себя понять, на будущее (про сжатие). Вот в фотоаппарате нашла: "сжатие: наивысшее качество, высокое качество, обычное качество", а цифры никакие не приводятся.
И еще ( уже не по теме) в инструкции к фотоаппарату рекомендуется сохранять файлы в формате RAW. Стоит ли это делать? Или сохранять в ipj? Ответьте, пожалуйста, если не сложно.

[Dana II]

Таня (Варюха), в фотоаппарате сжатие выставляется в зависимости от того, какого размера хотите эти фото печатать. Мне, как правило, хватает "обычного сжатия" для печати обычных фото 10х15. Высокое и наивысшее - уже для отпечатков 13х18 и больше. То же и о формате. Если хотите большие качественные плакаты - снимайте в наивысшем кач-ве и сохраняйте как RAW. А для рядовых фоток и .jpg вполне сойдёт.

[Canary]

Даночка, спасибо большое.

[Наблюдатель]

С любезной подачи Вероники К...

Как подготовить фото к WEBу

Участвуя в различных фотофорумах я часто становлюсь свидетелем того, как очень хорошие фотографии бывают забракованны из-за небрежной или неумелой обработки. И не понимая почему их фотографии не идут, фотографы скоро уходят из интернетовской жизни. А ведь для того, что бы правильно обработать фотографию, достаточно знать всего лишь несколько простых вещей.
Эта статья ориентирована на тех фотографов, которые только начинают редактировать свои фотографии в фотошопе, или редактируют давно, но недовольны результатами.
Я попытался очень коротко и в простых словах объяснить как достигнуть наилучших результатов с такими основными инструментами как Unsharp Mask, Levels и Smart Blur. То есть, как привести Вашу фотографию к такому виду, который получается при ручной печати.

Этап первый - ЧИСТКА СКАНЕРА

Чем больше времени вы чистите Ваш сканер, тем меньше времени будете чистить фотографию на экране.
Сканер сканирует не только фотографию, но и мелкие пылинки осевшие на стекле, а также, если сканер плёночный, пыль и царапины на плёнке.

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

Этап второй - СКАНИРОВАНИЕ

Сканировать надо на максимальном оптическом разрешении сканера которое позволяет Ваш компьютер. Нет смысла раздувать файл до 300МВ, а потом по двадцать минут ждать завершения каждой операции. С другой стороны не стоит сканировать на слишком маленькой резолюции - от этого сильно страдает качество.
Сканеры "не любят" слишком тёмные и слишком светлые тона, поэтому перед сканированием стоит понизить контрастность и увеличить/уменьшить гамму. Это поможет вытянуть некоторые детали, а контраст легко вернуть в фотошопе.

Этап третий - ЧИСТКА ФОТОГРАФИИ

Если фотография грязная, если на ней пятнышки, полосочки и волосики, она никогда не оставит должного впечатления.
Как чистить?

• Увеличить фотографию. Настолько, чтобы даже самая крохотная пылинка была видна.
  
• Выбрать инструмент Stamp (печать) - кнопка S.
  
• Alt-кликнуть на чистое место, и кликнуть (уже без Alt) на пятнышко.

И так с каждой ненужной точкой.

Этап четвёртый - LEVELS

Помните, как я просил Вас уменьшить контраст при сканировании и фотография получилась серой и невыразительной? Сейчас мы будем это чинить.
Нажмите Ctrl-L (или Image->Adjust->Levels), появится окошко Levels (Уровни).
График показывает сколько точек определённой яркости есть на фотографии.
Моя фотография тёмная, поэтому все точки собрались на левой, тёмной стороне графика.
На правой стороне есть низкая волна - это клочок неба в ЛВУ. Под графиком есть три ползунка.
Чёрный показывает какие пиксели считать самым абсолютно чёрным. Все пиксели левее него тоже станут чёрными.
То же самое насчёт белого ползунка. Серый обозначает самое среднее по яркости место.

Теперь посмотрим на график.
Левый край пустой. То есть чёрных точек нет, есть только тёмно-серые. Перетащим ползунок к началу кривой. Сейчас у нас появился чёрный цвет.
Обратим внимание на правую часть графика. На ней есть низкая волна. Это яркое небо. Если сдвинуть ползунок как показано на рисунке, небо пропадёт, и на его месте останется скучное белое пятно. Однако если его не сдвигать, четверть тональной широты кадра не будет использована. Поэтому, с помощью лассо (кнопка L) аккуратно вырезаем фотографию без неба, и работаем с уровнями.
Уровни дают намного лучший результат, чем контраст, так как они растягивают полутона, в то время как контраст сглаживает их.
Ctrl-Cancel сбрасывает установки.

Этап пятый - Резкость

При сканировании теряется резкость.
Её надо востановить.
Мы сделаем это с помощью фильтра Unsharp mask - нерезкая маска.
Для того, что бы более эффективно им пользоватся, нужно понять как он действует.
Unsharp mask находит границы между тонами и увеличивает их. Чем больше разница между тонами, тем чётче будет граница.
Простой пример:

Без фильтра	Нерезкая маска в RGB	Нерезкая маска в Lab

Обратите внимание на нижнюю правую часть уха.
При выборе слишком больших параметров кромка уха стала чёрной, а снаружи появился белый ореол.
При этом Unsharp mask ищет не только разницу в яркости, но и разницу в цвете, которая не добавляет резкости, но увеличивает цветовой шум и портит цвета. Это ясно видно на второй картинке. Поэтому этот фильтр надо применять так, чтобы он не использовал цветовую информацию фотографии.
Такой способ работы с картинкой предлагает нам формат Lab, который имеется в фотошопе версии 5.5 и выше. Для более ранних версий можно скачать плагин.
На третьей картинке фильтр применён в канале Lightness этого формата.
Lab имеет три канала:

[*]Lightness,

[*]a - На сколько жёлтого цвета больше чем синего,

[*]b - На сколько красного цвета больше чем зелёного.
[/list]
Как видим в канале Lightness отсутствует информация о цветах, а в каналах a и b нет информации о чёрно-белом представлении картинки.
Поэтому Unsharp mask стоит применять в канале Lightness, а Blur в каналах a и b.

Чтобы перевести картинку в Lab надо нажать Image -> Mode -> Lab color.
Потом Window -> Show Channels и выбрать канал Lightness.
Картинка станет чёрно-белой.
Включить фильтр Unsharp mask - Filter -> Sharpness -> Unsharp mask.
В окошке фильтра есть три параметра, которые можно изменять.
• Amount - "Сила" с которой действует фильтр.
  
• Radius - Радиус действия вокруг одного пикселя. Слишком маленький радиус увеличит шум и зерно, а слишком большой увеличит границу между тонами.
  
• Threshold - порог действия.
Чем больше размер картинки, тем большие значения надо вводить. Однако важно не перестараться - перешарпленные фотографии выглядят неестественными.


Этап шестой - ШУМ и ЗЕРНО


Часто небо, вода, или другой однородный фон получаются сильно шумными, из за зерна увеличенного и усиленного фильтром Unsharp mask. Этот шум легко убирается с помощью фильтра Smart Blur.


Без фильтра	Фильтр Blur


Верните фотографию в формат RGB: Image->Mode->RGB Color.
Если Вы сканировали в 16 битовом режиме, перейдите в 8 битовый: Image->Mode->8Bits/Channel.
С помощью лассо аккуратно выделите нужную часть кадра.
Выберите фильтр Smart Blur: Filter->Blur->Smart Blur.
Выставьте подходящий радиус и порог и нажмите ОК.


Этап седьмой - КАДРИРОВАНИЕ


Кадрирование - это очень важный этап в фотографии.
Желательно кадрировать во время съёмки, однако для этого не всегда есть возможность. А иногда хочется иметь более узкий кадр, или квадратный, а не такой, как предлагает нам традиционная плёнка.
Кадрировать нужно осторожно, руководствуясь правилами этой науки.
Кнопка С вызывает инструмент Crop Tool.
Выбираем нужную часть фотографии, Двойной Клик на неё (или Enter, или Правый Клик ->Crop) и готово.
Для отмены - Правый Клик ->Cancel (или Escape).
Кадрирование может быть и самым первым вашим действием над фотографией и тогда Вы не будете заниматся обработкой лишнего. Однако в этом случае, если во время дальнейших действий Вы решите изменить кадрировку, Вам придётся проделать всю работу сначала.


Этап восьмой - РАЗМЕР


Оптимальный размер для интернета - 700х600 пикс. Достаточно большой, чтобы разглядеть детали и при этом фотография целиком поместится на экране большинства зрителей.
Для наименьшей потери качества уменьшать надо постепенно, в несколько этапов по 50 процентов.
При уменьшении надо взять в расчёт рамку и уменьшить так, чтобы фотография с рамкой помещалась в экран.
Image->Image Size (или Alt-I Alt-I) вызывает окошко для изменения размера.
Изменение размера снижает резкость. После уменьшения надо востановить резкость с помощью фильтра Unsharp mask, но уже с гораздо меньшими параметрами.


Этап девятый - РАМКА



Даже простая тоненькая рамочка приятно оттенит фотографию. Простенькая двухцветная делается так:
• Выбираем чёрный фоновый цвет - клик на нижний квадратик и выбор чёрного цвета.
  
• Image->Canvas Size - увеличение полотна на два пикселя в ширину и два в высоту - то есть по одному пикселю с каждого края. Этим мы отделим картинку от рамки.
  
• Выбираем белый фоновый цвет и увеличиваем полотно на 20 пикселей по горизонтали и вертикали.
  
• И ещё по одному пискелю черного цвета, что бы отделить рамку от фоногого цвета на сайте. Рамка готова!

Этап десятый - JPEG


Если Вы собираетесь вернутся к работе над фотографией, сохраните её в формате TIFF или PSD - родном фотошоповском. Перевод в JPEG должен быть вашим последним действием перед посылкой.
В 5.5 версии фотошопа мы получили новую функцию - File ->Save For Web.
С её помощью мы выбераем оптимальный размер файла - 100-150КВ должно хватить для большинства случаев и дадим фотошопу найти правильную компресию.
Кликните на маленький треугольничек слева -> Optimize to File Size и проставте нужный размер.
Под картинкой вы увидите качество сжатия в процентах и размер файла, а также время загрузки с интернета.


Всё!


Посмотрите - какая огромная разница между только отсканированной и готовой фотографией!



Я надеюсь, что смог правильно и доступно всё объяснить, а если нет - не стесняйтесь и пишите мне на [EMAIL=mail2100@mail.ru?Subject=How%20make%20photos%20for%20Web]mail2100@mail.ru[/EMAIL], и задавайте вопросы - я отвечу.
PS. Спасибо Ткачёвым и Аните за помощь.

Vadim Fainshtein
http://www.iphoto.by.ru
ноябрь 2001

[Ina]

Что за новая программа по уменьшению фоток???
Портит мои фотки. Если делать самый большой размер 480 как Вы пишете, то очень плохое качество. Я всегда делала где-то 550. Как же быть. Только хотела навешать фоток, а тут...

Вопрос по существу:
А научите кто-нибудь уменьшать в Microsoft Photo Editor. Кто пользуется этой программой? Плиз.

[Dana II]

Насколько я знаю, закачиваемые фото сейчас автоматически уменьшаются до размера 480х... .

Представляю, какое Наблюдателю облегчение Не надо часами править фотки, которые тут не подумав гигантскими аплоадят

Качество портится при автоматическом уменьшении ("насильном" сжатии), но если размер 480 (по "длинной" стороне) выставлять сразу, ещё до загрузки, то всё будет в порядке.

А вот Microsoft Photo Editor - это как раз бич для нормальных фото, портит качество в два счёта. Тут тебе и "зерно", и пикселы, и ещё куча всякой бяки вылезает. Настоятельно рекомендую, если качество фоток действительно волнует, перейти всё же на Фотошоп

Но если охота с этой программкой возиться, то там уменьшать фоты проще простого:

(у меня англ. версия, пишу как есть): в меню Image -> Resize -> далее выбираем единицы (inches - дюймы, Cm - см или Pixels - пикселы), и уменьшаем на сколько надо. Можно и в процентах (там же выбрать) - 25% в самый раз.

[Наблюдатель]

Ага, облегчает работу до безобразия... Остаётся только подсветлять откровенную черноту... Я сделал недавно тему Сводная таблица качества, где выкладывал большие фотки и менял коэффициент качества... Там всё расписано. Сейчас стоит 80, это даже больше, чем там указано. Часто вижу отвратительные по качеству фотки... Могу сказать, что уродует их НЕ ресайзер (resizer - изменятель размера)... Вы ведь видели много фоток здесь - есть очень качественные... Ina, грузите ваши нередактированные гигантские фотки...

(у меня англ. версия, пишу как есть): в меню Image -> Resize -> далее выбираем единицы (inches - дюймы, Cm - см или Pixels - пикселы), и уменьшаем на сколько надо. Можно и в процентах (там же выбрать) - 25% в самый раз.

Pixels = 480, причём это должен быть наибольший размер либо по вертикали, либо по горизонтали. Тогда будет произведено только сжатие с качеством 80. Конечно, если у вас фотки уже ужаты при сохранении на винт с качеством 65, то они красимше не станут... А если сжаты поменьше (т.е. качество выше), то... заметно не испортятся.

[Deesy]

...особенно теперь, когда запущен робот-ресайзер, который автоматически форматирует фотографии в НАШ размер и перезаписывает их с качеством 65.

А если фотка попадает под размер она все равно будет переписана?
Дело в том что существую программы (xat.jpeg optimizer) которые позволяют резайзить/сохранять гораздо с лучшим качеством чем это делает фотошоп при том же итоговом размере. Поэтому если я соптимизирую картинку и залью сюда она будет пересозранена вашим роботом или нет?

[Alesia]

Добрый день.Обьясните пожалуста "Чайнику",я уменьШала фото в фотоШопе на аватор и у меня поЧемуто постоянно появляетца уменьШенная желтая картинка.Што я делаЮ неправельно?