Идеальная обработка и ретушь фотографии за 7 шагов

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

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

Для ретуши фото вам понадобятся приложения, программы или редакторы для обработки. В нашем блоге есть статья о том, как получить самые распространенные и популярные Adobe Lightroom и Adobe Photoshop бесплатно продавая свои фотографии на Adobe Stock.

7 шагов для идеальной обработки и ретуши фотографий

Шаг 1. Кадрирование фотографий перед обработкой

Любая обработка фотографий начинается с кадрирования и расставления акцентов на фото.

Что такое кадрирование?

Кадрирование – базовый этап в обработке фотографии. С помощью него фотограф осуществляете выбор наиболее подходящего ракурса, места и направления фотосъемки. Именно этот этап сосредотачивает внимание зрителя на самом важном объекте в кадре. Подсказывает ему место, с которого нужно начинать читать эту фотографию.

Человек легче воспринимает горизонтальные фотографии. К тому же, держать камеру горизонтально удобнее, чем вертикально, да и не все фото штативы позволяют выставить наклон камеры под 90 градусов.

Вместе с тем, вертикальный кадр придает фотографии некий смысл, глубину, особенно если объект съемки вытянут вертикально. Когда нужно выбирать: горизонтальное или вертикальное кадрирование в обработке — принимайте решение, основываясь на расположении самого объекта в кадре.

Глядя на любую отретушированную фотографию, зритель сперва обращает внимание на самый привлекательный объект.

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

Чтобы разобраться в кадрировании фото рекомендуем изучить нашу статью: 6 правил композиции в фотографии.

Шаг 2. Слой-маска в Фотошоп при ретуши фото

Что такое слой-маска?

Слой-маска — это изображение в оттенках серого. Область изображения закрашенная черным — скрыта, а область фотографии закрашенная белым — видима. Различный уровень прозрачности определяется градациями серого цвета. Другими словами Маска слоя отвечает за прозрачность изображения при ретуши фото. Белый цвет в маске — это 100% непрозрачности, черный цвет — прозрачность на 100%, а разные уровни серого цвета регулируют степени прозрачности.

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

Принципиально отличаясь от параметра «Прозрачность», маска слоя избирательно управляет прозрачностью.

Маска слоя часто используются для объединения снимков с различной экспозицией. Идеально – для пейзажей в обработке HDR. Но прорисовка масок вручную дает более качественный результат при обработке. С помощью маски-слоя также очень удобно делать коллажи, объединяя несколько фотографий.

Больше информации о том, как работать со слоями в фотошоп и создавать маску-слой, чтобы круто обработать фото, смотрите в бесплатном видеоуроке по обработке:

 

Шаг 3. Частотное разложение при обработке и ретуши фото

Что такое частотное разложение?

Частотное разложение – это метод ретуши кожи с сохранением исходной текстуры, который позволяет ретушировать не под глянец, а в естественном формате.

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

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

Также для обработки кожи в фотошоп часто применяется техника Dodge and Burn. Вы можете детальней ознакомится с данной техникой ретуши в нашем бесплатном видео уроке на ютуб.

Техника обработки кожи Dodge and Burn — видео-урок:

Шаг 4. Ретушь волос

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

Чтобы убрать волоски по контуру, вам надо сделать дубликат слоя и штампом со 100% непрозрачностью и пройтись по контуру штампом. Внутренние волоски убираются с помощью инструмента Spot Healing Brush Tool, и здесь можно не проявлять щепетильности. Это подготовительная работа.

А вот после, ретушь волос в фотошоп на фотографии происходит в несколько основных этапов:

1.   Прорисовка волосков
2.   Размытие внутренних пробелов
3.   Заполнение промежутков и «белых пятен»
4.   Выравнивание текстуры волосков
5.   Сглаживание
6.   Коррекция формы волосяного покрова
7.   Работа со светотенью
8.   Коррекция цвета волос – финальный этап.

Шаг 5. Коррекция цвета фотографии

Работа с цветом – очень важна, потому как человеческий глаз склонен оценивать действительность посредством зрительного контакта. В природе существует так называемые первичные аддитивные цвета.

Что такое аддитивные цвета?

Аддитивные цвета – это цвета отражающиеся от источников освещения. Первичными аддитивными цветами являются три цветовых компонента: красный, зеленый и синий. Сложение их в равных долях образует белый цвет. Отсутствие этих трех цветов образует черный цвет.

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

1. Какие цвета содержатся в фото
2. Какие цвета понадобиться ретушировать
3. Какие инструменты ретуши цвета понадобятся

Цветовая гамма фотографии после обработки и ретуши влияет не только на восприятие зрителем, но и на восприятие вашего профессионализма и понимания вами цветовых схем в фотографии.

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

Рекомендуем к просмотру бесплатный видео-урок на тему: «Современная бежевая тонировка»:

Шаг 6. Тонировка изображения при фотообработке

Что такое тонировка фотографий?

Тонировка фотографии – это изменение или усиление имеющегося оттенка, настройка баланса света и теней. Для качественной обработки и ретуши фотографии существует всего 7 видов тонировки, которые необходимо освоить профессиональному ретушеру или фотографу для обработки своих фото.

1. Превращение естественной фотографии в монохромную с помощью корректирующего слоя Hue / Saturation.
2. Получение чёрно-белых тонированных изображений, используя Gradient Map.
3. Раздельная тонировка с инструментом Color Balance.
4. Частичное выделение, когда необходимые объекты на фотографии окрашивают в определенный тон.
5. Создание Black & White фотографии.
6. Окрашивание частей фотографии слоями коррекции Solid Color и Gradient.
7. Формирование любого количества из 256 оттенков серого в черно-белом изображении путем тонировки инструментом Duotone.

Для тонирование фотографий хорошо подходит обработка в Лайтрум. Вы можете посмотреть видео про цветокоррекцию в Lightroom ниже.

Бесплатный видеоурок по обработке фото в лайтрум:

Шаг 7.

Добавление текстур на фотографию

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

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

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

В данной статье мы разобрали, из каких этапов состоит профессиональная обработка и ретушь фотографий в Лайтруме и Фотошопе и поделились бесплатными видео-уроками. Применяйте полученные знания на практике и рекомендуем другие материалы в нашем блоге по теме обработки фото.

Обработка изображений для сайта в Photoshop

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

Лучшая программа для обработки изображений — это, конечно же, программа Photoshop. Фотошоп — профессиональная программа, которая была разработана для создания качественной графики, дизайна, для обработки фотографий.

Практически все нюансы работы в программе Photoshop Вы можете найти здесь.

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

Обработка изображений

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

В программе Photoshop кадрирование (обрезка) производится соответствующим инструментом, а изменение размера делается с помощью пункта меню Изображение — Размер изображения.

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

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

Если фон картинки Вам не нужен, его можно удалить. Самый простой способ — удаление с помощью ластика. Берете инструмент Ластик, и аккуратно вытираете фон. Во время работы изменяйте диаметр ластика. Тонкая работа требует меньшего диаметра инструмента.

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

Далее совсем неплохо будет подкорректировать яркость и контрастность картинки.

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

Видео о том, как в программе Photoshop обрабатывать картинки для сайта

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Делаем фотки лучше. 7 приложений для обработки фото на смартфоне

Afterlight — добавляет эффектов и красок

Функциональное и удобное приложение для постобработки фотографий, сделанных на ваш Android или iOS смартфон. Коллекция фильтров насчитывает 59 шаблонов, призванные украсить ваш профиль в Instagram!

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

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

Фото: dropsdasdez

Скачать приложение для iOS и для Android

TouchRetouch — отлично удаляет все лишнее

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

Функции обработки изображения приложения повторяют аналогичные в Photoshop, но реализованы максимально просто. Умные алгоритмы сами понимают различие между пикселями, что как удалить и где подставить. В результате получаем идеальное фото!

В чем фишка: Полноценный набор мобильных инструментов для исправления фотографий. Знаменитые инструменты Photoshop: «Штамп», «Кисть», «Лассо» и «Умный ластик» у вас в кармане.

Фото: iphonephotographyschool

Скачать приложение для iOS и для Android

Aviary — использует алгоритмы Photoshop

В сентябре 2014 компания Adobe приобрела стартап и приложение Aviary со всей его многомиллионной аудиторией. Под патронажем отцов Photoshop фоторедактор оброс запатентованными скриптами для обработки изображений.

Кроме того, появилась интеграция с сервисом Adobe’s Creative Cloud. В распоряжении пользователя огромное количество инструментов для редактирования фотографий: фильтры, стикеры и рамки, маски и наложения. Не говоря уже про возможности тонкой настройки освещения, фокуса и цвета!

В чем фишка: Aviary самодостаточный фоторедактор, который не стыдно назвать мобильным Photoshop. Самое главное, несмотря на широкий набор «сложных» функций, с приложением разберется любой пользователь Android и iOS.

Фото: thenextweb

Скачать приложение для iOS и для Android

SKRWT — создает искажения и отражения

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

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

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

Фото: iphonephotographyschool

Скачать приложение для iOS и для Android

Facetune — фоторедактор для идеальных селфи

Функциональное приложение для редактирования портретных снимков и селфи. В коробке простые в освоении инструменты ретуши, наложения эффектов и корректировки косметических дефектов. Легко и непринужденно можно сделать зубы белее, кожу светлее, и даже избавиться от темных кругов под глазами. После обработки фото не стыдно отправить на обложку глянцевого журнала, а не только в Instagram!

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

Фотографии девушек до и после ретуши в приложении. Фото: Business Insider

Скачать приложение для iOS и для Android

Polarr — фоторедактор для профи

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

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

В чем фишка: Более бюджетный и более простой фоторедактор, нежели Photoshop. Из коробки доступно множество автоулучшайзеров изображения и фильтров, что весьма удобно для новичков. Профессионалы оценят глубину работы со слоями и возможности корректировки цвета.

Фото: AndroidGuys

Скачать приложение для iOS и для Android

VSCO cam — для любителей плёночных фото

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

Но главное в VSCO — это фильтры. Красивые, стильные с тонкой настройкой, большинство из них имитируют эффект пленочный фотоснимков. Разработчики заявляют, что все фильтры создавались заново, а не копировались из других систем. 

В чем фишка: хотите, чтобы у ваших фотографий в соцсетях был «свой стиль» — выберите любимый фильтр в VSCO и публикуйте некоторое время фотографии, обработанные только им. У вас получится серия выдержанных в одном цвете гармоничных снимков.

Фото: pinterest

Скачать приложение для iOS и для Android

Это тоже интересно:

Как отредактировать фото на компьютере за пару минут

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

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

Шаг 1. Скачиваем Фотошоп для начинающих

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

Шаг 2. Открываем нужное фото

Чтобы узнать, как отредактировать фото на компьютере через данную программу, запустите Фотошоп и в открывшемся меню выберите «Открыть фотографию». Затем нужный файл двойным кликом мыши. Приступаем к редактированию выбранной вами фотографии.

Шаг 3 . Устраняем дефекты фотографии

Чтобы дальнейшая обработка была эффективной, нужно убрать с фото все имеющиеся дефекты. К ним относятся эффект красных глаз, недостаток освещенности, ошибки параметров экспозиции, наличие шумов и многое другое. Чтобы убрать все эти ошибки, перейдите во вкладку «Изображение» — > «Устранение дефектов» и далее выберите необходимый пункт из большого перечня наиболее часто встречающихся дефектов.

Шаг 4. Повышаем качество фото

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

Шаг 5. Добавим интересные эффекты

Отладив свет в кадре, приступаем к созданию эффектов на фотографии – это поможет сделать ее привлекательнее и интереснее. Ознакомиться со всеми имеющими в программе фильтрами и различного типа эффектами можно, перейдя в Каталог эффектов.

Можно «прогнать» вашу фотографию через цветовые фильтры, придав ей определенный оттенок, добавить рябь, волны, 3D-эффект и многое другое. Для многих фотографов будет полезно узнать, как сделать картинку без фона. Для этой операции во вкладке «Эффекты» существует соответствующий пункт «Замена фона».

Шаг 6. Оформляем фотографию

Заключительным этапом в познание того, как отредактировать фото на компьютере, станет художественное оформление фотографии через Фотошоп для начинающих. За это отвечает одноименная вкладка – «Оформление». Здесь при желании вы можете превратить свою фотографию в коллаж или открытку, выбрать рамку для кадра, придать ему объем.

Шаг 7. Сохраняем результат

Сохранение можно выполнить во вкладке «Файл» несколькими способами. Самый быстрый – это сочетание CTRL+S. Одновременное нажатие этих двух клавиш приведет к появлению окна сохранения файла, где можно указать имя и тип файла и место его хранения на компьютере. Те же самые действия вам понадобится выполнить при нажатии на пункт «Сохранить». Если же вам необходимо изображение оптимизировать для дальнейшего его размещения в Интернете, то выберите «Файл» -> «Сохранить для Интернет».

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

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

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

Интеллектуальная обработка фотографий в Corel PaintShop Photo Pro; как качественно обработать изображение – урок TeachVideo

Интеллектуальная обработка фотографий в Corel PaintShop Photo Pro

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

Автоматически определяя и удаляя области на изображении, которые имеют низкую детализацию, данная функция позволяет качественно изменять пропорции.

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

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

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

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

Для того чтобы удалить все выделения и изменения пропорций, воспользуйтесь кнопкой «Сброс», и установите новое выделение для получения более эффективного результата.

Как массово изменить размер в Photoshop

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

Шаг 1

Выберите «Файл»> «Сценарии»> «Обработчик изображений». В диалоговом окне процессора изображений показан простой четырехэтапный процесс изменения размера изображений.

Шаг 2

На шаге 1 диалогового окна выберите либо изменение размера изображений, уже открытых в Photoshop (если они у вас открыты), либо щелкните «Выбрать папку» и выберите папку с изображениями, размер которых нужно изменить. Выберите «Включить все подпапки», чтобы включить все подпапки выбранной папки.

Шаг 3

На шаге 2 диалогового окна выберите место для сохранения изображений. Если вы выберете «Сохранить в том же месте», Photoshop создаст подпапку для сохранения изображений, поэтому вам не придется беспокоиться о их перезаписи.Если подпапка с таким же именем уже существует с изображениями с такими же именами в ней, Photoshop сохраняет в эту папку, но добавляет к файлу порядковый номер, чтобы вы все равно не потеряли свои файлы. Кроме того, вы можете выбрать другую папку для изображений с измененным размером.

Шаг 4

На шаге 3 диалогового окна выберите тип файла для сохранения. Для Интернета «Сохранить как JPEG» — очевидный выбор. Установите значение качества в диапазоне от 0 до 12, где 12 — самое высокое качество, а 0 — самое низкое.Для лучшей цветопередачи в Интернете выберите «Преобразовать профиль в sRGB» и убедитесь, что установлен флажок «Включить профиль ICC в нижней части диалогового окна», чтобы профиль был сохранен с изображением.

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

Размеры ширины и высоты не обязательно должны быть одинаковыми, поэтому вы можете, например, указать ширину 400 и высоту 300, и ни одно изображение не будет иметь ширину больше 400 или высоту больше 300.

Шаг 5

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

Когда вы будете готовы, нажмите «Выполнить», и изображения будут автоматически открываться (если они еще не открыты), изменять их размер, сохранять и закрывать.

Чтобы просмотреть изображения с измененным размером, выберите «Файл»> «Открыть» и перейдите к папке, в которой вы указали изображения для сохранения. Если вы выбрали сохранение в формате JPEG, изображения будут находиться во вложенной папке с именем JPEG, для PSD — в папке с именем PSD и так далее.

Так что всякий раз, когда вам нужно изменить размер большого количества изображений для загрузки в Интернет, например, скрипт Photoshop Image Processor делает эту работу практически безболезненной.

Подготовка изображений для Интернета или печати

---

В комплекте:

В этом руководстве объясняется, как преобразовать изображение с вашего компьютера в формат, более совместимый с Интернетом. Это очень важно для минимизации времени загрузки и сохранения высокого качества изображения. Можно конвертировать все типы изображений, в том числе с камеры, сканов и т. Д.

Поиск и открытие Photoshop

Для подготовки изображений используется программа Adobe Photoshop.Если у вас Macintosh , просто щелкните значок Photoshop в нижней части экрана, как показано на изображении ниже. Если его там нет, перейдите в Приложения> Photoshop .

.

Если вы используете Windows , щелкните меню «Пуск» в нижнем левом углу экрана. Найдите папку «Adobe» и выберите «Photoshop CS-2 Start»:

Вернуться к началу

Создание правильного размера изображения

Получение изображения подходящего размера — это первый шаг.Ваш текущий размер экрана . Используя эту информацию в качестве справки, выясните, какого размера вы хотите, чтобы изображение отображалось на экране. Когда у вас будет общее представление о размере изображения, посмотрите Руководство по DPI, чтобы выяснить, с каким DPI вы хотите сканировать изображение.

Открыв изображение в Photoshop, перейдите в меню «Изображение» и выберите «Размер изображения …».

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

Подготовка изображений для Интернета

При создании изображений для использования в Интернете очень важно сохранять небольшой размер файла. Для этого необходимо учитывать формат и степень сжатия. Для веб-изображений чаще всего используются форматы GIF и JPG. Эти форматы предлагают файлы небольшого размера и качество от среднего до очень высокого. GIF обычно используется для простых иллюстраций, а JPEG — для фотографий.
Открыв изображение в Adobe Photoshop, перейдите в меню «Файл» и выберите «Сохранить для Интернета».

Откроется окно «Сохранить для Интернета».

Если вы работаете с фотографией, рекомендуется формат файла JPEG. Если это графический объект, например баннер, логотип или средство навигации, рекомендуется использовать формат GIF.

Чтобы использовать формат JPEG, выберите в меню JPEG.

При использовании JPEG важно учитывать размер файла изображения, чтобы минимизировать время загрузки. Если оно слишком высокое, уменьшите качество.

По завершении нажмите кнопку «Сохранить».

Чтобы сохранить изображение в формате GIF, выберите следующие параметры в меню настроек.

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

Когда вы закончите, нажмите OK и сохраните изображение.

Теперь ваше изображение готово для Интернета.

Вернуться к началу

Подготовка изображений к печати

При подготовке изображений к печати желательны изображения самого высокого качества. Идеальный выбор формата файла для печати — TIFF, за которым следует PNG.

Открыв изображение в Adobe Photoshop, перейдите в меню «Файл» и выберите «Сохранить как».

Откроется окно «Сохранить как».

Выберите формат, который вы хотите использовать для изображения, и нажмите «Сохранить».

Теперь ваше изображение готово к печати.

Вернуться к началу

Формат файла

и руководство по DPI

Краткое руководство по формату файлов

	Плюсы	Минусы
JPEG	Отлично подходит для размещения фотографий в Интернете.	Больше набивки. Сжатие необратимо.
GIF	Малый размер файла, сжатие без потерь.Отлично подходит для логотипов или простого искусства.	Работает только с изображениями, содержащими менее 256 цветов. Очень плохо для фотографий.
TIFF	Сжатие без потерь. Отличное качество изображения. Идеально для печати.	Большой размер файла.
PNG	Отличное качество изображения. Может использоваться в Интернете и в печати.	Не очень хорошо поддерживается.

Руководство по DPI

Уравнение DPI — полезный инструмент для определения размера вашего изображения на компьютере.

(Ширина изображения в дюймах x DPI) x (Высота изображения в дюймах x DPI) = размер изображения на экране.

Пример:
(6 дюймов x 100 точек на дюйм) x (4 дюйма x 100 точек на дюйм) = 600 x 400 пикселей

Вернуться к началу

---

Оптимизация веб-изображений в Photoshop | Сделано в Sidecar

Есть два основных фактора, которые определяют, как изображения будут выглядеть в Интернете: качество и размер файла. Изображение низкого качества выглядит пиксельным, размытым или имеет видимые шумовые артефакты.Исправление? Используйте изображение более высокого качества.

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

Так как же нам найти правильный баланс между качеством изображения и размером файла? Вот тут-то и появляется оптимизация изображений.

Начнем с этого изображения для веб-сайта цифрового агентства.

Отличное фото прямо с камеры. Но загрузить это фото без оптимизации было бы не очень хорошо. Давайте разберемся, почему.

Посмотрите на этот размер файла. 10,6 МБ — это слишком много почти для любого случая использования в Интернете. Все зависит от вашего макета дизайна, но я стараюсь сохранять размеры файлов для самых больших изображений менее 1 МБ, стремясь по возможности менее 500 КБ.Чем меньше вы можете сделать его (не жертвуя излишним качеством), тем лучше.

Pro-tip: При оптимизации изображений для Интернета важно начинать с максимально возможного размера файла. Обычно это означает изображение большего размера. Вы всегда можете сделать его меньше, сохранив при этом качество. Но если вы начнете с маленького изображения и попытаетесь увеличить его, вы быстро потеряете качество изображения. И никакая оптимизация не заставит его выглядеть хорошо.

Вместо того, чтобы сначала изменять размер изображения (выбрав «Изображение»> «Размер изображения»), мы можем выполнить все изменение размера и оптимизацию в одном диалоговом окне. Ура, что сэкономили лишнюю ступеньку!

Photoshop имеет параметры экспорта, специально разработанные для веб-изображений. В более новых версиях Photoshop есть два разных способа сделать это. Один называется «Экспортировать как», а другой — «Сохранить для Интернета (устаревший)». В более старых версиях Photoshop это называется «Сохранить для Интернета и устройств.«Мы рассмотрим оба варианта.

Перейдите в Файл> Экспорт> Экспортировать как …

Это окно состоит из трех основных частей. Левая сторона используется для экспорта изображений с одинаковым соотношением сторон для разных разрешений экрана. (Это тема для другой статьи.) А пока обратите внимание на размер файла исходного изображения: 11 МБ! Средняя часть — это область предварительного просмотра изображения.Вы можете увеличивать и уменьшать масштаб, чтобы проверить качество изображения. С правой стороны происходит волшебство.

В разделе «Параметры файла» выберите «JPG» в раскрывающемся меню «Формат». Мы немного поговорим о типах файлов. Для «качества» сделайте 100%. Мы вернемся позже и посмотрим, как это повлияет на качество и размер файла.

Следующий раздел — Размер изображения, и здесь вам нужно знать, насколько велико ваше окончательное изображение. Для целей этого урока это изображение должно быть не больше 1600 пикселей в ширину.Измените ширину на 1600 пикселей, и вы увидите, что высота и масштаб% автоматически устанавливаются с одинаковым соотношением сторон.

Изменение размеров изображения — отличный первый шаг к оптимизации. Посмотрите размер файла в левой части окна. Образ теперь весит менее 1 МБ, что является хорошим улучшением. Но помните, что чем меньше мы сможем сделать размер файла без потери качества, тем лучше.

Помните настройку «Качество»? Вернемся к этой настройке и посмотрим, сможем ли мы оптимизировать дальше.Во-первых, в среднем окне предварительного просмотра увеличьте масштаб до 100%, чтобы мы могли увидеть, как наши изменения влияют на качество. В разделе «Параметры файла» измените качество на 0% и просмотрите изображение для предварительного просмотра.

Возможно, мы зашли слишком далеко. Размер файла феноменальный (всего 54 КБ!), Но качество картинки ужасное. Заметили все блочные артефакты? Фу. Давайте изменим качество на 60% и посмотрим, как это выглядит.

О да, это намного лучше.Размер файла по-прежнему велик (294 КБ), а качество изображения фантастическое. Перетащите изображение для предварительного просмотра, чтобы проверить другие части изображения и убедиться, что все в порядке. Мне это кажется отличным, поэтому теперь выберите «Экспортировать все …» и назовите новое изображение.

Быстрое сравнение показывает, что мы уменьшили размер файла более чем на 97%! Это приводит к гораздо более быстрому (и приятному) онлайн-опыту.

Процесс почти такой же, как и для «Сохранить для Интернета», поэтому давайте посмотрим, как оптимизировать этот параметр.

Совет для профессионалов: Если у вас есть выбор, выберите «Экспортировать как» вместо «Сохранить для Интернета». У вас есть не только опции для экспорта изображений для дисплеев Retina, но и диалоговое окно появляется быстрее, особенно при оптимизации больших изображений. Кроме того, Adobe пометила эту опцию как Legacy. Кто знает, как долго это продлится.

Выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)». В более старых версиях Photoshop выберите «Файл»> «Сохранить для Интернета и устройств».Посмотрим на это окно.

Как видите, в этом окне еще много чего можно увидеть и чем заняться. Не беспокойтесь о большинстве из них. Вот как оптимизировать изображения из этого окна.

Во-первых, убедитесь, что вкладка «Оптимизировано» выбрана из вкладок над изображением предварительного просмотра. В нижнем левом углу изображения предварительного просмотра обратите внимание на размер файла исходного изображения: 10,51 МБ.

В правом верхнем углу окна есть раскрывающийся список типов файлов.Убедитесь, что выбран JPEG. Для «Качество» установите значение 100. Мы вернемся к этому параметру в последнюю очередь, чтобы выбрать окончательное качество изображения.

В правом нижнем углу окна находится раздел «Размер изображения». Нам нужна ширина изображения 1600 пикселей, поэтому измените «W» на 1600, убедившись, что выбран значок «Ограничить части» (это связанная цепочка). «H» и «Percent» автоматически настраиваются на одно и то же соотношение сторон.

Изображение теперь весит менее 1 МБ, но давайте вернемся к параметру «Качество» и уменьшим его, чтобы получить еще меньший размер файла.Убедитесь, что окно предварительного просмотра увеличено до 100%, чтобы мы могли видеть, как наши изменения влияют на качество. Посмотрим, как выглядит качество 0% снова.

Ага, все еще плохо. Давайте повысим качество до 60% и посмотрим на изображение. В этом окне вы можете найти полезную вещь, выбрав вкладку 2-Up, вы можете сравнить исходное изображение рядом с оптимизированным изображением. Перетащите оптимизированное изображение, и исходное изображение будет отражать ваши движения.

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

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

По умолчанию Photoshop заменяет пробелы дефисами. Вы можете изменить это и другие параметры здесь. Если у вас есть вещи, которые вам нужны, нажмите кнопку «Сохранить …» в диалоговом окне «Сохранить оптимизированное как».

Другое сравнение показывает огромное уменьшение размера файла, даже немного больше, чем при использовании процесса «Экспортировать как».

Каждый метод оптимизации также позволяет выбрать тип файла.Мы использовали JPG для нашего примера изображения. В «Экспортировать как» мы получаем PNG, JPG, GIF и SVG. В «Сохранить для Интернета» мы получаем GIF, JPG, PNG-8, PNG-24 и WBMP. 100% изображений, которые я оптимизировал и экспортировал для Интернета, были в формате JPG, PNG или GIF. Давайте поговорим об этих типах файлов и о том, когда вы будете использовать каждый из них.

JPG (или JPEG)
JPG — самый популярный тип файлов для веб-изображений сегодня. Это тип файла со сжатием с потерями, что означает, что каждый раз, когда вы сохраняете JPG, он немного теряет качество.Это из-за сжатия. В нашем примере изображения мы экспортировали его как JPG с качеством 60% (или 40% сжатием). Кажется, это много, но поскольку нет большой разницы в визуальном качестве, я считаю, что сохранение с качеством 60% — это идеальный баланс между качеством и размером файла.

Можете ли вы заметить разницу в сжатии этих двух изображений? Одна сторона сохраняется в 100% качестве; другой — 60%. Может быть, если вы увеличите масштаб очень близко, вы сможете увидеть. Но как часто вы делаете это при просмотре страниц?

Для изображений с большим количеством цветов, градиентов и теней лучше всего подходит JPG.Примеры изображений — это фотографии пейзажей, людей и продуктов. Но JPG — не лучший тип файла для каждой ситуации.

GIF
GIF — это формат сжатия без потерь, то есть без потери качества. Звучит здорово; почему бы нам не сохранить все изображения в формате без потерь? Основным недостатком файлов типа GIF является ограничение максимальной цветовой палитры 256 цветами. Взгляните на тот же пример изображения, чтобы увидеть разницу.

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

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

GIF-файлов также позволяют сохранять эти изображения с прозрачностью; JPG — нет. Однако края имеют тенденцию к пикселизации. В таких случаях лучше всего сохранить GIF на сплошном цвете того же цвета, что и фон вашего веб-сайта.Вот пример логотипа Sidecar, сохраненного в виде прозрачного GIF-изображения и помещенного на цветной фон.

Заметили грубые и неровные края? Нет буэно. Но не волнуйтесь. Позже это исправят.

Если вам не нужна прозрачность, вы, безусловно, можете использовать JPG. Но ничто не может сравниться с сочетанием качества и размера файла GIF, когда дело доходит до изображений такого типа.

Вот иллюстрация коляски, сохраненная как в формате JPG, так и в формате GIF.(JPG был сохранен со 100% качеством, так как подобные изображения наносят ущерб сжатию JPG.)

Они выглядят одинаково, но давайте посмотрим на размер файла.

GIF и его качество без потерь являются здесь победителем, уменьшая размер файла более чем на 80% по сравнению с JPG.

Раньше мы шутили про анимированные GIF-файлы, но если вам нужна анимация, GIF — единственный тип файла, который ее поддерживает.

PNG
PNG — лучшее из обоих миров. Это дает вам сжатие без потерь GIF с неограниченной цветовой палитрой JPG. Но сжатие без потерь не делает его хорошим выбором для изображений с большим количеством цветов. Что касается размера файла, то лучшим выбором по-прежнему остается JPG.

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

Но помните, что GIF-файлы немного борются с прозрачностью. Если вам нужны чистые края для прозрачного изображения, выберите PNG (или PNG-24 при использовании параметра «Сохранить для Интернета»). Давайте снова посмотрим на логотип Sidecar, сохраненный как PNG и GIF.

Посмотрите, насколько красивее выглядят края. Теперь мы можем использовать этот логотип в сети на любом темном фоне.

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

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

Есть много способов оптимизировать изображения для Интернета.Мы надеемся, что эта основа даст вам лучшее представление о том, как найти правильный баланс качества и размера файла. Хотя жестких правил оптимизации не существует, одно можно сказать наверняка: оптимизируйте всегда.

Как правильно изменить размер изображений в Photoshop

Если вам нравится делиться своими фотографиями в Интернете, будь то на Facebook или в собственном блоге, вы должны узнать, как правильно изменять размер изображений в Photoshop. Хотя ваша камера может делать фотографии с очень высоким разрешением, всегда рекомендуется уменьшать размер или «уменьшать выборку» этих изображений не только потому, что большинство веб-сайтов не принимают большие изображения, но и потому, что уменьшение этих изображений на самом деле сделать их лучше, если все сделано правильно.В этом кратком руководстве я покажу вам, как правильно изменять размер изображений в Photoshop. Я видел, как люди использовали самые разные техники, когда дело дошло до изменения размера изображений в Photoshop. Приведенный ниже метод — это то, как я это делаю лично, и он отлично работает для меня, по крайней мере, на основе ваших отзывов. Вы можете применить эту технику к любой фотографии — будь то портрет или широкий пейзаж.

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

1) Зачем изменять размер / уменьшать размер изображения?

Зачем изменять размер изображения? Ваша камера — это очень продвинутый инструмент, содержащий миллионы пикселей.Это хорошо, если вы хотите распечатать свои изображения, но что, если вы хотите поделиться этими фотографиями в Интернете? Многие веб-сайты даже не позволяют загружать изображения с высоким разрешением, в то время как другие, такие как Facebook, уменьшают их размер для вас, автоматически понижая разрешение и качество этих фотографий. Поскольку этот процесс автоматического уменьшения фото часто не оптимизирован для достижения наилучшего качества, он может сделать вашу фотографию с измененным размером нечеткой и даже привести к потере цветов. Чтобы предотвратить это, всегда рекомендуется правильно изменять размер изображений, прежде чем использовать их в Интернете.Таким образом, вы полностью контролируете, как должно выглядеть ваше фото.

2) Рабочий процесс изменения размера изображения

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

1. Импорт изображений в Lightroom
2. Внесите необходимые корректировки в изображение, размер которого я хочу изменить
3. Откройте изображение в Photoshop
4. Очистите изображение (точки от пыли сенсора, нежелательные объекты и т. д.) с использованием точечного исцеления и других инструментов
5. Выполните дополнительные настройки изображения, такие как усиление контрастности, осветление и затемнение, уровни и кривые и т.д.
6. Выполните один проход повышения резкости на 50-75% (Unsharp Mask) — этот шаг необходим только в том случае, если вы будете использовать изображение с высоким разрешением для печати. ​​
7. Понизьте разрешение изображения до целевого разрешения (целевое разрешение обычно составляет 1024 пикселя. шириной по горизонтали и 500 пикселей по вертикали)
8. Выполните еще один проход повышения резкости на 25-50% (Unsharp Mask)
9. Экспорт изображения в цветовом профиле sRGB

Pro cess может показаться сложным, но на самом деле это не так.Я делаю это не с каждым изображением — только с изображениями, которые я хочу продемонстрировать (например, при публикации обоев и т. Д.). Все остальное обрабатывается очень просто — просто экспортируется прямо из Lightroom.

3) Процесс изменения размера изображения

1. Сначала давайте откроем нашу фотографию в Photoshop, перейдя в File-> Open и выбрав фотографию, которую мы хотим отредактировать:

   Убедитесь, что вы выбрали файл с полным разрешением, а не версию с ранее измененным размером . Если вы используете Lightroom, просто щелкните правой кнопкой мыши целевое изображение и выберите «Правка» -> «Открыть в Photoshop».Я предполагаю, что вы уже поработали над своей фотографией и отрегулировали ее экспозицию, уровни, насыщенность и т. Д. (Camera RAW или Lightroom). Всегда следите за тем, чтобы редактировать проблемные области в полном разрешении, поэтому делайте это либо с помощью встроенных инструментов Lightroom, либо в Photoshop. Я предпочитаю последнее, когда знаю, что буду работать в Photoshop.

2. После редактирования изображения с полным разрешением запустите один проход шумоподавления. Я предпочитаю процесс выборочного шумоподавления, который убирает шум только в проблемных местах.Если вы не знаете, как правильно уменьшить шум, см. Мой учебник по шумоподавлению. Я предпочитаю использовать коммерческие инструменты, такие как Nik Software Dfine, для избирательного шумоподавления, потому что они делают это намного чище и дают наилучшие результаты. Если у вас нет коммерческого инструмента для этого, воспользуйтесь встроенным в Lightroom инструментом шумоподавления. Я считаю, что он работает лучше, чем фильтр «Уменьшение шума» в Photoshop. Вот скриншот программы Nik Software Dfine для уменьшения шума:

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

3. Этот шаг необходим только в том случае, если вы планируете сохранить исходное изображение в полном разрешении для печати. Нет никакой практической причины повышать резкость изображения перед его уменьшением (большое спасибо Марку за поправку). Если ваша цель — только опубликовать изображение в Интернете, полностью пропустите этот шаг.

   Обязательно примените хорошую технику повышения резкости к изображению с высоким разрешением. Хотя коммерческие инструменты отлично подходят для этого шага, встроенные фильтры Photoshop, такие как «Маска нерезкости» и «Умная резкость», тоже отлично работают.Здесь я использую повышение резкости 75% с радиусом в 1 пиксель:

   Опять же, есть много разных способов повышения резкости изображений. Если вы предпочитаете повышать резкость в Lightroom, см. Мою статью «Как повысить резкость изображений в Lightroom».

4. Теперь мы находимся на очень важном этапе — мы будем понижать дискретизацию изображения, чтобы снизить разрешение изображения. Для этого перейдите в Image-> Image Size, и вы увидите следующее диалоговое окно:

   На этом этапе вы должны выбрать целевое разрешение.Я лично экспортирую 1024 пикселя в ширину, но вам может потребоваться экспорт меньшего или большего размера (в зависимости от того, что вы хотите с этим делать). Обязательно установите флажок «Сохранять пропорции» внизу. Теперь введите размер целевого пикселя в поле «Ширина», выбрав «пиксели» рядом с ним. По мере ввода ширины вы увидите, что высота автоматически изменится на меньшее число. Для меня Photoshop автоматически выбрал «681», как показано ниже:

   Следующая большая задача — выбрать метод передискретизации.В самом низу экрана вы должны увидеть выпадающий список со следующими вариантами: Ближайшее соседство, Билинейный, Бикубический, Бикубический сглаживающий и Бикубический более резкий. Я лично предпочитаю «бикубический (лучше всего для плавных градиентов)», потому что он отлично справляется с уменьшением шума без повышения резкости изображения (что мы уже сделали). Иногда я использую «бикубическую резкость» для некоторых изображений, но я предпочитаю «бикубическую резкость». Щелкните OK после того, как сделаете свой выбор.

5. Теперь изображение намного меньше по размеру.Шум также должен полностью исчезнуть (при условии, что он не был слишком шумным для начала) благодаря методу бикубической понижающей дискретизации, который мы использовали на предыдущем шаге. Теперь пришло время немного повысить резкость изображения, что будет заключительным этапом процесса перед его извлечением. Еще раз, используйте либо хороший процесс выборочного повышения резкости, либо «Маску нерезкости» Photoshop, как я:

   Помните, что это ваш последний шаг, чтобы ваше изображение выглядело хорошо, поэтому будьте очень осторожны с его резкостью. Выберите область изображения с наибольшей детализацией и поиграйте с настройкой резкости «Amount».Я установил свой на «50%», и этого было достаточно, чтобы выделить нужные мне детали. Я мог бы сделать «75%» с радиусом в 1 пиксель и все равно получить хороший результат, поэтому диапазон 50% -75%, кажется, отлично подходит для этого конкретного изображения. Однако все фотографии разные, поэтому вы можете использовать 25-75%. Убедитесь, что изображение не слишком резкое!

6. Последний шаг — извлечь изображение для Интернета. Не используйте просто функцию «Сохранить» — она ​​создаст огромный файл, который не подходит для Интернета.Вместо этого перейдите в Файл-> Сохранить для Интернета и устройств. Появится экран, как показано ниже:

   Этот экран очень важен, потому что он управляет форматом, разрешением и другими важными вещами, которые будут встроены в ваше изображение. Сначала выберите JPEG в качестве формата. Я обычно устанавливаю качество «80%», что является хорошей целью для фотографий. Я считаю, что все, что ниже 70%, заметно ухудшает качество изображения, а все, что выше 80%, является излишним для Интернета. Убедитесь, что отмечены как «Оптимизированный», так и «Встроенный цветовой профиль».Размытие должно быть равно 0, а матовый не имеет значения (по умолчанию белый). Затем обязательно отметьте «Преобразовать в sRGB» — это нужно, чтобы цвета на фотографиях отображались правильно. Я также часто оставляю свои метаданные «Авторские права». Нажмите «Сохранить», выберите место для сохранения окончательного изображения, дайте ему имя и снова нажмите «Сохранить».

   Меня много спрашивали о настройке PPI (пикселей на дюйм), которую я использую для своих веб-фотографий. Используете ли вы Lightroom, Photoshop или любое другое программное обеспечение для обработки изображений, значение, которое вы используете для PPI, не имеет значения.Вы можете оставить любое значение (я считаю, что 72 по умолчанию), и вам не нужно ничего менять. Значение PPI важно только для печати — его изменение при экспорте изображений в Интернет приведет только к добавлению метаданных в файл и не повлияет на то, как они фактически отображаются на мониторе.

Вот и все! Вот мое последнее изображение, обработанное с помощью вышеуказанных шагов:

А вот еще одно изображение, обработанное таким же образом:

Мой следующий урок будет посвящен изменению размера и оптимизации изображений для Facebook.Для тех, кто использует Lightroom, я опубликую отдельную статью о том, как лучше всего изменять размер изображений в Lightroom.

5 простых шагов для оптимизации ваших изображений в Photoshop

Прежде чем мы начнем, я хочу сделать оговорку: это руководство исключает другие процессы оптимизации, такие как выбор правильных форматов изображений для ваших нужд, а также оптимизация SEO, например alt теги, которые могут улучшить поиск ваших изображений, например, в Картинках Google. Это короткое руководство покажет вам, как уменьшить окончательные изображения, которые вы собираетесь разместить в Интернете.

Шаг 1. Откройте Photoshop и откройте изображение

Перейдите в Файл> Открыть ( Ctrl / Command + O ) и перенесите изображение в рабочее пространство.

Шаг 2. Запустите Photoshop Actions

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

Откройте панель действий, выбрав Windows> Действия ( Alt / Option + F9 ).

На панели действий щелкните значок «Создать новый набор»: назовите новый набор. Я назвал свои изображения .

Чтобы начать процесс записи, щелкните значок «Создать новое действие»; дайте своему действию имя. Я назвал свой Image Optimization . Щелкните Record , чтобы начать.

Помните : с этого момента все ваши команды будут записываться на вашу панель действий.

Шаг 3. Сохраните изображение для Web & Devices

Сохраните изображение для Интернета и устройств, выбрав «Файл»> «Сохранить для Интернета и устройств» ( Alt / Option + Shift + Ctrl / Command + S ).

В рабочем пространстве должно появиться диалоговое окно «Сохранить для Web и устройств». Я собираюсь поддерживать качество изображения приличного, поэтому использую следующие настройки:

• Предустановка: JPEG High (выбирается JPEG с качеством 60)
• Оптимизировано: Проверено
• Преобразовать в sRGB: Проверено
• Размер изображения: изменить в соответствии с требованиями вашего сайта
• Процент: 100%
• Качество: Бикубический

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

Не стесняйтесь делать то же самое, если вам нужно соответствовать определенным требованиям по ширине / высоте.

Совет: Выберите вкладку «4 варианта» в окне «Сохранить для Интернета и устройств», чтобы просмотреть изображение, а также увидеть разницу в размере файла и сравнении качества. Не стесняйтесь экспериментировать с настройками, чтобы найти качество и оптимизацию, которые соответствуют вашим потребностям.

Вы также можете щелкнуть значок «Выбрать скорость загрузки», чтобы изменить размер / время загрузки, чтобы получить оценку того, сколько времени потребуется для загрузки изображения с выбранным размером / временем загрузки.

Для предварительного просмотра изображения в реальном размере нажмите кнопку «Предварительный просмотр», чтобы увидеть изображение в веб-браузере.

Если изображение вас устраивает, нажмите Сохранить .

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

Закройте файл изображения из рабочего пространства.

Перейдите на панель действий, нажмите кнопку «Остановить воспроизведение / запись», чтобы остановить запись действий.Это должно записывать все, включая закрытие изображения.

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

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

Шаг 4. Пакетная обработка изображений

Пора сделать то же самое с остальными изображениями.Вместо того, чтобы просматривать их один за другим, давайте запустим наш недавно созданный Action!

Выберите «Файл»> «Автоматизация»> «Пакетная обработка». Используйте мои настройки ниже.

Вы должны были выбрать набор действий и действие, которые мы только что записали.

Убедитесь, что вы установили исходную и целевую папки, и установите флажок «Переопределить команды« Сохранить как »».

Установив флажок «Переопределить команды« Сохранить как »», мы разрешаем Photoshop включать нашу команду «Сохранить для Интернета и устройств».

Я сохраняю имя файла как исходное имя документа, а также его расширение.

Шаг 5. Используйте инструменты оптимизации изображения

Мы уже немного уменьшили исходное изображение в Photoshop, но давайте еще больше уменьшим его, используя инструмент оптимизации изображения. Есть из чего выбирать, но мне нравится использовать Smush.it! Это просто, быстро и бесплатно.

