Обрезка фотографий без изменения соотношения сторон
Обрезка изображения — это одно из чаще всего выполняемых действий в Photoshop. Оно востребовано настолько часто, что в Photoshop существует специальный инструмент для этого – «Кадрирование».
Одна из самых полезных функций заключается в том, что вы можете легко обрезать фотографии для нужных размеров: 4 на 6, 5 на 7 или 8 на 10. Для этого просто нужно ввести в панели параметров значения высоты и ширины, а затем установить рамку кадрирования, как вам нужно.
Вы, конечно, можете открыть диалоговое окно «Размер изображения», чтобы узнать ширину и высоту фото, а затем произвести математические вычисления, но есть более простой способ — применить редко используемую, но очень полезную команду Photoshop под названием «Трансформация выделения».
Именно ее мы и рассмотрим в этой статье.
Вот фотография, с которой я буду работать. Я хочу обрезать изображение ближе к лицу женщины и цветам, которые она держит, но я хочу, чтобы при этом сохранялся тот же формат, что и у оригинала:
Оригинальное фото
Давайте начнем!
- Шаг 1: Выделите всю фотографию
- Шаг 2: Выберите «Трансформация выделения» в меню «Выделение»
- Шаг 3: Измените размер выделения
- Шаг 4: Обрежьте изображение
Первое, что нужно сделать, это выделить всю фотографию. Перейдите к меню «Выделение» в верхней части экрана и выберите «Все», или используйте сочетание клавиш Ctrl + A (Win) / Command + (Mac). В любом случае будет выделена вся фотография, и вы увидите, что контур выделения совпадает с краями изображения в окне документа:
Выбор контура появляется по всему фотографии в окне документа
При контуре выделения, проходящем по краям фото, вернитесь к меню «Выделение» и на этот раз выберите «Трансформация выделения»:
Перейдите Выделение> Трансформация выделения
Как следует из названия, команда «Трансформация выделения» позволяет нам вносить изменения в сам контур выделения, не затрагивая ничего внутри него.
В случае если мы хотим изменить контур и сделать его меньше, пока он не окружит только ту часть изображения, которую мы хотим сохранить, это позволяет нам обрезать все остальное.
Чтобы изменить размер выделения, нажмите и удерживайте клавишу Shift, затем нажмите на любую из опорных точек (маленькие квадраты) в углах выделения и перетащите ее. Удерживая нажатой клавишу Shift, мы обеспечиваем такое же соотношение сторон, как у исходного изображения.
Вы можете перемещать контур выделения, для этого кликните мышкой в любом месте рамки и, удерживая клавишу, перетащите рамку. Просто не нажимайте маленький символ цели в центре выделенной области, в противном случае вы будете перемещать символ цели, а не область. Перемещайте контур и изменяйте его размеры, пока выделенная область не будет расположена так, как вам нужно:
Удерживая нажатой клавишу Shift, перетащите любой из угловых маркеров, чтобы изменить размер контура выделения, сохраняя при этом соотношение сторон
Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы сохранить изменения.
На данный момент все, что нам осталось сделать, это обрезать изображение! Для этого мы можем использовать команду Кадрирование. Перейдите в меню «Изображение» в верхней части экрана и выберите «Кадрирование»:
Перейдите Изображение> Кадрирование
Как только вы выберете «Кадрирование», Photoshop обрежет все, что выходит за пределы выделения, оставив нам обрезанную версию фотографии, в которой сохранены те же пропорции, что и в оригинале:
Соотношение сторон обрезанного изображения остается таким же, как в исходной фотографии
Чтобы удалить контур выделения, либо вернуться в меню выберите «Отключить» или используйте сочетание клавиш Ctrl + D (Win) / Command + D (Mac).
Вот и все! Таким образом, вы можете обрезать фотографию без изменения исходного соотношения сторон!
Вадим Дворниковавтор-переводчик статьи «Cropping Photos Without Changing The Aspect Ratio»
Как в 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, а также качество (обычно ставится максимальное и, как правило, нет смысла уменьшать его).
Заключение
Уверен, что обрезка изображения в соответствии с нужным соотношением сторон может понадобиться любому пользователю. Пусть даже и с любым соотношением сторон, когда нужно просто вырезать нужную часть изображения и, вероятно, изменить его размер (например, уменьшить, если изображение огромное), что является очень востребованным действием.
Как видим, всё это в фотошопе делается очень легко. Аналогичное можно сделать и в других графических редакторах, в том числе в некоторых, работающих в онлайн.
Обрезка фотографий без изменения соотношения сторон
Обрезка изображений на сегодняшний день является одним из наиболее распространенных повседневных способов использования Photoshop. Это настолько распространено, что Photoshop поставляется с инструментом, разработанным специально для обрезки фотографий, который удобно называется Crop Tool. Одна из замечательных особенностей инструмента кадрирования заключается в том, что вы можете легко обрезать свои фотографии до распространенных размеров фотографий, таких как 4×6, 5×7 или 8×10, просто введя значения ширины и высоты на панели параметров, прежде чем перетаскивать границу обрезки, или выбрав предустановленный размер обрезки в палитре предустановок.
Это может быть здорово, но что, если вы не хотите менять соотношение сторон фотографии? Что делать, если вы хотите обрезать изображение, сохраняя соотношение ширины и высоты таким же, как у оригинала? А что, если вы не уверены, каково на самом деле исходное соотношение сторон? Вы могли бы открыть диалоговое окно «Размер изображения», чтобы узнать ширину и высоту изображения, а затем выполнить математические вычисления, но есть еще более простой способ благодаря редко используемой, но очень полезной команде в Photoshop под названием .
Transform Selection
Вот фотография, с которой я буду работать. Я хочу обрезать изображение более плотно вокруг лица женщины и цветов, которые она держит, но я хочу, чтобы окончательный результат сохранял то же соотношение сторон, что и оригинал:
Оригинальное фото.
Начнем!
Шаг 1: выберите всю фотографию
Первое, что нам нужно сделать, это выбрать всю нашу фотографию. Поднимитесь на Выберите меню в верхней части экрана и выберите Все в самом верху списка или используйте сочетание клавиш Ctrl+A (Win) / Command+A (Mac). В любом случае будет выбрана вся фотография, и по краям изображения в окне документа появится контур выделения:
Вокруг всей фотографии в окне документа появляется контур выделения.
Шаг 2: выберите «Преобразовать выделение» в меню выбора
Теперь, когда контур выделения вокруг всей фотографии, вернитесь к меню Select еще раз и на этот раз выберите Transform Selection в нижней части списка:
Выберите «Выделение» > «Преобразовать выделение».
Шаг 3: изменение размера выделения
Как следует из названия, команда Photoshop «Трансформировать выделение» позволяет нам вносить изменения в сам контур выделения, не затрагивая ничего внутри выделения. В этом случае мы хотим изменить размер контура выделения и сделать его меньше, пока он не окружит только ту часть фотографии, которую мы хотим сохранить, что позволит нам обрезать все остальное. Чтобы изменить размер выделения, удерживайте
Вы также можете переместить контур выделения, щелкнув в любом месте внутри выделения и перетащив его в новое место. Просто не нажимайте на этот маленький целевой символ в центре выделения, иначе вы переместите целевой символ, а не выделение.
Удерживая нажатой клавишу Shift, перетащите любой из угловых маркеров внутрь, чтобы изменить размер контура выделения, сохраняя при этом соотношение сторон.
Когда вы закончите, нажмите Введите (Win) / Верните (Mac), чтобы принять преобразование.
Шаг 4. Обрежьте изображение
На данный момент все, что осталось сделать, это обрезать область за пределами нашего выделения! Для этого мы можем использовать команду Photoshop Crop . Подойдите к меню Image в верхней части экрана и выберите Урожай :
Выберите Изображение > Обрезать.
Как только вы выберете «Обрезать», Photoshop обрежет все, что выходит за пределы выделения, оставив нам обрезанную версию фотографии с тем же соотношением сторон, что и у оригинала:
Соотношение сторон обрезанного изображения остается таким же, как и у исходной фотографии.
Чтобы удалить контур выделения, вернитесь в меню Select и выберите Deselect или используйте сочетание клавиш Ctrl+D (Win) / Command+D (Mac).
И вот оно! Вот как можно обрезать фотографии без изменения исходного соотношения сторон в Photoshop! Загляните в наш раздел «Ретуширование фотографий», чтобы узнать больше об уроках по редактированию изображений в Photoshop!
Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!
Обрезка до точного размера в Photoshop, полное руководство по обрезке в Photoshop
110
ПОДЕЛИТЬСЯ
Недавно, когда я проводил экскурсию по Photoshop, я понял, что многие люди сбиваются с толку с помощью простого инструмента кадрирования. Дело не в том, что люди не знают, как обрезать изображение, а в том, что они не знают, как это сделать, чтобы получить желаемые результаты. Казалось, трудность заключается в том, чтобы обрезать изображение до точного размера, необходимого для печати или вывода мультимедиа.
В этом уроке я покажу вам некоторые приемы работы с инструментом обрезки, покажу, как автоматически обрезать до нужного размера без математических расчетов, а затем дам несколько практических советов по обрезке в Photoshop. Это в значительной степени учебник для начинающих по инструменту кадрирования в Photoshop.
7 Советы по обрезке в Photoshop
Обрезку можно выполнить по двум причинам:
1. Чтобы изменить физический размер или соотношение сторон холста для печати, использования в мультимедиа и т. д.
2. Чтобы изменить композицию изображение: чтобы сосредоточиться на части фотографии, не отвлекаясь при этом. Цифровое увеличение; Это именно то, что делает цифровой зум на вашей камере, и поэтому я рекомендую его отключить. В фотошопе можно сделать лучше.
В Photoshop CC инструмент обрезки был изменен, чтобы предложить больше возможностей (не волнуйтесь, пользователи CS6, это руководство по-прежнему для вас).
Когда это произошло впервые, это вызвало некоторое замешательство. Давайте исправим это прямо сейчас. (Вы также можете вернуться к старому способу использования инструмента кадрирования, выбрав параметр «Наследие» на панели параметров).
Шаг 1.
Выберите инструмент обрезки на панели инструментов или нажмите клавишу C.
Вы увидите границы обрезки, которые можно выбрать и перетащить. (удерживая клавишу Shift, форма будет ограничена)
© Фото Колина Смита | PhotoshopCAFE.com
Шаг 2.
На панели параметров инструмента в верхней части измените параметр на Ш x В x Разрешение. (ширина, разрешение по высоте).
Шаг 3.
Теперь вы можете ввести желаемое соотношение сторон или размер. Я набрал 8 дюймов x 10 дюймов. Я добавил «дюймы», чтобы установить шкалу в дюймах. Вы также можете использовать символ дюймов.
Если вы ничего не вводите в поле разрешения, будет просто установлено соотношение сторон без какого-либо разрешения (окончательный размер).
Вот и путаются люди. Форма, но не размер.
В качестве разрешения введите желаемое окончательное разрешение. Для печати это обычно 300ppi (DPI при печати). Для онлайна обычно используется 72. Также 180 или 360 хорошо подходят для принтеров Epson.
Теперь, когда вы меняете область обрезки, она остается заблокированной с соотношением сторон 8 × 10: 8 (дюймов) x 10 (дюймов). Неважно, какого размера вы сделаете обрезанную область, она всегда будет 8х10 (или сколько вы ввели в поля).
Шаг 4
Нажмите клавишу Enter (или галочку на панели инструментов), чтобы применить обрезку.
Обратите внимание, что это ровно 8×10 дюймов. Это из-за настройки разрешения.
Если вы измените область обрезки и примените ее, она все равно будет иметь размеры 8 дюймов на 10 дюймов при разрешении 300 пикселей на дюйм.
Как видите, это действительно полезно для подготовки файлов без необходимости слишком много думать или заниматься математикой.
Xtra Credit
Создание пресета кадрирования
Давайте сохраним эти настройки как пресет, чтобы нам не приходилось вводить его каждый раз.
В раскрывающемся списке выберите New Crop Preset
Photoshop назовет его за вас, или вы можете добавить свое собственное имя, если хотите.
Когда вы открываете раскрывающееся меню на панели параметров, пресет всегда будет доступен в нижней части меню для приложения в 1 клик.
Изменение ориентации инструмента обрезки
Обратите внимание, что до сих пор наша обрезка выполнялась в портретной ориентации. Если вы хотите изменить его на альбомную ориентацию, просто нажмите инструмент с двойной стрелкой, который изменит настройки.
Их также можно вводить в поля по-разному, помня, что первое число всегда будет шириной, а второе — высотой.
Очистка инструмента обрезки
Если вы хотите вернуться к обрезке произвольной формы (без ограничений), нажмите кнопку очистки, и все настройки будут удалены.
Неразрушающая обрезка
Когда вы применяете инструмент обрезки, по умолчанию он удаляет области, которые были обрезаны. Однако, если вы отключите параметр «Удалить обрезанные пиксели», Photoshop создаст новый слой и изменит размер холста, чтобы скрыть пиксели, не удаляя их, чтобы впоследствии вы могли изменить изображение.
Правило третей и направляющие композиции (наложения)
При кадрировании для композиции есть несколько инструментов, помогающих визуализировать кадрирование в Photoshop. Вы увидите 6 различных опций, которые будут отображать различные наложения при использовании инструмента обрезки. Вы можете нажать клавишу «o», чтобы просмотреть их.
Золотая спираль, показанная здесь
Это правило третей, это наиболее распространенный тип помощи композиции.