Трансформация в фотошопе: увеличение, уменьшение и другие манипуляции. Искажение и перспектива. Отменить или аннулировать трансформирование

  • 22.04.2019

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

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

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

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

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

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


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

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

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

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


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

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

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

Наклон

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструмент применяется для трансформации размера и формы изображения. Инструмент можно активировать с помощью команды Редактирование > Свободное трансформирование (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 + перетаскивание бокового маркера .

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

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

Что представляет собой свободное трансформирование? Свободное трансформирование – это изменение размеров объекта и его трансформация в плоскости и пространстве. Что бы вызвать трансформацию объекта, нужно зайти во вторую складку меню Редактирование / Свободное трансформирование или использовать сочетание горячих клавиш CTRL + T. Я чаще всего использую сочетание горячих клавиш, быстро и удобно.

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

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

Функцию сохранение пропорций изображения при трансформировании выполняет клавиша SHIFT .

Трансформация – Вращение

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

Будем идти по порядку. Квадратик с точечками, позволяет задать 9 позиций центра для объекта трансформирования.

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

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

И последняя настройка, угол наклона. Задается в градусах до 180 0

Как видно все настройки панели трансформирования просты и интуитивно понятны.

1 Масштабирование . Думаю эта функция говорит сама за себя.

2 Поворот . Вращение объекта.

3 Наклон . Тут тоже думаю все понятно.

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

5 Искажение . Перемещая уголки маркеров в пространстве, можно добиться искажения объекта.

6 Деформация . С помощью этой функции можно изменить формы объекта до неузнаваемости или создать новый.

Трансформация части изображения

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

  1. На палитре Layers (Слои) активизируйте слой, который хотите трансформировать. Любые слои, связанные с данным, также будут изменены. Нельзя трансформировать изображение, в котором приходится 16 бит на канал. По желанию. Создайте выделенную область, чтобы трансформировать только выделенные пикселы.
  2. Выберите команду Edit > Transform > Scale (Правка > Трансформировать > Масштаб), Rotate (Поворот), Skew (Скос), Distort (Искажение) или Perspective (Перспектива). Вокруг непрозрачной части слоя появится однотонная рамка.
  1. По желанию. Чтобы трансформировать слой или выделенную область относительно точки, не являющейся центром, переместите опорную точку (рис. 7.18).

Эту точку можно переместить даже за пределы габаритной рамки.

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

  1. Чтобы изменить размер изображения по горизонтали и вертикали, перетащите угол рамки (рис. 7.18). Для изменения размеров только по вертикали или только по горизонтали перетащите боковую границу рамки. Нажав клавишу Shift , можно сохранить соотношение ширины и высоты. Нажмите клавишу Alt и вы сможете изменять масштаб изображения относительно опорной точки. Чтобы повернуть изображение, поместите курсор рядом с манипулятором рамки, хоть внутри, хоть снаружи (курсор примет вид двусторонней стрелки), и тащите курсор по кругу (рис. 7.19). Нажмите клавишу Shift , и у вас появится возможность повернуть изображение на угол кратный 15°.

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

    При выполнении команды Distort (Искажение) - см. рис. 7.20 - перетащите угловой манипулятор рамки в любую требуемую точку, либо перетащите манипулятор боковой границы, чтобы исказить ее относительно горизонтальной и/или вертикальной оси. Нажмите клавишу Alt , и искажение слоя будет симметричным относительно центра слоя. Данная операция позволяет более заметно изменить изображение, нежели скос.

Рис. 7.18. Изменение масштаба изображения

Рис. 7.19 . Поворот изображения

Рис. 7.20. Результат выполнения команды Distort

Рис. 7.21. Исходное изображение

Рис. 7.22. Результат выполнения команды Perspective

При выполнении команды Perspective (Перспектива) перетащите угловой манипулятор вдоль вертикальной или горизонтальной оси, чтобы создать перспективу вдоль выбранной оси (рис. 7.21 и 7.22). Остальные углы изменятся соответственно. Либо перетащите манипулятор боковой границы, чтобы наклонить исходное изображение относительно горизонтальной или вертикальной оси.

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

Для отмены последнего перемещения манипулятора рамки выполните команду Edit > Undo (Правка > Отменить).

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

В диалоговом окне, которое вызывается с помощью команды Edit > Preferences > General (Правка > Установки > Общие) либо комбинации клавиш Ctrl+K , выберите метод интерполяции для команд трансформации. Вариант Bicubic (Бикубический,)- самый лучший, но самый медленный метод - дает наименьшее ухудшение качества изображения.

Для того чтобы повторить последнюю операцию трансформации, выберите команду Edit > Transform > Again (Правка > Трансформировать > Снова) либо воспользуйтесь комбинацией клавиш Ctrl+ Shift+T .

Чтобы трансформировать дубликат выделенной области, при выборе команды держите нажатой клавишу Alt либо воспользуйтесь «горячими» клавишами: Ctrl+Alt+T .

Помимо трансформации слоя можно трансформировать альфа-канал, границу выделенной области (см. главу 5 Учебника Фотошоп, раздел «Изменение рамки выделения»), контур (см. главу 16, «Изменение формы контура») или несвязанную активную маску слоя.