Команда 'Исказить' в Фотошопе. Трансформация, искажение и вращение изображений в фотошопе
Прежде всего, сделаем копию слоя с оригинальным изображением, для того, чтобы всегда иметь под рукой нетронутый оригинал, для этого открываем панель слоёв, на данный момент у нас активен фоновый слой, и нажимаем комбинацию Ctrl+J. Теперь в палитре слоёв у нас имеется два слоя:
Теперь, когда мы работаем над копией изображения, давайте применим к неё фильтр "Коррекция дисторсии" (Lens Correction). Открывается он через меню "Фильтр":
Смотреть другие материалы по обрезке и кадрированию изображений
10 вещей, которые нужно знать об обрезке изображений в Photoshop
Обрезать и отредактировать фотографию онлайн
Обрезка изображения в Adobe Camera Raw
Выравнивание изображения, исправление перспективы в Photoshop
Выравнивание изображения по горизонтали
После запуска фильтра открывается диалоговое окно с различными инструментами в левой и правой части окна.
Перед тем, как заняться исправлением трапецеидальных проблем, мы должны позаботиться о том, что другие недостатки геометрии фотографии были бы справлены заранее.
Для начала, давайте удостоверимся, что наше изображение расположено строго по горизонтали. Это мы можем сделать это с помощью инструмента "Выпрямление" (Straighten Tool), его иконка вторая сверху с левой стороны диалогового окна:
Нажмите на иконку для активации инструмента. Затем нажмите на изображение и просто протащите курсор вдоль того участка, который должен быть расположен горизонтально. В нашем случае это крыша здания:
Когда вы отпустите кнопку мыши, Photoshop повернёт изображение так. что крыша здания. вдоль которой мы протащили курсор, займёт строго вертикальное положение (если до этого она была не вертикальна, конечно).
Примечание. Проверить положение объекта Вы сможете, временно включив сетку, для этого следует поставить галку у опции "Показать сетку" (Show Grid) в нижней части диалогового окна фильтра.
Исправление подушкообразного и бочкообразного искажения
Подушкообразное искажение - искажение фото, при которых изображение как бы вогнуто внутрь, бочкообразное - прямое противоположность подушкообразному, при нём изображение кажется выпуклым, прямые линии изогнуты в пространстве наружу. На рисунке показан схематичный пример этих искажений:
Конечно, не все изображения имеют эти проблемы, но лучше всегда быть к этому готовым и знать, как их устранить. И сделать это необходимо перед устранением трапецеидальных искажений.
В Photoshop имеется несколько способов устранения подушкообразных и бочкообразных искажений, простейший и эффективный - воспользоваться инструментом "Удаление искажения" (Remove Distortion), иконка которого находится в левом вернем углу диалогового окна фильтра "Коррекция дисторсии":
Перетащите ползунок влево, чтобы исправить подушкообразность, или вправо, чтобы исправить бочку. Убедитесь, что вы не протащили ползунок слишком далеко, иначе вы получите противоположную проблему вместо исправления. Скорей всего, вам понадобится сетка, напоминаю, что отображение сетки включается в нижней части диалогового окна, там же регулируется и шаг сетки:
Если вы всё-таки переусердствовали с исправлением, введите в окошко над ползунком значение 0 (ноль).
Исправление трапецеидальности
В нижней части колонки, расположенной в правой части диалогового окна, имеется раздел "Перспектива" (Transform), где находится опция "По вертикали" (Vertical Perspective), и все, что нам нужно сделать, чтобы для исправления, это перетащить слайдер опции "По вертикали влево или вправо. Для изображений, где здание выглядит наклонённым внутрь снимка, следует перетащить ползунок влево. В процессе перетаскивания вы увидите, как изображение в области предварительного просмотра постепенно наклоняется вперед. Чем дальше вы будете перетаскивать ползунок, тем сильнее изображение будет наклоняться, при этом стороны здания как бы сами будут выпрямляться. Смотрите на стороны здания и сравнивайте их положение с вертикальными линиями в сетке. Когда линии сетки и положение сторон здания станут параллельно друг другу, исправление трапецеидального искажения закончено:
Иногда, для удобства, бывает необходимо переместить сетку относительно изображения, чтобы линия сетки совпадала с одной из сторон здания. Для этого выберите инструмент "Перемещение сетки" (Move Grid Tool), расположенный в левой части диалогового окна, и мышкой и перетащите сетку:
Применение "Свободной Трансформации" (при необходимости)
В некоторых случаях, вы можете заметить, что здание выглядит несколько низким. Если это так, то нажмите комбинацию Ctrl+T на клавиатуре и растяните изображение по высоте, чтобы придать зданию нужный вид.
Обрезка изображения
Photoshop CS6, в отличии от версий ниже, самостоятельно размещает исправленное изображение в кадре, так что обрезка не требуется.
В результате мы получили готовое исправленное изображение.
2 голосаДоброго времени суток, уважаемые читатели моего блога. Сегодня мы с вами будем говорить про одну из моих самых любимых функций Photoshop. Благодаря ей можно создавать невероятные коллажи и не ограничивать себя.
Знаете, как говорят про мозг, который мы используем всего на 2%? Меня всегда интересовало, как они вычислили эту цифру, раз никому в мире не удалось разогнать этот орган на все 100? Это все равно что говорить про то, что на прочитал треть невидимой книги. Почему я вдруг вспомнил об этом?
Если вы не умеете деформировать фрагменты в photoshop, то это действительно значит, что вы используете программу всего на 2%. Но сегодня мы изменим эту ситуацию. Я расскажу как наклонить изображение в фотошопе и подгонять его под определенным углом и по размеру. Этот навык пригодится так часто, как ни один другой.
Искажать фрагменты можно через меню редактирование и благодаря фильтрам. Конечно же, практически для каждой опции есть горячие клавиши. Некоторые из них я вам советую запомнить. Научившись управлять этими функциями, вы станете в разы лучше, а обращаться к его помощи чаще.
«Редактирование»
Вы можете повернуть любую картинку или ее часть. В этом нет ничего сложного. Вот только если вы просто ее откроете, то возникнет некая, на первый взгляд, сложность. Вы не найдете нужной опции в меню. Она будет скрыта, горячие клавиши тоже откажутся работать.
Все дело в том, что первым делом вам нужно открыть фото для редактирования. Справа, в меню «Слой», вам нужно щелкнуть по замочку, который располагается рядом с эскизом.
После того как вы это сделается, вам откроются все блага фотошопа. В том числе и трансформирование. Вы найдете его в меню сверху, через категорию «Редактирование».
Если теперь внутри картинки вы нажмете правую клавишу мыши, то у вас появятся дополнительные опции. Такие же, какие вы могли видеть открыв меню сверху.
Если вы просто нажимаете Ctrl+T, то тем самым показываете программе, что хотите применить изменения ко всему слою. Если вам нужно только определенная часть, то ее нужно выделить. Сделать это можно несколькими способами. Если вам интересуют все существующие, то прочитайте мою статью . Я же воспользуюсь одним из простейших инструментов в панели инструментов слева.
После того как выделил фрагмент, нажимаю Ctrl+T и мышью подбираюсь к одному из углов выделенной картинки, курсор меняется на стрелку. Поворачиваю объект в плоскости. Если при этом зажать кнопку Shift, то шаг (движение мышки относительно центра) будет составлять 15 градусов. Фрагмент будет прилипать к 15, 30, 45, 60, 75, 90 градусам и так далее.
Если вам нужен угол наклона в несколько градусов, то просто отпустите shift и ориентируйтесь по подсказкам, которые появляются рядом со стрелкой.
Нажав на кнопку Ctrl вы сможете искажать изображение, двигать угол в любое удобное для вас место, остальные останутся на тех же местах, где и находились раньше.
Вы можете запомнить эти клавиши быстрого доступа, но часто использовать вы будете только Ctrl+T. Так что давайте немного расслабим память и я покажу какие функции есть в меню. Только сейчас я показывал вам «Искажение».
Если выбрать его в панели меню, то по углам и центрам появятся точки. Вы можете дергать за каждую из них, фото будет менять положение.
Если выбрать режим «Наклон», то можно положить картинку назад, выставить ее вперед или двигать в плоскости.
Углы будут более жесткие, недвижимые.
Зажав Alt изображение будет меняться по линии согласно пропорциям. Двигаете слева – фото меняется и справа.
Положить и перевернуть картинку лучше всего при помощи перспективы.
Ну а деформация позволит делать с рисунком все что угодно. Здесь углы уже будут мягкими и податливыми.
Можно перемещать каждую точку пересечения.
Чтобы картинка повернулась в зеркальном отражении есть удобная и простая кнопка «отразить по горизонтали». При помощи вызова меню правой кнопкой мыши вам будет доступны быстрые способы повернуть фото на 180 или 90 градусов против или по часовой стрелке.
После того как все изменения выполнены нужно нажать Enter, а затем Ctrl+D. Первое действие закрепит изменения, а второе уберет выделение. Бегающие муравьи исчезнут. Этого же можно добиться щелчком мышки по эскизу слоя в панели справа.
«Марионеточная деформация»
Марионеточная деформация позволяет менять часть изображения не затрагивая остальные его части. Это не самые простой инструмент, чтобы научиться им пользоваться придется потренироваться.
В отличие от простой деформации, вы будете работать при помощи булавок, а не направляющих на сетке. Они выполняют две различные функции. Во-первых, поворачивают объект, если сделать булавку активной, а, во-вторых, закрепляют его.
Активировать булавку можно при помощи простого щелчка мыши. Если нужно выделить сразу несколько, то воспользуйтесь клавишей Shift.
Нажав Enter можно выйти из этого режима и применить изменения.
Фильтры «Искажение»
Еще один интересный прием – фильтры. Они также позволяют изменить угол наклона рисунка или объекта, создать новую форму, видение предмета. Если в первом случае вы работаете над коррекцией фотографии, то фильтры скорее помогают создавать новый проект.
Здесь есть волна, дисторсия, зигзаг, искривление, полярные координаты, рябь, скручивание, смещение и сферизация. Я не буду показывать как работает каждый из них. Вам достаточно будет открыть программу и посмотреть все самостоятельно. Функции не сложные, без каких-либо особых дополнительных возможностей.
Расскажу лишь про дисторсию, – это один из самых полезных фильтров. Он позволяет «вжать» объект в фото или наоборот, создать эффект «подушки». Как например на эскизе снизу, выдающиеся части Анжелины стали выгибаться еще сильнее.
Если так вышло, что вы сфотографировали объект неправильно, выпукло что ли… то фильтр поможет исправить ситуацию.
Остальные фильтры используют скорее не для коррекции какого-то готового портрета, а создания интересного нового изображения со спецэффектами.
Предположим вот такого.
Или вот такого.
Конечно, это лишь малая часть функций мощной программы, способной творить чудеса. Но уже благодаря им и толики дизайнерского вкуса можно создавать уникальные изображения, красивые проекты с сумасшедшими эффектами и делать работу качественно. Если вас интересует создание коллажей, то могу посоветовать вам курс «Волшебные коллажи », который позволит быстренько научиться всему, что для этого нужно.
Ну а если вам бы хотелось разобраться со всеми инструментами, которые есть в программе и как узнать как можно больше о том, на что вы в принципе можете быть способны, то рекомендую вам «Фотошоп с нуля в видео формате ».
Предполагаю, что сейчас вам неизвестно, что вы можете сами или , добавлять анимацию или . Зная инструменты в голове сами собой будут появляться идеи как реализовать ту или иную задачу. Главное, чтобы возникла потребность.
Подписывайтесь на рассылку моего блога и узнавайте как заработать на своем хобби. С какими трудностями можно столкнуться и как их проще всего решить. Вам будет доступно гораздо больше. Жизнь наполнится интересными событиями. Уверяю.
До новых встреч и удачи в каждом новом деле.
И на очереди инструмент под названием - Марионеточная деформация . С помощью этого инструмента можно трансформировать любую часть изображения. Находится этот пункт в меню "Редактирование" -> "Марионеточная деформация" (Edit->Puppet Warp).
В самом начале инструмент может быть неактивным. Это может быть связано с тем, что слой или заблокирован или просто не выбран. Поэтому разблокируем слой и начнем работу с фотошоп инструментом .
Когда вы будете использовать марионеточную деформацию, всегда отделяйте объект от основного изображения. Как этом сделать можете посмотреть или . В данном конкретном примере у нас есть паучок, который уже отделен от основного изображения и находится на отдельном слое.
Давайте теперь, стоя на нужном слое, включим марионеточную деформацию. Изображение у нас покрылось сеткой, а сверху, на панели инструмента, появились новые настройки. Давайте немного по ним пройдемся.
Вот какие настройки есть у фотошоп инструмента:
Режим - эта установка позволяем нам определить эластичность нашей сетки на изображении: строгий, нормальный и искажение;
- Частота - это расстояние между узлами сетки. Этой опцией мы добиваемся более тонкой настройки деформации. Она может иметь значения: меньше точек, нормальный и больше точек;
- Расширение - опция, которая отвечает за область покрытия. Чем больше цифра, тем больше сетка выходит за границы изображения;
- Сетка - отвечает за скрытие сетки с изображения;
- Поворот - может быть фиксированным или авто. В дальнейшем мы разберемся с ним более подробно.
Теперь давайте попробуем что-нибудь деформировать. Прежде чем это делать давайте представим марионетку, т.е. куклу, которая сама по себе не двигается и подвязана на веревочках. Сверху эта кукла управляется пальцами, когда мы дергаем за эти веревочки. Так и здесь, мы можем указать какая часть изображения будет двигаться и как изменяться, а для того, чтобы ограничить область передвижения изображения, мы ставим специальные точки, которые называют булавки. Давайте представим, что мы хотим изменить какаую-то часть изображения, к примеру, передвинуть лапку у паука, относительно остальной его части. В данном случае остальная часть, кроме передвигаемой лапки, должна быть заблокирована. Блокировать ее будем через булавки, которыми мы указываем заблокированную от движения часть изображения. Поставить их можно через клик левой клавишей мыши по сетке.
Теперь если мы зажмем лапку левой клавишей мыши и немного перетащим ниже, то она будет изменяться относительно остального изображения.
Если вы хотите еще ограничить передвижение лапки, то достаточно добавить на нее новую булавку как на рисунке ниже.
Мы можем убирать булавки, если где-то они были поставлены случайно. Для этого щелкаем по ней и нажимаем клавишу "Backspace" (это обычная стрелка направленная влево, находящаяся выше клавиши "Enter"). Также, можно щелкнуть правой клавишей мыши по булавке и из выпадающего меню выбрать пункт "Удалить булавку".
Ну и еще один прием, зажимаем клавшу "Alt" на клавиатуре, подводим к булавке пока не появится иконка ножниц и щелкаем мышкой. Поинт удалится.
Также, мы можем крутить изображение. Для этого щелкаем по булавке левой клавишей мыши, зажимаем на клавиатуре клавишу "Alt" и немного уводим курсор в сторону. Вокруг поинта появляется окружность и теперь, зажав левую клавишу мыши, мы можем крутить изображение.
В данном случае у нас вступает в действие настройка "Поворот". Если оставляем настройку на пункте "Фиксированный", то мы сами задаем поворот зажатой клавишей мыши. Если оставляем на пункте "Авто", то рядом необходимо поставить еще градусы, т.е. указать на сколько мы хотим сделать поворот изображения.
Еще одной особенностью инструмента является то, что мы можем изменять изображение используя несколько булавок. Чтобы их соединить сначала выбираем один поинт, а затем нажимаем клавишу "Shift" и щелкаем еще по одной булавке. Теперь изображение будет деформироваться согласно выделенным точкам.
И еще одна особенность о которой я не могу не сказать. В фотошопе имеется возможность выделить часть изображения, над которой мы будем работать с инструментом. Для этого выбираем любой из инструментов выделения, к примеру, "Лассо" или "Прямоугольная область", выделяем участок и заходим в инструмент "Марионеточная деформация". Таким образом все изменения будут происходить только на части изображения, которая находится в выделении, а все остальное изображение будет не задействовано.
На этом у меня все.
Видеоурок:
Инструмент применяется для трансформации размера и формы изображения. Инструмент можно активировать с помощью команды Редактирование > Свободное трансформирование (Edit > Free Transform) или с помощью горячих клавиш Ctrl + T . Вокруг изображения появится рамка трансформации с маркерами в виде квадратиков.
Выбрав инструмент Свободное трансформирование, Вы сможете поворачивать, увеличивать, уменьшать, отображать в перспективе, искажать, наклонять, отражать по вертикали и горизонтали изображение. Трансформирование можно применять как к целому изображению, так и к отдельно выделенной части изображения или объекту. Рассмотрим инструмент трансформации более подробно.
Панель настроек инструмента.
Как и любой другой инструмент Фотошоп Свободное трансформирование (Free Transform) имеет свою панель настроек.
В группе параметров 1 можно менять положение центрального маркера (нажимая на один из белых квадратиков на иконке инструмента), вокруг которого происходит вращение рамки трансформации с изображением.
В группе 2 можно задать точный масштаб трансформации по ширине и высоте. Если нажата кнопка в виде цепочки, изменения будут происходить с сохранением пропорций изображения.
В группе параметров 3 можно задать угол поворота изображения. При вводе положительного значения угла, изображение повернётся по часовой стрелке, при вводе отрицательного - против часовой стрелки.
В группе 4 можно наклонять изображение на заданный угол в горизонтальной и вертикальной плоскостях.
Работа с инструментом.
1. Чтобы изменить размер изображения, перетаскивайте один из маркеров расположенных по периметру рамки трансформации.
2. Чтобы изменить размер изображения сохраняя пропорции, удерживайте клавишу Shift и перетаскивайте один из угловых маркеров.
3. Чтобы повернуть изображение вокруг центральной точки, выведите курсор за пределы рамки (курсор примет вид изогнутой стрелки в двух направлениях) и перемещайте в направлении поворота. Можно изменить координаты оси поворота, передвинув центральную точку в нужное место.
4. Чтобы спрятать рамку и лучше видеть внесённые изменения, нажмите Ctrl + H (нажмите ещё раз и рамка появится снова).
5. Чтобы применить трансформацию и завершить работу с инструментом, нажмите Shift .
Трансформирование.
Расположив курсор внутри рамки трансформирования и нажав правую кнопку мышки, откроется подменю Трансформирование (Transform) .
1. Масштабирование (Scale) . Изменение размера изображения или выделенного объекта. Эту функцию мы рассмотрели выше (работа с инструментом).
2. Поворот (Rotate) . Вращение изображения вокруг центральной точки. Можно изменить координаты оси поворота, передвинув центральную точку в нужное место.
3. Наклон (Skew) . Наклоняет изображение горизонтально или вертикально. Подведите курсор к боковой рамке трансформации и он станет белым, а рядом с ним появится стрелка, нажмите правую кнопку мышки и перетащите рамку в сторону, чтобы наклонить изображение. Стороны остануться параллельными, но углы изображения изменятся. Если при изменении размеров удерживать Ctrl + Alt , центральная точка рамки трансформирования останется на месте, а углы будут менять положение.
4. Искажение (Distort) . Искривляет изображение в любую сторону. Углы при этом двигаются независимо друг от друга. При нажатой клавише Alt , центральная точка остаётся на месте, а все искажения происходят вокруг неё. Функция хорошо подходит если нужно растянуть или сделать перспективное искажение объекта.
5. Перспектива (Perspective) . Если требуется создать впечатление, что объект расположен на некотором отдалении, вам поможет команда Перспектива. Использование этой команды интуитивно понятно. Когда Вы перетаскиваете угловой маркер, противоположный ему маркер движется в обратном направлении. Другими словами, он ведет себя как зеркальное отражение перетаскиваемого маркера. Различие между командами Искажение и Перспектива состоит в том, что первая применяется только к одному краю объекта, а Перспектива автоматически изменяет месторасположение двух маркеров при перетаскивании только одного из них.
6. Деформация (Warp) . Эта функция появилась с версии CS2. При выборе этой функции на объекте появляется сетка. Кликнув по любой точке сетки и потянув мышь, мы можем деформировать объекты произвольным образом. К примеру накладывать изображение на предметы.
Со следующими функциями всё понятно, приведу лишь их перевод:
7. Поворот на 180° (Rotate 180°) .
8. Поворот на 90° по часовой (Rotate 90° CW) .
9. Поворот на 90° против часовой (Rotate 90° CCW) .
10. Отразить по горизонтали (Flip Horizontal) .
11. Отразить по вертикали (Flip Vertical) .
Горячие клавиши инструмента.
1. Масштабирование относительно центральной точки: Alt + перетаскивание углового маркера .
2. Симметричный наклон изображения: Ctrl + Alt + перетаскивание бокового маркера .
3. Искажение изображения: Ctrl + перетаскивание бокового маркера .
4. Искажение изображения вдоль определённой оси: Ctrl + Shift + перетаскивание бокового маркера .
5. Перспектива: Ctrl + Shift + Alt + перетаскивание бокового маркера .
Надеюсь теперь Вы с лёгкостью сможете трансформировать любое изображение, отдельный объект или выделенную область.
Данный инструмент Марионеточная деформация в Фотошопе (Puppet Warp) используется не столь часто, как другие инструменты Фотошоп, но с его помощью можно воплощать оригинальные идеи.
Марионеточная деформация позволяет устанавливать точки (булавки) на слое и затем манипулировать и сгибать объект в реалистичной манере.
Другими словами, создаётся своеобразный каркас, позволяющий контролировать изменения объекта, как марионетку.
К примеру, я нашёл в Яндекс – картинках вот такое изображение симпатичных змей.
Захотелось как-то преобразить эту замечательную фотографию. Вот, что я получил в итоге:
Хотите узнать, как это делается?
Откроем наше изображение в Фотошопе.
Чтобы использовать инструмент Марионеточная деформация в отношении только лишь змей, мы должны удалить их из фона, предварительно скопировав их на новый слой.
Выделяем наших «красавиц» - я сделал это инструментом Быстрое выделение (Quick Selection - W). Чтобы сгладить выделение нажмите Правой клавишей мыши (ПКМ), при активном инструменте Выделения, в выделенной области и выберете «Растушёвка». Поставьте 2-3 пикс.
Копируем наше выделение на новый слой – клик ПКМ в выделенной области – выбираем «Скопировать на новый слой» и выключаем пока видимость нового слоя (нажмите на значок Глаза). Выделение не снимаем (если выделение по какой-либо причине пропало – кликните по иконке верхнего слоя с зажатой клавишей Ctrl).
Переходим на нижний слой «Фон». Выбираем любой инструмент Выделения (Лассо, Быстрое выделение или любой другой). Переходим в Меню – Выделение – Модификация – Расширить.
Ставим - Расширить на 50 пикс.
Затем, чтобы удалить с фона наших змей, переходим в меню – Редактирование – Выполнить заливку.
Выбираем в следующем окне «С учётом содержимого»:
И после некоторого времени, необходимого программе для просчёта содержимого
мы получим вот такую картинку:
Снимаем выделение (Ctrl + D) и переходим на верхний слой с нашими змеями. Теперь начнём колдовать с инструментом «Марионеточная деформация» над нашими главными героями.
Переходим в меню – Редактирование – Марионеточная деформация.
В настройках этого инструмента выбираем Частоту: Больше точек.
У нас появляется курсор в виде булавки. Этой булавкой ставим ряд точек на наших змеях и несколько точек ниже на теле змей, с тем, чтобы иметь возможность корректировать положение фигур.
Подводим курсор к одной из точек-булавок и он превращается в булавочку со стрелкой, а это означает, что мы можем перемещать эту точку вместе с участком изображения. Передвигая попеременно все точки, изгибаем взаимное расположения тел. Только двигайте точки понемногу, постепенно, чтобы сильно не искажать рисунок. Медленно продвигаясь к результату, получим вот такое изображение:
Чтобы добиться правильного перехлёста тел, наведите курсор на точку в месте пересечения змей и щёлкните ПКМ. В выпадающем списке выберете Переложить назад (или вперёд.)
Точка-булавка спрячется вместе с участком изображения внутрь (или наоборот, выступит вперёд).