Марионеточная деформация: Деформация изображений, фигур и контуров в Adobe Photoshop
«Марионеточная деформация» в Фотошоп
Как бы ни были красивы статичные картинки, но иногда им не помешает стать немного живыми. Как придать движение понравившейся картинке? Очень просто. Для этого в программе Adobe Photoshop есть уникальная функция «Марионеточная деформация». Рассмотрим на маленьком примере как она применяется и что дает.
Открываем картинку, которой будем придавать движение. Следует учесть, что необходимо, чтобы изображение, которое будет подвергаться трансформации должно быть отсоединено от фонового изображения. Поэтому изначально удобно будет тренироваться на клипарте (вырезанное изображение на прозрачном фоне). Можно также вырезать необходимое изображение из общего картинки с помощью инструмента «Прямолинейное лассо» как указано стрелочкой № 1 или инструмента «Магнитное Лассо» указано стрелочкой № 2 либо инструмента «Свободное перо» указано стрелочкой № 3.
Итак, картинка готова к работе. Делаем копию слоя. Для этого на слое, который нужно скопировать нажимаем правую кнопку мыши и в появившемся меню выбираем «Создать копию слоя».
Переходим во вкладку «Редактирование» функция «Марионеточная деформация».
Определяем какие части изображения будут подвергаться трансформации, и те, что должны остаться статичными закрепляем «булавками» — желтые точки, которые устанавливаются левой кнопкой мыши.
Теперь те части, что должны быть приведены в движение, удерживая левую кнопку мыши слегка передвигаем и закрепляем булавкой. Это будет заметно по отклонению изображения от предыдущего положения на фоне первого слоя этого же изображения.
Если вдруг была установлена булавка не в том месте или она лишняя, то её можно удалить, для этого нажимаем правую кнопку мыши, стоя на булавке и в меню выбираем «Удалить булавку».
Стоит отметить, что данная функция «Марионеточная деформация» может применяться, как с целью исправить изображение или для того, чтобы сделать анимацию.
Теперь переходим к созданию анимации. Во вкладке «Окно» выбираем функцию «Анимация».
Внизу рабочего файла (файла, с которым производятся изменения) появляется лента раскадровки с первым кадром. Выставляем время на кадре 0,5 секунды. Для этого нажимаем на треугольник, как показано стрелочкой и выбираем из открывшегося списка 0,5.
Для того, чтобы анимация была постоянной необходимо выбрать параметр цикла «Постоянно» как показано на рисунке стрелочкой № 1. Далее копируем кадр как показано на рисунке стрелочкой № 2, нажав листик.
Теперь для первого кадра делаем видимым первый слой с изображением, а со второго слоя с изображением снимаем видимость. Для второго кадра видимым только второй слой, а с первого слоя с изображением снимаем видимость. Для этого того, чтобы снять со слоя видимость нужно левой кнопкой мыши снять глазик со слоя в окне слоев, как показано стрелочкой.
Переходим к сохранению картинки. Так как у нас анимация, то во вкладке «Файл» выбираем функцию «Сохранить для WEB и устройств». В открывшемся окне устанавливаем те параметры, как на рисунке, нажимаем на кнопку воспроизведение, как указано стрелочкой и нажимаем «Сохранить».
В диалоговом окошке задаем название файла, выбираем место для сохранения и нажимаем «ОК».
Картинка готова.
Источники изображений к уроку:
Как пользоваться командой Марионеточная деформация в фотошопе
Новинка в Photoshop CS5, команда Марионеточная деформация (Puppet Warp), позволяет искажать отдельные объекты в изображении, оставляя другую его часть невредимой (хотя вы можете также использовать его, чтобы деформировать все изображение, если хотите).
Его можно применять для внесения небольших изменений, таких, как изменение положения волос субъекта или для выполнения более радикальных действий, например, перемещения руки, ноги или хвоста.
Деформацию элемента нужно начать с установки нескольких меток (называемых булавками) поверх объекта, чтобы указать, что именно этот фрагмент вы хотите переместить (хотя вы можете деформировать все изображение, не расставляя булавки). Затем фотошоп наложит на изображение сетку, содержащую маркеры, которые можно толкать и тянуть (путем перетаскивания) для искажения объекта. После завершения перемещения объекта программа попытается настроить остальное изображение таким образом, чтобы оно сочеталось с изменениями и они выглядели естественно.
Совет
Вы можете применять данный инструмент к слоям изображения, слоям-фигурам и текстовым слоям (хотя последние два сначала необходимо растрировать), смарт-объектам (хороший выбор, потому что их можно деформировать обратимо), а также к пиксельной и векторной маскам слоя.
Выбрав команду меню Редактирование => Марионеточная деформация, вы увидите следующие элементы управления, находящиеся на панели параметров:
Раскрывающийся список Режим — позволяет указать, насколько эластичная (растягиваемая) сетка вам нужна. Вы можете выбрать один из следующих вариантов: Искажение (отлично подходит для деформации изображения, снятого широкоугольным объективом или создания интересной текстуры для наложения на другое изображение, Нормальный (режим общего назначения) и Строгий (отлично подходит для более точной деформации объектов, отмеченных булавками).
Параметр Частота — контролирует расстояние между узлами сетки. Добавление большего количества точек сделает ваши изменения точнее, хотя тогда фотошопу потребуется больше времени на обработку. Меньшее число точек ускорит процесс, хотя в зависимости от объекта деформация может выглядеть неестественно.
Совет
Если ваш компьютер слабоватый по производительности, от Инструмента Марионеточная деформация вы получите больше раздражения, т.к. компьютер начнет работать почти что на максимальных оборотах, от чего будет тормозить и работать с изображением в таких условиях будет не возможно.
Поле Расширение — позволяет расширить или сократить внешний край сетки на значение в пикселях. Высокие значения расширяют внешний край (даже за пределы края документа) и более низкие значения уменьшают его. Ввод отрицательных значений уменьшает сетку настолько, что она оказывается внутри края документа, но при этом сокращается и само изображение.
Флажок
Группа элементов управления Глубина — позволяет вам определить, насколько глубоко будет выполнена деформация. Например, большая глубина означает, что вы деформируете изображение на фоновом слое, в то время как меньшая глубина позволяет изменять положение объектов, находящихся поверх фона.
Параметр Поворот — позволяет вращать объект, на который уже установлены булавки, когда вы толкаете или тянете его на новую позицию, перетаскивая мышью.
Невозможно понять, как работает этот инструмент, пока не попробуете сами.
Выполните эти шаги для изменения кривизны лесной дороги:
Шаг 1
Откройте изображение и убедитесь, что фоновый слой можно редактировать. Инструмент Марионеточная деформация не будет работать на закрепленных фоновых слоях, поэтому дважды щелкните мышью по слою, чтобы сделать его доступным для редактирования.
Шаг 2
Выбрав команду меню Редактирование => Марионеточная деформация. фотошоп наложит сетку поверх изображения.
Шаг 3
На панели параметров установите режим Нормальный, а затем разместите булавки поверх объекта, который требуется переместить. Лучше установить побольше булавок, чтобы иметь больший контроль. Кроме того, вы можете добавить новые булавки, когда будете перетаскивать имеющиеся.
Также можно удалить булавку, щелкнув по ней мышью, удерживая клавишу Alt (указатель мыши примет вид крошечных ножниц).
Примечание
Если вы попытаетесь добавить новую булавку слишком близко к существующей, отобразится диалоговое окно с сообщением об ошибке. Чтобы справиться с проблемой, замените в раскрывающемся списке Частота на Больше точек.
Перетаскивая указатель мыши, чтобы переместить булавки, вы заметите, что сетка вращается. Если вы захотите изменить угол поворота сетки вокруг определенной булавки, нажмите клавишу Alt и установите указатель мыши рядом с булавкой (но не на ней). Когда появится круг, перетащите указатель мыши, чтобы визуально повернуть сетку (вы увидите, что на панели параметров появится угол вращения).
Совет
Вы можете выбрать несколько булавок, щелкнув по ним правой кнопкой мыши (мышью, удерживая клавишу Shift, выбрав вариант Выделить все булавки из появившегося контекстного меню. Чтобы удалить несколько булавок, выберите их и затем нажмите кнопку Backspace. Вы также можете щелкнуть правой кнопкой мыши по самой сетке, чтобы вызвать контекстное меню, позволяющее добавить булавку, выделить все булавки, удалить все булавки или скрыть сетку.
Шаг 4
Когда вы закончите, нажмите клавишу Enter.
Фотошоп попытается настроить остальное изображение таким образом, чтобы изменения, внесенные изменения выглядели естественно. Для этого программа может даже повернуть изображение, если необходимо.
Как вы можете себе представить, вам предстоит множество проб и ошибок при использовании инструмента Марионеточная деформация. Но мое мнение, что инструмент недостаточно хорош, и я бы лучше использовал фильтр пластика, нежели эту деформацию. Во многом из-за того, что у меня слабый компьютер.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Марионеточная деформация, трансформирование | Дорога к Бизнесу за Компьютером
Марионеточная деформация — команда, которая появилась в программе Adobe Photoshop CS5. Она находится в меню Редактирование — Марионеточная деформация. Для того, чтобы команда была активной, нужно либо преобразовать слой из заднего плана в обычный слой, либо сделать дубликат слоя, и работать с ним. После этого, если Вы выберете команду
В панели настроек находятся следующие опции:
- Режим — определяет, на сколько сильно можно искажать сетку.
- Частота — определяет размеры ячеек в сетке
- Расширение — определяет, насколько сетка будет выходить за пределы холста.
Чтобы отобразить, или скрыть сетку, нужно поставить, или убрать галочку в соответствующем чекбоксе.
Для выполнения марионеточной деформации служат так называемые булавки. Ставите булавки в ключевые места изображения, просто нажимая на них левой клавишей мыши. Их ставите много, чтобы предохранить остальные части изображения от деформации.
Затем нажимаете на булавку, которую хотите передвинуть, левой клавишей мыши и, удерживая клавишу, передвигаете в новое место. Вместе с булавкой передвинется и изображение.
Булавку можно удалить, удерживая клавишу Alt, и нажимая на нее клавишей мыши.
Можно сразу выделить несколько булавок, нажимая клавишу Ctrl, и кликая по ним повторно. В активных булавках появится точка, и они будут перемещаться одновременно.
Изображение можно вращать вокруг выбранной булавки. Для этого нажимаете и удерживаете клавишу Alt рядом с изображением булавки. Появляется круг, который можно вращать. Изображение будет вращаться тоже. Чтобы ограничить вращение, обозначьте булавками места, которые хотите оставить неподвижными. Угол поворота можно задать в панели настроек.
Команду Марионеточная деформация можно применять не только ко всему изображению, но и к выделенным элементам. Выделять нужные элементы удобнее всего инструментом Лассо.
Команда Трансформирование
Также в программе Adobe Photoshop CS5 есть команда Трансформирование. Она находится в меню
- Масштабирование: изменение размеров. Чтобы сохранить пропорции изображения при таком трансформировании, тянете угловой маркер, с нажатой клавишей Shift. Поворачивать изображение с помощью команды Масштабирование нельзя.
- Поворот: напротив, позволяет делать только повороты объекта, другие действия выполнять невозможно.
- Наклон: и угловые, и средние маркеры можно перемещать вдоль границ, на которых эти маркеры находятся.
- Искажение: маркеры можно перемещать как угодно.
Перспектива: если Вы двигаете какой-либо угловой маркер в одну сторону, маркер, который находится справа или слева, будет перемещаться в другую сторону.
Деформация: на изображении появляется сетка, и Вы можете передвигать любой участок этой сетки вместе с изображением. На панели настроек моно выбрать заказную деформацию, а можно выбрать какую-то из заранее заданных, и изменять параметры для своих целей.
Также с помощью меню Редактирование — Трансформирование можно поворачивать изображение на 90 и 180 градусов, а также зеркально отображать его по горизонтали и вертикали.
Более подробные сведения Вы можете получить в разделах «Все курсы» и «Полезности», в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:
Анимация в Photoshop с помощью Марионеточной деформации
А пока начнём с простого.
Возьмем фотку таблички с плюканским словом «ку». Слово нейтральное, так что министерство культуры не прицепится.
Открываем,переименовываем в слой в «исходник». Далее нам понадобится фон без таблички и табличка без фона. Поэтому жмём Ctrl+J два раза. Получившиеся слои переименовываем в «Фон» и «Норм».
Активируем слой «Фон», видимость остальных убираем, берём инструмент Точечная восстанавливающая кисть (Spot HealingBrush, клавиша J) выбираем размер кисти поболее диаметра палки, ставим галку на «С учетом содержания» (Content Aware)
И просто проводим кистью по палке. Палка убралась полностью, без артефактов, текстура сохраняется.
Для таблички увеличиваем диаметр кисти и замазываем полосами, начиная от края.
Но, конечно, точечная восстанавливающая кисть больше подходит для точечных объектов и полос. Поэтому умные адобовцы вели в Фотошопе CS5 ещё один способ удаления лишнего. Это также введение нового параметра С учетом содержимого (Content-Aware) в инструмент «Заливка».
Выделяем Прямолинейным лассо(клавиша L) остаток таблички, кликаем Редактирование—>Выполнить заливку(Edit—>Fill) или жмём сочетание клавиш Shift+F5. В появившемся диалоговом окне выбираем параметр Использовать:С учётом содержимого (этот параметр появляется по умолчанию) и кликаем ОК.
Далее активируем слой «Норм»,включаем видимость этого слоя и отключаем видимость остальных, берём инструмент Перо(Pen Tool, клавиша Р), выделяем табличку с палкой, замыкаем контур, клик правой клавишей мышки по контуру, выбираем «образовать выделенную область», в новом окне выбираем радиус растушёвки 1 пкс. Жмём Ctrl+Shift+I (инвертируем выделенную область), затем жмём Delete.
Повторюсь,я в восторге от инструмента «Марионеточная трансформация» (Puppet Warp), поэтому я даже назначил ему отдельную горячую клавишу. Для этого жмём Alt+Shift+Ctrl+K и выбираем свободную комбинацию клавиш. У меня свободной оказалась Ctrl+, (контол+запятая нглийской раскладки). Назначение горячих клавиш значительно ускоряет работу с повторяющимися операциями.
Теперь анимация.
Клонируем слой «Норм», нажав Ctrl+J.Этот слой будет вторым фреймом в линейке анимации. Поэтому переименовываем его в «2». Переименовывать слои вовсе не обязательно. т.к. новое название сгенерируется автоматически.Но, тем не менее, я всегда проставляю порядковый номер на слоях для анимации. Потеряв время на переименование, значительное время можно сэкономить в последующем, при возможной путанице.
Кликаем по Редактирование—>Марионеточная деформация (Edit—>Puppet Warp). Или по новому сочетанию горячих клавиш. Табличка покрылась сеткой. Теперь надо в нужных местах понавтыкать булавки, которые являются одновременно фиксирующим стопором в пассивном состоянии и элементом перемещения в активном. Для установки булавки достаточно один раз кликнуть левой клавишей мыши по нужному месту на сетке, для активирования нескольких булавок (на активированной булавке в центре появляется чёрный кружок) нужно кликнуть поочерёдно по нужным булавкам левой клавишей мыши, зажав Ctrl+Shift. Для деактивирования нужно кликнуть по активированной булавке левой клавишей мыши, для удаления лишней булавки, нужно кликнуть по ней левой клавишей мыши, предварительно зажав Alt (курсор превратится в ножницы).Для того чтобы войти в режим вращения, необходимо подвести указатель мыши рядом к требуемой булавке, нажать клавишу Alt и вокруг активной булавки должен появиться круг со стрелкой.
Ставим одну булавку в основании палки. Эта булавка там будет стоять всегда, фиксируя место, где палка вкопана в землю. Втыкаем другие булавки. А далее немного деформируем табличку, потянув за булавки.
Добившись нужного результата, жмём Enter. Затем дублируем слой,нажав Ctrl+J. Не отпуская клавишу Ctrl , нажимаем клавишу » , «. Изображение покрылось сеткой. Деформируем, сохраняем и т.д., пока не сделаем нужного количества кадров. Тут уже всё зависит от вашей фантазии.
Далее включаем панель анимации (Окно—>Анимация или Window—>Animation). Убираем видимость слоёв,кроме «Фон» и «Норм». Генерируем второй фрейм анимации. Отключаем видимость слоя «Норм» и включаем следующий.
Подробнее о создании фреймов анимации рассказывается в статье «Анимация текста с помощью обтравочной маски в Фотошопе» и в «Анимация текста на аватаре. Бегущий текст».
Марионеточная деформация в фотошопе
485
02.01.2015 | Автор: Трофименко Владимир | Просмотров: 10179 | видео + текстМы продолжаем изучать инструменты фотошопа и на очереди инструмент под названием — Марионеточная деформация. С помощью этого инструмента можно трансформировать любую часть изображения. Находится этот пункт в меню «Редактирование» -> «Марионеточная деформация» (Edit->Puppet Warp).
В самом начале инструмент может быть неактивным. Это может быть связано с тем, что слой или заблокирован или просто не выбран. Поэтому разблокируем слой и начнем работу с фотошоп инструментом.
Когда вы будете использовать марионеточную деформацию, всегда отделяйте объект от основного изображения. Как этом сделать можете посмотреть здесь или здесь. В данном конкретном примере у нас есть паучок, который уже отделен от основного изображения и находится на отдельном слое.
Давайте теперь, стоя на нужном слое, включим марионеточную деформацию. Изображение у нас покрылось сеткой, а сверху, на панели инструмента, появились новые настройки. Давайте немного по ним пройдемся.
Вот какие настройки есть у фотошоп инструмента:
— Режим — эта установка позволяем нам определить эластичность нашей сетки на изображении: строгий, нормальный и искажение;
— Частота — это расстояние между узлами сетки. Этой опцией мы добиваемся более тонкой настройки деформации. Она может иметь значения: меньше точек, нормальный и больше точек;
— Расширение — опция, которая отвечает за область покрытия. Чем больше цифра, тем больше сетка выходит за границы изображения;
— Сетка — отвечает за скрытие сетки с изображения;
— Поворот — может быть фиксированным или авто. В дальнейшем мы разберемся с ним более подробно.
Теперь давайте попробуем что-нибудь деформировать. Прежде чем это делать давайте представим марионетку, т.е. куклу, которая сама по себе не двигается и подвязана на веревочках. Сверху эта кукла управляется пальцами, когда мы дергаем за эти веревочки. Так и здесь, мы можем указать какая часть изображения будет двигаться и как изменяться, а для того, чтобы ограничить область передвижения изображения, мы ставим специальные точки, которые называют булавки. Давайте представим, что мы хотим изменить какаую-то часть изображения, к примеру, передвинуть лапку у паука, относительно остальной его части. В данном случае остальная часть, кроме передвигаемой лапки, должна быть заблокирована. Блокировать ее будем через булавки, которыми мы указываем заблокированную от движения часть изображения. Поставить их можно через клик левой клавишей мыши по сетке.
Теперь если мы зажмем лапку левой клавишей мыши и немного перетащим ниже, то она будет изменяться относительно остального изображения.
Если вы хотите еще ограничить передвижение лапки, то достаточно добавить на нее новую булавку как на рисунке ниже.
Мы можем убирать булавки, если где-то они были поставлены случайно. Для этого щелкаем по ней и нажимаем клавишу «Backspace» (это обычная стрелка направленная влево, находящаяся выше клавиши «Enter»). Также, можно щелкнуть правой клавишей мыши по булавке и из выпадающего меню выбрать пункт «Удалить булавку».
Ну и еще один прием, зажимаем клавшу «Alt» на клавиатуре, подводим к булавке пока не появится иконка ножниц и щелкаем мышкой. Поинт удалится.
Также, мы можем крутить изображение. Для этого щелкаем по булавке левой клавишей мыши, зажимаем на клавиатуре клавишу «Alt» и немного уводим курсор в сторону. Вокруг поинта появляется окружность и теперь, зажав левую клавишу мыши, мы можем крутить изображение.
В данном случае у нас вступает в действие настройка «Поворот». Если оставляем настройку на пункте «Фиксированный», то мы сами задаем поворот зажатой клавишей мыши. Если оставляем на пункте «Авто», то рядом необходимо поставить еще градусы, т.е. указать на сколько мы хотим сделать поворот изображения.
Еще одной особенностью инструмента является то, что мы можем изменять изображение используя несколько булавок. Чтобы их соединить сначала выбираем один поинт, а затем нажимаем клавишу «Shift» и щелкаем еще по одной булавке. Теперь изображение будет деформироваться согласно выделенным точкам.
И еще одна особенность о которой я не могу не сказать. В фотошопе имеется возможность выделить часть изображения, над которой мы будем работать с инструментом. Для этого выбираем любой из инструментов выделения, к примеру, «Лассо» или «Прямоугольная область», выделяем участок и заходим в инструмент «Марионеточная деформация». Таким образом все изменения будут происходить только на части изображения, которая находится в выделении, а все остальное изображение будет не задействовано.
На этом у меня все.
Видеоурок:
Источник: https://psdmaster.ru
Узнайте как скачать видеоурок с сайта
Что еще посмотреть:
17.09.2015 | Просмотров: 20033 | видео + текст
В этом уроке расскажу про фотошоп инструменты Горизонтальный текст маска и Вертикальный текст маска в фотошопе
21.12.2014 | Просмотров: 6033 | видео + текст
В этом фотошоп уроке поговорим о фотошоп инструменте Точечная лечащая кисть (Точечная восстанавливающая кисть) (Spot Healing Brush Tool)
03.06.2015 | Просмотров: 8825
В этом фотошоп видеоуроке Басманов Максим покажет как наложить изображение на сложную поверхность с помощью программы фотошоп.
07.12.2014 | Просмотров: 2938
В этом фотошоп видеоуроке рассматривается углубленная работа с инструментом трансформирование в фотошоп.
23.02.2012 | Просмотров: 4696
В этом видеоуроке Евгений Карташов проведет вам увлекательную экскурсию по фильтру «Пластика». Вы узнаете, по какому принципу работают инструменты, а также как на них влияет изменение настроек. Также вы увидите, как можно «замораживать» некоторые участки изображения, чтобы изолировать их от действия того или иного инструмента.
Как пользоваться командой марионеточная деформация в фотошопе. Марионеточная деформация, трансформирование
Всем привет! В этом уроке я покажу вам, как использовать инструмент Puppet Warp (Марионеточная деформация) в Photoshop CS5. Сначала скачайте материал, который нам понадобится:
Вот то, что у нас должно получится:
Первым делом давайте взглянем на «до и после». Я сделал всё так, чтобы позы наших прыгунов получились естественными, вот почему изменения получились небольшими, но этого достаточно, ведь цель урока — просто научить вас использовать этот инструмент.
Откроем первое изображение. Нам предстоит создать выделение первого прыгуна. Я использую для этого Polygonal Lasso (Прямолинейное Лассо), но вы можете использовать и другие способы выделения — возможно, что-то вам покажется более удобным. Главное, удостоверьтесь, что выделение получилось без косяков. Когда выделение будет полностью готово, вырезаем его на новый слой, нажав на Layer via Cut (Вырезать на новый слой), и называем новый слой, к примеру, «jumper 1».
Также выделяем второго прыгуна и удаляем его, так как мы будем импортировать его из другой картинки. Над качеством выделения можно сильно не работать, так как мы всё равно собираемся замалевать получившийся пробел.
Отключаем слой с первым прыгуном, и начинаем заниматься «закрашиванием» пробелов. Выбираем Clone Stamp (Штамп), и выставляем точки ориентира так, как это сделал я, либо выбираем свой набор точек. Используйте мягкую кисть для работы.
Называем слой “background”, и теперь мы должны зафиксировать его, прежде чем вставлять сюда нового прыгуна. Создайте выделение так, как показано на рисунке, используя Polygonal Lasso (Прямолинейное Лассо) — зажимайте Shift , чтобы проводить прямые. Теперь можно «клонировать» воду. Для более качественной работы, используйте разные размеры кистей и разные значения непрозрачности.
Теперь выделим небо, начиная от линии горизонта. Создаем новый слой и заливаем на нем выделение градиентом от #67abff к #a8c9f4.
Теперь откроем изображение с полем и небом, вырежем оттуда небо и вставим в наш проект. Отрегулируйте размеры и позиционирование нового слоя так, как это сделал я, и поменяйте режим наложения на Soft Light (Мягкий свет). Теперь в списке слоев выделим слой с фоном, слой с градиентом и этот новоиспеченный слой, и объединим их в один. Назовем новый слой “background”.
Теперь открываем вторую картинку с нашими ныряющими товарищами и выделяем второго прыгуна. Удостоверьтесь, что выделение предельно качественное, и скопируйте его на новый слой нашего основного документа. Назовите слой “ jumper 2” и снова активируйте слой с первым прыгуном.
Выбираем слой « jumper 1», жмем Image > Adjustments > Brightness/Contrast (Изображение > Коррекция > Яркость/Контрастность) и выставляем параметры так, как на рисунке. Еще нам нужно будет удалить с коллажа кусочек его икры и его трусов — прекрасно звучит, не правда ли? — и мы молодцы. Выделяем и удаляем.
Вот мы и добрались до основного — использования инструмента Puppet Warp (Марионеточная деформация) в Photoshop CS5. Для начала нам нужно конвертировать слои с прыгунам в Smart Object. Кликаем правой кнопкой мыши по слою и жмем Convert to Smart Objec t (Преобразовать в смарт-объект). Проделываем то же самое со вторым прыгуном. Выделяем слой с первым прыгуном и жмем Edit > Puppet warp (Редактирование > Марионеточная деформация). Выставляем параметр Density (Плотность) на Show mesh (Сетка).
Марионеточная деформация — это новая возможность в Photoshop , благодаря которой мы можем менять позиции и позы объектов, в нашем случае людей. С помощью курсоры вы можете добавлять новые пины. Пины — это обозначение точек объекта, которые не должны двигаться, то есть которые мы привязываем и фиксируем. Выставьте эти точки так, как я:
Начнем с того, что поменяем положение ноги нашего коммуниста-прыгуна. Выберите точку на его правом колене и передвиньте ее вправо, как я. Теперь проделайте то же самое с другой ногой.
Давайте немного согнем его правую ногу. Если у вас зажат Alt и курсор находится прямо на точке pin, вы можете увидеть ножницы, а если курсор находится рядом. Вы можете вращать объект. Перед тем, как начать вращать точку на колене, нам нужно создать точку на левой щиколотке. Как вы можете заметить, теперь правая нога находится за левой ногой, и это не есть хорошо. Это произошло потому, что на правой ноге нет точек — сделайте их, как я. Вы всегда можете перемещать точки друг за друга так, как вам это нужно — какую спереди, а какую сзади. Например, я могу поместить левую ногу перед правой с помощью этих двух кнопок, нужно просто выбрать правую точку.
Удерживая Shift, выделите сразу четыре точки и переместите их выше и левее, как это сделал я. Теперь выделите только самую правую точку и поверните её, как показано на рисунке. Проделайте то же самое с другой рукой.
После того, как мы закончили с этим инструментом, необходимо нажать Enter. Вы можете дезактивировать результат, если хотите посмотреть на то, что было до этого.
Выбираем второго прыгуна, точнее слой с ним, и снова жмем Edit > Puppet warp (Редактирование > Марионеточная деформация). Расставьте точки так, как показано на рисунке.
Теперь переместим точку левее и ниже, только удостоверьтесь, что всё выглядит естественно. УдерживаяAlt , проверните руку против часовой стрелки, как показано ниже:
Выбираем пин на правом плече и поворачиваем руку выше, будто наш прыгун летит, и жмем Enter. Вы ещё может вернуться к работе с марионеточной деформацией, когда захотите. Вы можете ещё поиграть с этим инструментом, но, я думаю, мы сделали достаточно, и мы можем двигаться дальше.
Переместите второго прыгуна немного левее, а также, я считаю, что вы ещё должны повернуть первого, как показано ниже.
Теперь давайте сделаем нашу картинку более интересной. Дублируем слой “jumper 1” и жмем Rasterize Layer (Растрировать слой). Теперь можете нажать Filter > Blur > Motion blur (Фильтр > Имитация > Размытие в движении) и выставить параметры так, как на картинке ниже. Удостоверьтесь, что дубликат слоя, с которым мы теперь работаем, находится поверх оригинала в списке слоев.
Назовем слой « jumper 1 blur» и добавим маску слоя. Используя мягкую кисть разных размеров и непрозрачности, нарисуем на маске черным так, как у меня. Проделайте то же самое со вторым прыгуном.
Теперь сделаем дубликат слоя с фоном и применим к нему Filter > Blur > Gaussian Blur (Фильтр > Имитация > Размытие по Гауссу) и Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность). Выставляем настройки так, как на картинке.
Добавим маску слоя. Нарисуйте пятно, как я.
Я вижу, что на первого прыгуна свет распространяется не очень выгодно. Выделяем слои “ jumper 1” и “ jumper 1 blur” и зажимаем Ctrl+ T. Теперь отражаем слои по горизонтали и жмем Enter.
Теперь выделяем все слои, дублируем и объединяем дубликаты. Жмем Ctrl+U и выставляем параметр Saturation (Насыщенность) на -100. Выставляем непрозрачность нового слоя на 80% и меняем режим наложения на Multiply (Затемнение).
И сегодня мы осваиваем марионеточную деформацию. Чаще всего она применяется для деформации объектов на однотонных тонах. С помощью этой деформации можно не только загнуть, разогнуть, но и придать новую форму объекту.
Что бы приступить к марионеточной деформации, как всегда проведем подготовку. Для начала , его или снимаем с него значок фонового слоя. Все… Можно приступать к деформации во вкладке меню Редактировать / Марионеточная деформация.
Панель настроек марионеточной деформацииС чего начнем разбор полетов? Давайте с панели настроек марионеточной деформации
1. Режимы . Содержит 3 варианта настройки: строгий, нормальный и искажение. Максимальным эффектом пользуется искажение, особенно если на время просмотра снять сетку.
2. Частота сетки. Частотой можно задать плотность сетки: нормально, меньше точек и больше точек. После 2 – 3 проб с этой настройкой вы подберете для себя удобный режим. Еще одна особенность этой настройки в том, что чем больше точек в сетке, тем большего эффекта деформирования можно достичь.
3. Расширение . Расширение задается в пикселях (от -20рх до 100рх), которое задает отступ сетки от границ макета.
4. Сетка . Тут все просто – либо показать сетку деформации, либо нет. Точки для деформации удобно расставлять с сеткой, а вот деформировать без нее.
Марионеточная деформацияЧто бы осуществить марионеточную деформацию, курсор превращается в заклепку, которой можно выставить точки для деформации, в тех местах, которые будут подвергнуты этому эффекту. Принцип марионеточной деформации заключается в том, что бы изменять положение точек на сетке. А ставятся они обычным кликом, выбирается кнопка из уже существующих, при клике на ней. Удаляется тоже достаточно просто: зажатая клавиша ALT + выбор точки. Дополнительные точки можно ставить в процессе работы
Так же как и в свободном трансформировании, изображение может вращаться вокруг определенной точки. Выбирает точку, выходим за ее пределы и вращаем вокруг этой точки. Но эффект здесь не поворот слоя, а сжатие пикселей вокруг точки вращения.
Изменяем сразу несколько точек на объекте. Для этого выбираем несколько точек с помощью клавиши SHIFT и производим над ними нужную операцию по деформации.
Если тот вариант, который вы получили в процессе марионеточной деформации, вас устроил, примените его с помощью клавиши ENTER или отмените с помощью клавиши ESC .
Это основные принципы в работе с марионеточной деформации, тем кто меня не понял в помощь видео с подробными примерами и объяснениями. Видео не помогло, тогда пишите в комментариях, разберемся вместе.
А пока начнём с простого.
Возьмем фотку таблички с плюканским словом «ку». Слово нейтральное, так что министерство культуры не прицепится.
Открываем,переименовываем в слой в «исходник». Далее нам понадобится фон без таблички и табличка без фона. Поэтому жмём Ctrl+J два раза. Получившиеся слои переименовываем в «Фон» и «Норм».
Активируем слой «Фон», видимость остальных убираем, берём инструмент Точечная восстанавливающая кисть (Spot HealingBrush, клавиша J) выбираем размер кисти поболее диаметра палки, ставим галку на «С учетом содержания» (Content Aware)
И просто проводим кистью по палке. Палка убралась полностью, без артефактов, текстура сохраняется.
Для таблички увеличиваем диаметр кисти и замазываем полосами, начиная от края.
Но, конечно, точечная восстанавливающая кисть больше подходит для точечных объектов и полос. Поэтому умные адобовцы вели в Фотошопе CS5 ещё один способ удаления лишнего. Это также введение нового параметра С учетом содержимого (Content-Aware) в инструмент «Заливка».
Выделяем Прямолинейным лассо(клавиша L) остаток таблички, кликаем Редактирование—>Выполнить заливку(Edit—>Fill) или жмём сочетание клавиш Shift+F5. В появившемся диалоговом окне выбираем параметр Использовать:С учётом содержимого (этот параметр появляется по умолчанию) и кликаем ОК.
Далее активируем слой «Норм»,включаем видимость этого слоя и отключаем видимость остальных, берём инструмент Перо(Pen Tool, клавиша Р), выделяем табличку с палкой, замыкаем контур, клик правой клавишей мышки по контуру, выбираем «образовать выделенную область», в новом окне выбираем радиус растушёвки 1 пкс. Жмём Ctrl+Shift+I (инвертируем выделенную область), затем жмём Delete.
Повторюсь,я в восторге от инструмента «Марионеточная трансформация» (Puppet Warp), поэтому я даже назначил ему отдельную горячую клавишу. Для этого жмём Alt+Shift+Ctrl+K и выбираем свободную комбинацию клавиш. У меня свободной оказалась Ctrl+, (контол+запятая нглийской раскладки). Назначение горячих клавиш значительно ускоряет работу с повторяющимися операциями.
Теперь анимация.
Клонируем слой «Норм», нажав Ctrl+J.Этот слой будет вторым фреймом в линейке анимации. Поэтому переименовываем его в «2». Переименовывать слои вовсе не обязательно. т.к. новое название сгенерируется автоматически.Но, тем не менее, я всегда проставляю порядковый номер на слоях для анимации. Потеряв время на переименование, значительное время можно сэкономить в последующем, при возможной путанице.
Кликаем по Редактирование—>Марионеточная деформация (Edit—>Puppet Warp). Или по новому сочетанию горячих клавиш. Табличка покрылась сеткой. Теперь надо в нужных местах понавтыкать булавки, которые являются одновременно фиксирующим стопором в пассивном состоянии и элементом перемещения в активном. Для установки булавки достаточно один раз кликнуть левой клавишей мыши по нужному месту на сетке, для активирования нескольких булавок (на активированной булавке в центре появляется чёрный кружок) нужно кликнуть поочерёдно по нужным булавкам левой клавишей мыши, зажав Ctrl+Shift. Для деактивирования нужно кликнуть по активированной булавке левой клавишей мыши, для удаления лишней булавки, нужно кликнуть по ней левой клавишей мыши, предварительно зажав Alt (курсор превратится в ножницы).Для того чтобы войти в режим вращения, необходимо подвести указатель мыши рядом к требуемой булавке, нажать клавишу Alt и вокруг активной булавки должен появиться круг со стрелкой.
Ставим одну булавку в основании палки. Эта булавка там будет стоять всегда, фиксируя место, где палка вкопана в землю. Втыкаем другие булавки. А далее немного деформируем табличку, потянув за булавки.
Добившись нужного результата, жмём Enter. Затем дублируем слой,нажав Ctrl+J. Не отпуская клавишу Ctrl , нажимаем клавишу » , «. Изображение покрылось сеткой. Деформируем, сохраняем и т.д., пока не сделаем нужного количества кадров. Тут уже всё зависит от вашей фантазии.
Далее включаем панель анимации (Окно—>Анимация или Window—>Animation). Убираем видимость слоёв,кроме «Фон» и «Норм». Генерируем второй фрейм анимации. Отключаем видимость слоя «Норм» и включаем следующий.
Подробнее о создании фреймов анимации рассказывается в статье и в
Примечание. Для использования «Деформации », нужно перейти в режим «Трансформирование » нажав Ctrl+T .
Инструмент «Warp» (Деформация) в Фотошопе очень хороший инструмент, если использовать его с толком.
1. Создайте новый документ: 1920 на 1080 рх. Скачайте :
2. Тепереча, в древних городах и пустынях, отыщите и скачайте . Удалите белый фон, переместите изображение вниз, потом обесцветьте лампу Ctrl+Shift+U (и перестаньте уже ее тереть — джина я еще раньше пересадил в другое место):
3. Под лампу нужно добавить тень. Создайте ниже новый слой и назовите это «Lamp Shadow », инструментом () создайте выделение, как показано ниже:4. Немного растушуем выделение: нажмите Ctrl+Alt+D и в появившееся поле введите цифру 3 , после залейте выделение черным цветом:
5. Сдвиньте тень немного правее:
6. Теперь, прежде чем мы начинаем добавлять и варпить (деформировать) огонь, разумно будет обозначить изгиб будущего направления, по которому мы и будем его (огонь) накладывать. Это будет своего рода пример-заготовка, по которой мы будем ориентироваться при работе. Создайте новый слой выше остальных, назовите его «start stroke », и затем, используя инструмент (), нарисуйте путь, как это показано:
7. Выберите кисть, откройте палитру с настройками (F5 ) и подготовьте ее для будущего мазка по нарисованному пути:
8. Находясь на слое «Start Stroke » выберите инструмент () и сделайте правый клик, в появившемся меню выберите пункт Stroke path… (Выполнить обводку контура). Далее как показано на скрине:
9. Понизьте Opacity (Непрозрачность) данного слоя до 10%-20% :
10. Загрузите изображение и откройте его в фотошопе. Перейдите в палитру Channels ( (Окно — Каналы)) и сдублируйте красный канал:
11. При выбранной копии красного канала примените к нему кривые Ctrl+M или (), настройки показаны ниже:
12. Теперь, зажав клавишу Ctrl , кликните на этот канал, чтобы получить выделение или сделайте это через меню (Выделение — Загрузить выделенную область) и кликнуть Ок :
13. Теперь нажмите Ctrl+~ , вернитесь в палитру Layer (Слои / F7), скопируйте выделение Ctrl+C и вставьте его в основной рабочий документ. Назовите этот слой «fire flame »:
Деформирование изображений – довольно распространенный прием работы в Фотошопе. Функционал программы включает в себя множество вариантов искажения объектов – от простого «сплющивания» до придания картинке вида водной поверхности или дыма.
Важно понимать, что при деформировании может значительно ухудшиться качество изображения, поэтому стоит с осторожностью применять подобные инструменты.
В этом уроке разберем несколько способов деформации.
Для деформации объектов в Фотошопе пользуются несколькими методами. Перечислим основные.
- Дополнительная функция «Свободного трансформирования» под названием «Деформация» ;
- Марионеточная деформация . Довольно специфический инструмент, но, вместе с тем, довольно интересный;
- Фильтры из блока «Искажение» соответствующего меню;
- Плагин «Пластика» .
Издеваться в уроке мы будем над таким, заранее подготовленным, изображением:
Способ 1: Деформация
Как уже было сказано выше, «Деформация» является дополнением к «Свободному трансформированию» , которое вызывается сочетанием горячих клавиш CTRL+T , либо из меню «Редактирование» .
Нужная нам функция находится в контекстном меню, которое открывается после нажатия правой кнопки мыши при активированном «Свободном трансформировании» .
«Деформация» накладывает на объект сетку с особыми свойствами.
На сетке мы видим несколько маркеров, воздействуя на которые, можно искажать картинку. Кроме того, все узлы сетки также являются функциональными, в том числе и сегменты, ограниченные линиями. Из этого следует, что деформировать изображение можно, потянув за любую точку, которая находятся внутри рамки.
Применение параметров осуществляется обычным способом – нажатием клавиши ENTER .
Способ 2: Марионеточная деформация
Находится «Марионеточная деформация» там же, где и все инструменты трансформирования – в меню «Редактирование» .
Принцип работы заключается в фиксировании определенных точек изображения специальными «булавками» , при помощи одной из которых выполняется деформирование. Остальные точки остаются неподвижными.
Булавки можно ставить в любое место, руководствуясь потребностями.
Инструмент интересен тем, что с его помощью можно искажать объекты с максимальным контролем над процессом.
Способ 3: фильтры Искажения
Фильтры, находящиеся в этом блоке, призваны деформировать картинки различными способами.
- Волна.
Данный плагин позволяет искажать объект либо вручную, либо случайным образом. Здесь сложно что-то советовать, так как изображения разной формы ведут себя по-разному. Отлично подходит для создания дыма и других подобных эффектов. - Дисторсия.
Фильтр позволяет имитировать выпуклость или вогнутость плоскостей. В некоторых случаях может помочь устранить искажения линзы фотокамеры. - Зигзаг.
«Зигзаг» создает эффект пересекающихся волн. На прямолинейных элементах он вполне оправдывает свое название. - Искривление.
Очень похожий на «Деформацию» инструмент, с той лишь разницей, что у него гораздо меньше степеней свободы. С его помощью можно быстро создавать дуги из прямых линий. - Сферизация.
Плагин с действием, обратным действию фильтра «Дисторсия» .
Способ 4: Пластика
Данный плагин является универсальным «деформатором» любых объектов. Его возможности безграничны. С помощью «Пластики» можно производить почти все действия, описанные выше. Подробнее о фильтре читайте в уроке.
Вот такие способы деформирования изображений в Фотошопе. Чаще всего пользуются первым – функцией «Деформация» , но, вместе с тем, другие варианты могут помочь в какой-либо специфической ситуации.
Потренируйтесь в использовании всех видов искажения для улучшения своих навыков работы в нашей любимой программе.
Как деформировать изображение в Фотошопе
Деформирование изображений – довольно распространенный прием работы в Фотошопе. Функционал программы включает в себя множество вариантов искажения объектов – от простого «сплющивания» до придания картинке вида водной поверхности или дыма.
Важно понимать, что при деформировании может значительно ухудшиться качество изображения, поэтому стоит с осторожностью применять подобные инструменты.
В этом уроке разберем несколько способов деформации.
Деформирование изображения
Для деформации объектов в Фотошопе пользуются несколькими методами. Перечислим основные.
- Дополнительная функция «Свободного трансформирования» под названием «Деформация»;
- Марионеточная деформация. Довольно специфический инструмент, но, вместе с тем, довольно интересный;
- Фильтры из блока «Искажение» соответствующего меню;
- Плагин «Пластика».
Урок: Функция Свободное трансформирование в Фотошопе
Издеваться в уроке мы будем над таким, заранее подготовленным, изображением:
Способ 1: Деформация
Как уже было сказано выше, «Деформация» является дополнением к «Свободному трансформированию», которое вызывается сочетанием горячих клавиш CTRL+T, либо из меню «Редактирование».
Нужная нам функция находится в контекстном меню, которое открывается после нажатия правой кнопки мыши при активированном «Свободном трансформировании».
«Деформация» накладывает на объект сетку с особыми свойствами.
На сетке мы видим несколько маркеров, воздействуя на которые, можно искажать картинку. Кроме того, все узлы сетки также являются функциональными, в том числе и сегменты, ограниченные линиями. Из этого следует, что деформировать изображение можно, потянув за любую точку, которая находятся внутри рамки.
Применение параметров осуществляется обычным способом – нажатием клавиши ENTER.
Способ 2: Марионеточная деформация
Находится «Марионеточная деформация» там же, где и все инструменты трансформирования – в меню «Редактирование».
Принцип работы заключается в фиксировании определенных точек изображения специальными «булавками», при помощи одной из которых выполняется деформирование. Остальные точки остаются неподвижными.
Булавки можно ставить в любое место, руководствуясь потребностями.
Инструмент интересен тем, что с его помощью можно искажать объекты с максимальным контролем над процессом.
Способ 3: фильтры Искажения
Фильтры, находящиеся в этом блоке, призваны деформировать картинки различными способами.
- Волна.
Данный плагин позволяет искажать объект либо вручную, либо случайным образом. Здесь сложно что-то советовать, так как изображения разной формы ведут себя по-разному. Отлично подходит для создания дыма и других подобных эффектов.Урок: Как сделать дым в Фотошопе
- Дисторсия.
Фильтр позволяет имитировать выпуклость или вогнутость плоскостей. В некоторых случаях может помочь устранить искажения линзы фотокамеры. - Зигзаг.
«Зигзаг» создает эффект пересекающихся волн. На прямолинейных элементах он вполне оправдывает свое название. - Искривление.
Очень похожий на «Деформацию» инструмент, с той лишь разницей, что у него гораздо меньше степеней свободы. С его помощью можно быстро создавать дуги из прямых линий.Урок: Рисуем дуги в Фотошопе
- Рябь.
Из названия понятно, что плагин создает имитацию водной ряби. Имеются настройки величины волны и ее частоты.Урок: Имитируем отражение в воде в Фотошопе
- Скручивание.
Этот инструмент искажает объект путем вращения пикселей вокруг его центра. В сочетании с фильтром «Радиальное размытие» может имитировать вращение, например, колеса.Урок: Основные способы размытия в Фотошопе — теория и практика
- Сферизация.
Плагин с действием, обратным действию фильтра «Дисторсия».
Способ 4: Пластика
Данный плагин является универсальным «деформатором» любых объектов. Его возможности безграничны. С помощью «Пластики» можно производить почти все действия, описанные выше. Подробнее о фильтре читайте в уроке.
Урок: Фильтр «Пластика» в Фотошопе
Вот такие способы деформирования изображений в Фотошопе. Чаще всего пользуются первым – функцией «Деформация», но, вместе с тем, другие варианты могут помочь в какой-либо специфической ситуации.
Потренируйтесь в использовании всех видов искажения для улучшения своих навыков работы в нашей любимой программе.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТКак управлять изображениями с помощью марионеточной деформации в Photoshop CS5
Марионеточная деформация — одна из самых обсуждаемых новых функций Photoshop CS5. Puppet Warp немного похож на фильтр Liquify. Он работает, помещая сетку поверх изображения. Вы будете использовать сетку, чтобы разместить булавки там, где вы хотите контролировать движение, или чтобы гарантировать отсутствие движения — буквально закрепив часть изображения в окне документа. Марионеточную деформацию можно применять к «нормальным» слоям, слоям шрифтов, слоям-фигурам, смарт-объектам и векторным маскам, и хорошая новость заключается в том, что им довольно просто пользоваться.Результаты этой команды могут варьироваться от тонкого изменения формы или ретуши до сильного искажения.
1. Откройте изображение, к которому вы хотите применить деформацию. Я использую это изображение, которое я бесплатно скачал со Stock Xchng. Вы можете получить его здесь. Это огромное изображение, поэтому я обрезал его и удалил большой кусок белого пространства с левой стороны манекена.
2. Как упоминалось ранее, Puppet Warp работает почти со всеми типами слоев, но не работает на фоновом слое.Вы также получите лучший результат, если объект, который вы хотите деформировать, изолирован на отдельном слое, что мы и сделаем сейчас. Выделите белую область вокруг манекена с помощью инструмента «Волшебная палочка» (W), затем нажмите Shift + Ctrl + I (Windows) или Shift + Cmd + I (Mac), чтобы инвертировать выделение так, чтобы был выбран манекен.
3. Теперь, чтобы поместить выделение на отдельный слой, нажмите Ctrl + J (Windows) или Cmd + J (Mac). В палитре слоев вы должны теперь увидеть манекен на собственном слое с прозрачностью вокруг него.
3. Убедитесь, что выбран ваш новый фиктивный слой (а не фоновый слой), затем выберите Edit> Puppet Warp . Поверх манекена появляется сетка.
На панели параметров в верхней части экрана доступно несколько параметров.
• Mode: Определяет, насколько эластична сетка. Rigid, как следует из названия, не очень эластичный, в то время как Distort даст вам сверхэластичную сетку. Нормальный лежит где-то посередине.
• Плотность: Устанавливает интервал меша, при котором небольшие изменения в перемещении штифтов приводят к большим деформациям. Также хороший режим для больших изображений. Жесткий — противоположный вариант и рекомендуется, когда ваш объект на
более жесткий, как человеческие придатки.
• Расширение: Расширение или сжатие внешних краев сетки.
• Показать сетку: Снимите флажок, чтобы отображать только булавки, но не сетку.
4. Отключите видимость на фоновом слое. Просто щелкните, чтобы добавить булавку к областям изображения, которые вы хотите привязать.Я хочу согнуть левый локоть манекена, поэтому я прикрепил булавки вокруг головы, верхней части тела, плеча и запястья в качестве якорей, которые не будут двигаться. Затем нажмите на локтевой сустав, чтобы добавить еще одну точку, и перетащите, чтобы исказить эту точку. Когда вы закончите перетаскивание, нажмите Enter / Return на клавиатуре, чтобы зафиксировать марионеточную деформацию.
Если вы хотите отменить сетку марионетки, просто нажмите клавишу Esc. Если вы хотите удалить булавку, щелкните ее, а затем нажмите клавишу Backspace.
5. Вы можете не только перетаскивать точки булавки, но и вращать их.Снова выберите Edit> Puppet Warp , чтобы снова наложить сетку на манекен. Нажмите на левое колено манекена, чтобы добавить еще одну булавку, затем, удерживая клавишу Alt (опция на Mac), поместите курсор рядом с булавкой, но не над ней. Перетащите, чтобы повернуть. Ваша степень поворота отображается на панели параметров.
И это Марионеточная деформация. Скорее всего, это не то, что вы будете использовать каждый день, но это очень полезный инструмент для искажения изображений, которым легче управлять, чем фильтр «Пластика».
Как использовать марионеточную деформацию в Photoshop
В этом уроке мы поговорим о том, как использовать Puppet Warp в Photoshop , и это удобный инструмент для управления позой объекта!
Марионеточная деформация может быть очень полезна для многих искажений, таких как формирование волос и изменение положения частей тела.
Вы можете исказить изображение, перетащив булавки, которые вы создаете над сеткой.
Из этого видео вы узнаете, как работает марионеточная деформация в Photoshop и как можно использовать все возможности, доступные в этом инструменте.
Параметры марионеточной деформации
Это различные настройки, которые вы можете настроить для Марионеточной деформации на панели параметров.
- Mode : Определяет растяжимость сетки.
- Плотность : определяет расстояние между точками сетки. Меньшее количество очков снижает точность контроля. Чем больше точек, тем выше точность, но требуется больше времени на обработку.
- Расширение : расширяет или сжимает край сетки.
- Показать сетку : снимите этот флажок, чтобы отображать только регулировочные штифты, чтобы их было легче увидеть.
Сочетания клавиш для марионеточной деформации в Photoshop
Это сочетания клавиш Photoshop, которые доступны вам в Марионеточной деформации.
- Ctrl A (Mac: команда A) — выберите все контакты.
- Ctrl D (Mac: команда D) — отменить выбор всех контактов.
- Удерживая нажатой клавишу «Shift» щелкните любую булавку, чтобы выбрать несколько контактов.
- Удерживайте нажатой кнопку H, чтобы скрыть булавки.Отпустите, чтобы вернуть штифты.
- Удерживая нажатой клавишу «Alt» (Mac: «Option»), щелкните булавку, чтобы удалить ее.
- Удерживайте Alt (Mac: опция) рядом с булавкой, но не над ней, чтобы открыть круг, который позволяет вращать булавку.
- Нажмите клавишу Esc, чтобы отменить искажения.
Учебное изображение
Преобразование слоя в смарт-объект
На рабочем месте подготовьте фоновый слой и предмет с замаскированным фоном. Преобразуйте слой «Тема» в смарт-объект , нажав правой кнопкой мыши > Преобразовать в смарт-объект .
Примените марионеточную деформацию и создайте булавки на слое
Выберите Edit > Puppet Warp .
Первоначально он применит сетку вокруг вашего слоя, и вы можете отключить это, перейдя на панель параметров и , сняв флажок для Показать сетку .
Создайте булавки над слоем, щелкая суставы объекта, чтобы при изменении его позы он выглядел более естественно.
Если вы щелкните и перетащите на булавку, вы увидите, как тело объекта движется естественным образом, когда вы добавляете движение.
Режим марионеточной деформации (жесткий, нормальный или искаженный)
Mode определяет эластичность меша, и по умолчанию он установлен на Normal , где вы можете легко манипулировать положением и позой объекта.
Переключив его на Distort , затем нажав , перетащив на одну из булавок, вы заметите, как он искажает сетку, изменяя ее перспективу и масштаб вокруг закрепленной области.
Если вы установите Mode на Rigid , он будет иметь прямо противоположный эффект, имея меньшую эластичность, чем нормальный
и режим искажения.
Плотность марионеточной деформации (меньше точек, нормальная, больше точек)
Плотность определяет расстояние между точками сетки, что означает, что дополнительных точек увеличивает точность, но увеличивает время обработки.
Опция Fewer Points дает меньшую точность, но с меньшим временем обработки.
Расширение сетки марионеточной деформации
Если увеличить изображение, у Субъекта есть своенравный ремень рюкзака, торчащий из собственной сетки.
Фактически, вы можете щелкнуть по нему, чтобы добавить точку и изменить ее положение.
Однако, если вы не хотите, чтобы это было так, и вы хотите, чтобы он был частью основной сетки объекта, перейдите к панели параметров и настройте Expansion .
Expansion контролирует, как сетка расширяется или сжимается вокруг объекта, и вы можете регулировать это по пикселям.
При увеличении значения Expansion полоса теперь является частью основной сетки.
Удалить булавки марионеточной основы
Щелкните по булавке, которую хотите удалить, чтобы активировать ее> щелкните правой кнопкой мыши > Удалить контакт .
Более быстрый способ сделать это — щелкнуть булавку и нажать Delete (Windows) или Backspace (macOS) .
Другой способ — навести указатель мыши на булавку и нажать Alt (Windows) или Option (macOS) .
Глубина стержня марионеточной основы
Если две конечности или части тела субъекта перекрывают друг друга и вы хотите, чтобы другая была сверху, выберите булавку, которую хотите переместить.
На панели параметров у вас есть две опции Pin Depth , и вы можете щелкнуть любой из значков для выполнения команд перемещения выбранного булавки вперед или назад.
Поворотный штифт марионеточной деформации (автоматический или фиксированный)
На панели параметров , Повернуть есть раскрывающееся меню с двумя вариантами: Авто и Фиксированное .
Если для параметра Rotate установлено значение Auto , нажатие и перетаскивание на булавке автоматически поворачивает его, и вы можете видеть его в режиме реального времени с помощью поля ввода Угол поворота, показывающего угол поворота при перемещении приколоть.
Щелкните на булавке и измените Rotate на Fixed .
На этот раз, когда вы нажимаете и перетаскиваете на локтевой штифт, положение предплечья фиксируется и не меняет своего угла, даже если вы резко перемещаете штифт.
Сделайте небольшие искажения, чтобы изображение оставалось реалистичным
Когда вы искажаете изображение, важно сделать его максимально реалистичным.
Например, нажатие на штифт колена и его вращение создает нереалистичный изгиб в области бедра.
Чтобы сохранить его в исходном положении, щелкните в области бедра, чтобы добавить булавку и, следовательно, «закрепить» его на месте.
Чтобы повернуть область, наведите указатель мыши на булавку, пока вокруг нее не появится круг. Перетащите указатель мыши в любую сторону, чтобы повернуть эту часть сетки.
Затем нажмите на галочку на панели параметров , чтобы подтвердить изменения, которые вы применили к этой теме.
Преимущества неразрушающей работы
Поскольку инструмент «Марионеточная деформация» применяется к смарт-объекту , это делает его неразрушающим.
Это означает, что вы можете быстро вернуться и изменить настройки, дважды щелкнув ярлык «Марионеточная деформация», чтобы вернуть штифты и отрегулировать их по своему усмотрению.
Вы также можете щелкнуть значок Reset , чтобы сбросить контакты и начать заново.
Инструмент «Марионеточная деформация» наверняка станет вашей любимой частью Photoshop, поскольку он позволяет вам лучше контролировать позу ваших объектов, будь то человек или неодушевленные объекты.
Окончательное изображение
Перетащите ползунок, чтобы увидеть до и после
Как использовать марионеточную деформацию в Photoshop
Одним из самых мощных инструментов искажения в Photoshop является команда «Марионеточная деформация».Впервые представленная в Photoshop CS5, Puppet Warp — это удобная команда, которая позволяет легко сгибать и формировать части изображения, как если бы это была марионетка. Вы можете использовать этот инструмент искажения практически на любой фотографии, но в этом уроке я собираюсь дать вам ускоренный курс о том, как максимально эффективно использовать команду Puppet Warp при искажении людей на ваших фотографиях.
Puppet Warp предоставляет визуальную сетку, которая позволяет резко искажать определенные области изображения, оставляя другие области нетронутыми. Применения варьируются от тонких корректировок до серьезных деформаций конечностей.В большинстве случаев вы сохраните свои искажения едва заметными, чтобы они оставались реалистичными.
Тем не менее, в этом уроке мы будем максимально использовать инструмент Puppet Warp Tool и внести радикальные изменения, чтобы полностью изменить положение рук и ног человека в этой композиции.
Изоляция вашего объекта
Первый шаг к использованию команды «Марионеточная деформация» — изолировать человека (или объект), которого вы хотите исказить. Это часто включает в себя выбор человека и маскировку фона.
В этом примере прыгающий человек был извлечен из его фона с помощью маски слоя и помещен в смарт-объект. Смарт-объекты позволяют применять фильтры, команды и искажения без разрушения; Это означает, что вы всегда можете вернуться и скорректировать внесенные вами изменения.
Марионеточная деформация работает, даже если вы не извлекаете объект из фона, но инструмент становится менее эффективным и интуитивно понятным.
Примените деформационные штифты
Команда «Марионеточная деформация» позволяет искажать изображение, щелкая и перетаскивая булавки, которые искажают пиксели, к которым они прикреплены.
После того, как вы изолировали человека в вашей сцене, вам нужно будет добавить булавки искажения, чтобы вы могли начать манипулировать пикселем в вашем изображении. Начните с выбора слоя, который содержит ваш элемент переднего плана, в данном случае слоя с прыгающим человеком, и перейдите в Edit> Puppet Warp.
По умолчанию вы увидите сетку вокруг вашего слоя. Эта сетка может отвлекать; Я рекомендую вам отключить его, сняв флажок «Показать сетку» на панели параметров.
Теперь вы можете щелкнуть в любом месте объекта, чтобы создать булавки, которые позволят вам перемещать (или закреплять) пиксели на изображении. При работе с людьми создавайте булавки возле суставов, таких как запястья, плечи, колени, лодыжки, а также в любой другой области, где тело обычно сгибается. Вы также можете создавать булавки в областях, которые хотите закрепить.
Регулировка булавок и искажение изображения
Установив булавки на место, нажмите на одну булавку, чтобы активировать ее, и перетащите в новое место.Вы увидите, что изображение будет искажаться при перетаскивании булавки. По мере того, как вы перетаскиваете объект с исходного положения, искажения становятся более значительными.
Поворотный палец
После искажения вы можете обнаружить, что изображение не выглядит реалистичным из-за того, как булавки сгибают окружающие пиксели. Чтобы решить эту проблему, вы можете использовать элемент управления «Повернуть» на панели параметров, чтобы повернуть одну точку и исправить некоторые нереалистичные искажения.
Вы также можете выбрать булавку и навести на нее курсор, удерживая Option / Alt, чтобы открыть элемент интерфейса поворота, который вы можете щелкнуть и перетащить, чтобы повернуть сетку.
Этот метод намного более интуитивно понятен и позволяет намного легче вращать штифт. Но для более тонких и точных вращений лучше подойдет элемент управления «Поворот» на панели параметров.
Глубина пальца
В этом примере вы заметите, что нога модели находится над его правой ногой.Но если вы хотите, чтобы его правая нога была впереди, вы можете отрегулировать глубину штифта.
Выберите штифт, который управляет его правой ногой, и на панели параметров в разделе «Глубина штифта» щелкните значок «Переместить вперед», чтобы подтолкнуть штифт вперед.
После изменения глубины булавки правая нога модели появится перед его левой ногой.
Вы можете сделать то же самое с любой другой булавкой на вашем изображении, чтобы изменить глубину соответствующей части тела.
Параметры панели параметров
Панель параметров также предоставляет вам несколько дополнительных параметров, которые определяют, как будет вести себя сетка, и, конечно же, влияют на искажение пикселей.
- Параметр «Режим» позволяет вам решить, насколько растягиваемой должна быть сетка.
- Density контролирует расстояние между точками сетки. Добавление большего количества точек делает ваши правки намного более точными, но время обработки занимает больше времени.
- Расширение позволяет расширять или сжимать внешние края сетки.
Заключение
Если вы предпочитаете посмотреть, как я это делаю, а затем посмотрю видео, см. Ниже:
Помните, что при использовании команды «Марионеточная деформация» или любого другого инструмента искажения в Photoshop вы должны делать это сдержанно. Небольшие изменения могут иметь значительное влияние и остаться незамеченными. Однако экстремальные настройки могут быстро стать нереалистичными и отвлекать внимание от всего изображения.
Adobe Illustrator Инструмент кукольной деформации
Adobe Illustrator представил инструмент Puppet Warp, который ранее был замечен в Adobe Photoshop, но, возможно, это гораздо более полезный инструмент в Adobe Illustrator!
Использовать инструмент «Марионеточная деформация» в Adobe Illustrator на самом деле очень просто, но очень эффективно, особенно если вы иллюстратор, создающий анимацию персонажей, или графический дизайнер, желающий манипулировать текстом.
Чтобы начать работу с инструментом Puppet Warp Tool , вам нужно выбрать все иллюстрации, которыми вы хотите манипулировать, с помощью основного инструмента выделения.
Затем на главной панели инструментов выберите инструмент «Марионеточная деформация» (выглядит как канцелярская кнопка), в котором находится инструмент свободного преобразования.
Теперь вы можете щелкнуть выбранную иллюстрацию Adobe Illustrator, которая преобразует иллюстрацию в сетку, в которую вы можете начать добавлять булавки, которые будут действовать как стыки, в которых иллюстрация будет прикреплена к монтажной области.
Теперь, когда эти булавки находятся в нужном положении, вы можете щелкнуть и перетащить их, чтобы изменить положение конечностей персонажа, вы заметите, что все они движутся синхронно, если вы вставили слишком много булавок, просто выберите те, которые вам не нужны, и нажмите удалить, а также, если изображение перемещается в нежелательных местах, при необходимости можно добавить еще несколько булавок.
Также есть пунктирный круг, который появляется вокруг булавки, что позволяет вам вращать булавку и менять изображение в совершенно другом поместье.
Когда вы довольны настройками, вы можете вернуться к основному инструменту выделения Adobe Illustrator, чтобы подтвердить изменения. Я бы порекомендовал вам продублировать исходную иллюстрацию, прежде чем вы начнете добавлять булавки и манипулировать им, поскольку единственный способ вернуться назад — это Edit> Undo, что нормально, но как только вы закроете и снова откроете документ, вы потеряете эту способность.
Еще один отличный способ использования инструмента Adobe Illustrator Puppet Warp Tool — это текст, просто создайте свой текст, выберите его с помощью основного инструмента выделения, затем щелкните текст с помощью инструмента Puppet Warp Tool.Когда вы видите сетку, Adobe Illustrator фактически обрисовал ваш текст, поэтому это больше не редактируемый текст, шрифт которого вы не сможете изменить и т. Д. Итак, я снова рекомендую продублировать ваш текст, прежде чем вносить какие-либо изменения с помощью инструмента Adobe Illustrator Puppet Warp Tool
Управление текстом с помощью инструмента Adobe Illustrator Puppet Warp Tool работает точно так же, как и с персонажем, просто добавьте булавки и начните перетаскивать и вращать, чтобы создать действительно уникальную типографику!
Я просто хотел бы поблагодарить Mair Perkins Animation & Illustration за использование ее иллюстраций в этом уроке, это намного лучше, чем все, что я нарисовал бы сам!
Мы проводим учебные курсы Adobe Illustrator недалеко от Бирмингема в нашей студии в Дерби , ознакомьтесь с нашими Предстоящими курсами Adobe , чтобы узнать, что вам понравится.Наши курсы Adobe Photoshop недалеко от Лестера также широко известны как лучшие в этом районе.
Мы также можем предоставить обучение на месте на вашем предприятии в любой точке страны всего , свяжитесь с , чтобы узнать цену.
Инструмент марионеточной деформации и анимация марионеточной деформации, подробное руководство
Что, если бы у вас была возможность управлять объектом и перемещать его, как марионетку? Именно это можно сделать с помощью Puppet Warp.Этот мощный инструмент ретуши — относительно новая функция, впервые появившаяся в Photoshop CS5. Он работает точно так же, как веревки марионетки, отсюда и название! С помощью магии техники анимации марионеточной деформации вы можете манипулировать выбранным вами объектом, чтобы двигаться, говорить, бегать и делать все, что вы от них хотите!
Как работает марионеточная деформация?
Puppet Warp похож на фильтр Liquify. Вам нужно будет использовать сетку, чтобы разместить булавки на выбранном вами изображении.Штифты размещаются во всех местах, где вы хотите контролировать движение или чтобы гарантировать отсутствие движения. Это очень простой инструмент, которым очень легко пользоваться. Это буквально похоже на прикрепление части изображения к окну документа, как если бы вы делали это с бумагой, для создания тонких манипуляций или кардинальных изменений. Эти искажения становятся возможными благодаря перетаскиванию булавок на сетку, которая лежит поверх выбранного вами изображения.
Photoshop, Puppet Warp Illustrator и Puppet Warp After Effects — функции
Easy Access Одной из лучших функций Puppet Warp для всех, кто использует Photoshop для ретуширования, является то, что к нему можно получить доступ из меню «Правка» всякий раз, когда вы редактируете не фоновый и нормальный слой.
Отзывчивый и интуитивно понятный Отклик деформации в инструменте Puppet Warp гораздо более отзывчивый и интуитивно понятный по сравнению, скажем, с фильтром «Пластика», и это одна из причин его отличия от других подобных инструментов.
Эффект естественной деформации Во время обрезки булавок все оставшиеся элементы фотографии искажаются таким образом, что это помогает сделать эффект деформации очень естественным. Вы также можете редактировать слои прямо в Photoshop, и вам не нужно делать это через диалоговое окно модели, в отличие от Liquify.
Помогает в изменении порядка сетки Еще одна поразительная особенность Марионеточной деформации, которую вам может быть интересно узнать, — это ее способность изменять порядок сетки, когда дело касается глубины. Это невероятно впечатляет в том смысле, что вы сможете определить, какая часть перекрывает другую, используя значки глубины булавки.
Простое управление изображением Вы можете легко манипулировать изображением, помещая булавки в область, движение которой вы хотите контролировать.Это как дергать за ниточки марионетку. Вы можете изменить положение таких областей, как ноги или волосы, и создать впечатление, будто персонаж бежит с развевающимися волосами. Этот инструмент эффективно работает в Photoshop, Illustrator и After Effects.
О марионеточной деформации и анимации марионеточной деформации
Марионеточная деформация — незаменимый инструмент, если вам нужно сильно изменить форму любого объекта. Анимация объекта или персонажа в Puppet Warp Animation легко и быстро.
Цели инструмента «Марионеточная деформация»
- С помощью этого инструмента вы можете вносить большие коррективы в одну область, оставляя другую нетронутой.
- Несмотря на то, что такие инструменты, как инструмент «Пластика», позволяют в определенной степени достичь поставленной цели, вы можете столкнуться с проблемой, когда дело доходит до внесения значительных изменений, таких как перемещение ноги, сгибание объекта и т. Д.
- Наклон или перемещение определенной области или части тела или полное изменение формы объектов легко достижимо с помощью Puppet Warp.
Анимация марионеточной деформации — ее значение
Во время анимации «Марионеточная деформация» выбранное изображение должно претерпеть множество искажений из-за движения.
Вот все, чего вы можете достичь, используя опцию крахмала в инструменте «Марионеточная деформация»:
- Чтобы анимация казалась более естественной, вы можете выбрать определенные части изображения, чтобы убедиться, что оно не искажено.
- Все, что вам нужно сделать, это выбрать кнопку «Крахмал» марионетки и щелкнуть по всем тем областям, которые вы не хотите искажать или перемещать.
Марионеточная деформация в Photoshop — Как использовать?
Puppet Warp предоставляет визуальную сетку, которая позволяет резко искажать определенные области изображения, оставляя другие области нетронутыми. Применения варьируются от тонких корректировок до серьезных деформаций конечностей. В большинстве случаев вы сохраните свои искажения едва заметными, чтобы они оставались реалистичными. Вот как использовать Марионеточную деформацию в Photoshop.
Сценарий 1 Перемещение объектов с помощью марионеточной деформации в PhotoshopВы можете перемещать или искажать выбранный объект с помощью «Марионеточная деформация» в Photoshop.Вот как это сделать:
- Выбрав слой «Модель» на панели «Слои», выберите «Правка»> «Марионеточная деформация».
- Вы сразу увидите, как сетка появляется поверх видимых областей слоя, как на изображении ниже:
- Сетка используется для размещения булавок в области, движение которой они хотят контролировать.
- Ваш следующий шаг — щелкнуть по краям рубашки. Марионеточная деформация будет добавлять булавку при каждом нажатии.В этом случае достаточно разместить хотя бы десять контактов. Это позволит удерживать рубашку на месте, пока вы наклоняете голову.
- Вы заметите белую точку в центре булавки на затылке, чтобы показать, что она выбрана.
- Как только вы нажмете «Alt» (Windows) или «Option» (Mac OS), вы заметите, что вокруг булавки появится круг, а рядом с ним появится изогнутая двойная стрелка. Продолжайте нажимать Alt или Option, перетаскивая указатель, чтобы переместить голову назад.Угол поворота можно посмотреть на панели параметров. Вы можете наклонить голову назад, просто введя туда 135.
- Достигнув желаемого результата, нажмите клавишу ввода или возврата либо нажмите кнопку «Применить марионеточную деформацию» () на панели параметров.
- Не забудьте пока сохранить вашу работу.
Посмотрите изображения ниже, чтобы получить ясное представление:
Сценарий 2 Изменение формы объектов с помощью марионеточной деформации в PhotoshopВы можете легко изменить форму части или всего объекта или тела объекта с помощью «Марионеточная деформация» в Photoshop.Просто выполните следующие шаги, перечисленные ниже:
- Puppet Warp можно использовать для изменения формы объектов в Photoshop. Вы можете использовать его для изменения формы объектов и существ и выражения лиц таким образом, что это трудно себе представить.
- Как упоминалось ранее, чтобы применить марионеточную деформацию к изображению, вам необходимо сначала замаскировать объект и поместить его на отдельный слой. Следующий шаг включает исправление исходного фонового слоя для удаления исходного объекта.Для этого вы можете использовать Content Aware Fill. Вот как это сделать:
- Перейдите в Photoshop и откройте новый документ размером 1024 x 1024 пикселя с белым фоном (File> New).
- Нажмите на инструмент «Произвольная форма» (из раскрывающегося меню на панели параметров) и выберите форму в соответствии с вашими требованиями, а затем установите цвет заливки и обводки.
- Если вы хотите добавить фигуру в рабочую область, щелкните и перетащите, все время удерживая палец на клавише Shift.
- Теперь щелкните правой кнопкой мыши фигуру на панели «Слои» и выберите «Растрировать слой».
- Теперь, когда слой Shape активен, выберите Edit> Puppet Warp. Вы увидите сетку на изображении.
- Вы можете увеличить или уменьшить плотность сетки в параметрах инструмента.
- Щелкните фигуру несколько раз, чтобы добавить много булавок. Вы можете использовать эти булавки, чтобы переместить одну область объекта или закрепить ее на месте.
- Крошечный белый кружок можно увидеть в центре булавки каждый раз, когда вы выбираете булавку.Многие булавки можно выбрать, щелкнув одну, а затем щелкнув остальные.
- Вы можете щелкнуть и перетащить выбранную булавку или булавки, чтобы переместить части сетки.
- Вы также можете продолжать нажимать клавишу Shift, подталкивая, чтобы перемещать булавки с шагом в десять пикселей.
- Если вы хотите вращать определенный штифт, нажмите и удерживайте клавишу Option (ПК — клавиша Alt). Перетащите круг, чтобы установить угол.
- Когда вы начнете перемещать булавки, вы увидите, что часть объекта скрывается, а порядок наложения неправильный.Выберите булавку и нажмите значки «Вперед или назад», чтобы изменить порядок булавки.
- Завершите задачу, щелкнув значок «Применить» или нажав кнопку «Ввод».
- Обратите внимание, что вы можете удалить нежелательную булавку, перейдя в Option и щелкнув булавку.
- Установите флажок «Показать сетку» в параметрах инструмента, если вы хотите скрыть сетку.
Puppet Warp можно использовать для экстремальных манипуляций с изображениями.Вы можете легко сделать это в фотошопе.
- Способом манипулировать изображениями является выделение области изображения, которую вы хотите изменить.
- После сохранения выделения создайте новый слой и вставьте в него выделение.
- Поместите штифты инструмента в секции, которыми вы хотите манипулировать. Перетащите булавки, чтобы растянуть и повернуть выделение.
- Установите флажок, чтобы выйти из режима марионеточной деформации и снова добавить фоновый слой.
- Важно сохранить первоначальное выделение, потому что на этом этапе вы заметите, что фон и слой выделения перекрываются. Скройте слой выделения и вернитесь к фоновому слою. Теперь верните ранее сохраненное выделение на этот слой.
- Как только это будет сделано, вы можете изменить свой выбор, чтобы эффективно использовать инструмент Content Aware Fill на следующем шаге. Попробуйте немного расширить углы (в данном случае примерно на 18 пикселей).
- Удалите выделение. Откроется диалоговое окно «Заливка». После того, как вы выбрали Content-Aware, нажмите «OK».
- Обратите внимание, что не обязательно, чтобы фоновая заливка была идеальной. Теперь, когда исходное изображение удалено, вы можете отобразить обработанный слой выделения.
Что ж, использовать инструмент «Марионеточная деформация» в Photoshop очень просто, если вы изучили основы.
Марионеточная деформация в Illustrator — как использовать?
Сценарий 1 Манипулировать иллюстрациейС помощью «Марионеточная деформация» в Illustrator можно легко манипулировать изображением или искажать его.Вот как это сделать:
- Выберите иллюстрацию, которую вы хотите изменить или преобразовать в Adobe Illustrator.
- Illustrator по умолчанию определяет разделы, которые необходимо преобразовать, и поэтому добавляет к рисунку булавки, чтобы деформировать его. Вы можете отключить выбор по умолчанию, перейдя в меню «Правка»> «Настройки»> «Общие» (Windows) или в Illustrator> «Настройки»> «Общие» (Mac OS). В зависимости от того, какие разделы вы хотите изменить, можно добавить булавки.Для хороших результатов требуется как минимум три или более булавки.
- Щелкните и перетащите булавку, чтобы управлять изображением.
- Вы можете повернуть иллюстрацию, выбрав булавку, а затем поместив курсор рядом с булавками, но не над ними.
- Перетащите, чтобы повернуть сетку после появления пунктирного круга.
- Выполните перечисленные ниже задачи на панели управления или панели свойств при преобразовании изображения с помощью инструмента «Марионеточная деформация». Вы можете настроить следующие параметры на панели управления или панели свойств:
- Puppet Warp можно использовать для изменения формы объектов в Photoshop.Вы можете использовать его для изменения формы объектов и существ и выражения лиц таким образом, что это трудно себе представить.
- Как упоминалось ранее, чтобы применить марионеточную деформацию к изображению, вам необходимо сначала замаскировать объект и поместить его на отдельный слой. Следующий шаг включает исправление исходного фонового слоя для удаления исходного объекта. Для этого вы можете использовать Content Aware Fill. Вот как это сделать:
- Внесите необходимые корректировки, чтобы объединить разрозненные объекты для преобразования.
Вы можете использовать этот инструмент в Illustrator для корректировки линий и форм, особенно если вы хотите позу или изменить положение персонажа.
- Начните с простого набора элементов, которые помогут вам понять технические особенности. Вместо того, чтобы создавать каждого по отдельности, вы создадите одного базового персонажа, подготовите его к позированию, а затем продублируете и измените его, чтобы создать индивидуумов.
- Теперь давайте создадим векторный персонаж с помощью пера, карандаша или инструментов геометрической формы. Вы можете упростить вещи, используя симметричный характер.
- Выберите все области, с которыми вы хотите работать, с помощью инструмента «Выделение» и щелкните инструмент «Марионеточная деформация».
- Щелкнуть по суставу, например, по колену. Инструмент поместит круг в этой точке с пунктирным внешним кольцом. Расставьте больше точек, используя штифты на каждом возможном стыке.
- Поместите штифт с обоих концов, чтобы убедиться, что каждая конечность или часть тела закреплены.
- Как только вы убедитесь, что ваш персонаж подстроен, используйте инструмент, чтобы щелкнуть и перетащить одну из ваших булавок.
- Из-за внешнего кольца, которое есть у каждого штифта, вы можете вращать штифт, если удерживаете курсор инструмента «Марионеточная деформация» внутри этого кольца, но не на центральном штифте. Это помогает создавать всевозможные эффекты деформации с формами.
- На этом этапе вы заметите, что инструмент «Марионеточная деформация» идеально подходит для небольших, тонких движений.Однако вы будете знать, что на этом этапе вы не можете заставить персонажа бежать, если он находится в положении стоя.
- Если вы хотите получить более свободный и мультяшный эффект деформации, начните заново и сделайте своего персонажа единой формой. Это может быть достигнуто путем выделения вашего оригинального персонажа в нескольких его частях, а затем с помощью кнопки «Объединить» на панели Обработка контуров.
- Еще раз, оснастите своего персонажа, поместив булавки марионеточной деформации во все основные суставы.Вы увидите, что весь персонаж начинает изгибаться и больше настраиваться, если вы щелкнете и перетащите булавки. Это создает некоторые динамичные, плавные позы, которые отлично подходят для мультипликационных эффектов сжатия и растяжки.
- Размещение нескольких деформаций помогает многое узнать о личности.
- Как видите, несколько простых искажений могут добавить индивидуальности и интереса такому простому персонажу. Обязательно поиграйте с каждой частью персонажа, чтобы иметь возможность рассказать историю, которую вы хотите рассказать.
Марионеточная деформация в After Effects — как использовать?
Сценарий 1 Придайте легкое движение с помощью марионеточной деформации в After EffectsAfter Effects очень хорошо работает, когда дело доходит до анимации марионеточной деформации, поскольку она помогает оживить анимацию, особенно при работе с изображениями, особенно с векторным дизайном.
- В этом примере ниже инструмент «Марионетка» используется для придания птице легкого движения, которое в противном случае кажется безжизненным.
- Как только вы начнете добавлять булавки, перемещайте и деформируйте изображение в зависимости от того, куда вы перемещаете булавки. Вы добавляете булавку каждый раз, когда нажимаете на изображение. Поместите булавку на кончики, средний сустав и начало его крыльев, кончики и начало его хвоста, а также середину шеи и голову.
- Если вы хотите создать впечатление, будто птица расправляет крылья и хвост, поднимаясь вверх, манипулируйте ею, опуская кончики крыльев и среднюю часть крыльев немного к центру ее тела.
- Теперь возьмите три нижние точки на хвосте и переместите их все вместе к верхнему суставу хвоста. Затем вы должны взять булавку на голову и немного потянуть ее вверх, создавая впечатление, что птица наклоняет голову, расправляя крылья.
- В данный момент движение инструмента Puppet не находится в положении «легкость». Теперь выберите все ключевые кадры деформации и щелкните правой кнопкой мыши, чтобы установить для них «Easy Ease». Теперь птица может легко летать.
Шаг 1
Подготовьте персонажа в Adobe Photoshop, а затем используйте его для работы в After Effects
Сохраните изображение как файл Photoshop, чтобы сохранить альфа-канал. Затем его можно использовать для работы с After Effects. Следуйте этим рекомендациям:
- Персонаж Puppet Pin должен состоять из одной части на одном слое.Несмотря на то, что вы можете выбрать любое изображение, которое хотите, вы должны убедиться, что у изображения есть альфа-канал, который очерчивает его форму. Это поможет определить края персонажа, когда вы оснастите его инструментом Puppet Pin Tool.
- Способ быстро замаскировать изображение — использовать инструмент «Захватить волшебную палочку» (W).
- Следующий шаг — щелкнуть им по большей белой области изображения, чтобы выделить все белые пиксели.
- Голова альфа-канала должна быть соединена с телом, иначе инструмент Puppet Pin Tool будет рассматривать их как два отдельных объекта.Таким образом, он не объединит их в один символ. В Photoshop щелкните вкладку «Каналы», чтобы отобразить каналы, отключите видимость для каналов RGB, включите видимость для альфа-канала и выберите его для редактирования.
- Затем установите белый цвет фона и используйте инструмент «Прямоугольная область», чтобы выбрать между головой и шеей, затем удалите выделение на белый цвет.
- Синусоидально мы выбираем черный цвет в каналах RGB, голова будет казаться отделенной при совмещении с черным, но альфа-канал соединяет две секции вместе для булавки марионетки.Теперь вы можете сохранить изображение как файл Photoshop, чтобы сохранить альфа-канал. Теперь его можно использовать для работы с After Effects.
- Персонаж нужно оснастить с помощью инструмента «Марионетка». Чтобы булавка марионетки работала, необходимо установить начальную точку булавки. Это делит весь символ в зависимости от его альфа-канала на мелкую сетку треугольников.
- Затем вы можете добавить дополнительные точки штифта для определения узлов и центров деформации.
- Как только это будет сделано, вы можете перетащить эти булавки куда угодно, в том числе и по ключевым кадрам. Пиксели под сеткой будут деформироваться и изгибаться вместе с сеткой, как если бы ваше изображение было напечатано на листе резины, а вы растягиваете и тянете лист. Такого крутого эффекта можно добиться только оснастив персонажа.
- Нажмите на инструмент Puppet Pin Tool и оставьте настройки по умолчанию.
- Как только вы щелкнете им по области стопы, изображение будет покрыто сеткой
Шаг 3
Добавление намного большего количества контрольных точек
- Теперь вам нужно добавить дополнительные точки привязки, которые служат в качестве контрольных точек анимации и установить ограничения для влияния других точек на сетку.
- Однако вам не нужно много очков для простой анимации.
- Продолжая экспериментировать, вы узнаете, как каждый вывод влияет на другой. Затем вам нужно будет поместить курсор в одну из точек и перетащить его. Вы постепенно заметите, что сетка и персонаж искажаются, следуя за точкой.
- Вы можете заставить персонажа танцевать, вставив ему ключевые кадры в течение длительного времени обычным способом.Это одна из ярких особенностей Марионеточной булавки.
- Добавьте саундтрек к композиции персонажа и поместите его в то время, когда вы хотите, чтобы он начался.
- Не снимайте выделения с инструмента «Марионетка» и удерживайте нажатой клавишу Command. Расположите инструмент над одной из точек булавки. Появится крошечный значок часов. Запись начнется, как только вы щелкнете курсором записи на булавке.
- Вот и все, ваш персонаж танцует!
Инструмент для обертывания марионеток для создания эффектных анимаций
Единственный способ по-настоящему оценить чудо инструмента «Марионеточная деформация» — это посмотреть фильм «Анимация марионеточной деформации».Будь то Photoshop Puppet Warp, After Effects Puppet Warp или Illustrator Puppet Warp, есть несколько удивительных трюков, которые вы можете сделать с помощью инструмента Puppet Warp. Если вам понадобится помощь, свяжитесь с командой Video Caddy — мы будем рады помочь.
Руководство для начинающих по кукольной деформации в Adobe Illustrator
Adobe недавно выпустила Creative Cloud 2018, и среди нескольких новых функций, добавленных в этот набор приложений, есть одна, которую я хотел бы выделить в первую очередь: «Марионеточная деформация» в новой версии Illustrator.«Марионеточная деформация» и позволяют значительно сэкономить время, поскольку позволяют изменять форму иллюстрации всего за несколько секунд, что раньше было трудоемким и трудоемким делом.
Начнем с этого бодрого щенка:
Нажмите для увеличения
Затем выберите все части иллюстрации…
Нажмите для увеличения
… и переключитесь на инструмент «Марионеточная деформация» (выглядит как канцелярская кнопка):
Затем начните добавлять контрольные точки, просто щелкнув то место, куда вы планируете перетащить и изменить форму.Как только вы добавите первую точку, Illustrator создаст сетку вокруг всего объекта:
Нажмите для увеличения
Продолжайте, добавляя столько очков, сколько хотите:
Нажмите для увеличения
Когда вы будете готовы изменить форму рисунка, нажмите и удерживайте одну из точек (обратите внимание на белую «выбранную» точку внутри черной контрольной точки) и перетащите ее в другое положение:
Нажмите для увеличения
Здесь я продолжил, двигая хвостом и парой ног:
Нажмите для увеличения
Вы даже можете выбрать несколько контрольных точек (просто щелкнув Shift) и переместить их вместе, как эти два уха:
Нажмите для увеличения
И, наконец, снимите выделение, чтобы увидеть окончательный результат (оригинал слева):
Нажмите для увеличения
И еще один совет: есть функция вращения, а не только возможность перетаскивать точки.Вернемся к исходному рисунку…
Нажмите для увеличения
… но на этот раз мы немного запрокинем его голову. Для этого просто создайте одну контрольную точку, которая будет работать как «якорь» на его шее, а другую в его голове как точку вращения:
Нажмите для увеличения
И теперь, вместо того, чтобы щелкать и перетаскивать контрольную точку, выберите точку, а затем переместите курсор к пунктирной линии вокруг контрольной точки. Курсор изменится на стрелку с индикатором поворота:
Нажмите для увеличения
И, наконец, щелкните и перетащите круг, чтобы повернуть его:
Нажмите для увеличения
Обратите внимание, как его голова откидывается назад, в то время как ничего, кроме точки привязки на его шее, не меняется.Возможно, вам придется сделать небольшую очистку, поскольку Illustrator не может знать, как обрабатывать всех этих линий и кривых, но это далеко от того времени, которое вы бы тратили на изменение деформации и / или поворота традиционно. .
советов по инструментам искажения: деформация, марионеточная деформация и пластика
ВPhotoshop есть множество инструментов искажения, которые позволяют вам исправить части, которые отвлекают от вашего изображения, или они могут творчески преобразовать изображение в новую реальность.При таком большом количестве вариантов лучше всего знать, какие инструменты лучше всего подходят для получения оптимальных результатов в окончательном изображении. С помощью трех наиболее популярных и иногда неправильно понятых, объясненных здесь, вы сможете взять те изображения, которые могли быть отброшены, и создать что-то новое.
Пластмасса
Liquify может быть мощным инструментом, но его следует использовать с осторожностью. Несмотря на то, что возможности могут быть бесконечными, используя определенные параметры, такие как тяга, сморщивание, раздувание, толчок или обновленные черты лица в новых версиях, также известно, что это зашло слишком далеко.Когда используется Liquify, это будет, по сути, продвинутый инструмент размазывания. Я часто использую его, чтобы оживить волосы, особенно после долгого съемочного дня, когда волосы имеют тенденцию выпадать и становиться плоскими. При правильном использовании он может добавить этого эффекта к волосам, тонким линиям одежды или даже открыть глаза для более яркого лица. При неправильном использовании это может выглядеть так, как будто кто-то засыпает на клавиатуре, толкая волосы по кругу.
Пример чрезмерно нанесенного разжижителя на нижние концы волос показывает нежелательные повторяющиеся или круглые узоры.
Если определенные части изображения не являются частью желаемого искажения, опция маски стоп-кадра позволит пользователю заблокировать эту часть и работать только с рассматриваемой областью. Вкладка под маской замораживания вернет ее в поврежденную область. Вы можете замаскировать все тело или только части, непосредственно соприкасающиеся, если сопротивление не будет таким сильным.
Деформация
Инструмент деформации — отличный вариант для тех, кому нужен больший контроль над глазами (над распознаванием лиц сжижения), чтобы изгибать предметы или даже одежду вокруг человека.Инструмент позволяет пользователю перетаскивать контрольные точки для управления частями изображения. Он создает сетку прямоугольной формы с минимальным количеством точек.
На этом изображении линия нижнего белья немного видна вместе с оберткой не полностью вокруг ее талии. Клонирование вполне могло бы решить эту задачу, но с более длительным редактированием цвета и тени. Команда деформации позволяет легко манипулировать юбкой на нежелательных участках.
Выберите нужную область с помощью инструмента быстрого выбора, желательно немного выше и длиннее, чем область, чтобы можно было смешать.
Затем создайте новый слой этого выделения (команда-J на Mac, Ctrl-J на ПК). Щелкните правой кнопкой мыши и выберите команду деформации. Это создаст минимальную сетку контрольных точек для работы.
Здесь точки позволяют толкать или перетаскивать рассматриваемую область. Это выделение находится на отдельном слое, поэтому клон на заднем плане не нарушит вид манипуляции. Очистка простая и быстрая. Для меня это предпочтительный метод по сравнению с сжижением из-за менее разрушительного характера, когда я снимаю под водой в источниках и мне нужно знать, что сжижение будет тянуть на объекты фона, такие как рыба.
Последнее изображение показывает новый слой, смешанный с фоном путем маскирования с помощью кисти с низкой непрозрачностью.
Марионеточная основа
Когда инструмент деформации не обеспечивает достаточного контроля, марионеточная деформация может быть вашим лучшим другом. Этот инструмент я предпочитаю для движения рук, ног и всего, что требует более определенного контроля над другими частями, которые останутся статичными. Множественные точки сетки позволяют контролировать, невидимый с помощью других инструментов.В подводном будуарном мире не так просто каждый раз принимать правильную позу, особенно при съемке обнаженной натуры на открытом воздухе. Это ограниченное время, и что-то простое, например, рука, находящаяся немного слишком далеко от тела, может быть легко применена для создания более привлекательного изображения с несколькими из любимых треугольников.
Сначала вы должны изолировать субъект или объект, который хотите переместить. Используя инструмент быстрого выбора, как в описании деформации выше, выберите и уточните область. Создайте новый слой и убедитесь, что вы находитесь на активном новом слое, иначе марионеточная деформация не будет задействована.Затем перейдите в Edit> Puppet Warp, чтобы выделить новый слой.
Полезно, чтобы слой сетки был видимым, чтобы видеть все контрольные точки, а также поэкспериментировать с расширением в соответствии с вашими предпочтениями. Здесь вы также можете контролировать плотность.
Когда ваша сетка будет готова, поместите булавку в то место, которое вы хотите закрепить. Если вы не добавите хотя бы одну опорную точку, весь слой будет двигаться вслед за единственной установленной булавкой.
Если установить слишком много штифтов, манипуляция будет чрезмерно искажена.Он предупредит вас, если булавка будет размещена близко к другой.
Что-то простое, как перемещение руки, достаточно всего трех-четырех штифтов. Здесь один был помещен на плечо, чтобы закрепить, другой — на локте, чтобы удерживать форму, а булавка на запястье находится там, где ее щелкали и перетаскивали. Помните об анатомии объекта, так как если отвести его прямо назад, она удлиняет ее руку, создавая нереальные пропорции. Иногда полезно посмотреть в зеркало, чтобы увидеть, как тело изгибается и складывается, чтобы показать, где укорачиваются придатки.
Так же, как и в команде warp, потребуется очистка фонового слоя. Клонирование будет простым, так как новый слой по-прежнему будет независимым. После того, как деформация приобретет желаемый вид, ее можно сохранить, сгруппировать, сплющить или сделать любой другой метод, который предпочтительнее для человека.
Во всех инструментах Photoshop существует баланс между творческим применением и выходом за рамки возможного. Поиграйте с ними и сделайте шаг назад на час или даже на день.Если вы вернетесь и увидите несколько повторяющихся узоров или общий нежелательный вид, просто продолжайте играть с инструментами, пока не получите желаемый вид.