Как использовать Свободное трансформирование (Free Transform) в фотошопе

Узнайте, как масштабировать, поворачивать, переворачивать, искажать и искажать изображения с помощью команды «Свободное преобразование» в Photoshop! Теперь полностью обновлено для Photoshop CC 2020!

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

Мы начнем с основ и узнаем, как масштабировать и поворачивать изображения. Затем мы рассмотрим более сложные преобразования Photoshop, такие как Skew, Distort и Perspective, а также лучшие способы их использования. И в конце я покажу вам, как получить более впечатляющие результаты от стандартных команд Rotate и Flip, включая создание эффекта зеркального отображения в четырех направлениях!

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

Настройка документа

Чтобы следовать, идти вперед и открыть любое изображение. Я буду использовать это изображение из Adobe Stock:

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

Какие типы слоев мы можем преобразовать в Photoshop?

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

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

Команда «Свободное преобразование» находится в меню «Правка» (Edit) в строке меню. Но когда фоновый слой заблокирован, команда отображается серым цветом:

Как разблокировать фоновый слой

Чтобы это исправить, просто разблокируйте фоновый слой, щелкнув значок замка:

Затем вернитесь в меню Правка (Edit) и вы увидите что Свободное трансформирование (Free Transform) можно выбрать:

Как избежать прозрачности при преобразовании слоя

Теперь единственная проблема заключается в том, что если я выберу «Свободное преобразование», а затем уменьшу изображение, щелкнув и перетащив одну из ручек, я получу рисунок шахматной доски позади изображения. Шаблон шахматной доски — то, как Фотошоп обозначает прозрачность:

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

Добавление нового слоя под изображением

Чтобы исправить это, я добавлю новый слой. И мой любимый тип слоя для фона — это заливка сплошным цветом.

Сначала я нажму клавишу Esc на клавиатуре, чтобы отменить команду «Свободное преобразование» без сохранения изменений. Затем я щелкну значок «Новый заливочный или корректирующий слой» в нижней части панели «Слои»:

И я выберу сплошной цвет (Solid Color) из списка:

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

Затем на панели «Слои» я перетащу слой заливки «Сплошной цвет» под изображение:

Я нажму на слой изображения, чтобы выбрать его:

И на этот раз, если я выберу «Свободное преобразование» в меню «Правка», а затем перетащу маркер, чтобы уменьшить изображение, мы увидим белый фон за изображением, а не прозрачность. Я снова нажму клавишу Esc на клавиатуре, чтобы отменить изменения:

Как трансформировать изображения без потери качества

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

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

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

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

Как преобразовать слой в смарт-объект

Чтобы преобразовать слой в смарт-объект, щелкните правой кнопкой мыши (Win) / «Control» (Mac) на слое на панели «Слои»:

И затем выберите «Преобразовать в смарт-объект» из меню:

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

 

Какие параметры преобразования доступны в Photoshop?

Все параметры преобразования Photoshop можно открыть, перейдя в меню «Правка» и выбрав «Преобразование»:

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

У нас также есть стандартные варианты поворота изображения на 90 или 180 градусов. И мы можем перевернуть изображение по горизонтали или по вертикали:

Что такое Свободное трансформирование (Free Transform)?

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

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

Окно трансформации и ручки

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

Как изменить цвет окна трансформации

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

Сначала нажмите клавишу Esc на клавиатуре, чтобы отменить команду «Свободное преобразование». Затем откройте настройки Photoshop. На ПК с Windows перейдите в меню «Правка». На Mac перейдите в меню Photoshop CC. Оттуда выберите «Настройки», а затем «Направляющие, сетка и фрагменты»:

Внизу диалогового окна находится опция Control Color. Это текущий цвет поля трансформации:

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

Выбрав цвет, нажмите «ОК», чтобы закрыть диалоговое окно «Настройки». И в следующий раз, когда вы откроете Free Transform, вы увидите новый цвет:

Как масштабировать изображение с помощью Free Transform

Давайте рассмотрим все способы преобразования изображений с помощью команды «Свободное преобразование» в Photoshop, начиная с Масштабирования (Scale).

Масштабирование изображения пропорционально

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

Здесь я перетаскиваю верхний левый угловой маркер внутрь:

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

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

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

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

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

Как отменить шаги в режиме Free Transform

Начиная с Photoshop CC 2020 мы можем отменить несколько шагов, находясь в режиме Free Transform. Поэтому, если вам нужно вернуться к исходному соотношению сторон или к другому предыдущему шагу, перейдите в меню «Правка» и выберите «Отменить». Или нажмите Ctrl + Z (Windows) / Command + Z (Mac) на клавиатуре. Несколько раз нажмите на ярлык, чтобы отменить столько шагов, сколько необходимо.

Чтобы повторить шаг, нажмите Shift + Ctrl + Z (Win) / Shift + Command + Z (Mac). Нажмите несколько раз, чтобы повторить несколько шагов:

И после отмены нескольких шагов я возвращаюсь к исходному соотношению сторон:

Обновление Photoshop CC 2020: масштабирование слоев формы

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

К счастью, эта проблема была исправлена ​​в Photoshop CC 2020. Слои пикселей, слои типов и слои фигур теперь ведут себя одинаково. Перетащите ручку, не удерживая Shift для пропорционального масштабирования, или удерживайте Shift для пропорционального масштабирования.

 

Как переместить изображение с помощью Free Transform

Чтобы переместить изображение внутри холста при его преобразовании, щелкните и перетащите в поле «Свободное преобразование»:

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

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

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

Как принять трансформацию

Я масштабирую свое изображение до нужного мне размера:

И затем, если вы довольны размером изображения и не можете применить другие команды Transform, вы можете принять изменения и закрыть Free Transform, установив флажок на панели параметров. Или нажмите Enter (Win) / Return (Mac) на клавиатуре:

Как восстановить исходный размер изображения

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

Сначала нажмите Ctrl + T (Win) / Command + T (Mac), чтобы повторно выбрать команду Free Transform. Затем обратите внимание на панели параметров, что поля Width и Height показывают значения менее 100%. В моем случае я вижу значение 60% для ширины и высоты:

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

Затем просто измените значение ширины или высоты на 100% . Другое значение будет меняться вместе с ним. Нажмите Enter (Win) / Return (Mac), чтобы принять новый размер:

И теперь изображение вернулось к своему первоначальному размеру и без потери качества:

Как отменить Free Transform без сохранения внесенных изменений

На самом деле это не то, что я хотел сделать, поэтому чтобы отменить Free Transform без сохранения изменений, нажмите кнопку «Отмена» на панели параметров. Или нажмите клавишу Esc на клавиатуре:

И теперь я вернулся к уменьшенному размеру:

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

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

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

Ввод определенного угла поворота

Вместо перетаскивания мыши для поворота изображения вы также можете ввести значение поворота непосредственно в параметр «Угол» на панели параметров:

Как сбросить угол поворота

И чтобы сбросить угол наклона, просто введите 0 в поле на панели параметров:

Контрольная точка преобразования

В более ранних версиях Photoshop поле «Свободное преобразование» содержало значок цели в центре. Значок назначения известен как Контрольная точка, потому что он отмечает центр преобразования. Мы посмотрим, что это значит через минуту.

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

Как показать/включить контрольную точку

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

Затем посмотрите в центр поля «Свободное преобразование» и вы увидите значок цели:

Перемещение контрольной точки

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

Я перенесу контрольную точку на кончик крыла бабочки:

А теперь, если я удерживаю Alt (Победа) / Option (Mac) и перетаскиваю ручку, я масштабирую изображение с кончиком крыла как новой центральной точкой:

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

Подсказка. Более быстрый способ перемещения контрольной точки — удерживать клавишу «Alt» (победа) / « Option» (Mac) и просто щелкнуть место, где должен отображаться значок цели.

Сетка Опорных Точек

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

Чтобы переместить контрольную точку к определенной ручке, щелкните ее квадрат в сетке. Он довольно маленький, поэтому вам может понадобиться увеличительное стекло:

Как центрировать опорную точку

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

Как включить опорную точку постоянно

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

Если Free Transform активен, нажмите клавишу Esc, чтобы отменить его. Затем нажмите Ctrl + K (Win) / Command + K (Mac), чтобы открыть диалоговое окно Настройки (Preferences). Выберите категорию «Инструменты » слева, а затем выберите Показать контрольную точку при использовании преобразования. Нажмите OK, чтобы закрыть диалоговое окно:

Как получить доступ к любой команде преобразования из Free Transform

До сих пор мы рассматривали, как масштабировать и поворачивать изображение с помощью Free Transform. Но как насчет других команд преобразования Photoshop, которые мы видели в меню «Правка», таких как Наклон (Skew), Искажение (Distort) и Перспектива (Perspective)?

При активном Free Transform, то же самое меню параметров можно открыть, щелкнув правой кнопкой мыши (Win) или удерживая нажатой клавишу « Control» (Mac) в поле «Free Transform». Затем просто выберите тот, который вам нужен:

Как перекосить изображение

Давайте посмотрим на следующие три команды в списке (Skew, Distort и Perspective), начиная с Skew. Выберите Skew из меню:

С выбранным Skew, нажмите на верхнюю или нижнюю ручку и перетащите, чтобы наклонить изображение влево или вправо:

Я нажму Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить это.

И чтобы наклонить изображение вверх или вниз, нажмите и перетащите одну из боковых ручек:

Я снова отменю это, нажав Ctrl + Z (Победа) / Command + Z (Mac).

Вы можете наклонить противоположные стороны одновременно (сверху и снизу или слева и справа), удерживая Alt (Win) / Option (Mac) при перетаскивании:

 

Как исказить изображение

Чтобы исказить изображение, щелкните правой кнопкой мыши (Win) / Control-click (Mac) внутри поля «Свободное преобразование» и выберите «Искажение» :

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

Как отменить искажение

Как я упоминал ранее, Photoshop CC 2020 теперь дает нам множество отмен, когда вы находитесь в Free Transform. Поэтому, чтобы отменить шаг искажения, нажмите Ctrl + Z (Win) / Command + Z (Mac). Нажмите несколько раз, чтобы отменить несколько шагов.

 

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

Наряду с выполнением четырехточечного искажения, мы также можем выполнить перспективное искажение. Щелкните правой кнопкой мыши (Win) / Control-click (Mac) внутри поля «Свободное преобразование» и выберите «Перспектива»:

В чем разница между искажением и перспективой?

Разница между Искажением и Перспективой состоит в том, что Искажение позволяет нам перемещать каждую угловую ручку независимо, а Перспектива одновременно перемещает противоположную ручку в противоположном направлении.

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

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

Скошенные, искаженные и перспективные сочетания клавиш

Проблема с выбором команд трансформации из меню заключается в том, что команды являются залипшими, то есть вы не можете делать ничего другого, если не выберете другую команду. Например, если вы выберете Skew, а затем попытаетесь масштабировать или повернуть изображение, вы не сможете. Сначала вам нужно выбрать Scale или Rotate из меню, что может быстро стать утомительным.

Лучший способ выбрать Skew, Distort или Perspective — временно переключиться на них с помощью их сочетаний клавиш. Опять же, даже если вам не нравятся сочетания клавиш, эти стоит знать.

Наклон

Когда функция «Свободное преобразование» активна, нажмите и удерживайте Ctrl (Win) / « Command» (Mac) на клавиатуре, чтобы временно переключиться в режим « Skew». Затем нажмите и перетащите верхнюю, нижнюю или боковую ручку, чтобы наклонить изображение.

Чтобы ограничить движение по горизонтали или вертикали, удерживайте Shift + Ctrl (Win) / Shift + Command (Mac) и перетащите.

Добавьте клавишу Alt (Win) / Option (Mac), чтобы одновременно наклонить противоположные стороны. Затем отпустите клавишу (и), чтобы выйти из режима Skew и вернуться в режим Free Transform.

Искажение

Чтобы выполнить четырехточечное искажение, удерживайте Ctrl (Win) / Command (Mac) и перетащите любой из угловых маркеров.

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

Перспектива

А чтобы временно переключиться в режим перспективы, удерживайте Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac) и перетащите угловой маркер. Затем отпустите ключи, чтобы вернуться в режим Free Transform.

 

Команды Rotate и Flip

И наконец, если вы щелкните правой кнопкой мыши (Win) / Control-click (Mac) внутри поля «Свободное преобразование», вы найдете стандартные варианты поворота изображения на 180°, его поворота на 90° по часовой стрелке или против часовой стрелки и для переворачивания изображение по горизонтали или по вертикали:

Создайте эффект четырехстороннего зеркального отображения с помощью Free Transform

Сами по себе команды Фотошопа Поворот и Отражение (Rotate и Flip) довольно просты. Но если мы объединим их с контрольной точкой преобразования (целевой значок), на которую мы смотрели ранее, мы сможем сделать более интересные вещи. Например, давайте узнаем, как быстро создать эффект четырехстороннего зеркального отображения с помощью команды «Свободное преобразование».

Я уменьшу изображение немного и перенесу его на правую сторону холста. Затем я нажму Enter (Win) / Return (Mac), чтобы принять его и закрыть Free Transform:

Создание копии изображения

Я сделаю копию моего слоя (или, в данном случае, моего смарт-объекта), нажав Ctrl + J (Win) / Command + J (Mac). И теперь на панели «Слои» мы видим две копии изображения.

Я сделаю так, чтобы верхний смарт-объект был выбран:

Перемещение контрольной точки

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

Отразить изображение по горизонтали

Затем я щелкну правой кнопкой мыши (Win) / Control-click (Mac) внутри поля Free Transform и выберу Отразить по горизонтали (Flip Horizontal) из меню:

И поскольку я переместил контрольную точку в сторону, Photoshop переворачивает изображение, используя левую сторону в качестве центра преобразования, создавая зеркальную версию изображения. Я нажму Enter (Win) / Return (Mac), чтобы принять его:

Перемещение изображений

Вернувшись на панель «Слои», я выделю оба смарт-объекта одновременно, удерживая Shift и щелкая нижний смарт-объект:

Затем я выберу Photoshop Move Tool на панели инструментов:

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

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

Создание копии двух изображений

Поскольку обе копии изображения все еще выбраны на панели «Слои», я нажму Ctrl + J (Win) / Command + J (Mac), чтобы скопировать их:

Отразить изображение по вертикали

Затем, вернувшись в документ, я нажму Ctrl + T (Win) / Command + T (Mac), чтобы выбрать Free Transform. Это размещает дескрипторы Free Transform вокруг обоих изображений одновременно.

Я нажму на контрольную точку в центре и на этот раз перетащу ее на нижнюю ручку. Таким образом, нижняя часть изображений станет центром трансформации:

Затем я щелкну правой кнопкой мыши (Win) / Control-click (Mac) внутри поля Free Transform и выберу Flip Vertical :

Photoshop переворачивает копии по вертикали, снова используя контрольную точку в качестве центра преобразования, создавая зеркальное отражение изображения в четырех направлениях. Нажмите Enter (Win) / Return (Mac), чтобы принять его:

Куда идти дальше

Итак, вот вы и узнали как использовать команду «Свободное преобразование» (Free Transform) в Photoshop CC 2020!