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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Примечание

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

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

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

Шаг 4

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

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

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

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

Для просмотра видео нажмите на картинку.

Вы узнаете:

  • Как самостоятельно загнуть уголок у фотографии.
    • Как вызвать функцию трансформирования Warp (Деформация).
    • Как деформировать сетку и смещать опорные точки.
    • Как правильно наложить градиент на загнутый уголок.
    • Как сделать поверхность уголка текстурной с помощью стилей слоя.
    • Как пользоваться Puppet Warp (Марионеточной деформацией) в CS5.
    • Как удалить фигуру с фона клавишей Del и функцией Content-Aware (С учетом содержания) в CS5.

Способы создания загнутого уголка в Photoshop

Начнем с обычной деформации. В этом уроке мы создадим загнутый уголок при помощи инструмента трансформирования Warp (Деформация). Существует довольно много разных способов добиться этого эффекта. Есть отличный плагин AV Bros Page Curl Pro 2.1, который справляется с этой задачей за пару кликов мышкой. При желании вы можете легко найти его в интернете. Метод, который предлагаю я тоже не сложный. И к тому же, с полученными знаниями вы сможете контролировать процесс и использовать эти знания не только для загибания уголков, но и для других деформаций и искажений изображения. А так как мы только что прошли тему инструменты Трансформации, то попробуем закрепить пройденный материал на практике.

Подготовка изображения к трансформированию

Выберите инструмент Rectangular marquee (Прямоугольная область) . Задайте Style (Стиль) Normal (Обычный) .

Выделите правую часть изображения:

Наведите курсор на выделение, зажмите правую кнопку мыши и выберите Layer via copy (Скопировать на новый слой) .
В палитре слоев появится новый слой. Щелкните по миниатюре слоя 1, зажав клавишу Ctrl, чтобы загрузить выделение.

Создайте еще один новый слой 2. Перетащите вновь созданный слой под слой 1. Воспользуйтесь инструментом Paint Bucket (Заливка), цвет заливки белый. Отмените Ctrl + D или выберите в меню Select (Выделение) – Deselect (Отменить выделение) .

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

Деформируем сетку и смещаем опорные точки

Приступим к закручиванию угла. Нажмите Edit (Редактирование) – Transform (Трансформирование) – Warp (Деформация) . Или комбинацию клавиш Ctrl + T для вызова режима Free Transform (Свободная трансформация) и в панели параметров щелкните по значку Деформация. Появится сетка с опорными точками. Можно перетаскивать опорные точки, сегмент ограничительной рамки или сетки, а также область внутри сетки. Возьмитесь за нижний правый узелок и потяните. Появятся усики, которыми отрегулируйте изгиб. Добейтесь нужного положения и нажмите Enter .

Чтобы отменить последнюю коррекцию, выберите в меню Edit (Редактирование) пункт Undo … (Отменить…) или нажмите Ctrl + Z . Но помните, что при трансформировании и деформации резкость растрового изображения (в отличие от формы или контура) ухудшается с каждым разом. Выполните несколько команд (поворот, масштабирование, деформация….) и только потом нажмите Enter, а не подтверждайте все преобразования по отдельности.

Как сделать поверхность уголка текстурной с помощью стилей слоя

Выберите инструмент Pen (Перо) , в панели параметров отметьте Paths (Создать контур). Обведите уголок. Изучению инструмента Pen (Перо) мы посвятили несколько предыдущих уроков. Если вы новичок в Photoshop и начали изучать курс не с начала, советую вернуться к пропущенным темам. Напомню, что клавиша Alt – для образования угла, а клавиша Ctrl – для редактирования точек и направляющих.

Перейдите на вкладку Paths (Контуры) . Щелкнув по рабочему контуру, переименуйте его. Затем нажмите значок , чтобы загрузить выделение. И вернитесь в палитру Layers (Слои). Скопируйте выделение на новый слой Layer via copy (Скопировать на новый слой) . Или до выбора инструмента Pen (Перо) , создайте новый слой.

Выберите инструмент ведро или Paint Bucket (Заливка), цвет заливки белый. Щелкните по выделенной области, что бы залить ее цветом. Дважды кликните
мышкой по слою 3, откроется окно настройки . Отметьте галочкой Drop Shadow (Тень), Bevel and Emboss (Тиснение), Gradient Overlay (Наложение градиента) .
В настройках градиента установите режим Multiply (Умножение) . Поменяйте величину угла, чтобы градиент располагался от сгиба к краю, уменьшите непрозрачность и измените масштаб. Затем отметьте галочкой Pattern Overlay (Наложение узора) , подберите подходящий рисунок, настройте Opacity (H епрозрачность) и Scale (Масштаб) . Нажмите ОК.

Opacity (H епрозрачность) слоя снизьте приблизительно до 75 %, чтобы придать эффект полупрозрачной пленки. Или оставьте 100%, чтобы не просвечивался рисунок.

Переключитесь на слой 1, дважды кликните по нему, чтобы войти в настройки Layer Style (Стили слоя). В настройках Pattern Overlay (Наложение узора) подберите рисунок на свой вкус, настройте непрозрачность и масштаб. В настройках Color overlay (Наложение цвета) щелкните по цветному квадратику выбора цвета и переместите курсор на фотографию. Курсор примет вид пипетки. Попробуйте взять пробы с разных участков изображения, остановите свой выбор на более подходящем цвете, настройте непрозрачность.

В заключении выполните сведение слоев и не забудьте сохранить.

Откройте файл (гимнастика 012.jpg). Создайте копию документа (необязательно, но желательно), щелкнув по значку в палитре History (История). Это позволит сохранить исходное изображение. Создайте копию фонового слоя. Воспользуйтесь любым инструментом выделения и обведите фигуру девушки. Сохраните выделение как альфа-канал (необязательно). Для этого зайдите в палитру Chennel (Каналы) и щелкните по значку .

Вернитесь в палитру Layers (Слои) .

Выберите в меню Edit (Редактирование) – Puppet Warp (Марионеточная деформация) . Выделенная область заполнится сеткой. Наведите курсор на сетку. Курсор примет вид булавки со знаком +. Каждый новый щелчок по сетке добавляет точку, щелчок по уже созданной точке активирует ее. Расставьте узловые точки: на кончиках кроссовок, на талии и в центре мячика. Узловые точки‑булавки отображаются желтыми кружочками.

Для вызова контекстного меню щелкните по булавке правой кнопкой мыши. Нажмите на булавку в центре мяча и, не отпуская кнопку мыши, потяните ее вниз. Другие части фигуры, закрепленные булавками, сдвигаться не будут. Расставьте дополнительные булавки, переместите их по вашему усмотрению, но так чтобы наклон выглядел естественно. Выбрать сразу несколько булавок можно, удерживая нажатой клавишу Shift. Удалить лишние булавки можно клавишей Del, Alt + щелчок по центральной точке или из контекстного меню правой кнопки.

Отключить видимость сетки можно в том же меню Show Mesh (Скрыть сетку) или сняв галочку с пункта Mesh (Сетка) в панели параметров. Частоту ячеек сетки можно изменить в панели параметров. При выборе (Больше точек) точность увеличивается, но времени на обработку уходит больше.

Mode (Режим) – задает эластичность сетки. Можно сделать выбор из трех параметров: Строгий, Нормальный и Искажение. Булавки можно вращать. Для этого зажмите Alt и подведите курсор близко к булавке, но не на ее центр. Вокруг булавки появится окружность и двусторонняя стрелка. Зажмите левую кнопку мыши и, не отпуская Alt, выполните вращение. Задать угол поворота можно в панели параметров, просто введя нужное количество градусов в поле Rotate (Поворот).

Фотография Натальи Белоусовой. Фотограф Надежда Глазова.

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

Для выхода из марионеточного режима нажмите либо Enter, либо значок на панели параметров. Снимите выделение Ctrl + D.

Удаление фигуры с фонового слоя клавишей Del и функцией Content-Aware (С учетом содержания) в CS5

Теперь нужно удалить первоначальную фигуру с фона (Background). Зайдите в палитру Chennel (Каналы) и загрузите сохранённый ранее альфа-канал как выделение, нажав на пунктирный кружок . Перейдите в палитру Layers (Слои) и выберите фоновый слой. (Если вы не создавали Альфа-канал, то обведите девушку еще раз любыми инструментами выделения). Нажмите Del . В появившемся окне выберите Content - Aware (С учетом содержания) . Нажмите ОК. Девушка будет удалена с фона, как будто ее там не было. Некоторые области на изображении могут пострадать, поэтому потребуется дополнительная коррекция фона восстанавливающими инструментами (заплатка, штамп и лечащие кисти). Если нужно удалить объект не с фонового слоя, то клавиша Del сработает как обычно, т.е. оставит дырку в слое. Чтобы удалить с учетом содержания, выберите Content-Aware (С учетом содержания) из меню Edit (Редактирование) – Fill (Выполнить заливку) или нажмите Shift + F5.

Вопросы:

(правильный ответ вы можете узнать из викторины в конце видеоурока)

  1. Каким из нижеперечисленных способов нельзя скопировать выделение на новый слой?

– В меню правой кнопки мыши и выберите Layer via copy (Скопировать на новый слой).

– Нажать Ctrl +J.

– Меню Layers (Слои) – New (Новый) – Layer via copy (Скопировать на новый слой).

– Нажать Ctrl + C, создать новый слой и нажать Ctrl + V.

– Меню Edit (Редактирование) – Copy (Скопировать), меню Edit (Редактирование) – Past (Вставить).

– Выбрать инструмент Move (Перемещение) и зажав Alt переместить выделение.

  1. Какой из нижеперечисленных способов не подходит для загрузки окна настроек Blending Options (Параметры наложения)?

– В палитре Layers (Слои) дважды кликните по слою (кроме фонового, фоновый нужно предварительно переименовать).

– Щелкнуть правой кнопкой мыши по слою и выбрать Blending Options (Параметры наложения).

– Меню Layers (Слои) – LayerStyle (Стили слоя) – Blending Options (Параметры наложения).

– Меню Layers (Слои) – Layer Properties.

– В правом верхнем углу палитры Layers (Слои) щелкнуть по треугольнику и выбрать Blending Options (Параметры наложения).

  1. Какой из нижеперечисленных способов не подходит для загрузки режима Warp (Деформация)?

– Edit (Редактирование) – Transform (Трансформирование) –Warp (Деформация).

– Ctrl + T , в параметрах инструмента нажать на значок деформации.

– Edit (Редактирование) – Transform (Трансформирование) – Rotate 180 (Поворот на 180),

– Edit (Редактирование) – Transform (Трансформирование) – Rotate (Поворот), в параметрах инструмента нажать на значок деформации.

– правый клик мышки на выделении Free Transform (Свободное трансформирование),
в параметрах инструмента нажать на значок деформации.

  1. Сколько действий можно отменить, не выходя из режима Деформации?

– ни одного

Домашнее задание

Вы должны или чтобы увидеть скрытый текст.

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

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

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

Деформация

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

Что бы приступить к марионеточной деформации, как всегда проведем подготовку. Для начала , его или снимаем с него значок фонового слоя. Все… Можно приступать к деформации во вкладке меню Редактировать / Марионеточная деформация.

Панель настроек марионеточной деформации

С чего начнем разбор полетов? Давайте с панели настроек марионеточной деформации

1. Режимы . Содержит 3 варианта настройки: строгий, нормальный и искажение. Максимальным эффектом пользуется искажение, особенно если на время просмотра снять сетку.

2. Частота сетки. Частотой можно задать плотность сетки: нормально, меньше точек и больше точек. После 2 – 3 проб с этой настройкой вы подберете для себя удобный режим. Еще одна особенность этой настройки в том, что чем больше точек в сетке, тем большего эффекта деформирования можно достичь.

3. Расширение . Расширение задается в пикселях (от -20рх до 100рх), которое задает отступ сетки от границ макета.

4. Сетка . Тут все просто – либо показать сетку деформации, либо нет. Точки для деформации удобно расставлять с сеткой, а вот деформировать без нее.

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

Что бы осуществить марионеточную деформацию, курсор превращается в заклепку, которой можно выставить точки для деформации, в тех местах, которые будут подвергнуты этому эффекту. Принцип марионеточной деформации заключается в том, что бы изменять положение точек на сетке. А ставятся они обычным кликом, выбирается кнопка из уже существующих, при клике на ней. Удаляется тоже достаточно просто: зажатая клавиша ALT + выбор точки. Дополнительные точки можно ставить в процессе работы

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

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

Если тот вариант, который вы получили в процессе марионеточной деформации, вас устроил, примените его с помощью клавиши ENTER или отмените с помощью клавиши ESC .

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