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

Для Андроид 19.07.2019
Для Андроид

Как бы ни были красивы статичные картинки, но иногда им не помешает стать немного живыми. Как придать движение понравившейся картинке? Очень просто. Для этого в программе Adobe Photoshop есть уникальная функция «Марионеточная деформация». Рассмотрим на маленьком примере как она применяется и что дает.

Открываем , которой будем придавать движение. Следует учесть, что необходимо, чтобы изображение, которое будет подвергаться трансформации должно быть отсоединено от фонового изображения. Поэтому изначально удобно будет тренироваться на клипарте (вырезанное изображение на прозрачном фоне). Можно также вырезать необходимое изображение из общего картинки с помощью инструмента «Прямолинейное лассо» как указано стрелочкой № 1 или инструмента «Магнитное Лассо» указано стрелочкой № 2 либо инструмента «Свободное перо» указано стрелочкой № 3.

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

Переходим во вкладку «Редактирование» функция «Марионеточная деформация».

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

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

Если вдруг была установлена булавка не в том месте или она лишняя, то её можно удалить, для этого нажимаем правую кнопку мыши, стоя на булавке и в меню выбираем «Удалить булавку».

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

Теперь переходим к созданию анимации. Во вкладке «Окно» выбираем функцию «Анимация».

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

Для того, чтобы анимация была постоянной необходимо выбрать параметр цикла «Постоянно» как показано на рисунке стрелочкой № 1. Далее копируем кадр как показано на рисунке стрелочкой № 2, нажав листик.

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

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

В диалоговом окошке задаем название файла, выбираем место для сохранения и нажимаем «ОК».

Картинка готова.

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

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

Все исходные материалы вы можете загрузить .

Деформация

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

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

В общем весь процесс напоминает лепку из глины или пластилина. Лепили когда-нибудь из пластилина? Ну тогда всё будет

Ну как? Суть уловили? Просто лепите и у вас всё получится)))

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

И вот у нас получилось такое замечательное яичко. В общем поиграйтесь с этими параметрами. Я вот, например, слепил еще такую теннисную грушу)).


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

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

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

Работать я буду с изображением мальчика и девочки на прозрачном фоне. А фон будет отдельным. Понятно? Тогда поехали!


Ну как? Всё получается? Я думаю, что с этой ситуацией вы должны справиться очень легко.

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

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

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

Новинка в Photoshop CS5, команда Марионеточная деформация (Puppet Warp) , позволяет искажать отдельные объекты в изображении, оставляя другую его часть невредимой (хотя вы можете также использовать его, чтобы деформировать все изображение, если хотите).

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

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

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

Выбрав команду меню Редактирование => Марионеточная деформация , вы увидите следующие элементы управления, находящиеся на панели параметров:

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

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

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

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

Флажок Сетка — отображает или скрывает сетку. Если вы сбросите данный флажок, вы увидите только булавки, размещенные поверх изображения. Лучше временно скрыть сетку, нажав сочетание клавиш Ctrl+H, для возврата сетки на место используйте это же сочетание клавиш.

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

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

Невозможно понять, как работает этот инструмент, пока не попробуете сами.

Выполните эти шаги для изменения кривизны лесной дороги:

Шаг 1

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

Шаг 2

Выбрав команду меню Редактирование => Марионеточная деформация . фотошоп наложит сетку поверх изображения.

Шаг 3

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

Также можно удалить булавку, щелкнув по ней мышью, удерживая клавишу Alt (указатель мыши примет вид крошечных ножниц).

Примечание

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

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

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

Шаг 4

Когда вы закончите, нажмите клавишу Enter.

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

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

При цитировании достаточно нажать кнопку "Нравится"

Как бы ни были красивы статичные картинки, но иногда им не помешает стать немного живыми. Как придать движение понравившейся картинке? Очень просто. Для этого в программе Adobe Photoshop есть уникальная функция «Марионеточная деформация». Рассмотрим на маленьком примере как она применяется и что дает.

Открываем картинку , которой будем придавать движение. Следует учесть, что необходимо, чтобы изображение, которое будет подвергаться трансформации должно быть отсоединено от фонового изображения. Поэтому изначально удобно будет тренироваться на клипарте (вырезанное изображение на прозрачном фоне). Можно также вырезать необходимое изображение из общего картинки с помощью инструмента «Прямолинейное лассо» как указано стрелочкой № 1 или инструмента «Магнитное Лассо» указано стрелочкой № 2 либо инструмента «Свободное перо» указано стрелочкой № 3.

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

Переходим во вкладку «Редактирование» функция «Марионеточная деформация».

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

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

Если вдруг была установлена булавка не в том месте или она лишняя, то её можно удалить, для этого нажимаем правую кнопку мыши, стоя на булавке и в меню выбираем «Удалить булавку».

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

Теперь переходим к созданию анимации. Во вкладке «Окно» выбираем функцию «Анимация».

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

Для того, чтобы анимация была постоянной необходимо выбрать параметр цикла «Постоянно» как показано на рисунке стрелочкой № 1. Далее копируем кадр как показано на рисунке стрелочкой № 2, нажав листик.

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

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

В диалоговом окошке задаем название файла, выбираем место для сохранения и нажимаем «ОК».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видеоурок:



Рекомендуем почитать

Наверх