Как сделать деформацию в фотошопе: Изгибаем, искажаем и деформируем в Photoshop

Как деформировать изображение в Фотошопе

Как деформировать изображение в фотошопе


Деформирование изображений – довольно распространенный прием работы в Фотошопе. Функционал программы включает в себя множество вариантов искажения объектов – от простого «сплющивания» до придания картинке вида водной поверхности или дыма.

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

В этом уроке разберем несколько способов деформации.

Деформирование изображения

Для деформации объектов в Фотошопе пользуются несколькими методами. Перечислим основные.

  • Дополнительная функция «Свободного трансформирования» под названием «Деформация»;
  • Урок: Функция Свободное трансформирование в Фотошопе

  • Марионеточная деформация. Довольно специфический инструмент, но, вместе с тем, довольно интересный;
  • Фильтры из блока «Искажение» соответствующего меню;
  • Плагин «Пластика».

Издеваться в уроке мы будем над таким, заранее подготовленным, изображением:

Исходное изображение для урока по деформированию в Фотошопе

Способ 1: Деформация

Как уже было сказано выше, «Деформация» является дополнением к «Свободному трансформированию», которое вызывается сочетанием горячих клавиш CTRL+T, либо из меню «Редактирование».

Функция Свободное трансформирование в меню Редактирование в Фотошопе

Нужная нам функция находится в контекстном меню, которое открывается после нажатия правой кнопки мыши при активированном «Свободном трансформировании».

Вызов Деформации во время работы Свободного трансформирования в Фотошопе

«Деформация» накладывает на объект сетку с особыми свойствами.

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

Применение параметров осуществляется обычным способом – нажатием клавиши ENTER.

Результат искажения изображения при помощи функции Деформация в Фотошопе

Способ 2: Марионеточная деформация

Находится «Марионеточная деформация» там же, где и все инструменты трансформирования – в меню «Редактирование».

Инструмент Марионеточная деформация в меню Редактирование в Фотошопе

Принцип работы заключается в фиксировании определенных точек изображения специальными

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

Булавки можно ставить в любое место, руководствуясь потребностями.

Деформирование изображения инструментом Марионеточная деформация в Фотошопе

Инструмент интересен тем, что с его помощью можно искажать объекты с максимальным контролем над процессом.

Способ 3: фильтры Искажения

Фильтры, находящиеся в этом блоке, призваны деформировать картинки различными способами.

Фильтры из блока Искажение для деформации изображения в Фотошопе

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

    Урок: Как сделать дым в Фотошопе

    Фильтр Волна для деформирования изображения в Фотошопе

  2. Дисторсия.
    Фильтр позволяет имитировать выпуклость или вогнутость плоскостей. В некоторых случаях может помочь устранить искажения линзы фотокамеры.

    Фильтр Дисторсия для деформирования изображения в Фотошопе

  3. Зигзаг.
    «Зигзаг» создает эффект пересекающихся волн. На прямолинейных элементах он вполне оправдывает свое название.

    Фильтр Зигзаг для деформирования изображения в Фотошопе

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

    Урок: Рисуем дуги в Фотошопе

    Фильтр Искривление для деформирования изображения в Фотошопе

  5. Рябь.
    Из названия понятно, что плагин создает имитацию водной ряби. Имеются настройки величины волны и ее частоты.

    Урок: Имитируем отражение в воде в Фотошопе

    Фильтр Рябь для деформирования изображения в Фотошопе

  6. Скручивание.
    Этот инструмент искажает объект путем вращения пикселей вокруг его центра. В сочетании с фильтром «Радиальное размытие» может имитировать вращение, например, колеса.

    Урок: Основные способы размытия в Фотошопе — теория и практика

    Фильтр Скручивание для деформирования изображения в Фотошопе

  7. Сферизация.
    Плагин с действием, обратным действию фильтра «Дисторсия».

    Фильтр Сферизация для деформирования изображения в Фотошопе

Способ 4: Пластика

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

Урок: Фильтр «Пластика» в Фотошопе

Вот такие способы деформирования изображений в Фотошопе. Чаще всего пользуются первым – функцией «Деформация», но, вместе с тем, другие варианты могут помочь в какой-либо специфической ситуации.

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

Фильтр Сферизация для деформирования изображения в Фотошопе Мы рады, что смогли помочь Вам в решении проблемы.
Фильтр Сферизация для деформирования изображения в Фотошопе
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

PhotoshopSunduchok - Деформация в фотошопе

Автор: Елена Король. Дата публикации: . Категория: Обработка фотографий в фотошопе.

Всем привет!

С вами снова Король Елена и мы продолжаем разбирать нововведение в Photoshop 2020.

Очень часто любители создания различного рода коллажей сталкиваются с проблемой, когда какой-либо объект (или даже часть объекта) нужно чуть растянуть/сузить или сдвинуть.

Но сделать это нужно очень аккуратно, не повредив основной рисунок.

Обычно для этого использовали фильтр «Пластика».

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

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

Давайте сейчас изучим нововведение в уроке "Деформация в фотошопе

" и попробуем, как всё работает.

  Деформация фотографий в фотошопе

 


Все уроки по изучению новых возможностей в Adobe Photoshop 2020:

 


Для начала создадим новый документ с названием «Пластичная деформация». Для этого нажимаем «CONTROL + N». Ширина и высота документа 1800 пикселей. Разрешение 72 пикселей на дюйм. Цветовой режим RGB.

deformatsiya 1

Для пробы возьмем инструмент «Фигуры» в форме прямоугольника и на новом слое сделаем растяжку.

deformatsiya 2

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

deformatsiya 3

Далее нам нужно активировать возможность трансформации прямоугольника. Для этого нужно либо нажать CTRL+T, либо, выбрав инструмент «Перемещение», кликнуть на любой из маркеров.

deformatsiya 4

Активируем режим деформации.

deformatsiya 5

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

deformatsiya 6

Можно расставить разделяющие крестообразно, по вертикали и горизонтали.

deformatsiya 7

Можно расставить сетку, выбрав один из предложенных вариантов.

deformatsiya 8

Либо выбрать режим «Пользовательский» и разбить сетку по своему усмотрению. Так и сделаем.

deformatsiya 9

Вот что у нас получилось.

deformatsiya 10

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

deformatsiya 11

Двигая узловую точку или направляющие усики, деформируем объект.

deformatsiya 14

deformatsiya 14

deformatsiya 14

Также можно, зажав SHIFT, выделить несколько точек и произвести синхронную деформацию.

Давайте-ка снова вернемся в меню. Все вышеописанные манипуляции производятся в режиме деформации «Заказная». Также в выпадающем меню можно выбрать и стандартные формы деформации.

deformatsiya 15

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

Но мы с вами люди серьезные, поэтому сделаем фото-комплимент девушке в красном платье.

deformatsiya 16

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

Открываем файл «Девушка в красном», заранее сохраненный на компьютере. Для этого нажимаем «CTRL + О» и находим нужную фотографию. Называем слой «Девушка».

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

ВАЖНОЕ ПРАВИЛО! Все манипуляции мы делаем очень бережно, чтобы девушка была узнаваема, и чтобы изменения не выглядели вульгарно.

Теперь дублируем слой (все изменения будем делать на новом слое), просто перетаскиваем слой на значок с плюсом, как на картинке.

deformatsiya 18

deformatsiya 18

Далее нам нужно активировать возможность трансформации. Для этого нужно либо нажать CTRL+T, либо, выбрав инструмент «Перемещение», кликнуть на любой из маркеров.

deformatsiya 19

Активируем режим деформации.

deformatsiya 20

Далее расставляем разделяющие линии там, где, на наш взгляд, будет проходить деформация.              

deformatsiya 21

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

deformatsiya 22

Когда результат удовлетворяет, нажимаем ENTER или кликаем на галочку.

deformatsiya 23

В результате у меня получилась вот такая картинка. Сравните, как было и как стало.

deformatsiya 24

Для большей наглядности вот такое сравнение.

deformatsiya 25

А какое применение этой функции можете предложить вы?

Жду ваших предложений!

Урок "Деформация в фотошопе" завершен.

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

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

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий
Как деформировать изображение в фотошопе разными методами?

Автор Дмитрий Костин На чтение 4 мин. Опубликовано

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

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

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

  1. Деформация
  2. Марионеточная деформация

Деформация

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

Как деформировать любое изображение в фотошопе двумя методами?

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

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

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

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

Как деформировать любое изображение в фотошопе двумя методами?

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

Как деформировать любое изображение в фотошопе двумя методами?

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

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

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

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

