Как в Adobe Photohop обрезать изображение в заданных пропорциях и изменить размер!

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

Соответственно, чтобы что-либо начать делать с изображением, вам нужно его сначала загрузить в фотошоп. Вариантов несколько… Либо просто перетащите его в фотошоп, либо через меню “Файл” — “Открыть”. Или можно кликнуть правой кнопкой мыши по изображению в проводнике Windows, выбрать из меню “Открыть с помощью” — “Adobe Photoshop”.

Что такое обрезка (кадрирование) изображения в заданных пропорциях и как это сделать

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

Такую операцию ещё называют кадрированием.

Причём фото может потребоваться обрезать именно в нужном соотношении сторон, например, чтобы конечное изображение получилось точно формата 16:9 или заданных пропорций в пикселях, например, 1024 на 900.

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

Изображение, выполняющее эту роль называют ещё “Тизер”, “Изображение записи / статьи” и другими схожими названиями. Ниже я буду называть это тизером.

Вот пример тизеров прямо с этого блога:



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

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





На разных сайтах может быть по своему, выше лишь пример. Где-то может стоять так называемый “слайдер” новостей, представляющий собой прокрутку картинок (тизеров) статей, а при клике по ним будет открываться сама статья / новость для изучения. Это не важно.

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

Вот примеры (красным обвёл области, которые должны занимать изображения на рассматриваемом блоге):





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

Процесс обрезки изображения

Делается всё на самом деле очень просто!

На панели инструментов слева нужно выбрать инструмент обрезки (его называют “Рамка” или “Кадрирование”):



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



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

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

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





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

Вверху, где расположены настройки инструмента, откройте список. В нём будут как и готовые варианты соотношения сторон для обрезки (например, квадратное, 16:9, 1024×768 пикс. и др.), так и возможность задать собственное соотношение сторон в пикселях (пункт “в соотношении”).



Итак, предположим, вам нужно выполнить обрезку в каком-то определённом соотношении сторон, которого нет в готовых вариантах. Например, вы знаете что в пикселях картинка должна быть в пропорциях как 1300×500 или же должен в итоге получиться затем именно такой же размер (после изменения размеров).

Тогда выбираем “в соотношении” и рядом указываем нужные размеры [1]. Затем уже ниже настраиваем область обрезки [2], т.е. растягиваем её и двигаем в нужное место изображения так, чтобы в итоге вырезали нужную часть, которую будет видно.



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

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



Готово! Изображение будет обрезано.

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

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

Если нужно изменить изображение, например, уменьшить его, то открываем меню “Изображение” — “Размер изображения”.



В настройках выберите единицу измерения “Пиксели” [1]. Затем осталось указать новые размеры и для этого достаточно задать только нужную ширину изображения [2]. Высота будет автоматически изменена пропорционально ширине. Для сохранения изменений нажмите “ОК”.



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



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


После выполнения нужных операций с изображением, не забудьте сохранить итог своей работы :), выбрав “Файл” — “Сохранить как” и указав нужный формат, например, JPG, а также качество (обычно ставится максимальное и, как правило, нет смысла уменьшать его).

Заключение

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

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

Понравилась статья? Поделись!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *