Как изменить размер изображения в Photoshop CC для web

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

Содержание

Работа на одном слое

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

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

Настройка

Основная работа ведется в области «Размерность». Необходимо акцентировать внимание на пунктах «Ширина» и «Высота». Как изменить размер изображения в «Фотошопе»? Для этого следует указать в полях с цифрами желаемые значения ширины и высоты снимка. Программа по умолчанию сохраняет пропорции фотографии.

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

Удаление и стирание вместо использования маски

Эта плохая привычка очень характерна для пользователей Фотошопа. Стирание и удаление частей оригинального изображения — чрезвычайно разрушительный способ редактирования! Чтобы избежать потери содержимого изображения, используйте одну из возможностей Фотошопа:

  • пиксельная маска,
  • векторная маска,
  • обтравочная маска.

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

Используйте маски и не удаляйте части оригинального изображения

Интерполяция изображения в фотошопе какую выбрать. Что такое интерполяция

Функция изменения размера изображения, предоставленная Emgu (оболочка.net для OpenCV), может использовать любой из четырех методов интерполяции :

  • CV_INTER_NN (по умолчанию)
  • CV_INTER_LINEAR
  • CV_INTER_CUBIC
  • CV_INTER_AREA

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

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

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

4 ответов

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

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

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

Не уверен, что такое «area» — на самом деле это может быть «Bicubic». По всей вероятности, этот параметр даст лучший результат (с точки зрения потери/появления информации), но за счет самого продолжительного времени обработки.

Используемый метод интерполяции зависит от того, чего вы пытаетесь достичь:

CV_INTER_LINEAR

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

Метод CV_INTER_NN

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

Алгоритмы: (описания из документации OpenCV)

  • INTER_NEAREST — интерполяция ближайшего соседа
  • INTER_LINEAR — билинейная интерполяция (используется по умолчанию)
  • INTER_AREA — повторная выборка с использованием отношения области пикселей. Это может быть предпочтительный метод для прореживания изображения, поскольку он дает результаты без муара. Но когда изображение масштабируется, оно похоже на метод INTER_NEAREST.
  • INTER_CUBIC — бикубическая интерполяция по окрестности 4×4 пикселей.
  • INTER_LANCZOS4 — интерполяция Lanczos в окрестности 8×8 пикселей

Если вы хотите увеличить скорость, используйте метод Nearest Neighbor.

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

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

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

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

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

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

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

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

Метод ближайших соседей

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

Поскольку в таком случае нужно проверять только каждый второй пиксель, это достаточно быстрый метод, хотя и не очень точный. Он не подходит для большей части фотографических изображений, содержащих плавные переходы между отдельными участками, поскольку дает в них заметно более зубчатые края. Если вы сканируете изображение с четкими границами, например, фрагмент текста или изображение, которое будет сохраняться в формате GIF, алгоритм ближайших соседей будет вполне пригоден. В таких случаях он дает меньшие файлы, при этом эффективно сохраняя резкие границы. На рис. 3.4 изображена буква А (один из типов изображений, для которых достаточно хорошо работает алгоритм ближайших соседей), а на рис. 3.5 показана увеличенная на 600% часть этой буквы после обработки с помощью данного.

Билинейный метод

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

Бикубический метод

. Самый распространенный метод интерполяции — бикубический, при котором для получения информации для создания новых, интерполированных пикселей, проверяются все окружающие пиксели. Этот метод используется по умолчанию во многих сканерах, а также в Photoshop. В последней версии Photoshop к основному алгоритму бикубической интерполяции добавлены еще два варианта — бикубическое сглаживание (Bicubic Smoother), лучше всего сглаживающее зубцы при увеличении изображения, и бикубическое увеличение резкости (Bicubic Sharper), сохраняющее детали при выполнении субдискретизации для уменьшения изображения. Бикубическая интерполяция показана на рис. 3.7.

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

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

Лекция: Adobe Photoshop CS5 для дизайнера и фотографа

Adobe Photoshop CS5 — последняя версия легендарного графического редактора. Сам перевод названия программы «Фотомагазин» говорит о том, что это программа для фотографов. Программное обеспечение Adobe® Photoshop® CS5, соответствует мировым стандартам, позволяет создавать профессиональные изображения на высшем уровне. В новой версии вы сможете рисовать реалистичные иллюстрации, быстро создавать эффектные изображения HDR, устранять шумы, добавлять зернистость и настраивать виньетирование с помощью самых современных инструментов для обработки фотографий. В лекциях мы не будем глубоко вникать в теорию компьютерной графики, а заострим внимание на практике работы с фотоизображениями.

Основные понятия компьютерной графики

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

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

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

Количество пикселей в изображении определяет его разрешение. Пиксели часто называют точками, тогда разрешение измеряется в dpi (dot per inch), то есть в количестве точек на дюйм.

Примечание

В компьютерной литературе существует путаница в терминах и некоторые из авторов разрешение мониторов измеряют в dpi (dot per inch), сканеров в ppi (pixel per inch) — пиксель на дюйм, а принтеров в lpi (line per inch) — линий на дюйм. Другие же авторы книг разрешение любого изображения, не зависимо от способа его получения измеряют только в dpi.

Если вдуматься, то становится очевидным, что чем выше разрешение, тем большее количество пикселей содержит изображение и тем большим количеством деталей (то есть — качеством) такое изображение характеризуется. С другой стороны, более высокое разрешение изображение прямо связано с большим размером файла такого изображения. Поэтому установка величины разрешения зависит от целей и задач компьютерного художника и для конкретной работы будет разной. Например, веб-дизайнеры обычно работают с изображениями 72-96 dpi, в то время как полиграфисты предпочитают разрешения изображений от 300 dpi и выше (рис. 1.1).

Рис. 1.1.

Изображение высокого разрешения слева (файл 977 Кб) и низкого разрешения справа (файл 41 Кб)

Глубина цвета

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

Новый термин

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

