Как обрезать фото под углом в фотошопе
- Вопрос задан более трёх лет назад
- 13281 просмотр
1. Создаем выделение, например вертикальный прямоугольник с запасом по размеру.
2. Меню Selection->Transform Selection и вводим нужный угол поворота.
Спасибо!
А если усложнить задачу. Полученное изображение должно быть на белом фоне (непрозрачном), а недостающий треугольничек - на прозрачном фоне. Такое возможно? Как?
вот вторую фоту добавила в основной пост. Под изображением фон должен быть НЕпрозрачный. А уголок без изображнения прозрачный.
Это нужно, чтобы при накладывании данной картинки на некий фон (при верстке сайта) уголок заполнялся фоном сайта. А изображение оставалось неизменным. Да, забыла добавить, что у самого изображения еще прозрачность 50%. Поэтому собственно фон сайта и лезет под изображение.
NataliaCh: Судя по второй картинке у вас уже все получилось - треугольник прозрачный, остальное нет. Накладывайте теперь куда хотите с прозрачностью 50% или какой надо. Правильно?
Egor Padalka: не совсем. То, что картинка слегка прозрачная, здесь не видно, потому что здесь она на белом фоне. Но если эту же картинку поместить на не белый фон, то этот фон просвечивает через картинку. А нужно, чтобы он просвечивал только через прозрачный уголок.
Egor Padalka: добавила еще одну картинку. Фото со срезанным углом наложено на фон из многоугольников. И если приглядитесь, увидите, что этот фон и под картинкой просвечивает. Это потому что в фотошопе картинка сделана на прозрачном фоне, да еще и прозрачность самого изображения 70%.
Нужно добиться, чтобы фон из многоугольников не был виден под изображением. Но при этом заполнял скошенный угол (как и есть сейчас).
Egor Padalka: да вот не получается что-то. На пустом изображении с белым фоном уголок не вырезается. Точнее, операции проводятся, то уголок остается белым.
Получилось. Если вырзать не уголок, а обрезать изображение. Вобщем, разобралась с вашей помощью. Спасибо :)
Я делаю данное срезы с помощью наложения слоев. Создаю вигуру под фотографией и наклоняю ее так, как мне нужно. После с помощью наложения делаю фото той форма, какая мне нужна. Я думаю из скринов ниже вы поймете, что я имею ввиду:
1.
2.
Я думаю, что вам поможет этот материал Как обрезать изображение в фотошопе
Сегодня хочу выложить немного фотошопной премудрости, в помощь начинающим фотографам.
Если вы не профессиональный фотограф, то наверное, время от времени у вас оказывается вроде бы удачный снимок изделия, где тем не менее "горизонт завален". В этом мастер-классе я расскажу о своем способом исправлять такие фотографии - так как компьютерщик из меня лучше чем фотограф :) Мастер-класс пригодится тем, кто владеет азами фотошопа и хочет изучить пару новых приемов. Кто азами не владеет - может попробовать тоже, а любые возникшие вопросы вы можете задать в комментариях, с удовольствием отвечу.
Итак, предположим что у нас есть "заваленная" фотография. Как и в любом деле, начнем с наивного подхода и повернем картинку целиком. Все бы хорошо, но здесь нам придется обрезать края, и потеряется свободное пространство на фотографии. То есть получаем что-то вроде этого:
Если фотография с запасом свободного пространства, то нас все устраивает. Но поскольку это не всегда так, иногда нужно получить фото того же размера, но с другим углом наклона персонажа. То есть что-то такое:
Я решаю эту проблему путем небольшой хитрости в фотошопе, которой и хочу поделиться с желающими.
Итак, как повернуть фото под правильным углом, не уменьшая при этом его размер?
Сразу уточню, что прием годится только для фотографий, где объект явно отделен от фона. Фон, особенно по краям, не должен содержать мелких деталей и каких-либо форм, сильно притягивающих взгляд. Мы будем пользоваться тем фактом, что небольшие искажения в углах картинки будут практически незаметны, особенно если там пустое пространство или аморфные объекты (ткань, листья, живописные залежи остатков материалов для творчества) — то, что с точки зрения нашего мозга может иметь более-менее любую форму, и не имеет особого значения.
Рассмотрим на примере. По краям у нас занавеска, подоконник и гаражи. городской пейзаж за окном. (Подоконник, кстати, нуждается в отдельной чистке от всяких случайных пятнышек, чтобы не портили конечную картинку — но о чистке изображения нужен отдельный мастер-класс). Как я вижу, фигурка "заваливается" в сторону правого края изображения — будем это исправлять.
1. Открываем фотографию в Фотошопе. У меня версия CS5, возможно в других версиях будет отличаться интерфейс и расположение элементов.
2. Прежде всего я хочу обрезать картинку, превратив в портретный формат, на мой взгляд края здесь лишние. Используем инструмент "Выделение" (боковая панель инструментов), обводим рамочкой картинку. Потом выбираем в меню Image (Изображение) -> Crop (Обрезать).
3. Картинка обрезалась. Выделение не снимаем. Открываем меню Edit (Редактировать) -> Transform(Трансформация) -> Rotate(Поворот) чтобы ее повернуть.
4. Берем мышкой за "узелок" в углу и поворачиваем картинку, чтобы центральный объект стоял ровно. Недостающие места заполнились белым (это потому что работаем в слое background (фон). Иначе места стали бы прозрачными) .
5. Нажимаем снова на инструмент "Выделение", он опять нам понадобится. В этот момент система выведет окно с вопросом, оставить ли трансформацию или отменить ее. Выбираем Apply (сохранить изменения).
6. Картинку для удобства приближаем - для этого можно нажать ctrl+ (контрол и кнопку плюс).
Теперь инструментом "Выделение" надо выделить прямоугольник вокруг одного из белых уголков. Я начну с левого нижнего. Соблюдаем следующие принципы: брать нужно с запасом, но максимально однородную область. Стараемся не цеплять края соседних объектов, так будет менее заметна деформация. Если же весь фон однородный, например ткань или деревянная столешница - наоборот выделяем большие куски, искажение будет менее заметно.
Когда область выделили, переходим в пункт меню Edit (Редактировать) -> Transform (Трансформация) -> Warp (Искажение).
7. Начинается самое интересное. Вокруг выделенного прямоугольника теперь появилась сетка 3х3 с узелками двух типов (черные круглые и белые квадратные). Когда мы искажаем сетку - таким же образом искажается картинка внутри сетки.
Узелки по углам (квадратные) обозначают места, где изображение зафиксировано. Назовем их "булавками". Точка, где "булавка" держит изображение, останется на своем месте, если потянуть за другую область.
Круглые узелки (привязанные к сетке усиками) - это направляющие. Они тянут за собой изображение как магнит - оно начинает плавно искажаться в сторону черного узелка.
Можно перетаскивать мышкой узелки, а можно хватать мышкой за любую область внутри сетки.
Наша цель — "натянуть" картинку на белый угол. Ниже я демонстрирую примерные шаги процесса. В целом, сначала пытаемся закрыть белый промежуток, а потом при необходимости можно потаскать середину сетки, чтобы скомпенсировать искажения (у меня изогнулась линия подоконника на слайдах 2-3, пришлось исправлять). Стараемся, однако, чтобы сетка не содержала совсем уж острых углов, желательно искажать не один квадратик сетки, а равномерно подтягивать ее, чтобы не было резких переходов.
Еще полезно чуть-чуть потянуть углы на противоположной стороне вглубь, иногда если "магнитики" сильно изогнули картинку на себя, появляется белая полоса на внутренней границе.
8. Снова щелкаем на иконку инструмента "Выделение". Программа предлагает сохранить или отменить нашу трансформацию - выбираем Apply. Но если вдруг все совсем не заладилось, то нажимаем Don't Apply (Не применять) и пробуем заново.
9. Таким же образом выделяем и исправляем остальные углы картинки. Тут привожу уже конечный результат. В каждом случае смотрим на конкретном примере, где лучше потянуть сильнее, а где минимизировать изменения — например, на занавеске нельзя слишком сильно искажать рисунок, а белая часть искажается незаметно. На оконной раме надо внимательно следить за прямыми линиями (решетка и угол рамы).
10. Когда работа завершена — не забываем сохранить изображение. Лучше через Save As (Сохранить как) — в отдельный файл, тогда старая версия тоже останется в папке.
Вот, что получилось в итоге:
Бонус, несколько полезных советов, для тех, кто все еще читает матчасть :)
1. Все действия над картинкой можно посмотреть в окошке History (История). Если оно не выведено - нужно его отметить в меню Window. Действия отображаются списком, можно вернуться к любому предыдущему этапу, если вы где-то накосячили :)
2. Полезные сочетания клавиш:
- Выделить изображение целиком - Ctrl+a;
- Снять текущее выделение с картинки - Ctrl+d;
- Отменить последнее действие (одно) - Ctrl+z;
- Отменять действия на несколько шагов назад - Ctrl+Alt+z;
- Приблизить изображение - Ctrl++ (контрол + кнопка плюс);
- Отдалить изображение - Ctrl+- (контрол + кнопка минус);
3. Альтернативное решение с поворотом картинки.
Иногда можно вместо всей этой процедуры устроить небольшой мухлеж со слоями. Рассказываю вкратце, для тех кто умеет создавать слои. Копируем слой background, чтобы было 2 наложенных одинаковых изображения. Переходим на верхний слой и поворачиваем его. Там, где отсутствует изображение в уголках, теперь будет просвечивать нижний слой. И, если фон был достаточно однородным, то цвет и фактура там будут практически такими же, какие нам нужны. Иногда этого бывает достаточно, если поворот маленький. Можно для верности мягким ластиком по месту перехода пройтись.
Узнайте, как в Photoshop работать с инструментом «Прямоугольник».
Инструмент «Прямоугольник» позволяет рисовать прямоугольники и прямоугольники со скругленными углами на холсте.
Выберите инструмент Прямоугольник
На панели инструментов щелкните и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура». Выберите инструмент Прямоугольник .
Настройте свойства фигуры инструмента «Прямоугольник»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- «Режим»: задайте режим для инструмента «Прямоугольник» — «Фигура», «Контур» и «Пиксели».
- «Заливка»: выберите цвет заливки прямоугольной фигуры.
- «Обводка»: выберите цвет, ширину и тип обводки фигуры.
- «Ширина обводки»: вручную укажите ширину обводки прямоугольника.
- Stroke type (Тип обводки): выберите тип обводки для построения прямоугольника.
- Shape W&H (Ш и В фигуры): вручную задайте ширину и высоту фигуры.
- «Операции с контуром»: используйте операции с контуром для настройки взаимодействия нарисованных прямоугольников друг с другом.
- «Выравнивание контура»: используйте этот параметр для выравнивания и распределения прямоугольников.
- «Упорядочение контура»: используйте этот параметр для настройки порядка расположения создаваемых прямоугольников.
- Дополнительные параметры фигур и контуров: щелкните значок шестеренки () для доступа к дополнительным параметрам прямоугольных фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при построении прямоугольника.
- Radius of rounded corners (Радиус скругления углов): вручную задайте радиус скругления углов прямоугольника.
Рисование прямоугольника
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».
Инструмент Рамка удаляет часть изображения, выходящую за пределы рамки выделения. Выполните обрезку, чтобы удалить ненужную часть изображения или сделать акцент на определенном объекте. При обрезке изображения разрешение по умолчанию остается без изменений (как у оригинального изображения).
Выберите инструмент Рамка .
Для выбора соотношения сторон рамки для обрезки (отличающегося от соотношения исходного фото) выберите одну из следующих опций из выпадающего списка слева от панели параметров инструмента или самостоятельно укажите новые значения в полях Ширина и Высота на панели параметров:
Выбор данного параметра позволяет изменять изображение при любом соотношении сторон.
Использовать пропорции фотографии
Выбор данного параметра сохраняет соотношение сторон исходного изображения при обрезке. В полях Ширина и Высота отображаются значения, применяемые при обрезке изображения. Поле Разрешение позволяет изменить разрешение изображения.
При указании значений в полях Ширина и Высота инструмента «Рамка» в выпадающем списке будет выбрано значение Пользовательский .
Перетащите курсор мыши над фрагментом изображения, который должен остаться. После того как вы отпустите кнопку мыши, на изображении появится ограничительная рамка с маркерами на углах.
- Для изменения соотношения сторон выберите значения из выпадающего списка слева от панели параметров инструмента.
- Чтобы переместить рамку в другое место, наведите курсор на любую точку внутри рамки, нажмите левую кнопку мыши и перетащите курсор либо используйте клавиши со стрелками.
- Для изменения размеров области перетащите соответствующий маркер. Если в выпадающем списке выбран пункт Без ограничений , для сохранения пропорций при масштабировании перетащите угловой маркер, удерживая нажатой клавишу Shift.
- Для того чтобы поменять местами значения Ширина и Высота , нажмите значок Поменять на панели параметров.
- Чтобы повернуть область, переместите курсор за пределы ограничительной рамки (указатель превратится в изогнутую стрелку ) и перетащите его. (В режиме Битовый формат повернуть область, выбранную для обрезки, невозможно.)
Примечание. Цвет и степень прозрачности обрезанной области вокруг изображения можно изменить путем настройки параметров инструмента Рамка . Выберите Редактирование > Установки > Дисплей и курсоры и задайте новые значения параметров Цвет и Непрозрачность в области Инструмент «Рамка» диалогового окна Установки . Если не требуется выделять цветом обрезаемые участки, снимите флажок Затенять область за пределами выделения .
Для завершения обрезки нажмите зеленую кнопку Применить , расположенную в правом нижнем углу выбранного фрагмента, или дважды нажмите ограничительную рамку. Для отмены операции обрезки нажмите красную кнопку Отмена или клавишу Esc.
Обрезка по границе выделенного фрагмента
Инструмент Рамка удаляет области, расположенные за пределами выбранного фрагмента. При обрезке по границе выделенного фрагмента Photoshop Elements обрезает изображение по рамке, ограничивающей выделенный фрагмент. (Если выбран фрагмент неправильной формы, например с помощью инструмента Лассо , обрезка выполняется по ограничивающей рамке в форме прямоугольника, описанного вокруг выбранного фрагмента.) Если перед выполнением команды Рамка в Photoshop Elements не выбран фрагмент, с каждого края изображения обрезается полоса шириной 50 пикселей.
Используйте любой инструмент выделения, например Прямоугольная область , и выделите часть изображения, которую нужно оставить.
Кадрирование — это отсечение фрагментов фотографии с целью фокусирования или улучшения компоновки. Используйте инструмент «Рамка» для кадрирования и выравнивания фотографий в Photoshop. Инструмент «Рамка» является неразрушающим. После кадрирования можно восстановить часть обрезанного изображения, чтобы подобрать наилучшие границы кадра. Инструмент «Рамка» также предоставляет интуитивные методы выравнивания фотографии при кадрировании.
Для всех операций визуальные направляющие обеспечивают интерактивный просмотр. При кадрировании или выравнивании фотографии доступен предварительный просмотр в реальном времени.
Выберите инструмент «Рамка» ( ) на панели инструментов. По краям фотографии появятся границы кадра.
Нарисуйте новую область кадрирования или перетащите ручки угла и краев кадра на фотографии.
(Необязательно) Укажите параметры инструмента «Рамка» с помощью панели «Управление».
A. Меню «Пропорции» B. Поменять местами ширину и высоту C. Параметры наложения
Размер и пропорции
Выберите соотношение сторон или размер прямоугольника кадра. Вы можете выбрать готовый набор параметров, задать новые параметры или определить пользовательский набор параметров для последующего использования.
Выберите вид направляющих, задающих границы кадра изображения. Доступны следующие виды направляющих: «Правило 1/3», «Сетка» и «Золотое сечение». Чтобы просмотреть все параметры, нажмите «O».
Параметры инструмента «Рамка»
Выберите меню «Настройки» (значок шестеренки), чтобы указать дополнительные параметры инструмента «Рамка».
Использовать классический режим
Включите эту настройку, чтобы инструмент «Рамка» работал как в предыдущих версиях Photoshop (CS5 и более ранних).
Просмотр автоматического центрирования
Включите эту настройку, чтобы поместить просматриваемое изображение в центр холста.
Показать отсеченную область
Включите эту настройку, чтобы отобразить область, удаляемую при кадрировании. Если эта настройка отключена, показывается только результат кадрирования.
Включить экран кадрирования
Используйте экран кадрирования, чтобы наложить оттенок на удаляемые области. В этой настройке можно выбрать цвет и прозрачность экрана. Если включена настройка Автоматическая настройка непрозрачности , прозрачность повышается при редактировании границ кадра.
Удаление обрезанных пикселей
Отключите эту настройку, если необходимо неразрушающее кадрирование, при котором пикселы вне рамки сохраняются. Неразрушающее кадрирование не приводит к удалению из памяти частей изображения. Если после кадрирования щелкнуть изображение, можно увидеть области вне текущей границы кадра.
Включите эту настройку, чтобы удалить пикселы, лежащие за пределами границ кадра. Удаленные пикселы будут потеряны и не смогут использоваться при последующей корректировке кадра.
Щелкните прямоугольник кадра правой кнопкой мыши для доступа к контекстному меню параметров кадрирования.
Нажмите клавишу Enter (в Windows) или Return (в Mac OS), чтобы выполнить кадрирование фотографии.
Впервые в версии Photoshop CC 2015.5
В Photoshop теперь используется технология учета содержимого для интеллектуального заполнения пробелов при использовании инструмента «Рамка» для выравнивания или поворота изображения либо расширения холста за пределы исходного изображения.
Выполните следующие действия.
На панели инструментов выберите инструмент «Рамка» ( ). По краям фотографии появятся границы кадра.
На панели «Параметры» выберите «С учетом содержимого». Прямоугольная рамка по умолчанию расширяется на все изображение.
Выровняйте или поверните изображение с помощью маркеров перетаскивания вдоль рамки. Можно также развернуть холст больше первоначального размера изображения.
После получения желаемого результата нажмите значок с галочкой на панели Параметры , чтобы подтвердить операцию кадрирования. Photoshop интеллектуально заполнит белые области или пробелы на изображении.
Заливка с учетом содержимого изображения при кадрировании не поддерживается в классическом режиме инструмента «Рамка». Чтобы отключить классический режим , выполните следующие действия.
- Выбрав инструмент «Рамка», щелкните значок Задать дополнительные параметры кадрирования на панели инструментов.
- В появившемся меню «Параметры» снимите флажок Использовать классический режим .
В последнем выпуске Photoshop при выравнивании изображений рекомендуется использовать параметр Заливка с учетом содержимого при кадрировании.
Изображение можно выровнять во время кадрирования. Фотография поворачивается и выравнивается до желаемого результата. После поворота размеры холста автоматически изменяются.
Читайте также: