Как обрезать изображение в фотошопе

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

Данный урок будет особенно полезен новичкам. Начнем!

Самый простой способ кадрирования

Для каких работ данный способ актуален:

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

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

  1. Скачиваем изображение товара:
  2. Скачанное изображение открываем в фотошопе:
  3. В нашем распоряжении есть много изображений товаров, и все они разного размера. В проводнике выделяем их все (для этого, находясь в папке с картинками, нажмите Ctrl+A или выберите с помощью мышки):
  4. Теперь перетащите их в фотошоп. Обязательно перетаскивайте их на изображение, которое мы ранее скачали с сайта клиента и открыли в фотошопе. После перетаскивания отпустите мышь, и фотографии откроются поверх изображения. Вам останется только подтвердить открытие, нажимая клавишу Enter. Все фото будут видны в панели слоев:
  5. Теперь необходимо выделить все добавленные слои, кроме основного:
  6. После выделения слоев, нужно поместить их в группу, нажав сочетание клавиш Ctrl+G. Это позволит проще ими манипулировать и расположить их на основном слое ровно по центру:
  7. На данном этапе нужно выделить группу и основной слой:
  8. Включаем инструмент «Перемещение» (горячая клавиша V) и в верхней панели центруем нашу группу относительно основного изображения с помощью инструмента «Выравнивание». Нажимаем две кнопки, как показано на скрине:
  9. Если нас устраивает расположение всех фотографий, то переходим к сохранению. Если нет, то открываем группу и редактируем каждую фотографию:
  10. После того, как мы отредактировали все слои, нам остается просто сохранить фото. Для этого нажимаем сочетание клавиш Ctrl+Alt+Shift+S или через меню Файл → Экспортировать → Сохранить для Web (в некоторых версиях фотошопа шаг Экспортировать может отсутствовать).
  11. После того, как вы сохранили первое фото, просто отключите видимость верхнего слоя и сохраните фото, которое находится ниже, и так далее.

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

Обрезка с помощью инструмента «Рамка» (Crop)

Фото для примера мы взяли из собственного альбома. На ней мы сфотографировались на замечательном горнолыжном курорте «Роза Хутор» в Сочи.
Кадрирование фото

Активируйте инструмент «Рамка» (Crop) на панели инструментов или воспользуйтесь горячей клавишей C:

Инструмент Рамка в фотошопе

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

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

Кстати, почитайте эту статью тоже:   Как поменять шрифт в фотошопе?

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

Как изменить границы обрезаемой области

Посмотрите на края изображения. Вы увидите, что на рамке есть так называемые «Маркеры»:

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

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

 

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

 

Пропорциональное и равномерное изменение рамки. Чтобы менять все стороны равномерно и пропорционально, необходимо зажать Shift + Alt и передвигать угловой маркер.

Как перемещать изображение внутри рамки

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

Как отменить обрезку

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

Как нарисовать произвольные границы для обрезки фото

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

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

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

Как сбросить сделанную рамку для обрезки

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

Как обрезать фото в фотошопе с определенным соотношением сторон

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

Выбираем предустановленное соотношение сторон

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

Выбираем из выпавшего списка требуемое соотношение сторон, например 1:1 для квадрата, 8:10 и т.д. Мы выберем 8:10:

После того, как мы выбрали 8:10, рамка для обрезки фото приняла размер в соответствии с выбранным соотношением сторон:

Смена ориентации соотношения сторон

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

Это позволяет быстро менять портретную ориентацию на альбомную щелчком мышки.

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

Для того, чтобы установить собственные значения соотношений, необходимо установить инструмент в режим «В соотношении»:

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

Для примера возьмем 6×3. Как видим на скрине, фотошоп мгновенно изменил размеры рамки для обрезки:

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

Как сохранить собственные настройки соотношений

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

Кстати, почитайте эту статью тоже:   Как сделать фото черно-белым

Кликаем по выпадающему меню «в Соотношении» в верхней панели:

После этого в выпавшем списке выбираем «Новый набор кадрирования…»:

Далее нам необходимо присвоить имя шаблону. Мы назовем его 6 : 3 (Пейзаж):

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

Как кадрировать изображения до определенного размера и разрешения

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

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

Для начала кликаем по выпадающему списку «В соотношении»:

После этого в выпавшем меню выбираем Ш x В x Разрешение:

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

Чтобы прописать сантиметры, просто удалите слова «Дюйм» и пропишите «См», как показано на скрине:

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

Обратите внимание, что появилось поле для ввода разрешения:

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

Кадрирование изображений

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

Так же вы можете отрезать фотографию, нажав клавишу «Enter».

Проверка размера

Для того, чтобы убедиться, что мы с вами сделали все правильно, давайте проверим размер изображения и его разрешение. Для этого переходим в меню Изображение → Размер изображения или нажимаем Alt+Ctrl+I:

В открывшемся окне мы видим, что размер составляет 15 см по ширине и 10 см по высоте, разрешение — 300 пикселей на дюйм:

Отмена обрезки фотографии

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

Первый. Нажимаете Ctrl+Z, и программа вернется на один шаг назад.

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

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

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

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

Как выровнять горизонт в фотошопе с помощью инструмента «Рамка» (Crop)

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

Нажимаем на кнопку выпрямить:

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

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

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

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