Для примера на рис. 1.2 показано одно и то же изображение, но с разной глубиной цвета: в два цвета сверху, и в 256 оттенков серого снизу. Из этой иллюстрации наглядно видно, что чем выше число воспроизводимых градаций яркости пикселя в черно-белых изображениях (и количество отображаемых цветов в цветном изображении), тем качество растрового изображения выше.

Рис. 1.2.

Одно и то же изображение, но с разной глубиной цвета

С точки зрения цветовой глубины растровые изображения можно разбить на несколько типов:

Для монохромного черно-белого (Black and White) изображения используются только два типа ячеек: черные и белые. Поэтому для запоминания каждого пикселя требуется только 1 бит памяти компьютера. Такие изображения часто называются 1-битовыми изображениями. Соответственно, их цветовая разрешающая способность будет равна 1 бит/пиксель.

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

Рис. 1.3.

Десять градаций серого цвета — от белого (100%) до черного (0%)

Для работы с изображениями, описание которых требует большого цветового разрешения, используются цветовые модели RGB, Lab и CMYK. В случае RGB-формата цвет каждого пикселя определяется комбинацией из трех цветов: красного, зеленого и голубого. В зависимости от назначения изображение может иметь 16 битовое, 24 битовое или 32 битовое цветовое разрешение (глубину цвета).

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

Изменение разрешения путем интерполяции изображения

Если разрешение цифрового изображения, полученного посредством матрицы сканера (или цифровой фотокамеры) совпадает с числом светочувствительных элементов сканера (или камеры), то говорят о фактическом (аппаратном или физическом) разрешении. Однако как в аппаратуре оцифровки изображений, так и в графических программах предусмотрена возможность использования операции интерполяции (Resampling), то есть изменения разрешения, которая может быть реализована разными способами. Например, в программе Adobe Photoshop (рис. 1.4) реализованы три способа интерполяции — по соседним, билинейная и бикубическая.

Рис. 1.4.

Способы интерполяции изображений в Adobe Photoshop

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

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

Бикубическая (Bicubic) интерполяция усредняется значение группы не только непосредственно граничащих, но и всех соседних пикселов. Какой диапазон пикселов выбирается для усреднения и по какому алгоритму это усреднение происходит — этим отличаются способы бикубической интерполяции. На иллюстрации выше мы видим три варианта бикубической интерполяции в Adobe Photoshop.

Примечание

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

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

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

Этот человек сидит среди ромашек, чтобы привлечь ваше внимание к статье.

Для наглядного сравнения я буду использовать изображения одинакового разрешения 1920×1280 (одно , второе), которые буду приводить к размерам 330×220, 1067×667 и 4800×3200. Под иллюстрациями будет написано, сколько миллисекунд занял ресайз в то или иное разрешение. Цифры приведены лишь для понимания сложности алгоритма, поэтому конкретное железо или ПО, на котором они получены, не так важно.

Ближайший сосед (Nearest neighbor)

Это самый примитивный и быстрый метод. Для каждого пикселя конечного изображения выбирается один пиксель исходного, наиболее близкий к его положению с учетом масштабирования. Такой метод дает пикселизированное изображение при увеличении и сильно зернистое изображение при уменьшении.
Вообще, качество и производительность любого метода уменьшения можно оценить по отношению количества пикселей, участвовавших в формировании конечного изображения, к числу пикселей в исходном изображении. Чем больше это отношение, тем скорее всего алгоритм качественнее и медленнее. Отношение, равное одному, означает что как минимум каждый пиксель исходного изображения сделал свой вклад в конечное. Но для продвинутых методов оно может быть и больше одного. Дак вот, если например мы уменьшаем изображение методом ближайшего соседа в 3 раза по каждой стороне, то это соотношение равно 1/9. Т.е. большая часть исходных пикселей никак не учитывается.

1920×1280 → 330×220 = 0,12 ms 1920×1280 → 1067×667 = 1,86 ms

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

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

Аффинные преобразования (Affine transformations)

Аффинные преобразования — общий метод для искажения изображений. Они позволяют за одну операцию повернуть, растянуть и отразить изображение. Поэтому во многих приложениях и библиотеках, реализующих метод аффинных преобразований, функция изменения изображений является просто оберткой, рассчитывающей коэффициенты для преобразования.
Принцип действия заключается в том, что для каждой точки конечного изображения берется фиксированный набор точек исходного и интерполируется в соответствии с их взаимным положением и выбранным фильтром. Количество точек тоже зависит от фильтра. Для билинейной интерполяции берется 2×2 исходных пикселя, для бикубической 4×4. Такой метод дает гладкое изображение при увеличении, но при уменьшении результат очень похож на ближайшего соседа. Смотрите сами: теоретически, при бикубическом фильтре и уменьшении в 3 раза отношение обработанных пикселей к исходным равно 4² / 3² = 1,78. На практике результат значительно хуже т.к. в существующих реализациях окно фильтра и функция интерполяции не масштабируются в соответствии с масштабом изображения, и пиксели ближе к краю окна берутся с отрицательными коэффициентами (в соответствии с функцией), т.е. не вносят полезный вклад в конечное изображение. В результате изображение, уменьшенное с бикубическим фильтром, отличается от изображения, уменьшенного с билинейным, только тем, что оно еще более четкое. Ну а для билинейного фильтра и уменьшения в три раза отношение обработанных пикселей к исходным равно 2² / 3² = 0.44, что принципиально не отличается от ближайшего соседа. Фактически, аффинные преобразования нельзя использовать для уменьшения более чем в 2 раза. И даже при уменьшении до двух раз они дают заметные эффекты лесенки для линий.

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

1920×1280 → 330×220 = 6.13 ms 1920×1280 → 1067×667 = 17.7 ms 1920×1280 → 4800×3200 = 869 ms

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

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

, потому что результат получается очень плохой и похож на ближайшего соседа, а ресурсов на этот метод нужно значительно больше. Тем не менее, этот метод нашел широкое применение в программах и библиотеках. Самое удивительное, что этот способ используется во всех браузерах для метода канвы drawImage() (наглядный пример), хотя для простого отображения картинок в элементе используются более аккуратные методы (кроме IE, в нем для обоих случаев используются аффинные преобразования). Помимо этого, такой метод используется в OpenCV, текущей версии питоновской библиотеки Pillow (об этом я надеюсь написать отдельно), в Paint.NET.

Кроме того, именно этот метод используется видеокартами для отрисовки трехмерных сцен. Но разница в том, что видеокарты для каждой текстуры заранее подготавливают набор уменьшенных версий (mip-уровней), и для окончательной отрисовки выбирается уровень с таким разрешением, чтобы уменьшение текстуры было не более двух раз. Кроме этого, для устранения резкого скачка при смене mip-уровня (когда текстурированный объект приближается или отдаляется), используется линейная интерполяция между соседними mip-уровнями (это уже трилинейная фильтрация). Таким образом для отрисовки каждого пикселя трехмерного объекта нужно интерполировать между 2³ пикселями. Это дает приемлемый для быстро движущейся картинки результат за время, линейное относительно конечного разрешения.

Суперсемплинг (Supersampling)

С помощью этого метода создаются те самые mip-уровни, с помощью него (если сильно упростить) работает полноэкранное сглаживание в играх. Его суть в разбиении исходного изображения по сетке пикселей конечного и складывании всех исходных пикселей, приходящихся на каждый пиксель конечного в соответствии с площадью, попавшей под конечный пиксель. При использовании этого метода для увеличения, на каждый пиксель конечного изображения приходится ровно один пиксель исходного. Поэтому результат для увеличения равен ближайшему соседу.
Можно выделить два подвида этого метода: с округлением границ пикселей до ближайшего целого числа пикселей и без. В первом случае алгоритм становится малопригодным для масштабирования меньше чем в 3 раза, потому что на какой-нибудь один конечный пиксель может приходиться один исходный, а на соседний — четыре (2×2), что приводит к диспропорции на локальном уровне. В то же время алгоритм с округлением очевидно можно использовать в случаях, когда размер исходного изображения кратен размеру конечного, или масштаб уменьшения достаточно мал (версии разрешением 330×220 почти не отличаются). Отношение обработанных пикселей к исходным при округлении границ всегда равно единице.

1920×1280 → 330×220 = 7 ms 1920×1280 → 1067×667 = 15 ms 1920×1280 → 4800×3200 = 22,5 ms

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

1920×1280 → 330×220 = 19 ms 1920×1280 → 1067×667 = 45 ms 1920×1280 → 4800×3200 = 112 ms

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

Данный метод используется в функции gdImageCopyResampled() библиотеки GD, входящей в состав PHP, есть в OpenCV (флаг INTER_AREA), Intel IPP, AMD Framewave. Примерно по такому же принципу работает libjpeg, когда открывает изображения в уменьшенном в несколько раз виде. Последнее позволяет многим приложениям открывать изображения JPEG заранее уменьшенными в несколько раз без особых накладных расходов (на практике libjpeg открывает уменьшенные изображения даже немного быстрее полноразмерных), а затем применять другие методы для ресайза до точных размеров. Например, если нужно отресайзить JPEG разрешением 1920×1280 в разрешение 330×220, можно открыть оригинальное изображение в разрешении 480×320, а затем уменьшить его до нужных 330×220.

Свертки (Convolution)

Этот метод похож на аффинные преобразования тем, что используются фильтры, но имеет не фиксированное окно, а окно, пропорциональное масштабу. Например, если размер окна фильтра равен 6, а размер изображения уменьшается в 2,5 раза, то в формировании каждого пикселя конечного изображения принимает участие (2,5 * 6)² = 225 пикселей, что гораздо больше, чем в случае суперсемплинга (от 9 до 16). К счастью, свертки можно считать в 2 прохода, сначала в одну сторону, потом в другую, поэтому алгоритмическая сложность расчета каждого пикселя равна не 225, а всего (2,5 * 6) * 2 = 30. Вклад каждого исходного пикселя в конечный как раз определяется фильтром. Отношение обработанных пикселей к исходным целиком определяется размером окна фильтра и равно его квадрату. Т.е. для билинейного фильтра это отношение будет 4, для бикубического 16, для Ланцоша 36. Алгоритм прекрасно работает как для уменьшения, так и для увеличения.
1920×1280 → 330×220 = 76 ms 1920×1280 → 1067×667 = 160 ms 1920×1280 → 4800×3200 = 1540 ms

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

Именно этот метод реализован в ImageMagick, GIMP, в текущей версии Pillow с флагом ANTIALIAS.

Одно из преимуществ этого метода в том, что фильтры могут задаваться отдельной функцией, никак не привязанной к реализации метода. При этом функция самого фильтра может быть достаточно сложной без особой потери производительности, потому что коэффициенты для всех пикселей в одном столбце и для всех пикселей в одной строке считаются только один раз. Т.е. сама функция фильтра вызывается только (m + n) * w раз, где m и n — размеры конечного изображения, а w — размер окна фильтра. И наклепать этих функций можно множество, было бы математическое обоснование. В ImageMagick, например, их 15. Вот как выглядят самые популярные:

Билинейный фильтр (bilinear или triangle в ImageMagick)

Бикубический фильтр (bicubic , catrom в ImageMagick)

Фильтр Ланцоша (Lanczos)

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

Теперь для интерполяции множеств можно использовать формулу (1). Она примет вид:

Чтобы осуществить построение переходного множества при некотором значении t

,нужно сначала построить множества и , далее найти их сумму.

Пример 4.

Пусть – круг радиуса с центром в точке = (0;0), – круг радиуса с центром в некоторой точке . Тогда интерполяционное множество () – это круг с центром в точке , расположенной на отрезке / /, радиуса (рис.9).

Рис.9. Интерполяция двух кругов

Действительно, зафиксировав некоторое значение t

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

Замечание.

Из свойств арифметических операций над множествами следует, что аналогичная картина получится при интерполяции двух любых кругов. Действительно, круг радиуса с центром в произвольной точке может быть представлен в виде суммы круга радиуса с центром в точке (0;0) и множества, состоящего из одной точки (равносильно вектора ): = + . Тогда интерполяционная формула даёт:

= = + .

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

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

).

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

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

Пример 5.

Пусть – квадрат 2 x 2 с правой нижней вершиной в начале координат, – прямоугольник 4 x 5 с левой нижней вершиной в начале координат (стороны обеих фигур параллельны осям координат) (рис. 10). Построим интерполяционное множество .

1 способ.

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

Рис.10. Интерполяция прямоугольников на основе арифметических операций

2 способ.

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

Рис.11. Интерполяция прямоугольников путём интерполяции вершин

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

Пример 6.

Пусть – прямоугольные равнобедренные треугольники с гипотенузой
h
=100 и общей вершиной в начале координат. Тогда в результате интерполяции по Минковскому при получим шестиугольник (интерполяционное множество ) (рис. 12).

Рис.12. Интерполяция симметричных треугольников

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

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

Ещё более удивителен следующий случай.

Пример 7.

Пусть – отрезки на осях координат: ,

Тогда – квадрат со стороной единица, нижние вершины которого расположены в точках (1;0) и (2;0) (рис. 13).

Рис.13. Интерполяция отрезков

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

Анализируя разобранные примеры, можно увидеть, что алгоритм Минковского даёт блестящие результаты в случаях, когда:

1) ,

Трата времени на клики

Использовать Фотошоп без горячих клавиш — это словно есть суп вилкой! Да, так работать можно, но это займёт гораздо больше времени, чем при использовании горячих клавиш. Настоящий Фотошоп-мастер должен держать одной рукой мышь (или стилус графического планшета), а другой рукой нажимать кнопки клавиатуры. Список самых необходимых горячих клавиш:

  • Cmd/Ctrl + T — Свободное Трансформирование
  • Cmd/Ctrl + Enter — Превращение контура в выделение
  • Cmd/Ctrl + S — Сохранить документ
  • Cmd/Ctrl + A — Выбрать всё
  • Cmd/Ctrl + D — Снять выделение
  • Cmd/Ctrl + Shift + I — Инверсия выделения
  • Cmd/Ctrl + Click — Выделение содержимого слоя
  • Cmd/Ctrl + Option/Alt + A — Выбрать все слои
  • Option/Alt + Click между двумя слоями — Обтравочная маска
  • Cmd/Ctrl + G — Группировать слои
  • Cmd/Ctrl + Shift + G — Разгруппировать слои

Чтобы выучить почти все горячие клавиши Фотошопа, воспользуйтесь схемой:

Экономьте время с помощью горячих клавиш

Опция «Интерполяция»

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

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

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

Трансформирование пиксельных слоёв

Большинство пользователей Фотошопа слышали о смарт-объектах, но далеко не все пользуются ими постоянно. Когда Вы преобразуете слой в смарт-объект, Фотошоп вставляет оригинальное изображение в своеобразный контейнер, и изменения будут применяться только к этому контейнеру, а не к оригинальному изображению.

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

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

Потеря качества после пары поворотов слоя

Интерполяция в фотошопе

Автор: Накрошаев Олег. Дата публикации: 07 октября 2019. Категория: Разное.

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

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

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

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

Как его проверить?

Это удобно сделать с помощью диалогового окна «Размер изображения» («Image Size»).

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

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

Чтобы вызвать это диалоговое окно и проверить разрешение документа, вы­берите команду меню «Изображение => Размер изображения» («Image => Im­age Size») или нажмите сочетание клавиш Alt+Ctrl+I.

Диалого­вое окно сообщает следующую информацию о вашем изображении:

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

Ме­няя значения в полях Ширина (Width), Высота (Height) и Разрешение (Resolu­tion), вы можете изменить размер и разрешение изображения.

Флажок Ресамплинг (Resample) (до версии фотошопа СС назывался «Интерполяция») данного диалогового окна — ваш ключ к изме­нению разрешения без влияния на качество изображения.

Ресамплинг («Интерполяция») — это процесс, при котором программа Photoshop реагирует на команду изменения размера, добавляя или вычитая пикселы. Проблема, заключается в том, что при ресамплинге Photoshop «строит предположе­ния», а это может испортить качество изображения.

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

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

Существуют два режима ресамплинга (интерполяции):

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

Если установлен флажок Ресамплинг («Интерполяция»), необходимо выбрать метод интерполяции в раскрывающемся списке, расположенном правее.

Зачем это может потребоваться? К примеру, если у вас есть изображение с разрешением 300ppi, размер которого составляет 10х15 см, а вам нужно изображение размером 15×20 см с таким же разрешением, то устанавливаем данный флажок. С другой стороны, если у вас очень крупное изображение, слишком большое, чтобы переслать его по электронной почте, можно применить ресамплинг (интерполяцию) для уменьшения размера изображения в пикселах (и, следовательно, размера файла).

В раскрывающемся списке Ресамплинг («Интерполяция») определяется, какие математические вычисления выбирает программа Photoshop для добавления или удаления пикселов.

Рассмотрим их:

  1. Автоматически (Automatic).

Этот вариант позволяет программе Photo­shop выбрать лучший метод в зависимости от содержимого изображения и того, требуется ли его увеличить или уменьшить. Этот метод также при­меняется инструментом Рамка (Crop) и командой Свободное трансфор­мирование (Free Transform), a вот функция изменения размера в диалого­вом окне «Сохранить для Web» (Save for Web) его не использует.

  1. Сохранить детали (с увеличением) (Preserve Details).

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

Вот почему, ког­да вы выбираете этот вариант, под раскрывающимся списком появляется ползунковый регулятор «Уменьшить шум» (Noise). Перетащите его вправо, чтобы уменьшить шум. В этом случае очень удобна область просмотра диалогового окна «Размер изображения» (Image Size), так как эффект от перемещения ползункового регулятора «Уменьшить шум» (Noise) можно наблюдать в реальном вре­мени.

  1. Бикубическая с увеличением (Bicubic Smoother (enlargement)).

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

  1. Бикубическая (с уменьшением) (Bicubic Sharper (reduction)).

