Фотошоп искривление изображения. Марионеточная деформация в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видеоурок:

2 голоса

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

Знаете, как говорят про мозг, который мы используем всего на 2%? Меня всегда интересовало, как они вычислили эту цифру, раз никому в мире не удалось разогнать этот орган на все 100? Это все равно что говорить про то, что на прочитал треть невидимой книги. Почему я вдруг вспомнил об этом?

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

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

«Редактирование»

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

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

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

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

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

После того как выделил фрагмент, нажимаю Ctrl+T и мышью подбираюсь к одному из углов выделенной картинки, курсор меняется на стрелку. Поворачиваю объект в плоскости. Если при этом зажать кнопку Shift, то шаг (движение мышки относительно центра) будет составлять 15 градусов. Фрагмент будет прилипать к 15, 30, 45, 60, 75, 90 градусам и так далее.

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

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

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

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

Если выбрать режим «Наклон», то можно положить картинку назад, выставить ее вперед или двигать в плоскости.

Углы будут более жесткие, недвижимые.

Зажав Alt изображение будет меняться по линии согласно пропорциям. Двигаете слева – фото меняется и справа.

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

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

Можно перемещать каждую точку пересечения.

Чтобы картинка повернулась в зеркальном отражении есть удобная и простая кнопка «отразить по горизонтали». При помощи вызова меню правой кнопкой мыши вам будет доступны быстрые способы повернуть фото на 180 или 90 градусов против или по часовой стрелке.

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

«Марионеточная деформация»

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

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

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

Нажав Enter можно выйти из этого режима и применить изменения.

Фильтры «Искажение»

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

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

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

Если так вышло, что вы сфотографировали объект неправильно, выпукло что ли… то фильтр поможет исправить ситуацию.

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

Предположим вот такого.

Или вот такого.

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

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

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

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

До новых встреч и удачи в каждом новом деле.

Прежде всего, сделаем копию слоя с оригинальным изображением, для того, чтобы всегда иметь под рукой нетронутый оригинал, для этого открываем панель слоёв, на данный момент у нас активен фоновый слой, и нажимаем комбинацию Ctrl+J. Теперь в палитре слоёв у нас имеется два слоя:

Теперь, когда мы работаем над копией изображения, давайте применим к неё фильтр "Коррекция дисторсии" (Lens Correction). Открывается он через меню "Фильтр":

Смотреть другие материалы по обрезке и кадрированию изображений
10 вещей, которые нужно знать об обрезке изображений в Photoshop
Обрезать и отредактировать фотографию онлайн
Обрезка изображения в Adobe Camera Raw
Выравнивание изображения, исправление перспективы в Photoshop

Выравнивание изображения по горизонтали

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

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

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

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

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

Исправление подушкообразного и бочкообразного искажения

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

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

В Photoshop имеется несколько способов устранения подушкообразных и бочкообразных искажений, простейший и эффективный - воспользоваться инструментом "Удаление искажения" (Remove Distortion), иконка которого находится в левом вернем углу диалогового окна фильтра "Коррекция дисторсии":

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

Если вы всё-таки переусердствовали с исправлением, введите в окошко над ползунком значение 0 (ноль).

Исправление трапецеидальности

В нижней части колонки, расположенной в правой части диалогового окна, имеется раздел "Перспектива" (Transform), где находится опция "По вертикали" (Vertical Perspective), и все, что нам нужно сделать, чтобы для исправления, это перетащить слайдер опции "По вертикали влево или вправо. Для изображений, где здание выглядит наклонённым внутрь снимка, следует перетащить ползунок влево. В процессе перетаскивания вы увидите, как изображение в области предварительного просмотра постепенно наклоняется вперед. Чем дальше вы будете перетаскивать ползунок, тем сильнее изображение будет наклоняться, при этом стороны здания как бы сами будут выпрямляться. Смотрите на стороны здания и сравнивайте их положение с вертикальными линиями в сетке. Когда линии сетки и положение сторон здания станут параллельно друг другу, исправление трапецеидального искажения закончено:

Иногда, для удобства, бывает необходимо переместить сетку относительно изображения, чтобы линия сетки совпадала с одной из сторон здания. Для этого выберите инструмент "Перемещение сетки" (Move Grid Tool), расположенный в левой части диалогового окна, и мышкой и перетащите сетку:

Применение "Свободной Трансформации" (при необходимости)

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

Обрезка изображения

Photoshop CS6, в отличии от версий ниже, самостоятельно размещает исправленное изображение в кадре, так что обрезка не требуется.

В результате мы получили готовое исправленное изображение.

В самом CorelDRAW для свободной деформации растровых изображений инструмента не предусмотрено. Есть эффекты 3D Rotate (Трёхмерный поворот) и Perspective (Перспектива), но это всё не то. Но это не означает что нет возможности добиться нужного эффекта. В этой заметке я расскажу о двух способах как применить необходимую деформацию к растровому изображению.

Оба способа используют одну и ту же функцию редактора Corel PHOTO-PAINT — деформацию (Distort), однако в одном случае это делается автоматически так, что вы даже не заметите что использовался PHOTO-PAINT.

Ручной метод

Выделяем изображение в CorelDRAW и нажимаем кнопку Edit Bitmap (Редактировать растровое изображение) для того, что бы открыть его в редакторе Corel PHOTO-PAINT. Если изображение является фоном, переведите его в объект.

Затем, с помощью инструмента Object Pick (Выбор объекта), в режиме Distort придайте необходимое искажение. После, закройте редактор, и на вопрос сохранить изображение, ответьте ДА. Изображение в CorelDRAW обновится автоматически.

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

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

Выделив два этих изображения, выбираем команду Edit Bitmap в меню Bitmap (Растровые изображения), после чего увидим что они открылись в редакторе Corel PHOTO-PAINT в виде одного документа с двумя объектами (слоями). Подстраиваем наше изображение под «шаблон», который потом удаляем.

Автоматический метод

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

В первые инструмент «Деформация» (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-анимацию фотографии коровы, на которой я произвел некоторые изменения: нос уменьшил, увеличил глаза, а щеки сделал стройнее. И все это с помощью инструмента «Деформация».