Трансформация слоя в фотошопе простым перетаскиванием курсора. Инструмент свободное трансформирование

  • 12.08.2019

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

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

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

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

Масштабирование изображения

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

1. Перейти в раздел меню вверху панели «Редактирование» , в отрывшемся списке выбрать функцию .

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

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



3. Или воспользуйтесь сочетанием горячих клавиш CTRL+T .

Изменить масштаб изображения можно также несколькими способами:

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

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

При этом если тянуть картинку за углы, то размер будет изменяться как в ширину, так и в длину.

Если тянуть изображение за боковые стороны, то объект изменит только свою ширину.

Если тянуть изображение за нижнюю или верхнюю сторону, то изменится высота.

Чтобы не повредить пропорции объекта зажмите одновременно кнопку мыши и Shift . Тянуть надо за углы пунктирной рамки. Тогда не произойдёт искажение, и сохраняться пропорции в зависимости от уменьшения или увеличение масштаба. Для искажения изображения из центра и к центру во время трансформации зажмите кнопку Alt .

Попробуйте на опыте, чтобы понять всю суть изменения масштаба.

Поворот изображения

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

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



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

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

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

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

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

Схема выбора функций такая же, как и при масштабировании и повороте. Раздел меню «Редактирование» , затем «Трансформирование» и в списке выбираем нужный пункт.

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

Наложение кадра на экран

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

Откройте в редакторе Фотошоп оба изображения.

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

Теперь используем функцию «Искажение» . Стараемся растянуть изображение так, чтобы результат получился как можно реалистичней. Зафиксируем получившуюся работу клавишей Enter .



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

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

Изменение формы выбранной области

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

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

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

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

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

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

Изменение размера

При изменении формы описанным выше способом мы можем нарушить пропорции изображения. К примеру, если перетащить вправо правую сторону прямоугольника с пропорциями сторон 4х3, то пропорция уже будет, скажем, 5х3 или 6х3 или что-то около того. Иными словами, вместе с размером изменяется и форма.

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

Для того, чтобы изменить размер чего-либо с помощью "Свободной трансформации" (Free Transform) с сохранением пропорций, следует перед перетаскиванием маркеров зажать клавишу Shift. .

Если вместе с Shift зажать ещё и клавишу Alt, то размер будет изменяться от центра:

Вращение

Метод поворота изображения или выделения с помощью "Свободной трансформации" несколько отличается от метода изменения формы и размеров. Вместо перетаскивания маркеров следует вывести курсор мыши за пределы габаритной рамки, при этом Вы увидите, что курсор превратился в изогнутую линию с маленькими стрелками на обоих концах. После этого нажмите левую клавишу мыши и, не отпуская её, протащите курсор для поворота. Если перед перетаскиванием Вы зажмёте клавишу Shift, рамка будет поворачиваться на фиксированный угол в 15° за одно движение мыши:

Ось вращения (центр трансформации)

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

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

Перемещение

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

Другие параметры трансформации

Сама по себе опция "Свободная трансформация" (Free Transform) несколько ограничена в своих возможностях. Вот почему Adobe Photoshop включает в себя дополнительные режимы преобразования, которые значительно расширяют возможности программы. Пройдите по вкладке Редактирование --> Трансформация (Edit --> Transform).

Обращаю Ваше внимание, не "Свободная трансформация" (Free Transform), а просто "Трансформация" (Transform)!

После перехода открывается список дополнительных опций:

Про дополнительный опции рассказывается в статье "Трансформация: дополнительные режимы" .

Применение или отмена трансформации

Для применения трансформации нажмите клавишу Enter, для отмены - Esc.
Также, можно кликнуть по кнопкам, которые расположены в правой части панели параметров. Для применения кликните по галке, для отмены - по перечёркнутому кругу:

Там мы использовали инструмент Свободное трансформирование, чтобы уменьшить размер изображения.

Но сейчас мы поговорим о группе инструментов трансформирования, включающей в себя около десятка элементов.

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

Когда объект трансформации выбран, нужно определиться с подходящим инструментом. Все они находятся в подменю Редактирование -> Трансформирование.

Коротко поговорим о каждом.

  • Масштабирование. Инструмент позволяет уменьшить или увеличить размер объекта. Принцип работы с ним ничем не отличается от принципа работы со Свободной трансформацией: после активации по периметру выделенной области появляются прямоугольники, потянув за которые, можно изменить размер. Для сохранения пропорций необходимо работать только с прямоугольниками, расположенными в углах, и удерживать при этом нажатой клавишу Shift .
  • Позволяет поворачивать объект вокруг его центра и работает по всё тому же принципу: прямоугольники по периметру выделенной области, за которые, чтобы добиться результата, нужно тянуть.

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

Поворот, перемещение и искажение выделенной области можно легко выпоить с помощью команд трансформации.

1. Выберите команду Free Transform Edit (Редактирование). Клавиатурный эквивалент команды - +. Веленная область перешла в режим трансформации (рис. 2.27). Вокруг овалого фрагмента появился габаритный прямоугольник с ограничителями . Для искажения выделенной области вам придется воздействовать именно на огричители.

а б

Рис. 2.27. Режимы трансформации (а - масштабирование; б - искажение)

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

3. Нажмите и не отпускайте при буксировке клавишу . Масштабирование будет пропорциональным.

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

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

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

Типы операций, соответствующие клавиши и вид курсора при трансформирании указаны в табл. 2.1.

Таблица 2.1. Трансформирование выделенной области

Действие, клавиша Ограничитель Курсор Примечания
Поворот Угловой Поворот с шагом 15при нажатой клавише
Масштабирование Угловой Пропорциональное масштабирование при нажатой клавише

Пропорциональное масштабирование относительно центра при нажатых клавишах

+

Боковой Размер изменяется симметрично относельно центра при нажатой клавише
Искажение () Угловой Cмещение ограничителя только по сторонам габаритного четырехугольника при нажатых клавишах +

Размер изменяется симметрично относельно центра при нажатых клавишах

+

Эффект перспективы - симметричное искажение боковых сторон относительно центра при нажатой комбинации

++

Боковой Наклон - смещение только по одной координате при нажатой комбинации клавиш +

Симметричное смещение сторон относельно центра при нажатой комбинации клавиш +

Симметричный наклон относительно центра при нажатой комбинации клавиш

++

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

1. Выберите команду Free Transform (Свободное трансформирование) из меню

Edit (Редактирование).

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

3. Буксируйте курсор против часовой стрелки. При этом габаритный прямоуголик будет поворачиваться вокруг своего центра вращения. Для смещения цера вращения просто отбуксируйте его на новое место. Выделенная область бет поворачиваться относительно нового центра (рис. 2.28). Повернув фрагмент на нужный угол, отпустите кнопку мыши. Фрагмент пока остался в режиме трансформации.

Рис. 2.28. Поворот выделенной области

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

В режиме трансформации можно осуществлять и перемещение выделенной оасти.

1. Поместите курсор мыши во внутреннюю область габаритного четырехугольна и нажмите левую кнопку мыши.

2. Буксируйте габаритный прямоугольник вниз и вправо, пока фрагмент не займет свое место.

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

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

Чтобы действия с выделенной областью были более точными, воспользуйтесь командой Edit | Transform (Редактирование | Трансформирование).

На рис. 1.3 показано меню, доступное после вызова команды Edit | Transform (Редактирование | Трансформация). На рис. 2.29 показано изображение, к которому применена команда (Редактирование | Трансформия | Перспектива).

Рис. 2.29. Результат применения команды Edit | Transform | Perspective

После вызова команды Edit | Transform (Редактирование | Трансформация) пвляется меню, в котором возможен выбор следующих операций:

± Again (Повторить) - повторение последней трансформации;

± Scale (Масштаб) - пропорциональное и непропорциональное масштабирование;

± Rotate (Поворот) - произвольный поворот; если удерживать нажатой клавишу

во время поворота, то он осуществляется с шагом 15°. Угол поворота можно задать точно вводом числа в поле со значком угла на панели управления инструмента выделения (рис. 2.30);

± Skew (Наклон) - пропорциональное и непропорциональное искажение;

Рис. 2.30. Панель инструментов команды Edit | Transform

± Distort (Деформация) - деформация выделенного изображения с отражением на экране изменения его формы (рис. 2.31, а );

± Perspective (Перспектива) - перспектива в разные стороны;

± Warp (Деформация по сетке) - деформация, выполняемая из узлов сетки, нладываемой на изображение (рис. 2.31, б ). Программа предлагает различные оболочки деформирования, которые можно выбрать на панели инструмента (рис. 2.32);

± Rotate 180° (Поворот на 180°) - это поворот на 180°;

± Rotate 90° CW (Поворот на 90° CW) - это поворот на 90° по часовой стрелке;

± Rotate 90° CCW (Поворот на 90° CCW) - это поворот против часовой стрелки;

Рис. 2.31. а - деформация по команде Edit | Transform | Distort ;

б - деформация по команде Edit | Transform | Warp

± Flip Horizontal (Отразить по горизонтали) - отражение по горизонтали;

± Flip Vertical (Отразить по вертикали) - отражение по вертикали.

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

Рис. 2.32. Панель инструмента Edit | Transform | Warp

Инструмент применяется для трансформации размера и формы изображения. Инструмент можно активировать с помощью команды Редактирование > Свободное трансформирование (Edit > Free Transform) или с помощью горячих клавиш Ctrl + T . Вокруг изображения появится рамка трансформации с маркерами в виде квадратиков.

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

Панель настроек инструмента.

Как и любой другой инструмент Фотошоп Свободное трансформирование (Free Transform) имеет свою панель настроек.

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

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

В группе параметров 3 можно задать угол поворота изображения. При вводе положительного значения угла, изображение повернётся по часовой стрелке, при вводе отрицательного - против часовой стрелки.

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

Работа с инструментом.

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

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

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

4. Чтобы спрятать рамку и лучше видеть внесённые изменения, нажмите Ctrl + H (нажмите ещё раз и рамка появится снова).

5. Чтобы применить трансформацию и завершить работу с инструментом, нажмите Shift .

Трансформирование.

Расположив курсор внутри рамки трансформирования и нажав правую кнопку мышки, откроется подменю Трансформирование (Transform) .

1. Масштабирование (Scale) . Изменение размера изображения или выделенного объекта. Эту функцию мы рассмотрели выше (работа с инструментом).

2. Поворот (Rotate) . Вращение изображения вокруг центральной точки. Можно изменить координаты оси поворота, передвинув центральную точку в нужное место.

3. Наклон (Skew) . Наклоняет изображение горизонтально или вертикально. Подведите курсор к боковой рамке трансформации и он станет белым, а рядом с ним появится стрелка, нажмите правую кнопку мышки и перетащите рамку в сторону, чтобы наклонить изображение. Стороны остануться параллельными, но углы изображения изменятся. Если при изменении размеров удерживать Ctrl + Alt , центральная точка рамки трансформирования останется на месте, а углы будут менять положение.

4. Искажение (Distort) . Искривляет изображение в любую сторону. Углы при этом двигаются независимо друг от друга. При нажатой клавише Alt , центральная точка остаётся на месте, а все искажения происходят вокруг неё. Функция хорошо подходит если нужно растянуть или сделать перспективное искажение объекта.

5. Перспектива (Perspective) . Если требуется создать впечатление, что объект расположен на некотором отдалении, вам поможет команда Перспектива. Использование этой команды интуитивно понятно. Когда Вы перетаскиваете угловой маркер, противоположный ему маркер движется в обратном направлении. Другими словами, он ведет себя как зеркальное отражение перетаскиваемого маркера. Различие между командами Искажение и Перспектива состоит в том, что первая применяется только к одному краю объекта, а Перспектива автоматически изменяет месторасположение двух маркеров при перетаскивании только одного из них.

6. Деформация (Warp) . Эта функция появилась с версии CS2. При выборе этой функции на объекте появляется сетка. Кликнув по любой точке сетки и потянув мышь, мы можем деформировать объекты произвольным образом. К примеру накладывать изображение на предметы.

Со следующими функциями всё понятно, приведу лишь их перевод:

7. Поворот на 180° (Rotate 180°) .

8. Поворот на 90° по часовой (Rotate 90° CW) .

9. Поворот на 90° против часовой (Rotate 90° CCW) .

10. Отразить по горизонтали (Flip Horizontal) .

11. Отразить по вертикали (Flip Vertical) .

Горячие клавиши инструмента.

1. Масштабирование относительно центральной точки: Alt + перетаскивание углового маркера .

2. Симметричный наклон изображения: Ctrl + Alt + перетаскивание бокового маркера .

3. Искажение изображения: Ctrl + перетаскивание бокового маркера .

4. Искажение изображения вдоль определённой оси: Ctrl + Shift + перетаскивание бокового маркера .

5. Перспектива: Ctrl + Shift + Alt + перетаскивание бокового маркера .

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