3.06.2019

1.4.1. Простая обработка фотографий и сканированных изображений

Предыдущий раздел 
К оглавлению
Следующий раздел

Вам с той или иной частотой приходится иметь дело с фотографиями. Вы снимаете их на свой телефон или фотоаппарат, обмениваетесь со своими родственниками, друзьями и коллегами, скачиваете из интернета, устанавливаете в качестве заставок. Иногда или гораздо чаще Вы ставите их на страницах социальных сетей, печатаете в фотолабах, размещаете в документах, презентациях или на сайтах.
Хорошая, красивая фотография может оказаться к месту при оформлении Ваших презентаций, писем, буклетов, сайта, и, вообще, в любом тексте. Фото украшает текст, превращая его из сухого плохо читаемого и скучного набора слов, каких много вокруг, в яркий, притягивающий внимание читателя, подсознательно заставляя его прочитать то, что написано под фотографией и вокруг ее.
Если тема фотографии близка к содержанию документа, веб-страницы или сайта, текст хорошо запоминается читателям. Сегодня без интересного графического оформления все, что написано, написано - впустую! Текст без графического оформления пропускается читателем, а у прочитавшего не оставляет в памяти практически ничего. Многократно доказано, что в рекламе и в обучении визуальная составляющая определяет воспринимаемость содержания.
Выбирая фото для размещения, показа друзьям или знакомым, Вы наверняка отказываетесь от целого ряда фотографий из-за их низкого качества. Ведь читатель, встретив такое фото, вероятнее всего, поморщится и пропустит текст. Да еще и составит об авторе не очень приятное для него мнение, как о неаккуратном, небрежном человеке.
Попадаются фотографии, которые завалены в бок или вообще повернуты под прямым углом. Автор даже не знает, как повернуть фото под углом 90 градусов (или вообще под любым углом) или не придает значение тому, что фото завалено. Читателю предлагается самому крутить головой, чтобы рассмотреть сюжет. А в таких случаях просто следует применить AdobePhotoshop в самом простом его варианте.



  
Рис. 1. Пример фотографий в исходном виде ("как снято")


Рис. 2. Шутливый демотиватор, посвященный горе-фотографам (найдено в интернете)

Встречаются фото, которые автор размещает так, как он его снял – с лишними деталями, обрезанными элементами, чьими-то руками, головами и обрезками голов, проводов, машин на улице. Обычным и быстрым средством избавления от этого в AdobePhotoshop является кадрирование. Более того, кадрирование может позволить выбрать нужные пропорции сторон, нужное разрешение фотографии в зависимости от целей ее использования.


Рис. 3. Провода, машины, завал горизонте, пересветы, чрезмерная контрастность отсутствие облаков на небе отвлекает внимание от главного объекта съемки - здание первого омского кинотеатра

Иногда провода и ветки деревьев так застилают сюжет, что сложно понять, что изображено на фото. Это – артефакты, от которых следует избавляться кадрированием либо ретушированием. А иногда и выполнением фотомонтажа, апплицируя на замусоренный участок фотографии маленькие сегменты с других, «чистых» участков (если, конечно, у Вас есть время на такую монотонную работу, ведь это, по сути, почти рисование).


Рис. 4. Из-за большого числа мешающих артефактов плохо смотрится собор на заднем плане
В интернете приходится встречать фотографии, которые неконтрастны, блеклы. Такие фото было бы желательно пропустить через настройки в Adobe Photoshop – поднять яркость и настроить контрастность, отрегулировать насыщенность. Иногда полезно сменить цветовой тон фото.

 

Рис. 5. Неконтрастное фото до и после обработки