Как деформировать любое изображение в фотошопе двумя методами?

  1. Выделите слой с детишками, а теперь идите в главное меню наверху и выберете там пункт «Редактирование», а затем «Марионеточная деформация». Как деформировать любое изображение в фотошопе двумя методами?
  2. Как видите детишек оплела какая то сеточка. И означает это, что мы на правильном пути. Правда теперь нам надо вставить в некоторые части юных танцоров булавочки, которые будут закреплять их в данном месте. Для этого нажимайте левой кнопкой мышки в определенных местах, где надо зафиксировать эту точку. Для примера можете поставить булавки там же, где и я, а дальше сами поймете как это работает. Как деформировать любое изображение в фотошопе двумя методами?
  3. Когда все точки-булавочки поставлены, то мы можем двигать те части изображения, где они крепятся. Давайте попробуем опустить руку девочки чуть ниже, чем она есть на самом деле. Для этого зажмите левую кнопку мышки сначала на первой булавке руки и потяните ее чуть ниже, потом также тяните за вторую и третью булавки. Получается? Отлично. Заодно тоже самое сделаем с ногой. После этого нажмите EnterКак деформировать любое изображение в фотошопе двумя методами?
  4. Теперь давайте сделаем то же самое с рукой и ногой мальчика. Только сильно не увлекайтесь, а то рука может сильно деформироваться и стать тоньше и нереалистичной. Смотрите, что у нас получилось. Как деформировать любое изображение в фотошопе двумя методами?

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

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

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

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

Инструмент деформация (warp) в Фотошопе

Инструмент деформация (warp) в ФотошопеРедактирование - Трансформирование - Деформация (Edit - Transform - Warp) на примере Photoshop CC (2014) (Rus)Редактирование - Трансформирование - Деформация (Edit - Transform - Warp) на примере Photoshop CC (2014) (Rus)

Примечание. Для использования «Деформации», нужно перейти в режим «Трансформирование» нажав Ctrl+T.

Инструмент «Warp» (Деформация) в Фотошопе очень хороший инструмент, если использовать его с толком.

1. Создайте новый документ: 1920 на 1080 рх. Скачайте текстуру:

Инструмент деформация (warp) в Фотошопе

2. Тепереча, в древних городах и пустынях, отыщите и скачайте лампу Алладина. Удалите белый фон, переместите изображение вниз, потом обесцветьте лампу Ctrl+Shift+U (и перестаньте уже ее тереть — джина я еще раньше пересадил в другое место):

Инструмент деформация (warp) в Фотошопе 3. Под лампу нужно добавить тень. Создайте ниже новый слой и назовите это «Lamp Shadow», инструментом Elliptical Marquee Tool (Инструмент «Овальная область» / Клавиша «M») создайте выделение, как показано ниже:Инструмент деформация (warp) в Фотошопе

4. Немного растушуем выделение: нажмите Ctrl+Alt+D и в появившееся поле введите цифру 3, после залейте выделение черным цветом:

Инструмент деформация (warp) в Фотошопе

5. Сдвиньте тень немного правее:

Инструмент деформация (warp) в Фотошопе

6. Теперь, прежде чем мы начинаем добавлять и варпить (деформировать) огонь, разумно будет обозначить изгиб будущего направления, по которому мы и будем его (огонь) накладывать. Это будет своего рода пример-заготовка, по которой мы будем ориентироваться при работе. Создайте новый слой выше остальных, назовите его «start stroke», и затем, используя инструмент Pen Tool («Перо» / Клавиша «P»), нарисуйте путь, как это показано:

Инструмент деформация (warp) в Фотошопе

7. Выберите кисть, откройте палитру с настройками (F5) и подготовьте ее для будущего мазка по нарисованному пути:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

8. Находясь на слое «Start Stroke» выберите инструмент Pen Tool («Перо» / Клавиша «P») и сделайте правый клик, в появившемся меню выберите пункт Stroke path… (Выполнить обводку контура). Далее как показано на скрине:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

9. Понизьте Opacity (Непрозрачность) данного слоя до 10%-20%:

Инструмент деформация (warp) в Фотошопе

10. Загрузите изображение огня и откройте его в фотошопе. Перейдите в палитру Channels (Window - Channels (Окно - Каналы)) и сдублируйте красный канал:

Инструмент деформация (warp) в Фотошопе

11. При выбранной копии красного канала примените к нему кривые Ctrl+M или Image - Adjustments - Curves (Изображение - Коррекция - Кривые / Сочетание клавиш «Ctrl+M»), настройки показаны ниже:

Инструмент деформация (warp) в Фотошопе

12. Теперь, зажав клавишу Ctrl, кликните на этот канал, чтобы получить выделение или сделайте это через меню Select - Load Selection (Выделение - Загрузить выделенную область) и кликнуть Ок:

Инструмент деформация (warp) в Фотошопе

13. Теперь нажмите Ctrl+~, вернитесь в палитру Layer (Слои / F7), скопируйте выделение Ctrl+C и вставьте его в основной рабочий документ. Назовите этот слой «fire flame»:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

14. Вызовите инструмент Free Transform (Редактирование - Свободное трансформирование / Сочетание клавиш «Ctrl+T») и немного уменьшите изображение огня:

Инструмент деформация (warp) в Фотошопе

15. Используя инструмент Lasso Tool (Инструмент «Лассо»), сделайте выделение вокруг нижней части огня и нажмите Ctrl+Shift+J — это разделит обе части огненных языков на разные слои:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

16. В данный момент нам нужна только нижняя часть огня, поэтому можете отключить видимость верхней части:

Инструмент деформация (warp) в Фотошопе

17. Скопируйте слой с нижней вспышкой, придвиньте его к полупрозрачной дуге и нажмите Ctrl+T, чтобы уменьшить дубликат, а потом, сделайте правый клик и выберите пункт Warp (Деформация) и деформируйте огонь вдоль верхушки полупрозрачной линии (повторяя направление):

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

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

Инструмент деформация (warp) в Фотошопе

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

Инструмент деформация (warp) в Фотошопе

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

Инструмент деформация (warp) в Фотошопе

21. Пришло время пустить в ход скрытую ранее часть огня. Дублируйте этот слой и переименуйте его в «stroke_flame_4», переместите на самый верх и деформируйте его, придав форму изгиба, как показано на скрине:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

22. Теперь, когда мы успешно создали первую часть пламени, нам больше не нужен справочный слой с полупрозрачной линией изгиба — удалите его или выключите отображение:

Инструмент деформация (warp) в Фотошопе

23. При помощи функции Image - Adjustments - Hue/Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность / Клавиши «Ctrl+U») вы можете частично изменять цветовой тон нужного участка пламени, добиваясь общности и реалистичности огненных частей:

Инструмент деформация (warp) в Фотошопе

24. Выберите слои с огненной дугой и объедините их в общую папку:

Инструмент деформация (warp) в Фотошопе

25. Теперь давайте начнем работу над сердцем. Прежде всего, как это было и в начале работы, мы должны создать пример-заготовку, форма которой будет нам помогать, как ориентир для наложения пламени. В фотошопе, среди стандартного набора есть подходящая форма. Создайте новый слой, назовите это «heart reference». Выбрав инструмент Custom Shape Tool (Инструмент «Произвольная фигура» / Клавиша «U»), сделайте правый клик и найдите там форму сердца (она находится в одной из наборов). Протяните эту форму, нажмите Ctrl+Enter и залейте получившееся выделение белым цветом, а потом понизьте непрозрачность до 10%:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

26. Для создания сердца мы будем использовать ту же самую технику, что и для выходящего огня из лампы. Подкорректируйте тон рабочего пламени слой «bottom flame»:

Инструмент деформация (warp) в Фотошопе

27. Дублируйте слой «bottom flame», назовите его «heart_flame_1», переместите выше остальных слоев и деформируйте, как это показано:

Инструмент деформация (warp) в Фотошопе

28. Удалите ненужные области и запустите фильтр Liquify (Фильтр - Пластика), где вы сможете деформировать пламя более точечно, см ниже:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

29. Опять скопируйте слой с огнем, переименуйте в «heart_flame_2», поверните под углом и деформируйте, «натягивая»/одевая на контур сердца. Лишние области удалите:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

30. Выберите слои «heart_flame_1» и «heart_flame_2», дублируют их, переместив на иконку создания слоя, что внизу палитры слоев. Отразите копии по горизонтали, как показано, чтобы заместить их на противоположной стороне сердца. Выберите все огненные слои, формирующие сердце и слейте их в один Ctrl+E:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