Этот метод по способу создания пикселов похож на метод Бикубическая с увеличением, однако, вместо того, чтобы размывать целые пикселы для улучшения наложения новых и старых пикселов, он смягчает только края пикселов. Рекоменду­ется применять данный метод для уменьшения изображений, хотя неко­торые гуру Photoshop утверждают, что с его помощью выполняются также и более качественные увеличения, чем при использовании метода Бику­бическая (с увеличением) (Bicubic Smoother (enlargement)).

  1. Бикубическая (плавные градиенты) (Bicubic).

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

  1. По соседним пикселам (четкие края) (Nearest Neighbor).

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

  1. Билинейная (Bilinear).

Указывает программе Photoshop, что необходимо угадать цвет новых пикселов, выбрав нечто среднее между цветом пиксе­лов, расположенных непосредственно выше и ниже, а также слева и спра­ва от добавляемого. Результат данного метода чуть лучше, чем при выборе варианта «По соседним пикселам (четкие края) (Nearest Neighbor)», к тому же он быстрее, но все же рекомендуется использовать другие методы.

Вот и все, что я хотел сказать об интерполяции в фотошопе.

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

Спасибо за прочтение.

Жду Ваши вопросы и комментарии в форме ниже статьи.

Подписывайтесь на рассылку новых статей и уроков от сайта PhotoshopSunduchok (все разделы фотошопа):

0

Печать

  • Назад
  • Вперёд

Комментарии

+1 Виктор_М 30.08.2017 17:24 Так «Бикубическая (плавные градиенты)» для увеличения или уменьшения лучше подходит? Непонятно. Лучший алгоритм для уменьшения изображения «Бикубическая (плавные градиенты)»?

Ответить | Ответить с цитатой | Цитировать

0 OlegNakroshaev 31.08.2017 06:12 Для уменьшения лучше выбрать «Бикубическая (с уменьшением)». «Бикубическая (плавные градиенты)» лучше использовать, если у Вас на снимке есть градиентные переходы.

Ответить | Ответить с цитатой | Цитировать

+1 Виктор 02.11.2016 10:11 Привет всем ! Изучил интерполяцию — распечатал для себя . Спасибо Олег Николаевич !

Ответить | Ответить с цитатой | Цитировать

+1 Виктор 02.11.2016 09:56 Очень хочется у вас познавать работу в фотошопе . Олег Николаевич спасибо Вам за помощь в изучении материалов фотошопа .

Ответить | Ответить с цитатой | Цитировать

+1 Наталья 12.10.2016 21:31 Спасибо за подробное разъяснение использования интерполяции и ещё за Push-рассылку — очень удобно.

Ответить | Ответить с цитатой | Цитировать

+2 Марина 10.10.2016 11:28 Эти серьезные теоретические вопросы достаточно понятно изложены в Вашем уроке. Надо возвращаться к нему время от времени. Иногда из-за небольших знаний не могу изложить ясно свой вопрос, теперь многое становится ясным. Большое спасибо.

Ответить | Ответить с цитатой | Цитировать

+1 Ольга 09.10.2016 19:24 Спасибо за подробное разъяснение использования интерполяции, очень приятно работать с тем что понимаешь.

Ответить | Ответить с цитатой | Цитировать

-1 Александр 08.10.2016 21:04 В программe ashampoo PhotoZoom Classic 6 включены следующие алгоритмы изменения размера … S-Spline XL S-Spline Lanczos Бикубический B-Spline Catmull-Rom Mitchell Bell Hermite Билинейный Ближайший сосед Можете ли Вы дать разъяснения? Очень благодарен за Вашу работу

Ответить | Ответить с цитатой | Цитировать

+1 OlegNakroshaev 08.10.2016 21:19 К сожалению нет. С этой программой не работал. Каждый производитель закладывает свои алгоритмы работы. Хотя из всех режимов три аналогичны фотошоповским.

Ответить | Ответить с цитатой | Цитировать

+1 Марина 08.10.2016 13:36 Спасибо. Постоянно приходится картинку уменьшать.Хотелось бы,чтобы было наиболее резко,хотя при уменьшении картинка и так становится более резкой,но вот про интерполяцию не знала. теперь буду обращать внимание.

Ответить | Ответить с цитатой | Цитировать

+1 Елена 07.10.2016 23:37 Спасибо за урок! Занимаюсь декупажем и очень важно хорошее качество картинки при распечатке. Ещё благодарю за Push-рассылку — очень удобно.

Ответить | Ответить с цитатой | Цитировать

+1 Станислав 07.10.2016 19:59 Благодарю за очень полезный материал и дополнение к статье о»Разрешение в фотошопе». Скачал и теперь, если будет нужно что-то вспомнить или уточнить, у меня есть где посмотреть! С большим уважением Евгеньевич.

Ответить | Ответить с цитатой | Цитировать

+3 Юрий Алексеевич 07.10.2016 18:45 СПАСИБО за полезный урок! Часто приходится уменьшать/увеличиват ь картинки. Ваше разъяснение как раз сделает эти преобразования еще качественнее.

Ответить | Ответить с цитатой | Цитировать

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

Добавить комментарий

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

. Для отображения
Аватара
(вашей картинки) необходимо на ту же почту иметь аккаунт на — Gravatar, это бесплатно.

JComments

Не применять корректирующие слои

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

Корректирующий слой Curves для изменения баланса белого

FAQ по Фотошопу

Есть вопрос? Задайте!

Что такое «ресемплинг» и как его делать правильно?

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

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

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

Статья по анализу устаревших «наколеночных» алгоритмов: Resampling: сжать и не испортить! . Я не стал переносить её на новый сайт: она уже не слишком актуальна. См. также: Повышение резкости для Web.

С некоторых пор (я пропустил, с какой версии) в Фотошопе появился «пакетный» инструмент Fit Image (File / Automate / Fit Image…). Он гораздо удобнее Image Size при пакетной обработке множества файлов, поскольку позволяет «вписывать» картинку в прямоугольник предопределенного размера вне зависимости от альбомной или портретной ориентации. Это очень полезная фича, в частности, при подготовке сетевых альбомов. Fit Image, однако, не имеет опции выбора алгортима, поэтому дефолтный алгоритм нужно заранее установить в настройках (Edit / Preferences, закладка General, Image Interpolation установить Bicubic Sharper (best for reduction)).

Что такое «дроплеты» и как с ними работать?

Создать дроплет можно через меню File / Automate / Create Droplet… Форма создания дроплета из экшена до боли напоминает форму запуска этого экшена. Что и не удивительно.

Ровно те же действия над пачкой картинок можно совершить непосредственно из фотошопной оболочки через меню (File / Automate / Batch…) или из Бриджа (Инструменты / Photoshop / Пакетная обработка…). Если у вас есть набор стандартных экшенов, которые вы привыкли применять всегда для больших объемов фотографий, то дроплеты, возможно, будут походящим средством. Кроме того, дроплеты можно, например, передавать товарищам по партии для использования, поскольку они (дроплеты, а не товарищи) хранят последовательность команд в собственном коде. А вообще, удобство применения дроплетов зависит только от привычки.

Как нарисовать контур геометрической фигуры?

Мне не известен прямой способ рисовать геометрически правильные контуры, Фотошоп для этого как-то не предназначен. Но в качестве обходного пути можно использовать инструменты рисования фигур: Rectangle Tool, Elipse Tool и т.п.

Ими, однако, можно нарисовать только сплошную фигуру. Нарисовав ее, поставьте на слое необходимый вам эффект для создания конутра, скажем, Inner Glow с нужными параметрами. Затем сделайте прозрачным только слой фигуры, оставляя эффективными наложенные эффекты. Это делается движком Fill (а не обычным Opacity). Вы получите что-то вроде того, что изображено на вставке под вопросом.

Как почиситить «грязные» цвета фотографии?

Более подробная статья по теме: Три способа насыщения цвета

Для чистки «грязных» цветов используйте Selective Color (Избранный цвет) в качестве инструмента, а лучше – в качестве корректирующего слоя.

Воспользовавшись Selective Color, удалите из RGB каналов – красного, зеленого и/или синего – соответствующие «загрязняющие» их дополнительные цвета – циан, магенту и/или желтый. Возможно, есть смысл использовать в качестве режима наложения корректирующего слоя режим Hue.

Я переставил систему, забыв сохранить настройки Фотошопа (Actions и т.п.). Где их искать?

Их искать здесь:

  • В XP: X:\Documents and Settings\xxxx\Application Data\Adobe\Adobe Photoshop CSx\Adobe Photoshop CSx Settings
  • В Win7: X:\Users\xxxx\AppData\Roaming\Adobe\Adobe Photoshop CSx\Adobe Photoshop CSx Settings

Расширение у них .psp, например, Actions Palette.psp и т.п.

Алекс — 2011-12-03, 18:35

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

Алекс — 2011-12-03, 18:36

если можно на почту

Igor — 2012-01-28, 02:55

подскажите плиз как пачкой фот изменить размер холста

Изменить размер холста — только экшеном. Но если имеется в виду размер изобрадения, то удобно пользоваться Bridge: там в меню Tools / Photoshop / Image Processor.

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

Неорганизованная работа

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

Учитесь организовывать слои правильно

Как изменить размер изображения в Photoshop CC для web

Итак, открываем изображение в Photoshop, и, прежде всего, неплохо было бы создать дубликат документа, чтобы, в случае чего, у нас всегда был под рукой нетронутый оригинал. Для этого идём по вкладке главного меню Изображение —> Создать дубликат (Image —> Duplicate), после чего мы получаем копию документа, с ней и будем работать.

Теперь открываем диалоговое окно «Размер изображения» (Image Size) через вкладку «Изображение» (Image), либо нажатием клавиш Ctrl+Alt+I.

О работе в новом диалоговом окне размера изображения Photoshop CC, его новом интерфейсе и опциях подробно рассказывается здесь.

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

Это также означает, что мы должны изменить количество пикселей в изображении, процесс, известный как передискретизация или ресамплинг (Resampling).

Начальная информация о файле

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

Здесь мы видим, что моя фотография в настоящий момент занимает 5,88 мегабайт в памяти моего компьютера и имеет размер в пикселях 1282 на 1603:

изменить размер изображения в Photoshop CC

Опция ресамплинга

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

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

Изменяем размер изображения в Photoshop CC

Выбор метода ресамплинга

Справа от опции «Ресамплинг» находится выпадающее меню выбора метода ресамплинга (или, на техническом языке известный как «метод интерполяции»), этот метод указывает Photoshop, как анализировать и перерисовать пиксели:

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

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

Для понижения разрешения изображения, что мы, скорее всего, будем делать при подготовки изображения для отправки по электронной почте или публикации на веб-сайте, оптимальным способом является «Бикубический с уменьшением» (Bicubic Sharper reduction). Вы можете выбрать его сами, если вы хотите, но если вы просто оставите значение «Автоматически», Photoshop автоматически выберет «Бикубический с уменьшением», когда он обнаружит, что Вы понижаете разрешение изображения, так что на самом деле нет необходимости его менять:

Выбор единиц измерения документа

Далее, поскольку мы имеем дело с пикселями изображения, нужно проставить эти единицы и в диалоговом окне, если они не были установлены ранее:

Сохранение пропорций сторон изображения

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

Вводим собственные значения ширины и высоты

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

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

Хотя некоторые фотосайты, типа Flickr, позволяют отображать изображения больше, чем 1920 x 1080, так что ширина и высота зависит от того, куда Вы отправляете фото.

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

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

Если теперь посмотреть на размер изображения в мегабайтах и пикселях в верхней части окна, можно убедится, что размер в пикселях уменьшился с оригинальных 1282 на 1603 до 700 на 850 пикселей, а размер в мегабайтах сократился с 5,88 до 1,75. Важно отметить, что тот что 1,75 мегабайта — это место, занимаемое несжатым файлом в Photoshop на компьютере, и когда позже Вы будете сохранять уменьшенное изображение как JPEG или PNG, размер файла будет ещё значительно уменьшен:

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

Значения разрешения

Если Вы посмотрите на строку с «Разрешением» картинки, то заметите, что независимо от новых значений ширины и высоты разрешение осталось прежним, у меня это 72 пикс./дюйм:

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

Теперь осталось только сохранить картинку в виде популярных форматов PNG или JPG, но эта уже тема другой статьи.

Деструктивное использование фильтров

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

Начинайте использовать смарт-объекты сразу, как только применяете фильтры

Качество редактированного изображения

Снимок будет практически такой же четкий, как и оригинал. Как изменить размер изображения в «Фотошопе» без потери качества? Необходимо следовать правилу использования инструмента Image size. Нельзя из снимка с низким разрешением получить более четкую картинку. При уменьшении размера фотографии утилита отбрасывает ненужные пиксели.

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

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

Недостаток знаний о навигации

Многие пользователи Фотошопа передвигают вверх и вниз ползунки, чтобы передвинуть рабочий документ, вместо того, чтобы использовать клавишу Пробел, которая активирует инструмент Hand Tool (H). Вот несколько подсказок для быстрой навигации по документу:

  • Пробел — инструмент Hand Tool (H)
  • Z + протягивание мышкой влево и вправо — уменьшение и увеличение документа
  • Удерживание клавиши H + клик левой кнопкой мыши — птичий взгляд
  • Cmd/Control + 0 — масштаб по размеру экрана
  • Cmd/Control + 1 — в натуральную величину

Другие методы интерполяции

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

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

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

Чтобы понимать какие процессы заложены в механизм изменения размеров изображения, почитайте — строительном материале любого растрового изображения. Если вкратце, то это маленькие цветные квадратики, из которых, как из мозаики, складывается картинка.

Говоря о размерах, мы говорим о разрешении

. Оно записывается как сумма пикселей в одной строке по ширине и одном столбце по высоте и записывается так: 655×382. Именно таких размеров следующий арт:

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

В случае уменьшения размера

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

Но этот процесс не обратимый. Если потребуется все вернуть обратно или сделать еще больше, то запустится новый процесс — увеличение.

В случае увеличения размера

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

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

Неиспользование Adobe Bridge

Ещё один тратящая лишнее время плохая привычка: неиспользование родного приложения для управления файлами — Adobe Bridge. Это инструмент предлагается в комплекте с программой со времен выхода CS2, и может сэкономить массу времени с организацией и поиском изображений и проектов. Многие фотографы используют Bridge для работы с фотографиями, хотя мы рекомендуем работать вместо этого в Lightroom.

Adobe Bridge, родное ПО для управления файлами

Как изменить размер изображения в «Фотошопе» CS6?

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

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

Здесь отображается разрешение изображения в пикселях, а также в процентном соотношении. Область «Размер печатного оттиска» используется при работе с принтером. В данном поле следует указать разрешение 200-300 пикселей на дюйм. Параметры «Ширина» и «Высота» позволяют сделать выводы о размере бумаги с напечатанной фотографией. При желании можно сохранить пропорции изображения.

Что такое «пропорционально»

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

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

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

Масштабирование

Честно говоря, есть и другие способы изменения размеров изображения. Пропорциональные методы мы уже изучили. Что дальше? Теперь стоит разобраться, как изменить размер изображения в «Фотошопе» без данной особенности. Если вы прекрасно освоили рассмотренные нами выше варианты, то все остальное покажется вам сущим пустяком. Ведь обычное масштабирование (произвольное) проводится проще, чем пропорциональное.

Чтобы в произвольной форме изменить размеры картинки, просто выделите изображение (Ctrl + A), после чего «хватайтесь» за разные углы по краям. Нужные места будут отмечены полупрозрачным квадратиком. Готовы? Нужно просто растягивать изображение при помощи подобных «маркеров».

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

Как в Фотошопе изменить размер и вес картинки.

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

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

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

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

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

в фотошопе.

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

Здесь все просто: вверху программы основное меню; слева основные инструменты; справа дополнительное меню с инструментами. Для того чтобы изменять изображение его нужно открыть в данной программе. Чтобы это сделать существует 2 способа.

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

2-способ : в самом верху программы есть горизонтальное меню и там есть слово «Файл». Нажмите на него.

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

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

После этого у вас появится выпадающее меню, где Вы должны найти такую строку «Размер изображения». Перейдите по данному пункту меню.

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

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

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

Все, после этого Вы берете данную картинку и вставляете себе на сайт.

На этом я данную статью заканчиваю и теперь я думаю, у Вас не возникнет вопрос, как изменить размер изображения

в фотошопе.

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

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

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

Клавиши

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

Чтобы попасть в меню «Размер изображения», достаточно одновременно нажать в «Фотошопе» Alt + Ctrl + l. После этого перед вами откроется небольшое окошко с настройками. С ними мы уже знакомы. Изменяем цифры в полях (в пикселях или любых других величинах, в зависимости от вашей нужды), ставим галочку напротив «сохранить пропорции», а затем жмем на «Ок». Вот и все. Теперь посмотрите на результат. Он будет точно таким же, как и в предыдущем варианте. Запомните сочетание Alt + Ctrl + l. Оно еще может пригодиться вам. Тем более что данный подход сокращает время обработки изображения.

Параметры в помощь

К примеру, сохранить все пропорции можно и при помощи параметров изображения. С ними вы сможете очень быстро разобраться, как изменить размер изображения в «Фотошопе». Но каким образом следует поступить, чтобы реализовать задумку?

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

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

Интерполяция

Это ваш ключ к изменению разрешения без влияния на качество изображения. Интерполяция

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

При первом запуске программы, настройка Интерполяция

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

Когда вы устанавливаете флажок Интерполяция

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

Например, если у вас есть изображение с разрешением 200 пикселей на дюйм

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

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

