Изменяем размер изображения без потери качества через Perfect Resize. Как увеличить размер фото с помощью инструмента кадрирования в Photoshop Как увеличить размер изображения в фотошопе cs5

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

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

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

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

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

Итак, перед вами исходное изображение.

Запустили Фотошоп, открыли изображение, поехали!

Шаг 1: Преобразуем фон в обычный слой

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

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

Статья по теме: Что изменится, если убрать с сайта SEO-тексты

Кликните на значок блокировки фонового слоя.

В CS6 и более ранних версиях, удерживайте клавишу Alt (Win) / Option (Mac) и кликните по имени слоя.

Фоновый слой мгновенно преобразуется в обычный слой и переименуется в «Layer 0»:

Шаг 2: Выберите Инструмент Crop

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

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

Шаг 3: Перетащите маркеры изменения размера к границам изображения

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

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

Перетащив правую ручку вправо.

Когда мы отпустим кнопку мыши, Photoshop добавит дополнительное пространство и заполнит его прозрачностью. Шахматный рисунок в Фотошопе обозначает прозрачность, то есть незаполненное пространство.

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

Но сначала отменим то, что мы сделали и восстановим исходные границы изображения. Для этого нажмем кнопку «Отмена» на панели параметров или клавишу ESC:

Чтобы добавить дополнительное пространство на левой части фотографии, нажмите на левую ручку и перетащите его влево. Или, чтобы добавить равное количество пространства по обеим сторонам изображения в то же время, нажмите и удерживайте значок Alt (Win) / Option (Mac), как вы щелкните и перетащите левой или правой ручки. Это позволит изменить границы обрезки от ее центра, в результате за ручку на противоположной стороне, чтобы двигаться одновременно в противоположном направлении:

Статья по теме: Ошибки дизайна, влияющие на SEO

Добавление дополнительного пространства для обеих сторон, удерживая вариант клавиши Alt (Win) / Option (Mac), как я перетащить.

Равный отступ был добавлен к обеим сторонам.

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

Или, чтобы добавить равное количество пространства сверху и снизу от изображения в то же время, еще раз нажмите и удерживайте клавиши Alt (Win) / Option (Mac) на твоей клавиатуре, как вы перетащите верхний или Нижний маркер. Противоположная ручка будет двигаться вместе с ним, в противоположном направлении:

Отпускаете кнопку мыши, затем Alt (Win) / Option (Mac), и у вас получится равные пустого пространства над и под изображением. Опять же, убедитесь, что вы отпустите сначала кнопку мыши, а затем клавишу, или он не будет работать:

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

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

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

Способы изменения масштаба изображения методом Интерполяции

Особый пункт «Интерполяция» (Resample Image ) имеет несколько значений. Они появляются при наведении курсора мыши на стрелку, указывающую на этот параметр. Рассмотрим каждый подпункт.

• «По соседним» (Nearest Neighbor )

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

• «Билинейная» (Bilinear )

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

• «Бикубическая» (Bicubic )

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

• «Бикубическая глаже» (Bicubic Smoother )

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

• «Бикубическая четче» (Bicubic Sharper )

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

Пример применения значения «Бикубическая глаже»

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

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

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

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

Как увеличить фото без потери качества

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

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

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

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

Нажимаем сочетание клавиш Alt + Ctrl + I . У нас откроется окно «Размер изображения» . Нужно, чтобы между «Шириной»/Width и «Высотой»/Height была нажата скрепка. Тогда ширина и высота будут изменяться пропорционально.

Увеличим изображение два раза, каждый раз на 20%. Для этого в выпадающем списке напротив «Ширины» меняем пиксели на проценты (Pixel/Percent), а численное значение со 100% на 120% и нажимаем Ok . Затем ещё раз вызываем окно размера изображения (Alt + Ctrl + I ) и увеличиваем на 20%.

Мы увеличили размер изображения с 950х632 пикселя до 1368х910 пикселей.

Для наглядного сравнения приблизим исходное изображение (950х632 пикс.) и полученное (1368х910 пикс.).

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

Остаётся доработать результат. Применим фильтр «Умная резкость» к полученному изображению.

Заходим: «Фильтры»/«Усиление резкости»/«Умная резкость»/Filter/Sharpen/Smart Sharpen . Перемещая ползунки, подбираем подходящую резкость. Если в маленьком окне предпросмотра на изображение кликнуть левой клавишей мыши и удерживать, то можно увидеть картинку до применения эффекта. Разница ощутима. Особенно заметен плавный переход цвета (без кубиков) на линзах очков. Мы полностью убрали шум, сместив ползунок до конца вправо. Радиус резкости взяли 0,3 пикселя, эффект применили на 79%.

Ещё раз сравним результаты.

Слева - исходное изображение, в центре - после увеличения размера, справа - с применением «Умной резкости» .

После применения «Умной резкости» на фото ушли шумы, изображение стало чище.

Вот наш результат.

А теперь увеличим фото и улучшим его качество с помощью автоматических средств Photoshop 2017.

Открываем изображение в Photoshop, нажимаем сочетание клавиш Alt + Ctrl + I . У нас откроется окно «Размер изображения»/Image Size . Обратите внимание на пункт «Подогнать под»/Dimensions . Раскройте этот список. В нём вы увидите заготовки вариантов увеличения/уменьшения изображения без потери качества. Воспользуемся автоматической подборкой (второй пункт в списке). В открывшемся окне выбираем пункт «Хорошее» и жмём Ok . Наилучшее выбирать не стоит, поскольку исходный снимок - слишком низкого качества, и увеличивать его настолько нет смысла.

Обратите внимание, если нам удалось подбором увеличить изображение с 950х632 пикселя и разрешением 96 пикс/дюйм до 1368х910 пикселей с тем же разрешением, то программа сделала увеличение до 1969х1310 пикселей с разрешением 199 пикс/дюйм.

Применим «Умную резкость».

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

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

Процедура предельно проста. Не ставьте крест на маленьких снимках. Дайте им второй шанс.

На сегодняшнем уроке мы будем разбирать вопрос “Как увеличить картинку?”. Как и в остальных вопросах тут есть несколько ответов! Самое первое и трудное – это открыть Фотошоп, а дальше всё будет намного проще. После удачного открытия Фотошопа нам нужно открыть изображение , которое мы собираемся увеличить. После выполнения этого незамысловатого действия, пока мы не перешли непосредственно к увеличению картинки, должен вас предупредить, что всякий раз, при увеличении изображения, его качество будет ухудшаться.

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

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

На верхней панели мы должны выбрать пункт «Изображение», он третий слева. В открывшемся списке мы должны выбрать пункт «Размер холста», он седьмой сверху. Так же открыть этот пункт мы можем зажав три волшебных клавиши (Alt + Ctrl +C). Это мы можем увидеть справа от надписи «Размер холста».

У нас появилось окошко, в котором мы видим два основных заголовка «Текущий размер: …М» и «Новый размер: …М». В текущем размере мы видим ширину и высоту нашего изображения сейчас. А в новом размере мы можем выбирать, в чём будет производиться измерение (процентах, в пикселях, в сантиметрах). В окошечках справа от слов «Ширина» и «Высота» нужно написать размеры того холста который у нас будет, желательно увеличивать холст настолько на сколько мы собираемся увеличивать картинку. Если мы поставим галочку перед словом «Относительно», то размеры нового холста будут показываться относительно старого, то есть «+1000» или «-1000». В пункте «расположение» мы можем выбирать в каком направлении будет увеличиваться наш холст, например: «вправо и вверх», «влево и вверх», «вниз вправо» и «влево» и т.д. В окошечке «Цвет расширения» холста мы можем выбрать цвет которым зальётся пространство, на которое мы увеличили наш холст, но в данном случае нам это не важно. Нажав на стрелочку «вниз» мы можете выбрать один из основных цветов (чёрный, белый и серый), так же мы можем выбрать «Основной цвет» – это главный, выбранный нами, цвет в палитре, или «фон» – это второстепенный цвет, выбранный нами в палитре. Там есть пункт «Другое», после нажатия на него выскакивает окно палитры, где мы можем выбрать цвет самостоятельно, после чего нажав «Да». В этом окне мы работу завершили. Смело нажимаем клавишу «Да». Ну, а если вы вдруг решили не увеличивать размер холста, нажмите клавишу «Отмена». Эта клавиша находится под клавишей «Да».

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

Теперь нам надо перейти в слой, на котором находится наше изображение, и нажать (Ctrl + T). Вокруг нашей картинки появится квадратик с точками на краях и по углам. Если мы нажмем и будем держать на одну из этих точек, то мы сможем растягивать наше изображение как захотим, двигая мышку с зажатой левой клавишей мыши. А если вы хотите увеличивать изображение пропорционально, сохраняя пропорцию между длинной и высотой картинки, то вам надо нажать левой кнопкой мыши на одной из точек, которая стоит на углах картинки, одновременно нажимая клавишу «Shift» на клавиатуре, и повести мышкой в сторону. Вот таким простым способом мы растягиваем наше изображение по холсту, который мы увеличили ранее.

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

Второй способ. Нажимаем тот же самый пункт «Изображение», но теперь выбираем не седьмой, а шестой пункт сверху «Размер изображения».

Там вы не найдёте ничего нового. Мы не зря с вами разобрали «Размер холста», хотя и здесь есть несколько пунктов, вам незнакомых. «Сохранять пропорции» – это мы знаем из вышесказанного. А «Интерполяция» – это сохранение пропорции между шириной высотой и разрешением. Но знайте, если выбрали измерение в процентах, то сейчас вам дано изображение 100%. И если вы его хотите увеличить, то вам надо вводить число больше ста, а если уменьшить, то меньше ста.

Наконец мы можем себя похвалить за ещё одну пройденную тему!

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

1. Откройте Photoshop, нажмите Файл >

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

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

2. Выберите Изображение > Размер изображения…

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

Размер оригинала изображения - 10 на 6,667 дюймов. Допустим, мы хотим увеличить изображение до 12 на 8 дюймов, чтобы его было легко распечатать и вставить в рамку. Так как нам важно сохранить разрешение 300 пикселей на дюйм, мы задаем новый размер. В нашем случае мы увеличили ширину документа с 10 до 12 дюймов, а высоту - с 6,667 до 8:

5. Выберите метод интерполяции

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

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

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

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

В данном примере мы увеличили размер документа с 10 на 6.667 до 12 на 8 дюймов. Заметьте, что размер в пикселях увеличился с 3000 на 2000 до 3600 на 24000. Также стоит отметить, что финальный размер изображения увеличился с 17,2 Мб до 24,7 Мб:

Как уменьшить размер изображения в Photoshop

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

1. Откройте Photoshop, нажмите Файл > Открыть, и выберите изображение

2. Перед тем, как увеличить качество картинки в Фотошопе, выберите Изображение > Размер изображения…:

3. Откроется диалоговое окно «Размер изображения», как показано на картинке ниже

4. Задайте размер изображения в пикселях, размер документа или разрешение

Разрешение оригинала изображения - 300 пикселей/дюйм (ppi ). Например, мы хотим разместить эту фотографию на сайте, и допустимый размер 600 на 400 пикселей, разрешение - 72 пикселей/дюйм. Сначала введем 72 в поле «Разрешение », затем зададим размер в пикселях (600 - длина, 400 - ширина ):

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

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

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

6. Нажмите «ОК», чтобы применить изменения

Вы успешно изменили размер изображения.

В данном примере мы уменьшили разрешение изображения с 300 до 72 пикселей/дюйм, а размер в пикселях с 3000 на 2000 до 600 на 400. Обратите внимание, размер файла уменьшился с 17,2 Мбайт до 703,1 Кбайт!