Как трансформировать объект в фотошопе: Изгибаем, искажаем и деформируем в Photoshop

Свободное трансформирование в Фотошопе

В наших уроках по Фотошопу мы часто прибегаем к такому инструменту, как “Свободное трансформирование”, ведь именно благодаря нему можно регулировать масштаб изображения, а также вращать и деформировать изображение/объект.

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

Содержание

  • Функция «Свободное трансформирование»
    • Расширенный функционал
    • Панель настроек “Свободного трансформирования”

В качестве объекта, на котором мы будем показывать возможности инструмента, возьмем красный квадрат:

Данную функцию можно вызвать комбинацией горячих клавиш CTRL+T или через главное меню “Редактирование” -> “Свободное трансформирование”:

Когда вы вызовете “Свободное трансформирование”, вокруг объекта образуется рамка с маркерами (мелкие квадратики, к которым ведут стрелки на скриншоте ниже), благодаря которым можно менять размер, регулировать наклон и деформировать объект.

Если зажать клавишу SHIFT, то программ произведет масштабирование, сохраняя пропорции изображения. Если же вращать объект с зажатой клавишей SHIFT, то угол наклона будет кратным 15: 15, 30, 45, 60, 90 и т.д.

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

Расширенный функционал

А теперь давайте разберемся с дополнительными функциями “Свободного трансформирования”. Чтоб получить к ним доступ, нужно при активном инструменте кликнуть правой кнопкой мыши на объект. Всплывет дополнительное меню, где будут доступны: “Наклон”, “Искажение”, “Перспектива” и “Деформация”.

Пойдем по порядку.

  • “Наклон”. В данном случае мы можем сдвигать маркеры, которые находятся на углах рамки как угодно. Что касается маркеров, которые находятся по центру каждой из сторон, их можно перемещать лишь в направлении самих сторон на которых они располагаются, т. е. вдоль. Благодаря этому стороны останутся параллельными друг другу.
  • «Искажение». Данные режим довольно схож с “Наклоном”, но есть одно отличие – каждый маркер поддается перемещению вдоль любых осей, причем одновременно.
  • «Перспектива». Работает этот режим следующим образом. Если вы берете маркер 1 (см. скриншот ниже) и тянете его в левую сторону, то и другой маркер, который располагается на другом конце будет смещаться на такое же расстояние, но в противоположную сторону (этот участок выделен в зеленую рамку).
  • «Деформация». Данная опция поместит на поверхность объекта сетку и маркеры, благодаря которым вы сможете исказить изображение/объект в свободном режиме. Работать в данном случае можно со всеми маркерами, а их стало больше обычного.

Есть также авторежимы, которые вы, уверены, будете применять достаточно часто в работе в Фотошопе: “Поворот на 180°”, “Поворот на 90° по часовой”, “Поворот на 90° против часовой”, “Отразить по горизонтали” и “Отразить по вертикали”.

Панель настроек “Свободного трансформирования”

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

  • Положение центра преобразования
  • Вертикальная координата центра преобразования
  • Масштабирование по горизонтали и вертикали
  • Угол поворота
  • Наклон по горизонтали и вертикали
  • Интерполяция

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

На этом все. Таким образом теперь вы знаете о “Свободном трансформировании” в Фотошопе, все что нужно, чтобы успешно работать в программе.

До встречи в наших следующих уроках.

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

Добрый день, мои дорогие друзья и читатели. Как ваше настроение? Готовы немножко пофотошопить? Сегодня я хочу показать вам, как трансформировать объект в фотошопе для различных целей. Сегодняшняя тема взята не с потолка. Просто вспомнилось, как несколько лет назад я поприкалывался над другом. Суть прикола была в том, что я сфотографировал как о сидит за компьютером и что-то делает в интернете.

И я решил наложить на монитор кадр (скриншот) или просто фотографию (не помню уже) из… порнофильма. Да, вот такой негодяй. И несмотря на то, что монитор находился под углом, я наложил этот кадр так, что он встал четко по монитору. Получилось это всё довольно забавно и очень похоже. Друг тоже оценил.

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

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

Содержание

  1. Свободное трансформирование
  2. Как масштабировать изображение?
  3. Как повернуть изображение?
  4. Масштабирование и поворот
  5. Наклон
  6. Искажение и перспектива
  7. Наложение кадра на монитор

Свободное трансформирование

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

