Как деформировать изображение в фотошопе: Деформация изображений, фигур и контуров в Adobe Photoshop

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

Как деформировать изображение в Photoshop | ПФРЕ

Искать:

Как партнер Amazon, мы зарабатываем на соответствующих покупках.

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

Быстрая Навигация

• Как деформировать изображение в Photoshop
  • Способ 1: активация инструмента деформации
  • Способ 2: деформация изображения
  • Способ 3: Использование инструмента «Марионеточная деформация»
• Полезен ли инструмент фотографа Warp?
• Заключение

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

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

Способ 1: активация инструмента деформации

1. В Photoshop создайте новый документ. Чтобы деформировать изображение, во-первых, загрузить его.
2. Откройте слой и выберите объект, который хотите деформировать. Выберите слой вы хотите деформировать на панели «Слои».
   • Если слой заблокирован, как и в изображениях PNG и JPG, нажмите кнопку блокировки, чтобы разблокировать его. Перетащив слой в символ нового слоя, вы можете продублировать его и сделать редактируемым. Инструмент «Деформация» не влияет на фон.

3. При необходимости выберите сегмент слоя. С помощью одного из инструментов на панели инструментов, например Инструмент прямоугольного выделения или Инструмент лассо, теперь вы можете выбрать часть для деформации. Используйте их так же, как вы бы использовали их для выбора раздела слоя.
   • Подумайте о том, чтобы создать другой слой по вашему выбору (Ctrl+J), чтобы упростить задачу. Имейте в виду, что если вы ничего не выберете, слой будет деформироваться по умолчанию.

4. В меню выберите Правка > Преобразование > Деформация. Теперь к слою или выделению должен быть добавлен сетчатый узор. На этом этапе вы можете начать искажать изображение. 
5. С другой стороны, нажмите Ctrl+T, чтобы ввести инструмент Transform. Вы заметите значок, который выглядит как изогнутая сетка над изогнутой стрелкой в ​​правой части меню параметров. Эта кнопка позволяет переключаться между режимами деформации и свободного преобразования.
   • Чтобы добиться того же результата с помощью инструмента «Преобразование», щелкните правой кнопкой мыши изображение и выберите Деформироваться.

Способ 2: деформация изображения

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

2. Чтобы точно настроить кривые, просто используйте ползунки командной точки. Если вы используете инструмент деформации для деформации или изогните свою картинку, в сетке появляются небольшие участки линий с точками по углам. Вы можете совершенствовать изгибы в искаженном изображении, выбирая и перемещая эти «захваты».
3. Чтобы исказить определенную форму, просто используйте строку всплывающего меню. Вы можете деформировать изображение в одну из многих предопределенных форм, а не изменять его самостоятельно. После того, как ваша фотография выбрана для деформации, найдите всплывающую кнопку «Деформация» в окне «Инструменты». Вы можете выбрать лучший стиль деформации для ваших нужд здесь.
4. Используйте настройки Warp для дальнейшего изменения изображения.
   Во всплывающем окне «Деформация» на панели инструментов есть несколько дополнительных настроек, которые могут помочь вам скорректировать искаженное изображение. Ниже приведены подробности:
   • Изменить ориентацию деформации: значок напоминает изогнутую сетку со стрелками вниз и вправо рядом с ним. Это изменяет ориентацию скрученной части с вертикальной на горизонтальную.
   • Изменить опорную точку: значок имеет форму черного квадрата с белой квадратной рамкой.
   • Укажите деформацию в цифрах: добавьте значения в разделы «Изгиб Y» и «X», чтобы указать, насколько изображение должно быть изогнуто.

5. Завершите изменения. Сохраните изображение, если вас устраивают сделанные вами изменения. Есть два способа сделать это:
   • Просто нажмите Введите ключ or Return на Mac.
   • Нажмите значок галочки на панели параметров.
   • Чтобы отменить свою работу, нажмите Escape или нажмите значок отмены рядом со значком галочки.

Способ 3: Использование инструмента «Марионеточная деформация»

1. Для марионеточной деформации, выберите изображение. В фотошопе, инструмент «Марионеточная деформация» аналогичен инструменту «Деформация» тем, что позволяет быстро изменять фотографию от руки, что подходит для фотография недвижимости.. Используйте следующие инструкции, чтобы использовать его:
   • Создайте слой для изображения, которое вы хотите деформировать.
   • На панели «Слои» убедитесь, что слой выбран.
   • Во всплывающем меню выберите Правка > Марионеточная деформация.

2. На изображении нарисуйте сетку линий. Выбрав фотографию для деформации марионетки, выберите вставку «булавок» в изображение (отмечены крошечными точками). Перемещение булавки после ее вставки деформирует изображение в этом месте. Другие контакты будут «запирать» окружающую их область на месте, предотвращая ее изменение.
   • Из-за того, как работают булавки, размещение всего нескольких булавок в критических областях изображения, которые вы хотите исказить, обычно является мудрым выбором.  

3. Переместите точки, чтобы изменить изображение. После того, как вы расположили булавки, вы можете щелкнуть и перетащить любую булавку, чтобы переместить ее. Изображение будет пропорционально искажаться по мере того, как вы перемещаете булавку, вытягивая или толкая область вокруг нее. Требуется некоторый опыт, чтобы освоить деформацию марионетки, но как только вы это сделаете, это станет эффективным и быстрым методом внесения изменений.
   • В дополнение к отмеченной точке вы можете использовать кнопки со стрелками для внесения незначительных изменений.
   • Кроме того, Shift+щелчок можно использовать для одновременного выбора нескольких точек.
4. Используйте функцию «Глубина булавки», чтобы переместить части изображения на задний план. Чтобы деформировать изображение так, чтобы его часть отображалась за другой, начните с замены контактов на дисплее. Затем на панели параметров перетащите выделенную область вперед или назад, используя клавиши «вверх» и «вниз» рядом с параметром «Глубина булавки».
5. Просто используйте параметры Puppet Warp, чтобы изменить изображение. Внесите следующие изменения на панели инструментов, чтобы изменить работу инструмента «Марионеточная деформация»:
   • Режим: контролирует, насколько экстремальны ваши изменения. Искажение увеличивает гибкость вашего изображения, в то время как жесткость вносит небольшие изменения.
   • Расширение: Вы можете использовать эту функцию для увеличения или сожмите внешний край булавочного беспорядка.
   • Плотность: регулируется расстояние между точками сетки. Дополнительные точки повысят вашу точность, но они создадут нагрузку на ваш компьютер. С меньшим количеством точек вы сможете вносить изменения быстрее, но они будут менее точными.

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

Полезен ли инструмент фотографа Warp?

Инструмент деформации в Photoshop будет вам полезен в зависимости от ваших потребности в фотографии недвижимости и насколько вы модифицируете свои изображения после того, как сделаете их. Например, вы можете использовать его для выравнивания стен или даже добавить новые элементы на фото.  Постобработка фотографий может занять некоторое время, и хотя использование инструмента «Деформация» — это простой способ добавить немного стиля, цель все же должна состоять в том, чтобы получить максимально точный кадр без каких-либо изменений.

Заключение

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

• Автор
• Последние посты

Вендоры

Искать:

Темы обучения

53 совета по фотосъемке недвижимости

Изучите более 50 бесплатных советов, которые можно применить во время следующей съемки!

English

стрелка вверхлупапересекатьпоперечный круг

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

Главная » Работа с компьютерными программами » Adobe Photoshop

Автор Дмитрий Костин Просмотров 1. 6к. Опубликовано 27.02.2016 Обновлено 27.02.2016

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

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

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

Содержание

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

Деформация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-147’, blockId: ‘R-A-188774-147’ })})»+»ipt>»; cachedBlocksArray[108307] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-146’, blockId: ‘R-A-188774-146’ })})»+»ipt>»; cachedBlocksArray[185024] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-169’, blockId: ‘R-A-188774-169’ })})»+»ipt>»; cachedBlocksArray[119236] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-168’, blockId: ‘R-A-188774-168’ })})»+»ipt>»; cachedBlocksArray[132495] = «window.yaContextCb.push(()=>{ Ya. Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-164’, blockId: ‘R-A-188774-164’ })})»+»ipt>»; cachedBlocksArray[119235] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-159’, blockId: ‘R-A-188774-159’ })})»+»ipt>»; cachedBlocksArray[108305] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-163’, blockId: ‘R-A-188774-163’ })})»+»ipt>»; cachedBlocksArray[108302] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-161’, blockId: ‘R-A-188774-161’ })})»+»ipt>»; cachedBlocksArray[108304] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-150’, blockId: ‘R-A-188774-150’ })})»+»ipt>»; cachedBlocksArray[108300] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-148’, blockId: ‘R-A-188774-148’ })})»+»ipt>»; cachedBlocksArray[108306] = «window. yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-145’, blockId: ‘R-A-188774-145’ })})»+»ipt>»; cachedBlocksArray[108299] = «»; cachedBlocksArray[108309] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-143’, blockId: ‘R-A-188774-143’ })})»+»ipt>»; cachedBlocksArray[108303] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-138’, blockId: ‘R-A-188774-138’ })})»+»ipt>»; cachedBlocksArray[108301] = «window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: ‘yandex_rtb_R-A-188774-92’, blockId: ‘R-A-188774-92’ })})»+»ipt>»;

Оцените автора

изображений деформации с помощью Enhanced Warp Tool в Photoshop

Узнайте, как деформировать изображения, как никогда раньше, с помощью улучшенной команды «Деформация» в Photoshop 2020!

Автор сценария Стив Паттерсон.

Одной из лучших новых функций Photoshop CC 2020 является расширенная команда «Деформация». В то время как Photoshop позволял нам деформировать изображения в течение многих лет, элементы управления и параметры команды «Деформация» до сих пор были довольно ограниченными. Но с CC 2020 это уже не так. Adobe добавила новые мощные усовершенствования в Warp, в том числе новые пресеты сетки Warp, новые настраиваемые размеры сетки и возможность добавлять собственные линии сетки и контрольные точки везде, где они нам нужны. Теперь мы можем выбирать и деформировать несколько точек на изображении одновременно, и мы даже можем независимо масштабировать и вращать разные области изображения!

В этом уроке я покажу вам, как работает каждая новая функция команды Warp. Чтобы использовать эти функции, вам понадобится Photoshop 2020 или новее. Поэтому, прежде чем продолжить, убедитесь, что ваша копия Photoshop CC обновлена.

Начнем!

Настройка документа

Для этого урока я создал простой документ с танцующим мужчиной на градиентном фоне. Исходное фото танцора было загружено из Adobe Stock, и я использовал новый инструмент выделения объектов в Photoshop CC 2020, чтобы удалить его с остальной части изображения. Градиент позади него — один из многих новых градиентов, включенных в Photoshop CC 2020: 9.0003

Исходный документ. Танцовщица из Adobe Stock.

На панели «Слои» мужчина появляется на своем собственном слое («Слой 1») над слоем «Градиентная заливка». Убедитесь, что выбран правильный слой, прежде чем выбирать команду «Деформация»:

.

Выбор слоя, который будет деформирован.

Связанный: Освойте интерфейс Photoshop!

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

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

Чтобы преобразовать слой в смарт-объект, нажмите на панели «Слои» значок меню в правом верхнем углу:

Открытие меню панели «Слои».

И выберите Преобразовать в смарт-объект :

Выбор команды «Преобразовать в смарт-объект».

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

Значок смарт-объекта.

Связанный: Как редактировать смарт-объекты в Photoshop!

Где найти команду «Деформация» в Photoshop?

Есть несколько способов получить доступ к команде «Деформация» в Photoshop. Один из них, поднявшись до Edit меню в строке меню, выбрав Transform , а затем выбрав Warp . Это позволяет вам получить прямой доступ к команде Warp:

Перейдите в Редактирование > Преобразование > Деформация.

И другой способ — с помощью команды Free Transform в Photoshop. Откройте Free Transform, перейдя в меню Edit и выбрав Free Transform , или нажав Ctrl+T (Win) / Command+T (Mac) на клавиатуре:

Перейдите в Редактирование > Свободное преобразование.

Затем с активным Free Transform щелкните значок Warp на панели параметров:

Щелкните значок деформации.

Элементы управления деформацией по умолчанию в Photoshop CC 2020

Когда вы выбираете команду «Деформация», Photoshop помещает поле «Деформация» по умолчанию вокруг содержимого слоя:

Поле деформации по умолчанию.

Как использовать элементы управления Warp по умолчанию

С элементами управления по умолчанию режим деформации в Photoshop CC 2020 ведет себя почти так же, как и в предыдущих версиях Photoshop. Вы можете щелкнуть и перетащить в любое место внутри рамки, чтобы свободно деформировать и изменить форму изображения:

Щелчок и перетаскивание внутри окна деформации.

Вы можете перетащить контрольную точку в каждый угол поля:

Щелкните и перетащите угловые точки.

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

Щелчок и перетаскивание маркеров управления.

Как отменить деформацию

В Photoshop CC 2020 команда «Деформация» (и команда «Свободное преобразование») теперь дает нам несколько отмен. Чтобы отменить последний шаг, поднимитесь на Меню Edit и выберите Undo или нажмите Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре. А чтобы отменить несколько шагов, несколько раз нажмите Ctrl+Z (Win)/Command+Z (Mac):

Переход к редактированию > отменить.

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

Нажатие кнопки сброса.

Получение большего контроля с пресетами сетки деформации

Что делать, если вы хотите больше контроля над деформацией, чем предлагают элементы управления по умолчанию? Новое в Photoshop CC 2020: теперь вы можете выбрать один из трех пресетов сетки деформации . Чтобы выбрать предустановку, нажмите на новую опцию Grid на панели параметров:

Выбор параметра «Сетка».

И выберите сетку 3×3 , 4×4 или 5×5 :

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

Перед изображением появляется сетка. Здесь я выбрал сетку 3×3. И обратите внимание, что вместо того, чтобы видеть контрольные точки только в углах, теперь у нас есть контрольная точка в каждом месте, где пересекаются горизонтальные и вертикальные линии сетки. Таким образом, просто добавив предустановку сетки 3×3, мы увеличили количество контрольных точек с четырех до шестнадцати: 9.0003

Предустановка сетки деформации 3×3.

Перетаскивание контрольной точки

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

Щелкните и перетащите контрольную точку в сетке.

Перетаскивание ручки управления

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

Перетаскивание маркера управления, выступающего из точки.

Вращение контрольной точки

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

Вращение изображения вокруг контрольной точки.

Деформация линии сетки

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

Щелкните и перетащите одну из линий сетки.

Как деформировать несколько контрольных точек одновременно

До сих пор мы рассматривали, как деформировать изображение, используя одну контрольную точку за раз. Но в Photoshop CC 2020 мы также можем деформировать несколько контрольных точек одновременно.

Выбор нескольких контрольных точек

Чтобы выбрать несколько точек, нажмите и удерживайте клавишу Shift на клавиатуре и щелкните точки, которые вы хотите выбрать. Или более быстрый способ — удерживать Shift и просто перетаскивать точки, чтобы выбрать их. Если вы выбрали точку по ошибке, удерживайте нажатой клавишу Shift и щелкните точку, чтобы отменить выбор.

Здесь я выбираю четыре точки в центре сетки. Вокруг выбранных вами точек появится рамка:

Удерживая Shift и перетаскивая, выберите несколько контрольных точек одновременно.

Перемещение выбранных точек

Чтобы переместить все выбранные точки одновременно, щелкните и перетащите внутри поля:

Перетаскивание всех выбранных точек вместе.

Масштабирование выбранных точек

Чтобы масштабировать область внутри выбранных точек, щелкните и перетащите угол поля:

Масштабирование области внутри выбранных точек.

Вращение выбранных точек

И чтобы повернуть выбранные точки, переместите курсор мыши за пределы поля, пока он не примет форму значка поворота, а затем щелкните и перетащите:

Вращение области внутри выбранных точек.

Как отменить выбор нескольких точек

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

Создание пользовательской сетки деформации

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

На панели параметров установите для параметра Grid значение Custom :

.

Настройка сетки на «Пользовательский».

Затем в диалоговом окне Пользовательский размер сетки введите необходимое количество столбцов и строк. Я введу 6 для обоих. Нажмите OK, когда закончите:

Создание пользовательской сетки Warp.

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

Пользовательская сетка деформации 6×6.

Как добавить собственные линии сетки деформации

Наконец, для точного управления деформацией Photoshop CC 2020 теперь позволяет добавлять собственные линии сетки везде, где они вам нужны!

На панели параметров вы найдете новую опцию под названием 9. 0027 Split , с тремя значками рядом с ним, каждый из которых дает вам разные способы «разделить» сетку. Начиная слева, Split Crosswise добавляет как вертикальную, так и горизонтальную линию сетки, Split Vertical добавляет вертикальную линию сетки, а Split Horizontal добавляет, как вы уже догадались, горизонтальную линию сетки:

Варианты разделения поперек (слева), по вертикали (посередине) и по горизонтали (справа).

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

Выбор параметра «Разделить поперек».

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

.

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

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

Щелкните и перетащите новую добавленную контрольную точку.

Более быстрый способ добавления линий сетки

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

В большинстве случаев Photoshop выберет параметр Разделить поперек , который добавляет как вертикальную, так и горизонтальную линию сетки. Но если вы щелкнете достаточно близко к существующей вертикальной линии сетки, Photoshop предположит, что вы хотите добавить горизонтальную линию, и выберет Split Horizontal . Точно так же, щелкнув рядом с существующей горизонтальной линией сетки, Photoshop выберет Split Vertical .

Как удалить пользовательскую линию сетки

Если вы разделили сетку не в том месте и хотите ее удалить, щелкните контрольную точку вдоль линии сетки, чтобы выбрать ее, а затем щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) и выберите в меню Remove Warp Split :

Выбор команды «Удалить разделение деформации».

Как принять варп

Чтобы принять деформацию, нажмите галочку на панели параметров:

Нажатие галочки.

Или, чтобы отменить и закрыть команду Warp без сохранения изменений, нажмите кнопку Cancel :

Нажатие кнопки «Отмена».

И вот оно! Вот как деформировать изображения с помощью расширенной команды Warp в Photoshop CC 2020! Ознакомьтесь с нашим разделом «Основы Photoshop», чтобы узнать больше руководств. И не забывайте, что все наши уроки Photoshop доступны для скачивания в формате PDF!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Как деформировать изображения в Photoshop (3 простых шага + советы)

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

Привет! Меня зовут Кара, и я ценю то, как инструмент деформации помогает мне получать изображения именно такими, какими я хочу. Например, однажды я использовал инструмент «Деформация», чтобы превратить изображение бабочки сверху вниз в летящее изображение, чтобы добавить его в композицию!

Хотите такую ​​же гибкость при работе с изображениями? Позвольте мне показать вам, как деформировать изображения в Photoshop!

Краткое примечание: приведенные ниже снимки экрана основаны на версии Adobe Photoshop CC для Windows.

Содержание

• Шаг 1. Сделайте выделение
• Шаг 2. Откройте инструмент деформации
• Шаг 3. Деформируйте изображение
  • Деформация сетки
  • Выбор нескольких точек
  • Создание собственных линий сетки
• Создание собственных линий сетки

Selection

Во-первых, вам нужно указать Photoshop, на какую часть изображения вы хотите повлиять. Сделайте выделение вокруг вашего объекта. Я собираюсь использовать кнопку Select Subject на панели Options для этого изображения. Чтобы кнопка появилась, один из инструментов выделения должен быть активен.

Нажмите Ctrl + J или Command + J , чтобы скопировать выделение на новый слой.

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

Шаг 2. Откройте инструмент деформации

Есть два способа добраться до инструмента деформации . Первый — перейти к Edit , навести курсор на Transform и выбрать Warp из меню.

Другой способ — открыть инструмент Transform с помощью сочетания клавиш Ctrl + T или Command +

3 7 7 7 Затем выберите инструмент деформации, щелкнув значок на Параметры бар.

Как бы вы это ни делали, вы получите коробку, которая выглядит вот так.

Шаг 3: Деформация изображения

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

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

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

Если вы ошиблись, вы всегда можете нажать Ctrl + Z или Команда + Z для отмены Если вы столкнулись с полным беспорядком и хотите начать все сначала, нажмите кнопку Сброс на панели параметров .

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

Что делать, если вам нужно, чтобы инструмент деформации был более точным? Вы получаете только 12 контрольных точек по краям и ни одной посередине. У вас нет точного контроля ни над одним пунктом внутри изображения.

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

Перейдите к полю Grid на панели Options . По умолчанию будет указано По умолчанию. Откройте раскрывающееся меню и выберите один из трех вариантов сетки. Размер 5×5 даст вам больше контрольных точек.

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

Как и раньше, щелкните и перетащите контрольные точки, чтобы деформировать изображение.

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

Выбор нескольких точек

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

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

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

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

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

Вы можете сделать многое, так что экспериментируйте и получайте удовольствие!

Создание собственных линий сетки

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