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

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

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

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

Деформация

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

Так же, как и в случае команды Extract (Извлечь), в диалоговом окне команды Liquify есть окно предварительного просмотра, в котором можно видеть все изображение целиком (рис. 19.1).

Деформировать или реконструировать изображение можно только с помощью кисти, размер которой и степень воздействия на изображение регулируются (подобно кистям других видов в Фотошопе). Также можно воспользоваться инструментом Freeze (Заморозить), чтобы предотвратить искажение отдельных областей изображения аналогично тому, как это делается с помощью маски. Если вы хотите частично или полностью отменить те искажения, которые были внесены, воспользуйтесь инструментом Reconstruct (Реконструировать). Внесенные изменения не станут постоянными до тех пор, пока вы не щелкнете по кнопке ОК и не закроете окно.

Рис. 19.1. Диалоговое окно команды Liquify после применения инструмента Twirl Clockwise к изображению Эйфелевой башни

Деформация изображения с помощью команды Liquify

Для большей безопасности работайте с дубликатом слоя или сделайте снимок исходного изображения с помощью палитры History (История).

  1. Выберите слой, содержимое которого вы хотите подвергнуть искажению. При активизации флажка Backdrop действие инструмента Liquify можно распространить лишь на один из нескольких слоев по выбору, а не на все, как предусмотрено по умолчанию. При этом в поле Opality (Непрозрачность) можно также регулировать прозрачность слоя. Команда Liquify (Исказить) работает только с растровым слоем и не может быть применена к слою редактируемого текста или слою фигуры.
  2. Выберите команду Liquify в меню Filter (Фильтр) или нажмите комбинацию клавиш Ctrl+Shift+X .
  3. Для деформации заданного изображения воспользуйтесь инструментами диалогового окна Liquify (рис. 19.2). Сначала в разделе Tool Options (Опции инструмента) (рис. 19.3) введите размер кисти (параметр Brush Size ), установив значение в диапазоне от 1 до 600 пикселов, а также величину нажима кисти (параметр Brush Pressure ) от 1 до 100% и величину колебаний шума (параметр Turbulent Jitter ), чтобы определить, как будет происходить искажение изображения. Эти три параметра относятся ко всем инструментам команды Liquify . В случае, если вы используете планшет, можно установить флажок Stylus Pressure (Нажим пера), чтобы нажим пера влиял на значение параметра Brush Pressure .

Рис. 19.2. Инструменты в диалоговом окне Liquify

Рис. 19.3. Раздел Tool Options диалогового окна Liquify

Рис. 19.4. Раздел Freeze Options диалогового окна Liquify

  1. По желанию. Активизируйте инструмент Freeze (Заморозить), щелкнув по пиктограмме инструмента (вторая снизу) или нажав клавишу F , чтобы замаскировать некоторые области изображения, которые не должны подвергаться искажению. Далее выберите цвет из раскрывающегося списка Freeze Color (Цвет маски) в разделе View Options (Режимы просмотра). По умолчанию установлен красный цвет, такой же цвет используется при работе с быстрой маской. Закрасьте те области, которые следует оставить в текущем состоянии. Если произошла ошибка, то переходите к следующему пункту.
  2. По желанию. Для того чтобы убрать защиту с замаскированных («замороженных») областей, активизируйте инструмент Thaw (Разморозить), «горячая» клавиша Т , и рисуйте с его помощью.
  3. Выполните любое из перечисленных ниже действий:
    • для того чтобы инвертировать маску, щелкните по кнопке Invert (Инвертировать) в разделе Freeze Area (Область маски);
    • чтобы удалить маску со всего изображения (в результате чего все изображение снова можно редактировать), щелкните по кнопке Thaw All (Разморозить все) - см. рис. 19.4;
    • для того чтобы спрятать маску, созданную при помощи инструмента Freeze (Заморозить), снимите флажок Show Frozen Areas (Показать маскированные области) в разделе View Options (Режимы просмотра).
  4. Активизируйте один из инструментов искажения (нажмите соответствующую «горячую» клавишу) и рисуйте на изображении в диалоговом окне. Возможности инструментов указаны ниже:
    • инструмент Warp (Деформация) -клавиша W - сдвигает точки в направлении движения кисти (рис. 19.5, стрелка показывает направление движения кисти);
    • инструмент Turbulence (Волнение) - клавиша А или пиктограмма инструмента - раздвигает точки по направлению движения кисти. Изображение в области действия кисти выглядит как бы размытым водой (рис. 19.6);
    • инструменты Twirl Clockwise (Закрутка по часовой стрелке) - клавиша R или пиктограмма инструмента - и Twirl Counterclockwise (Закрутка против часовой стрелки) - клавиша L или пиктограмма инструмента - поворачивают пикселы, пока вы держите нажатой кнопку мыши либо тащите изображение. Чем больше величина параметра Brush Pressure (Нажим кисти), тем быстрее происходит поворот (рис. 19.1);

Рис. 19.5. Warp

Рис. 19.6. Результат применения инструмента Turbulence

Рис. 19.7. Результат применения инструмента Pucker

Рис. 19.8. Результат использования инструмента Reflection

    • инструменты Pucker (Складка) - клавиша Р или пиктограмма Bloat (Раздувание) - клавиша В или пиктограмма инструмента - перемещают точки к центру кисти или в противоположном направлении, пока вы держите нажатой кнопку мыши или тащите изображение (рис. 19.7). Чем больше величина параметра Brush Pressure (Нажим кисти), тем быстрее двигаются точки;
    • инструмент Shift Pixels (Сдвиг пикселов) - клавиша S - перемещает пикселы в определенном направлении, зависящем от направления движения кисти. По умолчанию пикселы сдвигаются влево от направления движения кисти. Нажав клавишу Alt , можно переместить их вправо;
    • инструмент Reflection (Отражение) - клавиша М - копирует точки слева от линии направления кисти и перемещает их в область действия этого инструмента, но только в «отраженном» виде. На рис. 19.8 показано, как инструмент Reflection был использован для того, чтобы передвинуть на изображении реку Сену поближе к Эйфелевой башне. В результате получился великолепный эффект отражения. Для этого понадобилось всего два штриха кистью.

Указанный инструмент использовал точки справа от верхней линии (верхнего штриха) и слева от нижней линии (штриха). Нажав клавишу Alt , можно копировать точки с противоположной стороны относительно положения кисти (рис. 19.9).

Попробуйте заморозить ту область, точки которой следует отразить, а потом воспользуйтесь инструментом Reflection (Отражение).

  1. Для того чтобы частично или полностью отменить действие команды Liquify (Исказить), следуйте инструкциям, приведенным в этой главе, раздел «Реконструкция изображения».
  2. Щелкните по кнопке ОК , чтобы зафиксировать внесенные изменения и вернуться к окну изображения.

Чтобы применить инструмент Freeze к определенной области, выделите ее до того, как будете применять команду Liquify (Исказить). Сохраните выделение в альфа-канале, потом воспользуйтесь командой Liquify из меню Image (Изображение), а затем во всплывающем меню Channel (Канал) раздела Freeze Area (Область маски) найдите альфа-канал. Можно щелкнуть по кнопке Invert (Инвертировать), чтобы поменять местами замаскированные и незамаскированные области изображения.

Рис. 19.9. Результат применения инструмента Reflection при нажатой клавише Alt

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

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

Результат:

Шаг 1. Как обычно мы начинаем с создания нового слоя. В данном случае мы продублируем фоновое изображение (background) посредством перетаскивания его на пиктограмму создания нового слоя (create new layer ) в палитре слоев. Наша задача размыть эту копию в качестве основы для новой кожи, поэтому давайте переименуем слой (дважды кликните по названию копии слоя) и назовите его Размытие по поверхности (Surface Blur).

Выберите Фильтр - Размытие - Размытие по поверхности (Filter - Blur - Surface Blur).

Фильтр Размытие по поверхности (Surface blur ) появляется в версии Photoshop CS2, он особенно часто применяется в подобных операциях. Это размытие сохраняет переходящие края, но в то же время управляет созданием очень гладкого размытия. Слайдер Радиус (Radius ) контролирует интенсивность размытия, а слайдер Порог (Threshold ) устанавливает, насколько сильно изображение должно оставаться резким. В отличие от других фильтров размытия, высокая настройка Порога (Threshold ) дает больший эффект размытия. Вам нужно скорректировать слайдеры так, чтобы разгладить абсолютно все морщины и текстуру кожи, оставив основные элементы незатронутыми.

Примечание: пользователи версий CS могут воспользоваться фильтром Медиана (Median ) (Фильтр - Шум - Медиана (Filter - Noise - Median ). У этого фильтра есть только один слайдер, но вы можете получить похожий результат, хотя и не такой хороший разглаживающий эффект.

Шаг 2. Нам нужно спрятать этот размытый слой маской слоя (layer mask ). Нажмите и удерживайте клавишу Option/Alt и кликните по иконке Маска слоя (Layer mask ) в нижней части палитры слоев.

Это действие создаст черную слой-маску и спрячет размытый слой, проявив исходное изображение.
Теперь просто закрасьте маску слоя (layer mask ) белым, чтобы покрыть те участки кожи, которые вы хотите разгладить.

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

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

Шаг 3. Кожа будет сглаженной, но цвета и тона могут смотреться пятнами. Чтобы исправить это, создайте новый слой, но для этого зажмите клавишу Option/Alt и кликните по иконке создания нового слоя (new layer ), чтобы вызвать диалоговое окно с параметрами нового слоя (new layer ).

Прим. переводчика: если после совершенных манипуляций у вас не открылось окно, как у автора, попробуйте пойти следующим путем: Слой - Новый - Слой ( Layer - New - Layer )

Установите галочку напротив Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer To Create Clipping Mask).

Это позволит маске предыдущего слоя контролировать новый закрашиваемый слой.
Возьмите большую мягкую кисть, и образец цветов с размытой кожи (Option/Alt + клик, чтобы превратить курсор в Пипетку (eyedropper ) и взять образец цвета) и закрасьте с очень низкой непрозрачностью (opacity ), чтобы постепенно сгладить цвета и тона.

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

Шаг 4. Теперь нам надо создать слои Осветление (Dodge) и Затемнение (Burn) и высветлить любые непривлекательные морщинки слева. Option/Alt + клик по иконке создания нового слоя (new layer ) в нижней части палитры слоев. Это действие откроет диалоговое окно создания нового слоя (new layer ).

Прим. переводчика: если после совершенных манипуляций у вас не открылось окно, как у автора, попробуйте пойти следующим путем: Слой - Новый - Слой ( Layer - New - Layer ) , теперь перед вами должно открыться необходимое окно.

Измените режим (mode ) на Мягкий свет (Soft Light ), а затем отметьте Выполнить заливку нейтральным цветом режима «Мягкий свет» (Fill With Soft-Light-Neutral Color). Это действие зальет новый слой 50% серым цветом (50% gray). Вы должны сохранять маску, которую создали к размытому слою. Используйте инструмент Осветлитель (Dodge ) , чтобы высветлить морщинки. На рисунке вы можете посмотреть, как будет выглядеть слой с осветлением, если изменить режим с мягкого света (Soft Light ) на Обычный/Нормальный (Normal ).

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

Шаг 5. Итак, снова создайте новый серый слой перекрытие (overlay ). Option/Alt + клик по иконке создания нового слоя (new layer ) в нижней части палитры слоев, чтобы открыть диалоговое окно создания нового слоя. Установите галочку напротив Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer To Create Clipping Mask) , выберите Перекрытие (Overlay ) из выпадающего меню режимов (mode ) и отметьте Выполнить заливку нейтральным цветом режима «Перекрытие» (Fill With Overlay -Neutral Color) (50% серый (gray)).

Палитра слоев должна выглядеть так, как на рисунке ниже:

Последние три слоя были скорректированы непрозрачностью (opacity ) и маской слоя (layer mask ) слоя с размытием. Чтобы иметь более четкое представление о том, как слой Текстура (Texture) будет влиять на некоторые вещи, временно увеличьте непрозрачность (opacity ) размытого слоя на 100%. Вы не увидите оригинальной текстуры, но вы увидите текстуру, которую собираетесь создать. Вы также увидите осветленные линии, где высветляли морщины; вы можете временно отключить видимость этого слоя, если он вас будет отвлекать.

Шаг 6. Выберите слой Текстура (Texture) в режиме Перекрытие (Overlay) и перейдите к фильтру Шум (Noise ) (Фильтр - Шум - Добавить шум (Filter - Noise - add noise ). Отметьте поля Равномерная (uniform ) и Монохромный (Monochromatic ) и добавьте достаточно шума, чтобы изображение стало похоже на кадр трехмерного фильма.

Идеальное значение этого фильтра зависит от размера и разрешения файла. По сути, нет жестких правил, которые применимы ко всем изображениям. Полагайтесь на собственное усмотрение, а иногда делайте пробную печать, чтобы оценить такие тонкие эффекты, как шум.
Многие фотографы остановились бы на таком эффекте, но этот шум слишком резкий для наших целей. При выделенном слое Текстура (Texture) в режиме Перекрытие (Overlay), перейдите к фильтру Размытие (Blur ) (Фильтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian Blur )), используйте лишь немного размытия, чтобы смягчить шумные края без абсолютного их сглаживания.

Шаг 7. Иногда этого достаточно, чтобы сделать то, что вам нужно, но обычно я создаю более сложный комплекс текстур, чтобы сымитировать настоящую кожу. Поэтому перейдите к фильтру Тиснение (Emboss ) (Фильтр - Стилизация - Тиснение (Filter - Stylize - Emboss )).

Текстура по-прежнему выглядит непривлекательно, поэтому необходимо ее немного смягчить. Вы можете правильно преобразовать любой фильтр после того как воспользуетесь командой Ослабить (Fade ). Перейдите к меню Редактирование (Edit ) (сразу после того, как применили фильтр) и выберите Редактирование - Ослабить тиснение (Edit - Fade Emboss ).

Вернитесь к размытому слою и уменьшите его непрозрачность (opacity ) примерно до 70%. У вас должно получиться что-то похожее на изображение ниже:

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

Шаг 8. Для финальной ретушированной работы, я сделал ярче глаза, нанес легкие тени для век и немного затемнил края.

Поскольку весь процесс ретуши был выполнен на слоях, управляемых размытым слоем, то по желанию вы можете немного уменьшить его непрозрачность (opacity ), чтобы получить более реалистичную визуализацию.

Примечание. Для использования «Деформации », нужно перейти в режим «Трансформирование » нажав 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 »:



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

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

Ручной метод

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

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

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

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

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

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

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