31. Запустите Filter - Liquify (Фильтр - Пластика) и инструментом Forward Warp (Деформация) подправьте/подтяните некоторые выступающие области:

Инструмент деформация (warp) в Фотошопе

32. Теперь давайте сделаем внутреннюю часть сердца. Сделайте её самостоятельно. Вставьте внутреннюю часть в середину:

Инструмент деформация (warp) в Фотошопе

33. Теперь Вы можете или отключить видимость или удалить заготовочный полупрозрачный слой с формой сердца:

Инструмент деформация (warp) в Фотошопе

34. Выберите слой с серединкой и примените Filter - Liquify (Фильтр - Пластика), чтобы подправить края, как показано ниже:

Инструмент деформация (warp) в Фотошопе

35. Сердце почти готово. Выберите слой «heart flame» и «inside heart (серединка)», нажмите Ctrl+T и поверните их под углом:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

36. Слейте эти слои («heart_flame» и «inside heart») в один и переименуйте его в «big heart». Дублируйте новый слой и назовите копию «mini heart». Для оправдания второго названия, нажмите Ctrl+T и уменьшите копию в размере, переместите ее в сторону:

Инструмент деформация (warp) в Фотошопе

37. Дублируйте слой «stroke_flame_1» и переместите его выше других слоев, чтобы создать дополнительный шлейф от большого сердца к меньшему:

Инструмент деформация (warp) в Фотошопе

38. Шлейф выглядит немного нереалистично, чтобы исправить это, воспользуйтесь фильтром Liquify (Пластика):

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

39. Проделайте подобную операцию и с огоньком, что присоединяется к большому сердцу (слой «stroke_flame_1») и повторять 38. При желании, если это нужно, можете подправьте некоторые остальные части:

Инструмент деформация (warp) в Фотошопе

40. Отлично, мы завершили с деформациями, теперь пришло время немного поработать кистью, чтобы нарисовать отблески огня на лампе. Создайте новый слой выше слоя с лампой, назовите его «lamp light» и переведите его в обтравочную маску Layer - Create Clipping Mask (Слои - Создать обтравочную маску / Сочетание клавиш «Alt+Ctrl+G»):

Инструмент деформация (warp) в Фотошопе

41. Настройте следующим образом круглую кисть: Size (Диаметр) = 3px, Opacity (Непрозрачность) = 40px, Flow (Нажим) = 30%, Цвет - ff8a00:

Инструмент деформация (warp) в Фотошопе

42. Начните подрисовывать края лампы, как показано:

Инструмент деформация (warp) в Фотошопе

43. Измените настройки кисти: Size (Диаметр) = 100 px, Opactiy (Непрозрачность) = 20%, Flow (Нажим) = 10%:

Инструмент деформация (warp) в Фотошопе

44. Создайте слой ниже лампы. Назовите его «lamp glow». Выберите радиальный градиент от прозрачного к цвету (цвет настройте тот же ff8a00) и сделайте небольшой шар. Трансформируйте его и положите под лампу, потом понизьте непрозрачность:

Инструмент деформация (warp) в Фотошопе

45. Добавьте немного свечения позади огненных слоев, это заставит выглядеть картинку более реалистично — огонь ведь светится. Итак, слейте все огненные слои в один «magic flame», но прежде, чем сделать это, на всякий случай сделайте копию вашего документа, возможно, вам придется потом что-то изменить:

Инструмент деформация (warp) в Фотошопе

46. Дублируйте слой «magic flame» и назовите копию «magic glow» (копию поместите ниже). К слою «magic glow» примените фильтр Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) с силой воздействия 10 px, после, понизьте непрозрачность этого слоя до 60%:

Инструмент деформация (warp) в Фотошопе Инструмент деформация (warp) в Фотошопе

47. Создайте новый над всеми остальными, назовите его «Magic Love», перейдите в Image - Apply Image (Изображение - Внешний канал), что создаст новый слой, где отобразится вся картинка (того же эффекта можно добиться нажав Ctrl+Alt+Shift+E):

Инструмент деформация (warp) в Фотошопе

Заключение

Как только вы слили на отдельном слое всю картинку, повысьте ей немного резкости Filter - Sharpen - Sharpen (Фильтр - Усиление резкости - Усиление резкости).

Вот и итог.

Финальный результатИнструмент деформация (warp) в Фотошопе

Автор: Zee7;

Перевел: Manoylov AC;

Ссылка на источник;

Урок взят с Демиарта


Другие материалы по теме:

  1. Перевод и месторасположение Edit - Transform - Warp (Редактирование - Трансформирование - Деформация) на примере Photoshop CC (Eng/Rus).
Рассмотрим функцию деформации перспективы в программе фотошоп CC

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

Если у вас установлен фотошоп СС и имеется видеопамять 512Мб или выше, но функция деформации перспективы не доступна, проверьте настройки производительности программы. Выберите раздел верхнего меню "Редактирование" - "Настройки" - "Производительность" и убедитесь, что в настройках графического процессора стоит галочка у пункта "Использовать графический процессор".

Деформация перспективы простого объекта

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

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

Далее необходимо приобразовать данный слой с изображением в смарт-объект. Для этого кликаем по слою правой кнопкой мыши и в появившемся меню выбираем пункт "Приобразовать в смарт-объект".

После этого в верхней панели меню выбираем "Редактирование" - "Деформация перспективы".

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

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

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

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

Расставив точки и получив нужную перспективу просто нажимаем "Enter", чтобы применить получившиеся параметры.

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

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

Деформация перспективы сложного объекта

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

 Для работы я взял изображение деревянного ящика, изображение которого имеет три видимых плоскости.

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

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

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

После этого, действуем, как и в случае с книгой: в верхнем меню нажимаем "Деформация" и перемещая точки выделенной перспективы настраиваем необходимый ракурс объекта, после чего нажимаем "Enter", для применения деформации.

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

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

Деформация перспективы фото

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

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

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

Далее, перемещаем точки сетки и настраиваем необходимую перспективу зданий.

После того, как перспектива настроена, просто обрезаем фото по краям с помощью инструмента "Рамка".

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

Трансформация, искажение и вращение изображений в фотошопе

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

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

Простое вращение

Команда Вращение изображения (Image Rotation) позволяет повернуть документ целиком (слои и прочее) на 180 или 90 градусов (по часовой стрелке или против часовой стрелки), или же произвольно под любым указанным вами углом. Вы можете также отразить холст (или слой) по горизонтали или по вертикали.

Трансформирование

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

Если вы перейдете в меню Редактирование, то увидите команды Свободное трансформирование (Free Transform) и Трансформирование (Transform) примерно в середине списка. Единственное существенное различие между этими двумя вариантами — это то, что при выборе пункта из меню Трансформирование, вы ограничиваете себя выполнением только этой конкретной задачи, тогда как другая команда позволяет выполнять несколько изменений одновременно (не требуя нажатия клавиши Enter)

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

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

1. Для уменьшения размера выделенной области на одном слое.

2. Для уменьшения размера всего содержимого на одном или нескольких слоях

3. Для увеличения размера вектора, контура, части контура, слоя-фигуры, текстового слоя или смарт-объекта на одном или нескольких слоях.

Чтобы применить команду Свободное трансформирование, выберите слой, а затем нажмите сочетание клавиш Ctrl+T или выберите соответствующую команду меню Редактирование. Фотошоп поместит ограничительную рамку вокруг изображения, содержащую маркеры, позволяющие применять к вашему объекту любую или все из следующих трансформаций: масштабирование, искажение, поворот, перспектива, наклон и деформация.

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

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

Совет

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

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

6. Чтобы наклонить (скосить) объект, удерживайте сочетание клавиш Ctrl+Shift и перетащите один из боковых маркеров (указатель мыши примет вид двунаправленной стрелки).

7. Чтобы свободно исказить изображение, удерживайте клавишу Alt при перетаскивании любого углового маркера.

8. Чтобы изменить перспективу объекта, удерживайте сочетание клавиш Ctrl+Alt+Shift и перетащите любой из угловых маркеров (указатель станет серым). Этот маневр добавляет объекту одноточечную перспективу (другими словами, одну точку схода).

9. Чтобы деформировать изображение, перетащите любую контрольную точку или линию сетки.

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

Если применив трансформирование вы поняли, что его недостаточно, можно повторить операцию, выбрав команду меню Редактирование — Трансформирование — Применить снова. Ограничивающая рамка не появится, вместо этого фотошоп повторно применит то же самое трансформирование.

Совет

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