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

В первые инструмент «Деформация» (Warp) появился в арсенале графического редактора Adobe Photoshop в версии CS2. В то же версии исчез инструмент «Vanishing point» (Точечный объект). И с этого момента у нас появилась возможность искажать часть изображения или все целиком, а также предавать объектам на цифровом изображении новые формы. Возможно, вы видели на фотографиях загнутые края листов, грамот, книг. Возможно, эти эффекты были сделаны после фотосъемки, с помощью команды Warp.

Насколько полезен инструмент «Деформация» для современного фотографа?

Прежде чем ответить на этот вопрос, необходимо понять, на чем вы специализируетесь в своем творчестве и как глубоко погружаетесь в ретушь своих снимков. Многие фотографы решают все основные вопросы творчества в процессе фотосъемки и ограничиваются простыми приемами коррекции фотоснимков. Чем меньше сидишь за компьютером, тем больше времени остается для фотосъемки. Я тоже отношусь к этой группе фотографов. Но, тем не менее, я редко получаю идеальные изображения, для которых требуется минимальное вмешательство в процессе пост-обработки. Но если вы создаете композитные изображения, производите глубокую ретушь, или просто хотите как можно больше узнать о возможностях программы Adobe Photoshop, то вам следует прочитать эту статью до конца. Здесь я подобрал для вас четыре ситуаций, когда инструмент «Деформация» поможет решить некоторые задачи.

Как получить доступ к инструменту «Деформация»?

Чтобы получить доступ к инструменту «Деформация», вам сначала придется создать дублирующий слой. Нельзя применить этот инструмент к фоновому слою. Затем из главного меню Редактирование вызвать команду Трансформирование > Деформация (англ. вариант - Edit> Transform> Warp).

Также, инструмент «Деформация » можно вызвать с помощью горячих клавиш CMD + T на Mac или CTRL + T на ПК. Это сочетание клавиш вызовет инструмент «Свободная трансформация», и чтобы перейти к «Деформации необходимо» необходимо переключиться в этот режим с помощью кнопки в настройках инструмента, либо с помощью правой кнопки мыши вызвать контекстное меню.

После того, как вы активизируете инструмент «Warp», на изображении появиться сетка с девятью секторами и точками управления. Четыре угловых точки управляются точно так же, как и кривые Безье в инструменте «Перо». Как только вы начинаете перемещать угловую точку, сразу появляются два управляющих рычага. Точки, находящиеся внутри изображения на пересечениях линий можно передвигать в любом направлении. Кроме того, в данный инструмент включено несколько прессетов.

Что лучше: инструмент «Деформация» или фильтр «Пластика» и могут ли они заменять друг друга?

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

Фильтр «Пластика» не умеет работать со смарт-объектами в версиях Photoshop до CS6. Так же, искажение с помощью фильтра «Пластика» похоже на эффект смазывания.

4 примера использования инструмента «Деформация»

1. Нанесение объектов на цилиндрические объекты

Инструмент «Деформация» отлично подходит для нанесения текста, логотипов, текстур на поверхность цилиндрических и округлых поверхностей, таких как бутылка, мяч, труба. На следующем примере показана велосипедная рама: точнее сказать, ее передняя часть. Я намерено сделал фотографию с помощью широкоугольного объектива, чтобы подчеркнуть округлую форму передней втулки. Затем я удалил часть логотипа, чтобы проиллюстрировать процесс нанесения нового текста на сложную поверхность. На новом слое был написан текст «BMX», который был преобразован в смарт-объект и деформирован по аналогии с уже имеющимся текстом. Для того, чтобы придать новому тексту реалистичность, я применил функцию «Blend If».

С помощью инструмента «Деформация» можно обернуть текстуру вокруг круглого объекта.

2. Дублирование элементов фотографии с искажением, чтобы не было паттернов

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

3. Ретушь - Добавление элементов

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

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

4. Ретуширование - удаление элементов

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

На следующей фотографии есть небольшие проблемы в области талии мужчины, так называемые «ручки любви». Создаем быстрое выделение необходимого участка снимка с помощью инструмента «Прямоугольное выделение». С помощью сочетания клавиш Cmd + J на Mac или Ctrl + J на ПК создаем новый слой с выделенным участком изображения. Преобразуем этот слой в смарт-объект и активируем инструмент «Деформация». Производим нужные нам изменения и с помощью слоя-маски скрываем жесткие переходы между слоями.

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

И на последок я сделал веселую gif-анимацию фотографии коровы, на которой я произвел некоторые изменения: нос уменьшил, увеличил глаза, а щеки сделал стройнее. И все это с помощью инструмента «Деформация».

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

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

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

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

В этом уроке разберем несколько способов деформации.

Для деформации объектов в Фотошопе пользуются несколькими методами. Перечислим основные.

• Дополнительная функция «Свободного трансформирования» под названием «Деформация» ;
• Марионеточная деформация . Довольно специфический инструмент, но, вместе с тем, довольно интересный;
• Фильтры из блока «Искажение» соответствующего меню;
• Плагин «Пластика» .

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

Способ 1: Деформация

Как уже было сказано выше, «Деформация» является дополнением к «Свободному трансформированию» , которое вызывается сочетанием горячих клавиш CTRL+T , либо из меню «Редактирование» .

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

«Деформация» накладывает на объект сетку с особыми свойствами.

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

Применение параметров осуществляется обычным способом – нажатием клавиши ENTER .

Способ 2: Марионеточная деформация

Находится «Марионеточная деформация» там же, где и все инструменты трансформирования – в меню «Редактирование» .

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

Булавки можно ставить в любое место, руководствуясь потребностями.

Инструмент интересен тем, что с его помощью можно искажать объекты с максимальным контролем над процессом.

Способ 3: фильтры Искажения

Фильтры, находящиеся в этом блоке, призваны деформировать картинки различными способами.

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

   

2. Дисторсия.
   Фильтр позволяет имитировать выпуклость или вогнутость плоскостей. В некоторых случаях может помочь устранить искажения линзы фотокамеры.

   

3. Зигзаг.
   «Зигзаг» создает эффект пересекающихся волн. На прямолинейных элементах он вполне оправдывает свое название.

   

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

   

5. Сферизация.
   Плагин с действием, обратным действию фильтра «Дисторсия» .

   

Способ 4: Пластика

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

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

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

Данный инструмент Марионеточная деформация в Фотошопе (Puppet Warp) используется не столь часто, как другие инструменты Фотошоп, но с его помощью можно воплощать оригинальные идеи.

Марионеточная деформация позволяет устанавливать точки (булавки) на слое и затем манипулировать и сгибать объект в реалистичной манере.

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

К примеру, я нашёл в Яндекс – картинках вот такое изображение симпатичных змей.

Захотелось как-то преобразить эту замечательную фотографию. Вот, что я получил в итоге:

Хотите узнать, как это делается?

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

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

Выделяем наших «красавиц» - я сделал это инструментом Быстрое выделение (Quick Selection - W). Чтобы сгладить выделение нажмите Правой клавишей мыши (ПКМ), при активном инструменте Выделения, в выделенной области и выберете «Растушёвка». Поставьте 2-3 пикс.

Копируем наше выделение на новый слой – клик ПКМ в выделенной области – выбираем «Скопировать на новый слой» и выключаем пока видимость нового слоя (нажмите на значок Глаза). Выделение не снимаем (если выделение по какой-либо причине пропало – кликните по иконке верхнего слоя с зажатой клавишей Ctrl).

Переходим на нижний слой «Фон». Выбираем любой инструмент Выделения (Лассо, Быстрое выделение или любой другой). Переходим в Меню – Выделение – Модификация – Расширить.

Ставим - Расширить на 50 пикс.

Затем, чтобы удалить с фона наших змей, переходим в меню – Редактирование – Выполнить заливку.

Выбираем в следующем окне «С учётом содержимого»:

И после некоторого времени, необходимого программе для просчёта содержимого

мы получим вот такую картинку:

Снимаем выделение (Ctrl + D) и переходим на верхний слой с нашими змеями. Теперь начнём колдовать с инструментом «Марионеточная деформация» над нашими главными героями.

Переходим в меню – Редактирование – Марионеточная деформация.

В настройках этого инструмента выбираем Частоту: Больше точек.

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

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

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

Точка-булавка спрячется вместе с участком изображения внутрь (или наоборот, выступит вперёд).

И на очереди инструмент под названием - Марионеточная деформация . С помощью этого инструмента можно трансформировать любую часть изображения. Находится этот пункт в меню "Редактирование" -> "Марионеточная деформация" (Edit->Puppet Warp).

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

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

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

Вот какие настройки есть у фотошоп инструмента:

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

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

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

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

Мы можем убирать булавки, если где-то они были поставлены случайно. Для этого щелкаем по ней и нажимаем клавишу "Backspace" (это обычная стрелка направленная влево, находящаяся выше клавиши "Enter"). Также, можно щелкнуть правой клавишей мыши по булавке и из выпадающего меню выбрать пункт "Удалить булавку".

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

Также, мы можем крутить изображение. Для этого щелкаем по булавке левой клавишей мыши, зажимаем на клавиатуре клавишу "Alt" и немного уводим курсор в сторону. Вокруг поинта появляется окружность и теперь, зажав левую клавишу мыши, мы можем крутить изображение.

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

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

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

На этом у меня все.

Видеоурок: