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

Обновлено: 21.11.2024

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

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

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

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

<УЛ>

Установив указатель внутри выделения, дважды щелкните мышью.

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

Откройте меню "Изображение" и выберите "Обрезать".

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

Панель параметров обрезки

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

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

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

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

Пересмотр вариантов

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

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

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

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

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

Обязательно отмечайте по мере продвижения.

Подготовка

1) Сохраните исходный файл.

Если вы еще этого не сделали, перейдите к разделу "Сохранить исходный файл".

2) Создайте фоновый слой копии.

Если вы еще этого не сделали, перейдите к разделу Создание фонового копирующего слоя.

Без ограничений

3) Убедитесь, что фоновая копия активна (выделена).

4) Выберите инструмент "Кадрирование".

5) На панели параметров/параметрах инструмента щелкните меню «Показать параметры предустановки обрезки».

Выберите «Без ограничений».

6) Нажмите, удерживайте и перетащите, чтобы создать рамку обрезки.

Область за пределами выделения темнеет.

Эта область называется щитом.

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

Подтвердить или отменить

7) Нажмите на зеленую галочку или нажмите Enter, чтобы зафиксировать обрезку.

Чтобы отменить, щелкните красный круг с диагональю или нажмите клавишу ESC.

Точная настройка

Вот несколько способов тонкой настройки инструмента обрезки.

Изменение альбомной ориентации на портретную или наоборот

Нажимайте двойные синие стрелки на панели параметров/параметрах инструмента.

Просмотреть наложение

На панели параметров/параметрах инструмента можно добавить наложение на обрезанную область.

Рассмотрите возможность использования правила третей и линий сетки при кадрировании.

Наложение «Золотой паек» было удалено в Photoshop Elements 13.

Чтобы сделать квадрат, нажмите и удерживайте клавишу Shift.

Затем нажмите, удерживайте и перетащите область выделения.

Перетащите из центра наружу

Центр — это место, куда вы поместите курсор.

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

Вы можете комбинировать клавиши Alt и Shift, чтобы нарисовать квадрат из центра.

Переместить выделение

Используйте клавиши со стрелками для перемещения выделения.

Или нажмите внутри выделения, удерживайте и перетащите его.

Изменить размер выделения

Есть два способа изменить размер бегущей строки:

1) Нажмите, удерживайте и перетащите маркеры в углах и по бокам области выделения.

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

2) Введите размеры в поля "Ширина" и "Высота" на панели параметров/Параметры инструмента.

Проверьте размеры бегущей строки

Откройте панель "Информация", чтобы увидеть точные размеры области выделения.

Найдите W и H.

Чтобы изменить пиксели на дюймы или наоборот, перейдите в «Настройки».

Повернуть область выделения

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

Курсор изменится на изогнутую двустороннюю стрелку.

Нажмите, удерживайте и перетащите.

Нажмите на зеленую галочку.

Угол поворота отображается на информационной панели.

Не удается сделать выделение правильного размера

Photoshop Elements может размещать на фотографии невидимую сетку.

Когда вы рисуете рамку кадрирования, она может отклоняться от выбранного вами положения.

Это функция, называемая привязкой к сетке.

Чтобы увидеть сетку, выберите «Вид» > «Сетка».

Чтобы отключить эту функцию, выберите «Просмотр» > «Привязать к» > «Сетка».

Чтобы изменить значения сетки, сделайте следующее.

Выберите «Правка» > «Установки» > «Сетка» (Windows) или Photoshop Elements > «Установки» > «Сетка» (Mac).

Сменить щит

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

Вы можете изменить цвет и плотность (экспозицию) щита, а также включить или отключить эту функцию.

Чтобы сменить щит, сделайте следующее.

Выберите «Редактирование» > «Установки» > «Отображение и курсор» (Windows) или Photoshop Elements > «Установки» > «Отображение и курсор» (Mac).

Другие варианты соотношения сторон

Выше, на панели параметров/параметрах инструмента, было выбрано "Без ограничений".

Вот описание других вариантов.

Если вы еще этого не сделали, перейдите в раздел "Соотношения сторон".

Использовать пропорции фото

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

Предустановленные размеры

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

Пользовательские размеры

Вы можете ввести значения в поля Ширина и Высота на панели параметров/Параметры инструмента.

Предложения по кадрированию

В Photoshop Elements 13 и более поздних версиях отображаются четыре варианта кадрирования.

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

Нажмите на одно из предложений, чтобы выбрать его.

Инструмент перспективной обрезки

Появившийся в Photoshop Elements 15 инструмент «Кадрирование перспективы» используется для исправления наклоненных объектов.

Вместо того, чтобы объединять два разных действия, вы можете перейти в меню Изображение > Преобразовать и выбрать там один из вариантов.

Устали обрезать фотографии как прямоугольники и квадраты? Узнайте, как легко обрезать изображения в виде кругов с помощью Photoshop и как сохранить круг с прозрачным фоном, чтобы изображение отлично смотрелось в дизайне или в Интернете! Пошаговое руководство для Photoshop CC 2021 и более ранних версий.

При кадрировании изображений в Photoshop мы обычно думаем о прямоугольниках или квадратах.Это потому, что у Crop Tool в Photoshop нет других опций. Но кто сказал, что нам нужно использовать Crop Tool? Photoshop позволяет так же легко обрезать изображения с помощью инструментов выделения. А чтобы обрезать изображение по кругу, нам нужен инструмент Elliptical Marquee Tool.

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

Я использую Photoshop 2021, но вы можете использовать любую последнюю версию.

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

Начнем!

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

Шаг 1. Откройте изображение

Для начала откройте изображение в Photoshop. Я буду использовать это изображение из Adobe Stock:

Шаг 2. Разблокируйте фоновый слой

На панели «Слои» изображение появляется на фоновом слое:

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

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

Photoshop переименовывает фоновый слой в «Слой 0», и мы готовы обрезать изображение в круг:

Шаг 3. Выберите инструмент Elliptical Marquee Tool

Выберите инструмент Elliptical Marquee Tool на панели инструментов. По умолчанию инструмент Elliptical Marquee Tool скрыт за инструментом Rectangular Marquee Tool. Поэтому вам нужно будет щелкнуть правой кнопкой мыши (Win) / щелкнуть, удерживая клавишу Control (Mac), на инструменте «Прямоугольная область», а затем выбрать в меню инструмент «Овальная область»:

Шаг 4. Нарисуйте круговой контур выделения

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

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

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

Шаг 5. Измените положение контура выделения

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

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

Шаг 6. Инвертируйте выделение

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

Чтобы это исправить, инвертируйте выделение, перейдя в меню «Выбор» в строке меню и выбрав «Инвертировать»:

Шаг 7. Удалите изображение за пределами круга

Затем, перевернув выделение, удалите область вокруг круга, нажав клавишу Backspace (Win)/Delete (Mac) на клавиатуре. Удаленная область заменяется шахматным рисунком, как Photoshop представляет прозрачность.

Если удаленная область становится белой, а не прозрачной, или Photoshop открывает диалоговое окно «Заливка», это, скорее всего, связано с тем, что вы забыли разблокировать фоновый слой еще на шаге 1:

Нам больше не нужен наш контур выделения, поэтому удалите его, перейдя в меню «Выбор» и выбрав «Отменить выбор»:

Шаг 8. Обрежьте прозрачные области

Чтобы обрезать изображение по кругу и обрезать прозрачные области, перейдите в меню "Изображение" и выберите "Обрезать":

Затем в диалоговом окне "Обрезка" выберите "Прозрачные пиксели" вверху и убедитесь, что внизу выбраны "Верх", "Низ", "Слева" и "Справа":

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

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

Шаг 9. Сохраните изображение в формате PNG

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

Чтобы сохранить изображение в формате PNG, откройте меню "Файл" и выберите "Сохранить как":

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

Затем в диалоговом окне "Сохранить как" установите для параметра "Формат" значение PNG. Назовите свой файл, выберите, где вы хотите его сохранить, а затем нажмите «Сохранить»:

Наконец, в параметрах формата PNG выберите «Наименьший размер файла», а затем нажмите «ОК», чтобы сохранить изображение:

И вот оно! Вот как обрезать изображение по кругу в Photoshop! На этом мы подошли к концу нашей серии статей об обрезке изображений в Photoshop!

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

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

Задумывались ли вы, как фотографии нарезаются в определенную форму? Или как фигура заполняется фотографией вместо цвета в Adobe Photoshop? Этого общего эффекта легко добиться с помощью обтравочной маски.

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

Как обрезать фигуру с помощью обтравочной маски

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

Вот пример окончательного изображения:

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

<р>1. Выберите форму по вашему выбору. Перейдите к инструменту Photoshop Shapes, расположенному на панели инструментов слева. Вы можете выбрать прямоугольник, эллипс, прямоугольник со скругленными углами или многоугольник или создать собственную форму.

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

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

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

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

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

<р>5. Найдите изображение на своем компьютере и загрузите его. Нажмите Enter, и на холсте будет создан новый слой.

Вы заметите, что Photoshop ограничивает размер изображения границами вашего холста, даже если это более крупное изображение. Вы можете настроить размер изображения в активном слое с помощью Free Transform. Перейдите в меню «Правка» > «Свободное преобразование» или нажмите сочетание клавиш Ctrl+T.

<р>6. Затем с помощью угловых маркеров отрегулируйте размер изображения. Нажмите Shift и перетащите маркеры, чтобы сохранить соотношение сторон изображения.

<р>7. Перейдите на панель Слои. Щелкните правой кнопкой мыши слой изображения винтажной фотографии и выберите Создать обтравочную маску.

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

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

Как обрезать изображения с помощью пользовательских фигур

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

Читайте также: