Данный инструмент Марионеточная деформация в Фотошопе (Puppet Warp) используется не столь часто, как другие инструменты Фотошоп, но с его помощью можно воплощать оригинальные идеи.
Марионеточная деформация позволяет устанавливать точки (булавки) на слое и затем манипулировать и сгибать объект в реалистичной манере.
Другими словами, создаётся своеобразный каркас, позволяющий контролировать изменения объекта, как марионетку.
К примеру, я нашёл в Яндекс – картинках вот такое изображение симпатичных змей.
Захотелось как-то преобразить эту замечательную фотографию. Вот, что я получил в итоге:
Хотите узнать, как это делается?
Откроем наше изображение в Фотошопе.
Чтобы использовать инструмент Марионеточная деформация в отношении только лишь змей, мы должны удалить их из фона, предварительно скопировав их на новый слой.
Выделяем наших «красавиц» - я сделал это инструментом Быстрое выделение (Quick Selection - W). Чтобы сгладить выделение нажмите Правой клавишей мыши (ПКМ), при активном инструменте Выделения, в выделенной области и выберете «Растушёвка». Поставьте 2-3 пикс.
Копируем наше выделение на новый слой – клик ПКМ в выделенной области – выбираем «Скопировать на новый слой» и выключаем пока видимость нового слоя (нажмите на значок Глаза). Выделение не снимаем (если выделение по какой-либо причине пропало – кликните по иконке верхнего слоя с зажатой клавишей Ctrl).
Переходим на нижний слой «Фон». Выбираем любой инструмент Выделения (Лассо, Быстрое выделение или любой другой). Переходим в Меню – Выделение – Модификация – Расширить.
Ставим - Расширить на 50 пикс.
Затем, чтобы удалить с фона наших змей, переходим в меню – Редактирование – Выполнить заливку.
Выбираем в следующем окне «С учётом содержимого»:
И после некоторого времени, необходимого программе для просчёта содержимого
мы получим вот такую картинку:
Снимаем выделение (Ctrl + D) и переходим на верхний слой с нашими змеями. Теперь начнём колдовать с инструментом «Марионеточная деформация» над нашими главными героями.
Переходим в меню – Редактирование – Марионеточная деформация.
В настройках этого инструмента выбираем Частоту: Больше точек.
У нас появляется курсор в виде булавки. Этой булавкой ставим ряд точек на наших змеях и несколько точек ниже на теле змей, с тем, чтобы иметь возможность корректировать положение фигур.
Подводим курсор к одной из точек-булавок и он превращается в булавочку со стрелкой, а это означает, что мы можем перемещать эту точку вместе с участком изображения. Передвигая попеременно все точки, изгибаем взаимное расположения тел. Только двигайте точки понемногу, постепенно, чтобы сильно не искажать рисунок. Медленно продвигаясь к результату, получим вот такое изображение:
Чтобы добиться правильного перехлёста тел, наведите курсор на точку в месте пересечения змей и щёлкните ПКМ. В выпадающем списке выберете Переложить назад (или вперёд.)
Точка-булавка спрячется вместе с участком изображения внутрь (или наоборот, выступит вперёд).
Новинка в Photoshop CS5, команда Марионеточная деформация (Puppet Warp) , позволяет искажать отдельные объекты в изображении, оставляя другую его часть невредимой (хотя вы можете также использовать его, чтобы деформировать все изображение, если хотите).
Его можно применять для внесения небольших изменений, таких, как изменение положения волос субъекта или для выполнения более радикальных действий, например, перемещения руки, ноги или хвоста.
Деформацию элемента нужно начать с установки нескольких меток (называемых булавками) поверх объекта, чтобы указать, что именно этот фрагмент вы хотите переместить (хотя вы можете деформировать все изображение, не расставляя булавки). Затем фотошоп наложит на изображение сетку, содержащую маркеры, которые можно толкать и тянуть (путем перетаскивания) для искажения объекта. После завершения перемещения объекта программа попытается настроить остальное изображение таким образом, чтобы оно сочеталось с изменениями и они выглядели естественно.
Вы можете применять данный инструмент к слоям изображения, слоям-фигурам и текстовым слоям (хотя последние два сначала необходимо растрировать), (хороший выбор, потому что их можно деформировать обратимо), а также к пиксельной и векторной маскам слоя.
Выбрав команду меню Редактирование => Марионеточная деформация , вы увидите следующие элементы управления, находящиеся на панели параметров:
Раскрывающийся список Режим — позволяет указать, насколько эластичная (растягиваемая) сетка вам нужна. Вы можете выбрать один из следующих вариантов: Искажение (отлично подходит для деформации изображения, снятого широкоугольным объективом или создания интересной текстуры для наложения на другое изображение, Нормальный (режим общего назначения) и Строгий (отлично подходит для более точной деформации объектов, отмеченных булавками).
Параметр Частота — контролирует расстояние между узлами сетки. Добавление большего количества точек сделает ваши изменения точнее, хотя тогда фотошопу потребуется больше времени на обработку. Меньшее число точек ускорит процесс, хотя в зависимости от объекта деформация может выглядеть неестественно.
Если ваш компьютер слабоватый по производительности, от Инструмента Марионеточная деформация вы получите больше раздражения, т.к. компьютер начнет работать почти что на максимальных оборотах, от чего будет тормозить и работать с изображением в таких условиях будет не возможно.
Поле Расширение — позволяет расширить или сократить внешний край сетки на значение в пикселях. Высокие значения расширяют внешний край (даже за пределы края документа) и более низкие значения уменьшают его. Ввод отрицательных значений уменьшает сетку настолько, что она оказывается внутри края документа, но при этом сокращается и само изображение.
Флажок Сетка — отображает или скрывает сетку. Если вы сбросите данный флажок, вы увидите только булавки, размещенные поверх изображения. Лучше временно скрыть сетку, нажав сочетание клавиш Ctrl+H, для возврата сетки на место используйте это же сочетание клавиш.
Группа элементов управления Глубина — позволяет вам определить, насколько глубоко будет выполнена деформация. Например, большая глубина означает, что вы деформируете изображение на фоновом слое, в то время как меньшая глубина позволяет изменять положение объектов, находящихся поверх фона.
Параметр Поворот — позволяет вращать объект, на который уже установлены булавки, когда вы толкаете или тянете его на новую позицию, перетаскивая мышью.
Невозможно понять, как работает этот инструмент, пока не попробуете сами.
Выполните эти шаги для изменения кривизны лесной дороги:
Шаг 1
Откройте изображение и убедитесь, что фоновый слой можно редактировать. Инструмент Марионеточная деформация не будет работать на закрепленных фоновых слоях, поэтому дважды щелкните мышью по слою, чтобы сделать его доступным для редактирования.
Шаг 2
Выбрав команду меню Редактирование => Марионеточная деформация . фотошоп наложит сетку поверх изображения.
Шаг 3
На панели параметров установите режим Нормальный , а затем разместите булавки поверх объекта, который требуется переместить. Лучше установить побольше булавок, чтобы иметь больший контроль. Кроме того, вы можете добавить новые булавки, когда будете перетаскивать имеющиеся.
Также можно удалить булавку, щелкнув по ней мышью, удерживая клавишу Alt (указатель мыши примет вид крошечных ножниц).
Примечание
Если вы попытаетесь добавить новую булавку слишком близко к существующей, отобразится диалоговое окно с сообщением об ошибке. Чтобы справиться с проблемой, замените в раскрывающемся списке Частота на Больше точек .
Перетаскивая указатель мыши, чтобы переместить булавки, вы заметите, что сетка вращается. Если вы захотите изменить угол поворота сетки вокруг определенной булавки, нажмите клавишу Alt и установите указатель мыши рядом с булавкой (но не на ней). Когда появится круг, перетащите указатель мыши, чтобы визуально повернуть сетку (вы увидите, что на панели параметров появится угол вращения).
Вы можете выбрать несколько булавок, щелкнув по ним правой кнопкой мыши (мышью, удерживая клавишу Shift, выбрав вариант Выделить все булавки из появившегося контекстного меню. Чтобы удалить несколько булавок, выберите их и затем нажмите кнопку Backspace . Вы также можете щелкнуть правой кнопкой мыши по самой сетке, чтобы вызвать контекстное меню, позволяющее добавить булавку, выделить все булавки, удалить все булавки или скрыть сетку.
Шаг 4
Когда вы закончите, нажмите клавишу Enter.
Фотошоп попытается настроить остальное изображение таким образом, чтобы изменения, внесенные изменения выглядели естественно. Для этого программа может даже повернуть изображение, если необходимо.
Как вы можете себе представить, вам предстоит множество проб и ошибок при использовании инструмента Марионеточная деформация. Но мое мнение, что инструмент недостаточно хорош, и я бы лучше использовал , нежели эту деформацию. Во многом из-за того, что у меня слабый компьютер.
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!
Не мастак я писать пошаговые инструкции, если честно. Давным-давно, помнится, написал . Сегодняшний же повод взять в руки шашку вызван вопиющей несправедливостью, царящей на просторах фотосайтов, жежешечки и прочих мест скопления фотокартинок. Все мы с вами белые, пушистые и знаем, что завал горизонта есть страшный грех и удел нубов и лузеров. Сплошь и рядом мы наблюдаем лаконичный камент доморощенных фотокритиков "горизонт завален" и зачастую сами одобряем их вердикт, но почему-то вот мало кого волнует искривленная перспектива. Да-да, я о тех странных параллелепипедах, параллелограммах и прочих трапециях на фотографиях, где должны быть здания и сооружения. Как по мне, зачастую на архитектурных фотографиях они выглядят так же позорно, как и заваленный горизонт. Тем более, что исправить это недоразумение, в общем, не намного сложнее "выпрямления" пресловутого горизонта. И сегодня я расскажу вам о трёх простых способах исправить перспективные искажения.
Для примера, самым наглым образом, возьмем случайное фото известного фотографа-путешественника frantsouzov
из его поста про усадьбу Ляхово . Вот хотя бы это изображение фасада здания:
Что я и говорил - еще чуть-чуть и по форме здание начнёт напоминать египетские пирамиды. Самое время испробовать способ намба уан. Почти всё, что нам понадобится - это инструмент Crop
(обрезка).
Откройте картинку в фотошопе, выберите данный инструмент и как бы очертите им всё изображение. Далее поставьте галочку Perspective
в панели настроек инструмента.
Да, чуть не забыл. Вам могут пригодиться направляющие. Это линии, по которым можно проверить необходимые нам параллельность и перпендикулярность. Если у вас в окне фотошопа не отображаются линейки (см. скриншот ниже), жмите Ctrl+R
. Далее просто ткните в любом месте линейки мышкой и, не отпуская, протащите её к картинке. Отпустите мышку в нужной позиции. Появится первая направляющая. Вы можете создать их любое количество. Если они вам мешают, жмите Ctrl+H
и они исчезнут. Жмите еще раз и они появятся снова.
После этой необязательной подготовки выбираем, собственно, описанный выше кроп-тул
. Хватаемся мышкой за уголки фото и делаем что-то подобное.
Как только будет готово, тычем enter
и получаем вот такую картинку.
Стены мы "выпрямили", но здание получилось каким-то приплюснутым. Не айс. Делаем буквально следующее: выделяем всю картинку (Ctrl+A
), включаем инструмент "Free transform
" (свободная трансформация)
и просто тянем наш джипег мышкой за верхний якорь, пока высота здания нас не устроит.
Вот что у нас получилось в конечном итоге. Все эти манипуляции немного замыливают картинку, поэтому работать нужно с полноразмерным файлом, а не как я с маленькой картинкой с разрешением 72 точки на дюйм. Тем не менее, теперь мы видим здание, так сказать, почти так же как видит его человеческий глаз. Во всяком случае я на это надеюсь. Картинка, конечно, "тесновато" обрезана, но так ведь это только пример. К тому же можно изначально, на этапе съёмки, стараться "брать" чуть шире, подразумевая будущую обрезку.
Переходим к способу намба ту. Воспользуемся специальным фильтром, запрятанным так далеко, что "многие" пользователи фотошопа и слыхом о нём не слыхивали.
Открываем окно фильтра Lens Correction
. Двигая ползунки блока Transform
и контролируя результат по сетке, уберите искажения перспективы. В выпадающем списке Edge
выберите что программе сделать с теми участками фото, которых теперь как бы не хватает. Я выбрал вариант, когда они будут прозрачными. Вариант Edge Extension
, когда края автоматически заполняются растягиванием углов, в данном примере не подходит. Слишком уж не реалистично это потом выглядит. При меньших искажениях иногда выходит сносный результат, поэтому пробуйте оба варианта и выбирайте лучший. Обратите также внимание и на ползунок Remove Distortion
. Иногда после манипуляций с перспективой картинка становится как бы выпуклой. Это недоразумение легко убирается этим самым ползунком. В нашем примере этого не потребовалось.
Дальше нам опять нужен инструмент Crop tool
. Галочку с Perspective
нужно снять. Просто обрезаем на фото, так сказать, неполноценные участки. Я так же срезал немного пространства над крышей здания.
Итак, итог второго метода.
Для пущей наглядности давайте сравним исходное фото и обе полученные картинки.
Первый и второй вариант, как по мне, очень похожи, а вот исходник при таких "соседях" кажется ещё более странным. Будто бы, наоборот, его кто-то терзал в фотошопе, пытаясь свалить на землю. Впрочем, давайте же еще глянем, что там за третий метод исправления перспективных искажений. Делается он, в общем, по тому же принципу. Те же яйца, только в профиль. Выделяем всю картинку(Ctrl+A
), в меню Edit
выбираем пункт Transform
, а там, вы не поверите, команду Perspective
. Далее следует потянуть мышкой за уголки фотокарточки и нарисовать нечто подобное моей иллюстрации. Нажимаем enter
, наблюдаем картинку опять же похожую на полученные первыми двумя способами.
Какой тут можно сделать вывод? Все три способа, пожалуй, идентичны по трудозатратам, так что выбирайте себе в пользование любой их них. Замечу, что первый метод особенно хорош для "распрямления" снятых сбоку картин, табличек и тому подобного. Выглядит это будет как-то так:
Итогом будет вот эта картинка.
Джипег, кстати, случайный из выданных яндексом по запросу "картина в музее". Вот автор фото , если что.
Ну, а я прощаюсь с вами. Надеюсь, урок будет полезным. Точно знаю одного юзера, который уже последовал моим советам и его фотографии стали ещё лучше. Это d_a_ck9
. Рекомендую, а если что-то не понятно - спрашивайте.
NB . Если же вы по причине каких-то своих моральных, этических или даже политических убеждений придерживаетесь мнения, что исправлять перспективные искажения необязательно, я вам отвечу, что вы просто ленивы и не более того. Да, бывают случаи, когда искажения, наоборот, добавляют фотографии шарма (тот же фишай), но я по большей степени о, так сказать, протокольной архитектурной и интерьерной съёмке. Цитирую педивикию для самых упёртых: "При данном виде фотосъёмки основная задача состоит в правдивом и точном показе формы здания , отделки, скульптур и элементов декора. Принципиальное значение для архитектурной съёмки имеет вертикальность и прямолинейность вертикальных и прямых линий. Для этого оптическая ось объектива должна быть горизонтальна, а плоскость фотоматериала или матрицы должна быть вертикальна и ни в коем случае не наклонена. "
Прежде всего, сделаем копию слоя с оригинальным изображением, для того, чтобы всегда иметь под рукой нетронутый оригинал, для этого открываем панель слоёв, на данный момент у нас активен фоновый слой, и нажимаем комбинацию 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 и запустить макрос, всё остальное он сделает сам.
