Отправляет email-рассылки с помощью сервиса Sendsay

Заметки Дизайнера

  Все выпуски  

Заметки Дизайнера - Обработка фотографий


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

заметки дизайнера
Выпуск 22 - 14 апреля 2001 
http://www.zametki.org

Обработка фотографий

 

Вариант с множеством картинок и с добавками "на полях" находится по этому адресу:

http://www.zametki.org/fish2/zametki/007/page1.html

Очень рекомендуется!

Краткое руководство по подготовке фотографического изображения для сайта в Интернете или посылки по электронной почте.

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

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

1. Сначала был оригинал...

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

В качестве иллюстрации для этой статьи была выбрана довольно качественная фотография размером 10х15 см, снятая обычным фотоаппаратом ("мыльницей") три года назад.

2. Сканирование

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

Для большинства целей, достаточно сканировать с разрешением 300 точек на дюйм (Resolution = 300 dpi) с разрешением 24 бит на пиксел (24-bit color). Настройте ваш сканер соответственно -- загляните в инструкцию, если вам неизвестно, как это сделать.

Обратите внимание на две детали. Во-первых, уприте фотографию одним краем в рамку сканера. Это гарантирует, что вам не придётся вращать фотографию в редакторе после сканирования. Во-вторых, оставьте поля со всех сторон, кроме упирающейся в рамку сканера.

Жмите на ОК -- и через некоторое время вы получите готовое изображение. В таком виде его использовать пока нельзя -- оно слишком большое. Но в таком виде его удобно подправить перед уменьшением.

3. Прирезка

После сканирования нужно прирезать изображение -- вы ведь оставили поля? Если фотография отсканирована правильно, то её края будут параллельны краям изображения и вам останется только убрать фон и ещё 2-3 пиксела по краям, для гарантии.

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

Выделять изображение нужно инструментом Rectangular Marquee Tool, убирать кусочки -- тем же, но нажимая при этом Alt. Функция "прирезки" находится в меню Image и называется Crop.

4. Цветокоррекция

Ни одна фотография и ни один сканер не используют всё пространство цветов, доступное компьютеру. Отсканированный чёрный получается тёмно-серым, а белый -- светло-серым. Поправить положение можно с помощью функции Levels из меню Image/Adjust.

Для большинства изображений, автоматический вариант этой функции (Auto Levels) даёт правильный результат. Если же действовать вручную, то нужно подвинуть левый и правый треугольники до места, на котором начинается подъём на графике. Когда вы двигаете треугольники, изображение соответственно изменяется и вы можете видеть, насколько хорошо получается коррекция.

5. Выбирайте размер

Если вы собираетесь послать фотографию по e-mail и знаете разрешение экрана у адресата, то выберите размер соответственно таблице. Если не знаете, выбирайте соответствующее колонке 800х600 -- распространённость именно такого разрешения в начале 2001 года составляет чуть больше 50%.

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

Разрешение Максимальные
   ширина       высота   
640х480 600 400
800х600 750 550
1024х768 950 700
1280х1024 и больше 1200 950

Размер изображения для размещения на странице в Интернете определяется дизайном. Как правило, ширина колеблется в пределах 200-600 пикселов.

Пример: иллюстрация должна быть размещена на странице в Интернете и максимальные размеры - 500х360. Сейчас (до уменьшения) её размер - 1611х1136.

6. "Дорогая, я уменьшил фотографию!"

Уменьшается фотография с помощью функции Image Size из меню Image. Менее трудоёмкий способ -- уменьшать фотографию сразу до требуемого размера.

Более трудоёмкий cпособ, но и с более качественным результатом -- уменьшать в несколько шагов, каждый раз на 50%, и последним шагом дойти до желаемого размера; при этом после каждого уменьшения увеличивать резкость изображения (см. шаг 7). Так, наш пример нужно будет уменьшать дважды: первый раз на 50% (1611 -> 805) и во второй раз точно (805 -> 500).

7. Резкость

После уменьшения (или после каждого шага уменьшения) полезно поднимать резкость изображения. При уменьшении резкие контуры немного смазываются, и специальный фильтр Unsharp Mask из меню Filter/Sharpen помогает избавиться от нерезких контуров.

Выставьте настройки так, как на картинке: Amount - 25%, Radius - 0.3, Threshold - 0.

Примените фильтр несколько раз подряд (2-5) и с помощью History выберите самый качественный (изображение чёткое, но не видно нежелательных эффектов) результат. В среднем, лучшие результаты получаются после двух проходов.

Для нашего подопытного изображения, лучший результат на окончательном изображении (шириной в 500 пикселей) дают 3 прохода: Слева - оригинал. В центре: после 3 проходов при увеличении начинают появляться мелкие дефекты, поэтому лучший результат получается при 3 проходах. Справа: 6 проходов - дефекты очень заметны даже без увеличения (светлое кольцо возле наушника), нереальное изображение - явный перебор.

8. Сохранение

Фотографические изображения сохраняются в формате JPEG. Этот формат даёт очень хорошее сжатие (в 10-20 раз), но теряет при этом некоторые элементы изображения. Поэтому сохранение в формате JPEG -- это всегда поиск компромисса между небольшим размером файла и качеством полученного изображения.

Для сохранения в JPEG используется функция Save for Web из меню File. Настройте все параметры и начинайте менять поле Quality. Ваша цель -- найти самое низкое значение, при котором потери сжатия не видны без увеличения (но видны с увеличением 200 или 300%, это значит, что сжимать уже некуда). Обычно это значение лежит между 30 и 60%.

Обратите внимание и на размер. Для электронной почты допускается размер до 70 Кбайт -- больше, если у получателя очень быстрый модем (ISDN, etc. Но тогда зачем вообще возиться? Сжимайте с 95%, и всё!) Для фотографий, предназначенных для WWW, планка поднимается повыше -- учитывая рекомендации не подниматься выше 50 Кбайт общим размером страницы (текст + графика), постарайтесь остаться в пределах 35 Кбайт.

У нашего примера результат достигается при 40%. 33 Кбайта -- это 15-кратное сжатие от полумегабайтного исходного файла. Неплохо, не так ли?

Попробуйте сами, на другой фотографии. Ваши адресаты и посетители ваших сайтов будут вам глубоко благодарны.

Новый форум "Заметок"

Новый форум открылся по адресу http://www.zametki.org/forum. Прошу любить и жаловать (ну и, разумеется, регулярно заходить :)


Засим прощаюсь до следующего раза, MaxVT
пишите письма: maxvt@zametki.org


http://subscribe.ru/
E-mail: ask@subscribe.ru

В избранное