Всем привет! В этом уроке я покажу вам, как использовать инструмент 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: Пластика
Данный плагин является универсальным «деформатором» любых объектов. Его возможности безграничны. С помощью «Пластики» можно производить почти все действия, описанные выше. Подробнее о фильтре читайте в уроке.
Вот такие способы деформирования изображений в Фотошопе. Чаще всего пользуются первым – функцией «Деформация» , но, вместе с тем, другие варианты могут помочь в какой-либо специфической ситуации.
Потренируйтесь в использовании всех видов искажения для улучшения своих навыков работы в нашей любимой программе.