Как масштабировать изображение?

  1. Чтобы начать свободно трансформировать, вам надо перейти в меню «Редактирование» и выбрать «Свободная трансформация». После этого вокруг вашего листочка образуется рамочка. Именно она то нам и нужна. Кстати советую пользоваться горячими клавишами. Это всегда удобнее и быстрее. Чтобы вызвать свободное трансформирование, вам нужно нажать комбинацию клавиш CTRL+T. Будет тоже самое. 
  2. Когда у вас появилась рамка, то наведите на любой из ее углов или точек на ее стороне, пока курсор не изменится на двойную стрелочку. Теперь зажмите на этом месте левую кнопку мыши и начинайте водить мышкой (не отпуская кнопки!), пока не достигните нужного результата. После того как закончили — нажмите Enter
  • Если вы тяните за углы, то объект будет увеличиваться, уменьшаться, плющиться и расширяться.
  • Когда вы тяните за боковые стороны, то объект будет только сужаться и расширяться с боковой стороны.
  • Если вы будете тянуть за верх или низ, то объект будет либо плющиться, либо растягиваться сверху или снизу.

И кстати, если во время трансформирования зажать клавишу SHIFT и потяните из угла, то трансформация будет ровная, т.е. с сохранением всех пропорций. Таким образом вы не потеряете форму объекта. А если зажать клавишу ALT и выполнить трансформирование, то оно будет идти либо к центру, либо из центра, в зависимости от того, куда вы тащите.

В общем сейчас попробуйте все сделать сами и вы сами всё поймете как это работает. Всё на самом деле очень просто.

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

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

Масштабирование и поворот

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

Но если же вы хотите пользоваться каждой функцией в отдельности, то активируйте их в меню «Редактирование» — “Трансформирование” — «Масштабирование/Поворот». Но я бы рекомендовал бы вам пользоваться именно свободным трансформированием в фотошопе.

Наклон

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

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

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

Самое интересное, что вам даже необязательно идти непосредственно в меню наклона. Вы можете нажать CTRL+T, чтобы вызвать свободное трансформирование в фотошопе. А при наведении на на любой из углов зажмите клавишу CTRL, и это будет аналогично тому, о чем я рассказал выше.

Искажение и перспектива

Функция искажения может имитировать поворот объекта в другую сторону, будто телевизор стоял прямо, а затем его развернули на 45 градусов. Вызывается эта штуковина точно там же, где и остальные функции. То есть, заходим в «Редактирование» — «Трансформирование» — «Искажение».

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

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

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

Давайте разберем один живой пример, чтобы вы лучше представляли себе всю эту ситуацию.

Наложение кадра на монитор

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

Переходим на вкладку с доктором Брауном и переносим всё изображение на вкладку с изображением девушки за компьютером с помощью инструмента «Перемещение».

Теперь наш кадр с доком на кадре с девушкой. Отлично. Теперь выберем инструмент «Свободное трансформирование» и уменьшим кадр с доком примерно размером с монитор. Точность тут не важна.

Ну а теперь выберем «Искажение», которое находится где? Да вы уже сами запомнили где) Если нет, то вернитесь выше. И когда изображение обрамилось рамкой, начинайте тянуть за его углы так, чтобы они совпали с углами экрана.

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

После того как все углы подогнали и сделали как надо , нажимаем enter. Должно получиться примерно так.

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

Ну что же. На сегодня я заканчиваю. Надеюсь, что вам понравилось трансформировать объекты и изображения в фотошопе. Если есть какие-то вопросы, то не стесняйтесь и задавайте. Еще я очень рекомендую посмотреть прекрасный [urlspan]видеокурс по овладению фотошопа[/urlspan]. Благодаря этому курсу вы сможете освоить фотошоп за 2-4 недели. Все от начала до конца и в формате видеоуроков. В общем конфетка, а не курс. Очень рекомендую!

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

С уважением, Дмитрий Костин.

Полное руководство по использованию инструмента Free Transform в Photoshop

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

Активация свободной трансформации

Свободное преобразование работает со слоями индивидуально. Чтобы активировать свободное преобразование, выберите слой на панели слоев и нажмите ctrl+t на клавиатуре.

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

Давайте разберемся, для чего предназначены эти опции.

Весы

Это активируется по умолчанию, когда вы нажимаете ctrl+t на клавиатуре. Нажмите и перетащите крошечные квадраты, чтобы изменить размеры слоя в соответствии с вашими пожеланиями, независимо от сохранения соотношения сторон (отношение высоты к ширине). Если вы хотите увеличить или уменьшить размеры слоя, не нарушая соотношения сторон, удерживайте нажатой клавишу Ctrl на клавиатуре, а затем щелкните и перетащите крошечные квадраты. Это изменит размеры, но сохранит соотношение сторон.

Повернуть

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

Перекос

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

Искажение

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

Перспектива

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

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

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

Деформация

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

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

Поворот на 180/90 по часовой стрелке/90 против часовой стрелки

Поворот на 180 повернет слой на 180 градусов, не затрагивая другие слои. Поворот на 90 градусов по часовой стрелке повернет изображение на 90 градусов по часовой стрелке.

Повернуть на 90 градусов по часовой стрелке повернет изображение на 90 градусов против часовой стрелки.

Флип

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

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

Используйте свободное преобразование

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

Хотите улучшить свои навыки фотошопа? Присоединяйтесь к нашему лучшему онлайн-курсу по фотошопу уже сегодня!

Чтобы узнать больше о том, как Upskillist может помочь вам, нажмите кнопку ниже:

Бесплатное преобразование в Photoshop — новые функции и изменения

Узнайте, как Photoshop CC 2019 и CC 2020 меняют способ использования Free Transform для масштабирования и преобразования изображений, форм и текста, а также добавляют новые функции, предназначенные для ускорения вашего рабочего процесса!

Автор сценария Стив Паттерсон.

В этом уроке я покажу вам изменения, внесенные Adobe в команду «Свободное преобразование» в Photoshop CC 2019, а также некоторые дополнительные исправления и улучшения в Photoshop CC 2020.

Самым большим отличием от более ранних версий Photoshop является то, что Free Transform теперь по умолчанию пропорционально масштабирует объекты. Но в CC 2019 это изменение применялось только к определенным слоям. К счастью, как мы увидим в этом уроке, Photoshop CC 2020 устраняет эту запутанную проблему.

Еще одно большое изменение в CC 2019 заключалось в том, что контрольная точка преобразования, которая обычно появлялась в центре поля «Свободное преобразование», теперь была скрыта по умолчанию. Он все еще скрыт в CC 2020, но я покажу вам несколько способов вернуть его, в том числе, как вернуть его навсегда.

Photoshop CC 2019 также добавил новые, более быстрые способы фиксации наших преобразований. А Photoshop CC 2020 делает Free Transform более гибким, добавляя несколько отмен! Давайте посмотрим, как это работает.

Чтобы продолжить, вы должны использовать последнюю версию Photoshop и убедиться, что ваша копия обновлена. Чтобы получить полное представление о Free Transform, ознакомьтесь с моим руководством по использованию Free Transform в Photoshop.

Начнем!

Новое в CC 2019: изображения масштабируются пропорционально по умолчанию

Самое большое изменение Free Transform в Photoshop CC 2019 заключается в том, что теперь по умолчанию изображения масштабируются пропорционально. В предыдущих версиях Photoshop нам приходилось нажимать и удерживать Shift , когда мы перетаскивали ручку, чтобы зафиксировать соотношение сторон на месте.

Но в CC 2019 и CC 2020 соотношение сторон блокируется автоматически. Удерживая клавишу Shift при перетаскивании маркера, изображение масштабируется пропорционально не .

Вот изображение, которое я поместил в свой документ Photoshop (изображение бабочки из Adobe Stock):

Фотография помещена в новый документ.

Связано: Как перемещать изображения между документами Photoshop

Как выбрать Free Transform

Я выберу команду Free Transform, перейдя в меню Edit и выбрав Free Transform . Вы также можете выбрать «Свободное преобразование» с помощью сочетания клавиш Ctrl+T (Win) / Command+T (Mac):

Перейдите в Редактирование > Свободное преобразование.

Как масштабировать изображение пропорционально

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

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

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

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

Для пропорционального масштабирования от центра изображения нажмите и удерживайте клавишу Alt (Win) / Option (Mac) при перетаскивании маркера.

На этот раз я перетаскиваю левый боковой маркер, и соотношение сторон снова остается фиксированным:

Удерживая Alt (Win) / Option (Mac), масштабировать пропорционально от центра.

Как масштабировать изображение непропорционально

Чтобы масштабировать изображение непропорционально, нажмите и удерживайте клавишу Shift при перетаскивании маркера. А для непропорционального масштабирования от центра удерживайте Shift+Alt (Win) / Shift+Option (Mac) при перетаскивании:

Удерживайте Shift, чтобы разблокировать соотношение сторон.

Новое в CC 2019: текстовые слои масштабируются пропорционально

Как и изображения, текстовые слои теперь масштабируются пропорционально по умолчанию в Photoshop CC 2019.и CC 2020.

  • Перетащите любой маркер преобразования, чтобы пропорционально масштабировать ваш тип.
  • Удерживайте Shift при перетаскивании маркера для непропорционального масштабирования шрифта.
  • Удерживайте Alt (Win) / Option (Mac), чтобы масштабировать шрифт от его центра, или Shift+Alt (Win) / Shift+Option (Mac), чтобы масштабировать шрифт непропорционально от его центра.

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

Связанный: Как исказить текст в 3D с помощью Free Transform

Новое в CC 2020: слои формы масштабируются пропорционально

В то время как изображения и текстовые слои по умолчанию масштабируются пропорционально в Photoshop CC 2019, слои фигур этого не делают. Перетаскивание маркера Free Transform само по себе приведет к пропорциональному масштабированию формы , а не . И чтобы зафиксировать соотношение сторон фигуры, нам нужно было удерживать Shift . Это отсутствие согласованности сделало использование Free Transform сбивающим с толку.

Но, к счастью, в Photoshop CC 2020 слои фигур, слои изображений и текстовые слои теперь ведут себя одинаково.

  • Перетащите любой маркер преобразования, чтобы пропорционально масштабировать фигуру.
  • Удерживайте Shift при перетаскивании, чтобы масштабировать фигуру непропорционально.
  • Удерживайте Alt (Win) / Option (Mac), чтобы масштабировать фигуру от ее центра, или Shift+Alt (Win) / Shift+Option (Mac), чтобы масштабировать фигуру непропорционально от ее центра. центр.

Слои-фигуры теперь масштабируются пропорционально по умолчанию, начиная с Photoshop CC 2020.

Связано: Как использовать новую панель «Фигуры» в Photoshop CC 2020

Как вернуться к устаревшему поведению Free Transform

Если вы давно пользуетесь Photoshop и предпочитаете старое поведение Free Transform, Adobe добавила параметр Use Legacy Free Transform в настройках Photoshop. Ознакомьтесь с моим учебником «Восстановить устаревшее бесплатное преобразование», чтобы узнать, как это работает.

Обновлено в CC 2020: более быстрые способы фиксации преобразований

Photoshop CC 2019 также представил более быстрый способ фиксации преобразования. Просто переместите курсор мыши за пределы поля «Свободное преобразование», пока он не изменится на черную стрелку. Затем нажмите на документ, чтобы принять и закрыть Free Transform.

Но обратите внимание, что начиная с Photoshop CC 2020 это работает только при масштабировании объекта. Он больше не работает с поворотом или любой другой командой преобразования Photoshop.

Другие быстрые способы выполнить преобразование включают выбор другого инструмента на панели инструментов или выбор другого слоя на панели «Слои». Вы также можете щелкнуть галочку на панели параметров, дважды щелкнуть внутри поля «Свободное преобразование» или нажать Enter (Win) / Return (Mac) на клавиатуре):

Щелкните за пределами поля «Свободное преобразование», чтобы зафиксировать масштаб.

Новое в CC 2019: скрытая контрольная точка преобразования

Если вы какое-то время использовали Photoshop, вы знаете, что в поле «Свободное преобразование» отображается контрольная точка в центре. Контрольная точка используется для отметки или перемещения центральной точки преобразования. Я рассказываю, как использовать контрольную точку, в моем полном уроке Free Transform.

Но начиная с Photoshop CC 2019 опорная точка по умолчанию скрыта. Adobe решила скрыть его, чтобы мы не переместили его по ошибке. Но точка отсчета все же есть, и вот пара способов ее показать:

Скрытая контрольная точка в Photoshop CC 2019 и CC 2020.

Как временно показать опорную точку

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

Флажок “Переключить опорную точку”.

Как постоянно отображать опорную точку

Или, чтобы всегда отображать опорную точку, откройте настройки Photoshop.

На ПК с Windows перейдите к Редактировать > Настройки > Инструменты . На Mac перейдите в Photoshop CC > Настройки > Инструменты :

Открытие настроек инструментов.

Затем в настройках инструментов выберите Показать опорную точку при использовании преобразования :

Включение «Показывать опорную точку при использовании преобразования».