Очень часто на сайтах в интернете или в презентациях попадаются фотографии чрезмерно большого объема, лишь в публикации уменьшенные до нужного. А внутри публикации, презентации или на сайте они хранятся в исходном объеме, занимая память, загружая каналы передачи данных, замедляя просмотр или печать. Современные фотоаппараты и даже последние модели смартфонов снимают в довольно большом разрешении. Например, современные зеркальные фотокамеры могут снимать с разрешением порядка 7360x4912 пикселей (36,3 мегапикселей; файл фотографии такого разрешения занимает более 140 Мбайт) и выше. Считается, что экран монитора обычного современного компьютера, то есть компьютера, на котором читатель будет просматривать фото, редко бывает ниже 1024x768 пикселей, а наиболее распространены экраны разрешением 1280x1024 пикселей. Фото в публикации редко занимает весь экран. Обычно оно имеет размер от четверти до половины экрана. А портреты для аватара имеют размер и того меньше. При загрузке фото в социальные сети обычно происходит уменьшение размера, а иногда и его обрезка до заданных пропорций. Поэтому, загружая большое фото в альбом соцсети, мы часто впустую тратим время и создаем пиковую нагрузку на сеть. Оно там все равно будет уменьшено. Кроме того, часто при уменьшении масштабов фотографии, сервер соцсети «сжимает» ее с существенной потерей качества.То есть, загрузив большое фото в альбом социальной сети Вы рискуете в итоге получить весьма искаженную фотографию.


Рис. 6. Пример сильного сж
атия JPEG с возникновением явных артефактов, называемых артефактами JPEG
Считается, что для сайта и презентации в качестве главного фото сегодня вполне подойдет разрешение полноэкранной фотографии от 800х600 до 1200х900 пикселей, то есть объем неупакованного файла фото будет уже от 1,9 до 4,6 Мбайт. При среднем качестве сжатия JPEG эти фото займут уже раз в 10–100 меньше объема. А для неполноэкранного фото и того меньше. Если же речь пойдет о планшетах и смартфонах, то разрешение их экранов постоянно увеличивается, поэтому не стоит делать разницу между ними и экраном монитора компьютера.
Для снижения объема фотографий для просмотра на экране можно, конечно, снизить разрешение фотоснимков в настройках фотокамеры. Но может случиться так, что захочется поместить хороший снимок в полиграфическую продукцию, либо отпечатать в фотолабе. Бывают также случаи, может понадобиться только маленький участок фотографии, а не вся. Поэтому мы можем оставить настройки фотоаппарата в режиме высокого разрешения и просто кадрировать исходную фотографию большого размера, если размещаем ее в электронной публикации для экранного применения. Фото высокого разрешения никак не повредит. Наоборот, масштабируя фото на компьютере можно добиться его большей резкости.
Цели использования фотографий могут быть разными. Обычно фото нужно сделать информативным, ярким, умеренно контрастным. Но в некоторых случаях требуется, наоборот, затенение фотографий или их осветление. Это бывает нужно, если поверх фотографии пускается текст, например, заголовка. В этом случае фото можно слегка «приглушить» или «приподнять» по яркости. В первом случае по фото мы ставим светлый текст, а во втором – темный.


Рис. 7. Выбрана фотография для исходного фона заголовка статьи 





Рис. 8. Затенение фоновой фотографии для заголовка светлыми буквами

Рис. 9. Осветление фоновой фотографии для заголовка темными буквами


Бывают случаи, когда фотография получается сероватой, блеклой. Например, это случается, если съемка велась в пасмурный день в уличном освещении из-за облаков могут уменьшиться пропорции теплых и холодных цветовых тонов. Или, наоборот, фотография получилась весьма насыщенной из-за излишнего присутствия в освещении дополнительных ярких тонов. Иногда нужно поднять насыщенность старой выцветшей фотографии, либо приглушить тона на фото для стилизации ее под старинный снимок.
Временами фотография необходима, но ее сюжет может отвлекать читателя от наложенного текста или заголовка. В этом случае помогает легкое размытие фоновой фотографии или ее участка с наложенным текстом. Для этого в Adobe Photoshopимеются стандартные инструменты, называемые «Фильтрами».


Рис. 10. Пример размытия фоновой фотографии

Нужно помнить, что некачественное фото в вашей публикации, презентации, социальных сетях или на веб-страничке даже подсознательно вызовет у читателя ощущение о вашей непрофессиональности, небрежности и в других областях. И ощущение о провинциальности автора. Поэтому желательно доводить фото, которое Вы публикуете на всеобщее обозрение, хотя бы до приемлемого уровня.
В Adobe Photoshop имеется простой инструментарий из нескольких средств  для решения перечисленных проблем:
  1. Для поворота изображения на 90, 180 или 270 градусов или произвольно, а также для его зеркального отображения по вертикали или горизонтали воспользуйтесь командой в меню Изображение  Вращение изображения. Если Вам нужно только повернуть изображение на 90 градусов по часовой стрелке или против нее, просто воспользуйтесь системными средствами: зайдите в папку, где находится требуемое фото, подведите курсор мышки и нажмите правую кнопку мышки. В появившемся контекстном меню выберите одну из команд Повернуть по часовой стрелке или Повернуть против часовой стрелке.
  2. Для кадрирования изображения на Панели инструментов выберите инструмент Рамка.
  3. Чтобы провести минимальную ретушь фотографии, можно воспользоваться целым набором инструментов на Панели инструментовШтампЛассоВосстанавливающая кистьТочечная восстанавливающая кистьЗаплатка,Перемещение с учетом содержимогоКрасные глаза и некоторые другие – ведь ретуширование сродни рисованию. Мы фактически дорисовываем «испорченные» артефактами участки изображения. Правда, в Adobe Photoshop мы часто делаем это методом аппликации, потому что донорские заплатки на фотографии будут менее заметны, если они взяты с того же фото, при той же освещенности, тональности и качестве съемки.
  4. Для достижения нужной контрастности фотографии воспользуйтесь командой Яркость/Контрастность…  меню Изображение – Коррекция. Более гибкими являются команды Уровни…Кривые…Экспозиция... из того же меню. Эти команды вызывают появление диалоговых окон с настроечными регуляторами. Но иногда просто достаточно  бездиалоговоговых команд Автотон (<Ctrl>)<Shift>+Lили Автоконтраст (<Ctrl>+<Alt>+<Shift>+L) меню Изображение – Коррекция.
  5. Для того, чтобы довести вертикальный или горизонтальный размер фотографии до нужного достаточно воспользоваться командой Размер изображения… меню Изображение. Или просто нажать сочетание клавиш <Ctrl>+<Alt>+I, чтобы вызвать диалоговое окно Размер изображения… для масштабирования.
  6. Чтобы поднять или приглушить тона на фотографии, достаточно воспользоваться командой Цветовой тон/Насыщенность… меню Изображение – Коррекция.
  7. Чтобы слегка размыть изображение, достаточно воспользоваться фильтром Размытие по Гауссу… в меню Фильтр – Размытие.
  8. Чтобы поднять резкость слегка размытого изображения, можно попытаться воспользоваться фильтром Усиление резкости в меню Фильтр – Усиление резкости. Однако, неоднократное его применение приводит к возникновению зерна и ореолов вокруг контрастных деталей изображения.

В последующих подразделах рассмотрим перечисленный инструментарий и примеры его применения.

Вопросы для самоконтроля
  1. Какую роль играет фотография при оформлении электронных документов, презентаций, веб-страниц и блогов?
  2. По каким причинам автор может отказаться от того, чтобы включать какое-лиюо фото в документ?
  3. Назовите распространенные дефекты фотографий.
  4. Почему нежелательно загружать в Ваш документ фотографии большого объема?
  5. Каков рекомендуемый размер фото для полноэкранной заставки?
  6. Почему не следует снижать разрешение снимков в настройках фотоаппарата, а масштабировать выбранное фото уже на компьютере?
  7. Какими должны быть фотографии, которые Вы будете выбирать для фона на заголовки?
  8. Какие инструменты позволяют обрезать фотографию до нужных пропорций?
  9. Какими средствами Adobe Photoshop можно быстро повернуть фото на угол, кратный 90 градусов?
  10. Назовите инструменты, которыми можно воспользоваться для ретуши фотографий.
  11. Какими средствами мы можем настроить яркость и контрастность изображения?
  12. Каким образом промасштабировать фотографию?
  13. Назовите команду, с помощью которой мы можем поднять или уменьшить насыщенность изображения.
  14. Каким образом можно слегка размыть изображение?

Задания к теме
  1. Проанализируйте в фотоальбомах социальных сетей 5 фотографий для анализа качества. Составьте анализ каждой.
  2. Отберите среди своих фотографий фото, нуждающиеся в обработке.
  3. Для отобранных фотографий попытайтесь ответить на вопрос: какой инструментарий Adobe Photoshop потребуется для их доведения

Комментариев нет:

Отправить комментарий

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