Перейти на Smush.it! из вашего браузера (полный URL: https://www.imgopt.com/.

Щелкните вкладку ЗАГРУЗИТЕЛЬ.

Теперь нажмите «Выбрать файлы и сдвинуть». В появившемся окне выбора файлов перейдите к файлам изображений.

Выберите изображения и нажмите «Открыть».

А теперь посмотрите на оптимизатор в действии!

По завершении вы получите сообщение с подробным описанием сохраненного процента и общего размера.

Убедитесь, что установлен флажок «Сохранять структуру каталогов в zip-файле» — это позволит вам легко заменять изображения, если они находятся в разных подпапках при их загрузке.

Щелкните «Загрузить сжатые изображения».

Откройте zip-файл и замените старое изображение уменьшенными файлами изображений.

Сводка

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

Практическое руководство по созданию фотографий со сверхвысоким разрешением в Photoshop

Мы видели это во многих сериалах и фильмах, посвященных триллерам / раскрывающим преступлениям: при просмотре зернистых материалов наблюдения с очень низким разрешением кто-то неизбежно спрашивает техника: «Можете ли вы увеличить это и улучшить?» Затем, с быстрым нажатием нескольких мастерски размещенных нажатий клавиш и писклявыми звуками компьютера, изображение внезапно улучшается со значительно увеличенным разрешением и открывается ключевое устройство сюжета.

Мы все знаем, что пиксели невозможно извлечь из воздуха, и большинство последовательностей «зум-улучшение» на телевидении и в фильмах совершенно неверны:

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

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

Сверхразрешение — это не только несколько тщательно продуманных нажатий клавиш, но и метод съемки, и метод постобработки, и его применение имеет ограничения. Это не очень подходит для движущихся объектов. Из-за этого ограничения он лучше всего подходит для статических сцен, таких как пейзажная фотография или съемка определенных студий / продуктов.

Хотя это не так просто, как просто купить Canon EOS 5DS R, это руководство покажет вам, как на самом деле повысить разрешение вашей камеры до уровней выше 40 мегапикселей, не тратя ни копейки на новое оборудование.Если вы любитель пикселей, который хочет создавать чрезвычайно детализированные изображения с высоким разрешением для печати, или если вы просто хотите узнать о реальном методе создания фотографий с очень высоким разрешением и чисто детализированными фотографиями, продолжайте читать.

Праймер

Я впервые познакомился с концепцией сверхвысокого разрешения, когда Hasselblad анонсировал свою h5D-200MS, неприлично дорогую камеру среднего формата, способную снимать 200 мегапикселей (МП) (с тех пор ее заменила Hasselblad H5D-200c).Что меня больше всего заинтриговало в h5D-200MS, так это то, что она делает эти изображения чрезвычайно высокого разрешения с помощью только датчика 50 МП. Используя специальный механизм сдвига сенсора внутри камеры, h5D-200MS смогла сделать 6 отдельных изображений, каждое с немного разными положениями сенсора, с разницей только в пиксель между каждым снимком. Затем камера автоматически выравнивала эти изображения и объединяла их вместе для создания фотографии с разрешением в 4 раза большим.

H5D-200c нынешнего поколения стоит 45 000 долларов больше, чем большинство автомобилей среднего класса.Я знал, что, вероятно, никогда не смогу достать такую ​​дорогую камеру, но я знал, что мне нужна такая же технология в моей (гораздо более скромной) компактной системной камере.

Сейчас 2015 год. За четыре коротких года, прошедших с тех пор, как Hasselblad анонсировал зверя с разрешением 200 МП, технология сдвига сенсора начинает находить свое применение в более доступных камерах. Недавно анонсированная камера Olympus OM-D E-M5 II — первая камера потребительского уровня, использующая эту технологию. Как и h5D-200MS, OM-D E-M5 II делает не менее 8 последовательных снимков с помощью сенсора с разрешением 16 МП.

После съемки этих 8 фотографий, каждая с разным положением сенсора, камера объединяет данные всех 8 изображений в изображение 40 МП (или до 65 МП в RAW). Это немного скромнее, чем смехотворный уровень детализации, обеспечиваемый Hasselblad, но E-M5 II — это компактная системная беззеркальная камера с гораздо меньшим 4/3 ″ сенсором. При 40 мегапикселях он находится на одном уровне с некоторыми из доступных в настоящее время зеркалками с самым высоким разрешением, такими как Nikon D810 (36 МП) и Sony a7R (36 МП).

Я бы не стал называть себя пиксельным наблюдателем, но мысль о создании фотографии сверхвысокого разрешения меня заинтриговала. У меня всегда был вопрос: можем ли мы достичь такого же сверхразрешения без необходимости в специальном механизме сдвига сенсора? Ответ — да, и техника до глупости проста.

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

Это проще, чем кажется, обещаю. Вот чего ожидать и как это сделать:

Чего ожидать

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

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

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

Мы будем использовать простой усредняющий (средний) фильтр, который позволит нам разрешить детали с точностью до 1/4 нашего исходного размера пикселя. Поэтому, когда мы повышаем разрешение, мы увеличиваем изображение в 4 раза по сравнению с исходным размером. Изображение 12 МП может стать почти 48 МП, изображение 24 МП — почти 96 МП. Всегда требуется небольшая обрезка, потому что наши фотографии никогда не будут полностью перекрываться. Моя стопка фотографий с разрешением 24 мегапикселя дала финальное изображение с разрешением 94 мегапикселя.

Не хочу, чтобы вы возлагали слишком большие надежды: разница в воспринимаемом разрешении между 24-мегапиксельным и 94-мегапиксельным изображениями на самом деле менее значительна, чем вы думаете.Несмотря на то, что оно почти в четыре раза больше, увеличение разрешения будет заметно только в областях изображения с мельчайшими деталями. В результате техника здесь показывает ощутимую отдачу только на очень детализированных сценах. Это метод пиксельного наблюдателя.

Выгоды вполне реальны, но результаты могут быть менее радикальными, чем можно было бы изначально назвать. Кроме того, если вы не распечатываете свои фотографии размером с рекламный щит и не стоите очень близко, чтобы рассмотреть каждую мелочь, 94 мегапикселя — это перебор практически для любого приложения, которое я могу придумать.Даже компьютерные мониторы с самым высоким разрешением имеют всего около 15 мегапикселей.

Но давайте сделаем огромное изображение только потому, что мы можем:

Это окончательное изображение размером 7901 на 11930 пикселей или 94,2 МП. Загрузите изображение с полным разрешением, нажав здесь (14 МБ ZIP).

Фотография сделана на мой Sony a7II с объективом Zeiss Sonnar T * FE 35mm f / 2.8 ZA. Я сделал экспозицию при ISO 100, f / 8.0 и 1/100.

Я хотел бы использовать мой пример изображения, чтобы указать на некоторые преимущества и ограничения, чтобы вы могли лучше понять, чего ожидать от этой техники сверхвысокого разрешения.Вот снова пример изображения, на этот раз с несколькими ячейками, помеченными буквами, чтобы продемонстрировать расположение каждого из следующих изображений в качестве примера. Каждая область представляет собой квадрат размером 200 на 200 пикселей (100 на 100 пикселей на оригинале), увеличенный до 700%, чтобы вам было легче различать различия.

A: увеличение пространственного разрешения до 4 раз

Хотя есть очень очевидное и измеримое увеличение разрешения, оно ограничено. Даже если бы мы использовали сотни наложенных друг на друга кадров (не рекомендуется), мы, вероятно, не смогли бы увеличить фактическое пространственное разрешение изображения примерно в четыре раза по сравнению с исходным или на 200% по каждому краю, длине и ширине.

Этот предел обусловлен рядом причин: неточным и случайным характером нашего «движения датчика» (дрожание руки), неточностями в выравнивании нашего слоя (выходящими за пределы функции автоматического выравнивания Photoshop) и тем фактом, что мы просто усреднение деталей на уровне пикселей, а не написание алгоритма демозаики на уровне субпикселей, специально ориентированного на сверхразрешение нескольких изображений.

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

B: шумоподавление

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

Этот метод также устраняет влияние фиксированного структурного шума, поскольку наши случайные движения руки гарантируют, что любые горячие пиксели или согласованные шумовые шаблоны будут усреднены данными из остальных изображений. В примере из точки «B» вы можете увидеть как резкое увеличение пространственного разрешения, так и заметное уменьшение общего шума и зернистости.

C: Устранение муара

Одним из наиболее очевидных преимуществ является устранение почти любого цветового муара или наложения цветов.Это явление может быть особенно проблематичным при съемке очень детализированных объектов с повторяющимся узором, например, ткани. На этих поверхностях он проявляется в виде цветных или полосатых узоров. Укладка сверхвысокого разрешения обычно полностью устраняет проблему.

Это означает, что этот метод особенно полезен для камер без оптического фильтра нижних частот (OLPF), таких как Sony a7R, или фильтра отмены OLPF, например Canon 5DSR и Nikon D800E. Эти камеры особенно чувствительны к появлению муара и наложения спектров, что на самом деле делает их одними из лучших кандидатов для использования этого метода.Поскольку это уже камеры с очень высоким разрешением, использование этой техники должно обеспечить получение результатов с очень высоким разрешением, а также уменьшение или устранение присущих им проблем с наложением спектров и муаром.

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

D: Повышение разборчивости

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

Тем не менее, все еще можно сделать некоторые детали, например нечитаемый номерной знак, «менее нечитаемым». Это не соответствует стандартам, которые Голливуд заставляет нас поверить в возможность, но все же есть заметные улучшения. В примере из точки ‘D’ ниже номерной знак автомобиля, припаркованного на расстоянии, почти невозможно прочитать на исходном изображении, но изображение со сверхвысоким разрешением немного четче, вероятно, с надписью «BDG-201» или, возможно, «806-201». .«Не на 100% ясно, но это точно лучше, чем в оригинале.

E: Не подходит для движущихся объектов

И описанный здесь метод, и метод сверхразрешения смещения сенсора имеют явные проблемы с движением объекта. Если в сцене есть какое-либо относительное движение, например деревья, качающиеся на ветру, движущееся движение транспорта или идущие люди, в этих областях будет заметное размытие.

В моем примере сцены в точке «E» ниже на расстоянии проезжали машины, и они демонстрируют явные ореолы / размытость из-за среднего метода наложения.Это, вероятно, самое серьезное ограничение наложения сверхразрешения, поскольку из-за него нецелесообразно снимать движущиеся объекты, не выглядящие как размытый беспорядок:

Хорошо, теперь, когда вы знаете, чего ожидать от 94-мегапиксельного стека сверхвысокого разрешения, давайте рассмотрим, как его создать.

Что вам понадобится

Вам не понадобится ничего, кроме камеры (желательно с возможностью серийной съемки), достаточно устойчивой руки и Adobe Photoshop для обработки. Мы абсолютно не должны использовать штатив для этой техники, поскольку легкое движение руки действительно полезно для создания изображения со сверхвысоким разрешением.Наша рука, по сути, похожа на наш собственный механизм переключения датчиков.

• Камера
• Достаточно устойчивая рука (без штатива) / li>
• Adobe Photoshop

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

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

Съемка со сверхвысоким разрешением

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

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

Настройки камеры

Не существует единственной наилучшей настройки для этой техники (это частично зависит от вашего оборудования), но мы должны сделать все, что в наших силах, чтобы сделать каждое изображение в нашей серии как можно более резким.Я рекомендую снимать с диафрагмой от f / 5,6 до f / 11, чтобы добиться максимальной резкости.

Кроме того, вероятно, лучше всего использовать выдержку, достаточно короткую, чтобы не размывать изображение вручную. Хороший безопасный ориентир для выдержки — 1 / (2 * фокусное расстояние). Так что, если у вас 50-миллиметровый объектив, 1/100 будет достаточно безопасной выдержкой.

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

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

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

• Портативный
• от f / 5,6 до f / 11
• Ручная выдержка затвора — рекомендуется 1 / (2 * фокусное расстояние)
• Предпочтительны более низкие значения ISO, установите значение f / число и выдержку для нейтральной экспозиции или установите Auto ISO
• Режим непрерывной серийной съемки — минимум 20 изображений
• RAW

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

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

Обработка

Если вы хотите попробовать использовать мои 20 файлов RAW a7II для проверки обработки, вы можете скачать их здесь (500 МБ ZIP). Для чтения файлов вам понадобится как минимум Lightroom 5.7.1 (Win / Mac) и / или Adobe Camera RAW 8.7.1.

Существует определенный порядок операций при обработке, который позволит нам объединить нашу стопку фотографий в окончательное изображение с заметно более мелкими деталями. Мы импортируем наши фотографии в стопку слоев в Photoshop, увеличиваем разрешение фотографии (обычно на 200% ширины / высоты) с помощью простого алгоритма ближайшего соседа, повторно выравниваем слои, а затем усредняем слои вместе.

1. Импортировать все фотографии в виде стопки слоев
2. Изменить размер изображения до 4-кратного разрешения (200% ширины / высоты)
3. Автоматическое выравнивание слоев
4. Средние слои

1. Импортируйте изображения как стопку слоев

Из Photoshop: Файл> Сценарии> Загрузить файлы в стек…
Из Lightroom: выберите все фотографии. Щелкните правой кнопкой мыши и выберите «Редактировать в> Открыть как слои в Photoshop»…

· Щелкните Обзор… для перехода к фотографиям.
· Убедитесь, что флажок «Попытка автоматически выровнять исходные изображения» снят (это важно.Если сначала выровняете, это не сработает.)
· Нажмите ОК

2. Изменить размер до 200% ширины / высоты

· Выберите «Изображение»> «Размер изображения»…
· Установите ширину / высоту на 200%.
· Используйте алгоритм передискретизации «ближайшего соседа». Вы также можете использовать «Сохранить детали», но я предпочитаю «Ближайший сосед», так как он не увеличивает резкость
· Нажмите OK

3. Автоматическое выравнивание слоев

· Выберите все слои в палитре слоев
· Выберите «Правка»> «Автоматическое выравнивание слоев»…
· Используйте параметр «Авто» проекции, снимите флажок «Геометрическое искажение» и снимите флажок «Удаление виньетки».
· Нажмите OK.
· После выравнивания, убедитесь, что каждый слой выглядит правильно выровненным с нижним слоем.Если один или два не совпали так хорошо, как другие, подумайте об их удалении. Вы можете включать и выключать видимость каждого слоя с помощью значка глаза слева от слоя. Просто не забудьте снова включить их, прежде чем продолжить.

4. Усреднение слоев

Самый быстрый способ сделать это — изменить непрозрачность каждого слоя снизу вверх так, чтобы непрозрачность = 1 / (номер слоя). Например, если у вас 20 слоев, сделайте нижний 1/1 = 100%, второй сверху должен быть 1/2 = 50%, третий 1/3 = 33%, четвертый 1/4 = 25%. и так далее до верхнего слоя 1/20 = 5%.Photoshop может использовать только целочисленные значения непрозрачности, поэтому будет некоторая ошибка округления и повторение целых чисел по мере приближения к последнему слою, но это не будет иметь большого значения.

· При 20 слоях непрозрачность снизу вверх составляет примерно: 100%, 50%, 33%, 25%, 20%, 17%, 14%, 12%, 11%, 10%, 9%, 8%, 8%, 7%, 7%, 6%, 6%, 6%, 5%, 5%
· После установки непрозрачности выберите все слои, щелкните правой кнопкой мыши и выберите Flatten Image

Усреднение также можно выполнить, выбрав все слои и превратив их в смарт-объект и установив режим стека смарт-объекта на «Среднее» или «Среднее», но это может быть медленным при работе со стопкой из двадцати фотографий с разрешением 90+ мегапикселей. просто как предупреждение.Режим стека «Медиана» особенно хорош для удаления ореолов на движущихся объектах. Режимы стека смарт-объектов доступны только в версиях Photoshop CS6 Extended и CC.

Дополнительно: Применить Smart Sharpen

Я обычно использую интеллектуальный фильтр повышения резкости с радиусом около 2 пикселей и от 200% до 300%. Из-за характера нашего метода жесткие края, вероятно, будут выглядеть немного мягкими и потребуют некоторой резкости.

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

· Фильтр> Резкость> Интеллектуальная резкость…
· Количество: 300%
· Радиус: 2px
· Уменьшение шума: 0%
· Нажмите OK

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

Вот и снова наше результирующее изображение с разрешением 94 мегапикселя. Загрузите файл с полным разрешением здесь (14 МБ ZIP)

Заключение

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

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

Я предсказываю, что камеры, вероятно, будут реализовывать гораздо более быстрые методы сверхразрешения в будущем, которые не имеют текущих проблем с размытием движения от движущихся объектов. Более быстрые методы, вероятно, будут реализованы за счет гораздо более быстрого смещения массива цветных фильтров или сенсора во время одной экспозиции, а не выполнения нескольких отдельных экспозиций, как мы делали в этой статье.Эти методы требуют гораздо более быстрой внутренней компьютерной обработки, чтобы быть практичными для таких вещей, как спортивная фотография, поэтому мы, вероятно, не увидим, что они реализованы на спортивных камерах, таких как Canon 1D.

Один из самых больших вопросов, связанных с новой войной мегапикселей, заключается в том, действительно ли нам нужны фотографии размером 50+ мегапикселей. Лично я полностью доволен изображениями, которые я сделал много лет назад на оригинальной 6,3-мегапиксельной камере Canon EOS Digital Rebel. Одна из моих нынешних любимых камер — Sony a7S с разрешением всего 12 мегапикселей, и мне очень нравятся результаты 16-мегапиксельного сенсора Fujifilm X-T1.Иногда мне даже кажется, что 24-мегапиксельный сенсор на моем Sony a7II может быть слишком большим. Тем не менее, всегда есть стремление к большему и лучшему, и я все еще приветствую новый приток камер с высоким разрешением, таких как Canon 5DS R.

Canon EOS 5DS R оснащена полнокадровым сенсором с разрешением 50,6 мегапикселя. Однако разрешение

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

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

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

Видеоверсия этого учебного пособия

---

Об авторе : Ян Норман — фотограф, инженер и предприниматель из Лос-Анджелеса, Калифорния. Он глубоко увлечен фотографией и с огромной радостью преподает другим то, чему он научился за эти годы. Недавно он открыл новый веб-сайт под названием The Photon Collective, новое сообщество фотографов.Эта статья изначально появилась там.

Как сохранить высококачественные изображения для Интернета в Photoshop »XO PIXEL

Перед сохранением

Есть несколько вещей, которые вы должны проверить перед сохранением изображений. Первый — это проверка ваших документов Режим изображения , а второй — настройка размера изображения . Вот как это сделать:

Режим изображения

Чтобы проверить режим изображения в Photoshop, выберите Изображение> Режим .Проще говоря, если вы планируете использовать свои изображения для Интернета, ваше изображение должно быть в режиме RGB . Если вы планируете печатать документ на бумаге, ваше изображение должно быть в режиме CMYK . Установка режима изображения для предполагаемого конечного использования вашего изображения поможет гарантировать, что цвета вашего изображения будут отображаться с максимальной цветопередачей.

Разрешение изображения

Чтобы настроить разрешение изображения в Photoshop, выберите Изображение> Размер изображения .Помимо настройки изображения на желаемый размер, вы также должны убедиться, что разрешение подходит для его окончательного вывода (который в данном случае находится в Интернете). Как правило, качество изображений, сохраняемых для Интернета, составляет 72 пикселя на дюйм. Все, что больше или меньше этого, сделает изображение слишком большим или некачественным. Вы также можете настроить размер изображения в окне «Сохранить для Интернета» в Photoshop (см. Ниже).

Окно «Сохранить для Интернета» в Photoshop

Когда вы будете готовы сохранить изображения для Интернета в Photoshop CC, выберите «Файл »> «Экспорт»> «Сохранить для Интернета» (устаревшая версия).Откроется окно «Сохранить для Интернета». Понимание различных типов файлов, в которые вы можете сохранять изображения, значительно приблизит вас к сохранению высококачественных изображений для Интернета. Чтобы упростить задачу, я собираюсь просмотреть все типы файлов, в которые вы можете сохранять изображения (и рекомендации для каждого из них), в таблице ниже:

Формат файла	Плюсы	Минусы
JPG	может отображать миллионы цветов, лучше всего использовать для красочных фотографий	не поддерживает качество прозрачности уменьшается каждый раз при открытии файла (сжатие с потерями) нет подходит для значков и логотипов
PNG-8	256 цветов поддерживают прозрачность, используемую для значков и логотипов с небольшим количеством цветов, аналогичных GIF меньший размер файла, чем сжатие без потерь GIF (файл большего размера, чем JPEG)	большой размер файла для сложных изображений (фотографии)
PNG-24	24-битный цвет поддерживает прозрачность, используемую для значков и логотипов с множеством цветов, аналогичных сжатию без потерь JPEG (при каждом открытии файла качество не меняется)	размер файла больше, чем Большой размер файла JPEG для сложных изображений (фотографий)
GIF	Сжатие без потерь 256 цветов, лучше всего использовать для небольших микросхем с небольшим количеством цветов, которые лучше всего использовать для простых графических изображений, поддерживает прозрачность, поддерживает небольшие анимации	размер файла больше, чем в формате PNG

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

Качество изображения и размер изображения

После того, как вы выбрали файл изображения, в котором хотите сохранить изображение, теперь вы можете выбрать различные параметры качества изображения, уникальные для каждого типа файла.Выбор качества изображения JPEG довольно прост. Для получения изображения наивысшего качества выберите «Максимум» или установите «Качество» на 100. Для изображений PNG , как указано в таблице выше, чем больше цветов вы выберете (до 256), тем более высокое качество будет изображение будет. Наконец, при сохранении изображения GIF , аналогичного PNG, чем больше цветов вы выберете, тем выше качество изображения. Просто имейте в виду, что чем больше цветов вы выберете для изображения, тем больше будет размер файла.Чем меньше цветов вы выберете, тем меньше размер файла. Вы просто не можете этого получить!

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

Сохранение изображения

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

Заключение

Сохранять высококачественные изображения для Интернета в Adobe Photoshop очень просто. Применяя советы и информацию, описанные выше, вы сможете сохранять высококачественные изображения для своего веб-сайта. Конечно, есть более подробные способы сохранения изображений для Интернета в Photoshop, однако для большинства веб-изображений всего, что я рассмотрел выше, определенно достаточно.