Вот какие варианты вам предлагаются, отсортированные по качеству (от худшего к лучшему) и по скорости (от самого быстрого к самому медленному):

  • По соседним пикселям (сохраняет четкие края) (Nearest Neighbor)
    . Хотя этот метод в результате дает самое низкое качество изображения, он может быть полезен, поскольку создает самые маленькие файлы. Пригодится, если вы передаете файлы через Интернет, а у вас или у получателя медленное соединение. Этот метод работает ориентируясь на цвета окружающих пикселов, и копируя их. Он известен тем, что создает неровные края, поэтому вам стоит применять его только к изображениям с резкими краями, таким как иллюстрации, которые не были сглажены.
  • Билинейная (Bilinear).
    Если вы выберете этот метод, фотошоп будет угадывать цвет новых пикселов, выбирая нечто среднее между цветом пикселов, расположенных непосредственно выше и ниже, а также слева и справа от добавляемого. Результат данного метода чуть лучше, чем при выборе варианта
    По соседним пикселям
    и он все еще довольно быстрый, но вам лучше использовать вместо Билинейная один из следующих трех методов.
  • Бикубическая (наилучшая для плавных градиентов) (Bicubic)
    . Этот метод позволяет определить цвета новых пикселов, усреднив цвета пикселов непосредственно над и под новым, а также двух пикселов слева и справа от него. Этот метод занимает больше времени, чем предыдущие два, но создает более плавный переход в областях, где один цвет заменяется другим.
  • Бикубическая, глаже (наилучшая для увеличения) (Bicubic Smoother)
    . Близок к предыдущему методу по способу создания новых пикселов. При использовании этого метода пиксели немного размываются, чтобы можно было наложить новые на старые, придавая изображению более гладкий и естественный вид. Рекомендуется применять данный метод для увеличения изображений.
  • Бикубическая, четче (наилучшая для уменьшения) (Bicubic Sharper).
    Этот метод также похож на метод
    Бикубическая (наилучшая для плавных градиентов)
    по способу создания новых пикселов, однако вместо того, чтобы размывать целые пиксели для улучшения наложения новых и старых как предыдущий метод, он смягчает только края пикселов. Рекомендуется применять данный метод для уменьшения изображений.

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

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

Поэтому для подготовки цифровых изображений к выводу на устройство, необходимо знать, какое разрешение следует назначать. Для вывода изображения через монитор чаще всего разрешение устанавливают 72 или 96 пикселов на дюйм. Для печати на принтере — от 120 до 200 пикс/дюйм. Для качественной типографской печати — от 250 до 300 пикс/дюйм.

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

З А М Е Ч А Н И Е

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

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

(Image Size), а когда разрешение определено и необходимо изменить только геометрические размеры изображения, используются два инструмента: инструмент
Рамка
(Crop) и диалоговое окно
Размер холста
(Canvas Size).

На рис. 2.5 представлено окно Размер изображения

(Image Size), название которого находится в меню
Изображение
++
(в Mac OS
Размеры изображения при выводе его на мониторе

Размеры изображения, которые оно будет иметь при отпечатке на принтере

Рис. 2.5.

Диалоговое окно
Размер изображения
Обратите внимание на две области, в которых указаны размеры. Верхняя область может отображать размеры только в двух единицах измерения: в пикселах или в процентах. Здесь приводятся размеры изображения при выводе его на мониторе. Поэтому эту область следует использовать, например, для подготовки изображения к использованию в качестве картинки рабочего стола или для публикации в сети Интернет.

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

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

(Resample Image). Тогда при уменьшении изображения, его размеры будут увеличены, а при увеличении разрешения наоборот уменьшены.

В Н И М А Н И Е!

Уменьшение разрешения сокращает число пикселов изображения, эти пикселы утрачиваются навсегда, их уже не вернуть повышением разрешения! Поэтому имея высокое качество, например, 300 пикс/дюйм, вы сможете понизить его до 180 или 72 пикс/дюйм, но если исходное изображение низкого качества, например, 72 пикс/дюйм, то повысить его до качества типографской печати вы не сможете.

На рис. 2.6 представлено окно Размер холста

(Canvas Size), название которого находится в меню
Изображение
(Image). Также может быть вызвано комбинацией клавиш ++ (в Mac OS

Необходимо просто щелкнуть по этому квадрату

Рис. 2.6.

Диалоговое окно
Размер холста
Это окно предназначено для изменения геометрических размеров изображения, на разрешение оно не влияет.

Обратите внимание на флажок Относительная

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

Также удобно использовать переключатель Расположение

(Anchor), который указывает направление изменения размера. Например, если вам необходимо уменьшить высоту изображения сверху на 2 см, то в поле
Высота
(Height) необходимо ввести значение –2 см при установленном флажке
Относительная
(Relative), а переключатель
Расположение
(Anchor) поместить в нижнее среднее положение. Переключатель устанавливается простым щелчком по требуемому квадрату.

>> Как изменить размер изображения в Фотошопе

Диалоговое окно «Размер изображения»

Итак, самый основной способ изменить размер изображения — воспользоваться командой меню:

Изображение — Размер изображения (Image — Image Size).

Горячая клавиша: Alt+Ctrl+I.

Откроется диалоговое окно:

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

Размерность (Pixel Dimensions)

Чтобы изменить размер изображения меняйте значения Ширины и Высоты

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

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

(Constrain Proportions).

Размер печатного оттиска (Document Size)

Об этой группе настроек я упоминал, говоря о на принтере. Разрешение

(Resolution) меняет размер пикселей и влияет на качество печати. Для принтеров смело ставьте в диапазоне 200-300 пикселей на дюйм.

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

Масштабировать стили (Scale Styles)

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

Пропорциональное изменение

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

Для начала нужно выделить все, что будете масштабировать. Например, всю картинку. Нажмите на Ctrl + A. Теперь посмотрите на то, что произошло — по краям появилась рамка. Схватите курсором мышки любой уголок (он будет помечен квадратиком), а затем зажмите кнопку Shift. Что дальше? Просто «тяните» за угол изображения. Вверх — для увеличения (если взялись за верхний уголок) и вниз для уменьшения элементов. При зажатом Shift будет происходить пропорциональное изменение. Вот и проблемы решены. Теперь нам известно, каким образом можно изменить размер изображения в «Фотошопе» (или каких-то элементов) с сохранением пропорций. Но это еще не все, что необходимо знать о масштабировании.

Частично

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

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

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

Рейтинг
( 2 оценки, среднее 5 из 5 )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий