Деформация изображений, фигур и контуров
Команда Деформация позволяет перетаскиванием контрольных точек изменять форму изображения, фигур, контуров и т. д. Кроме того, деформацию можно выполнять с помощью нужной формы во всплывающем меню «Деформация» на панели параметров. Фигуры в раскрывающемся меню «Деформация» можно изменять перемещением их контрольных точек.
Трансформирование деформации
Обновлено в Photoshop 22.5 (выпуск за август 2021 г.)
Выберите слой или фрагмент изображения, который требуется деформировать.
Сделав выбор, выполните одно из следующих действий.
Выберите Редактирование > Трансформирование > Деформация или
Нажмите клавиши Control + T (Win) / Command + T (Mac), затем нажмите кнопку Переключение между свободной трансформацией и режимами деформации на панели параметров.
Щелкните значок шестеренки на панели «Параметры», чтобы просмотреть дополнительные параметры визуальных направляющих . В Photoshop 22.4.1 (выпуск за май 2021) визуальные направляющие стали еще лучше благодаря дополнительным параметрам направляющих.
Теперь можно задать вариант отображения направляющей деформации и выбрать, когда должны отображаться визуальные направляющие: Автоматически показывать направляющие, Всегда показывать направляющие и Никогда не показывать направляющие . По умолчанию для сетки установлено значение Всегда показывать направляющие .
Также предусмотрена возможность изменить цвет и непрозрачность визуальных направляющих, а также количество линий, из которых состоит направляющая. Параметр Плотность устанавливает, сколько линий отображается между каждой линией разделения деформации . По умолчанию для плотности задано значение 2.
При использовании контрольных точек для искажения элемента вы также можете выбрать Вид > Вспомогательные элементы , чтобы показать или скрыть сетку деформации и контрольные точки.
Для трансформирования объекта с использованием набора настроек деформации выберите стиль деформации во всплывающем меню Деформация на панели выбора параметров.
Чтобы создать пользовательскую сетку деформации, выберите размер во всплывающем меню Сетка на панели параметров.
- Выберите размер сетки — по умолчанию (1×1), 3×3, 4×4 или 5×5.
- Выберите Заказная , а затем укажите число столбцов и строк в диалоговом окне Пользовательский размер сетки .
Чтобы добавить больше контрольных линий сетки, выберите вариант разделения деформации.
- Выполните одно из следующих действий.
- На панели параметров нажмите любую кнопку в группе Разделить .
- Выберите Редактирование > Трансформирование > Разделить деформацию по горизонтали , Разделить деформацию по вертикали или Разделить деформацию крестообразно .
Дополнительные сведения о параметрах разделения деформации см. в разделе Разделение деформации.
- Для манипуляций с фигурой можно перетаскивать контрольные точки, сегмент ограничительной рамки или сетки, а также область внутри сетки. Кривая настраивается с помощью рукоятей опорных точек. Это аналогично настройке рукоятей искривленного сегмента в векторной графике.
- Щелкните линию сетки, чтобы активировать контрольные точки для редактирования деформации. Щелкните опорную точку (на пересечении линий сетки), чтобы редактировать окружающие ее контрольные точки. Перетащите контрольные точки для деформации изображения.
- Чтобы выбрать несколько точек, щелкайте опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. При выделении двух и более точек вокруг них появляется прямоугольная рамка.
- Чтобы отменить выделение нескольких точек, щелкайте активные опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. Размер прямоугольной рамки вокруг выделенных точек автоматически меняется при выделении или отмены выделения точек.
- Чтобы удалить выделенную линию сетки (вдоль нее видны контрольные точки), нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации .
- Чтобы удалить горизонтальную и вертикальную линии сетки, проходящие через опорную точку, щелкните эту точку, затем нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации .
- Чтобы изменить ориентацию стиля деформации, выбранного в меню «Деформация», нажмите кнопку «Изменить ориентацию деформации» на панели параметров.
- Чтобы сместить центр преобразования, щелкните квадрат на координатном манипуляторе контрольной точки на панели параметров.
- Чтобы задать интенсивность искажения в числовом виде, введите на панели выбора параметров значения изгиба (поле «Изгиб») и искажений по горизонтали («Х») и вертикали («Y»). Если в выпадающем меню «Стиль деформации» был выбран параметр «Заказной» или «Нет», то числовые значения задать нельзя.
Нажмите клавишу «Ввод» (Windows), или Return (Mac OS), или кнопку «Завершить» на панели выбора параметров.
Чтобы отменить трансформацию, нажмите клавишу Esc или нажмите кнопку «Отмена» на панели параметров.
Каждый раз при деформации резкость растрового изображения (в отличие от формы или контура) немного снижается, поэтому рекомендуется выполнить несколько команд и только потом подтверждать суммарное преобразование, а не подтверждать все преобразования по отдельности.
Преобразование деформации: Цилиндр
Добавлено в выпуске Photoshop 23.4 (июнь 2022 г.)
Сделано по просьбам дизайнеров упаковки! В этом выпуске Photoshop представляет функцию «Трансформирование цилиндрической деформации», которая позволяет изгибать плоские иллюстрации для нанесения на поверхность кругового цилиндра. Кроме того, реализованы элементы управления для изменения размера и перспективы, позволяющие естественным образом вместить весь выделенный фрагмент.
Для работы с новой функцией трансформирования цилиндрической деформации выполните следующие действия:
Выберите слой или фрагмент изображения, который требуется деформировать.
Выберите «Редактирование» > «Трансформирование» > «Деформация» в меню или нажмите клавиши Command+T (Mac) или Control+T (Win).
Нажмите кнопку переключения режимов «Свободное трансформирование/Деформация» на панели выбора параметров.
Перейдите в раскрывающееся меню «Деформация» на панели выбора параметров и выберите нижний значок: «Цилиндр» .
Чтобы настроить деформацию формы, нажмите и перетащите экранные элементы управления:
- Угловые элементы управления: для произвольного трансформирования выделенного фрагмента целиком, используйте элементы управления изменением размера снизу/слева и сверху/справа.
- Сочетание угловых элементов управления + Shift ограничивает пропорции.
- Элементы управления кривизной:
- Элемент сверху по центру синхронно изменяет дугу верхней и нижней границ.
- Элемент снизу по центру регулирует только дугу нижней границы.
A. Регулирует кривизну как верхней, так и нижней части B. Задает правый верхний угол C. Регулирует перспективу. Проведите к центру для отдаления или вправо — для приближения D. Регулирует кривизну нижней части независимо от верхней E. Задает левый нижний угол
Можно также применить трансформирование путем цилиндрической деформации к текстовым слоям во время работы творческой работы с документами.
Разделение деформации
В выпуске Photoshop 22.5 за август 2021 теперь можно использовать клавишу-модификатор Control (Win) / Command (Mac) для быстрого переключения вариантов разделения деформации без помощи строки меню.
- Удерживая клавишу «Control» (Win) / «Command» (Mac), щелкните в любом месте сетки деформации, чтобы разделить ее крестообразно в этом месте.
- Удерживая клавишу Control (Win) / Command (Mac), переместите указатель к краю существующей горизонтальной линии сетки. Щелкните, чтобы разделить деформацию по вертикали в этом месте.
- Аналогично, удерживая клавишу Control (Win) / Command (Mac), переместите указатель к краю существующей вертикальной линии сетки. Щелкните, чтобы разделить деформацию по горизонтали в этом месте.
Преобразование деформации с разными опорными точками
Можно перемещать маркеры (также называются маркерами Безье ) управления независимо друг от друга. Эти маркеры прикрепляются к опорным точкам при применении команды Разделение деформации для трансформирования с использованием сочетания клавиш.
В настоящее время доступно два варианта перемещения с помощью маркеров Безье:
- Согласованно : при перемещении одного маркера перемещаются все остальные. Значок имеет вид круга.
- Независимо : каждый маркер перемещается, не затрагивая другие маркеры, связанные с опорной точкой. Значок имеет вид квадрата.
Удерживая клавишу «Alt» (Win) / «Option» (Mac), щелкните точку, чтобы переключить состояние элемента управления Безье (независимое движение или согласованное). Также можно щелкнуть опорную точку, удерживая клавишу «Ctrl» (или щелкните правой кнопкой мыши), и выберите «Преобразовать опорную точку деформации» в контекстном меню.
- Угловые опорные точки: по умолчанию для угловых опорных точек задано независимое перемещение.
- Краевые/боковые опорные точки: по умолчанию для опорных точек по краям установлено согласованное перемещение горизонтальной/вертикальной пары.
- Внутренние опорные точки: по умолчанию для опорных точек по краям установлено согласованное перемещение горизонтальной / вертикальной пары.
Кроме того, можно выбрать несколько опорных точек (удерживая клавишу «SHIFT»), а затем изменить перемещение для всех этих точек одновременно.
Марионеточная деформация
Марионеточная деформация отображает визуальную сетку, с помощью которой можно существенно деформировать определенные фрагменты изображения, не затрагивая других областей. Этот инструмент может иметь множество применений: от легкой ретуши изображения (например, придания формы волосам) до полной трансформации (например, измерение положения рук или ног).
Помимо слоев изображения можно также применить функцию «Марионеточная деформация» к маскам слоя и векторным маскам. Чтобы применить к изображениям искажение, не затрагивая оригинал, используйте смарт-объекты. См. дополнительные сведения о создании смарт-объектов.
На панели «Слои» выберите слой или маску для трансформирования.
Выберите «Редактирование» > «Марионеточная деформация».
На панели параметров отрегулируйте следующие настройки сетки.
Определяет эластичность сетки в целом.
Выберите «Искажение», чтобы получить очень эластичную сетку для обертывания широкоугольных изображений или карт текстур.
Определяет расстояние между узлами сетки. При выборе параметра «Больше точек» точность увеличивается, но требуется больше времени на обработку, а при выборе «Меньше точек» достигается обратный эффект.
Расширяет или стягивает внешний край сетки.
Снимите выделение, чтобы показать только булавки коррекции и получить незагроможденное представление трансформаций.
Чтобы временно скрыть булавки коррекции, нажмите клавишу «H».
В окне изображения щелкните, чтобы добавить булавки в трансформируемых областях и в местах, которые требуется закрепить на месте.
Для изменения положения или перемещения булавок выполните любое из следующих действий.
Перетащите булавку, чтобы деформировать сетку.
Чтобы показать область сетки, которая перекрывается другой, нажимайте кнопки «Глубина булавки» на панели параметров.
Чтобы удалить выбранные булавки, нажмите клавишу «Delete». Чтобы удалить другие булавки по отдельности, наводите на них курсор, нажмите клавишу «Alt» (Windows) или «Option» (Mac OS) и при появлении значка ножниц щелкайте по ним.
Нажмите кнопку «Удалить все булавки» на панели параметров.
Чтобы выбрать несколько булавок, щелкайте по ним, удерживая клавишу «Shift», или выберите команду «Выбрать все» из контекстного меню.
Чтобы повернуть сетку вокруг булавки, выделите ее, и затем выполните любое из следующих действий.
Чтобы повернуть сетку на заданное число градусов, нажмите клавишу «Alt» (Windows) или «Option» (Mac OS) и удерживайте курсор рядом с булавками, но не над ними. Когда появится круг, выполните перетаскивание, чтобы повернуть сетку «на глаз».
Создаём Абстрактный Постер, Используя Инструмент Марионеточная Деформация в-Adobe Photoshop.
Создание постеров – сложный процесс, если изображения не имеют оптимального размера. Представляювам технику создания абстрактного плаката, если у вас либо нет хорошего изображения, либо вы хотите создать что-то, выходящее за рамки!
Что Вам Понадобится
Вампонадобится следующие ресурсы для выполнения этого урока:
- ВнешнийФасад Здания
- Шрифт RNS Sanz
1. Создаём Рабочий Документ в Photoshop
Шаг 1
Откройте программу Photoshop, далее идём Файл – Новый (File > New). Дайте название рабочему документу Abstract Poster, установите следующиенастройки 1270 px по ширине и 1600 px. по высоте. Также я установила разрешение на 72 dpi. Нажмите кнопку ‘OK’, чтобы создать документ.
Шаг 2
Вначале давайте добавим чёрный задний фон. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create newfill or adjustment layer) и в появившемся меню, выберитеопцию Цвет (Solid Color). Установите цвет заливки на чёрный цвет.
Шаг 3
Переместите исходное изображение с внешним фасадом здания на наш рабочий документ в Photoshop. Дваждыщёлкните по слою с данным изображением, чтобы разблокировать его.
2. Применяем Инструмент Марионеточная Деформация (Puppet Warp Tool)
Шаг 1
В этом уроке мы используем инструмент Марионеточная Деформация (Puppet Warp tool), чтобы создать интересный абстрактный эффект. ИдёмРедактирование — Марионеточная Деформация (Edit > Puppet Warp). Данное действие применит множество треугольных фигур к изображению. Этифигуры — это частота, при которой вы можете редактировать. Вы можете изменитьэто значение, перейдя в панель управления и нажав на значок “Частота”. В этом урокемы используем Нормальный (Normal) режим, поэтому установите режим частоты наНормальный (Normal), а также установите Расширение (Expansion) на 0px.
Шаг 2
Когда вы наведёте курсор мыши на участок изображения, то вы увидите значок булавки с плюсиком. Это позволяет нам добавлять контрольные точки на изображение, чтобы удерживать их на заданных участках. Щёлкните по верхнему левому сектору — где угодно.
Наданный момент ничего не произойдет. Чтобы инструмент сработал, нам нужнопереместить заданные булавки по холсту, поэтому нам нужно расположить несколькотаких булавок. Щёлкните в противоположном направлении, а затем сдвиньте булавку.
Шаг 3
Теперь, когда мы знаем, как работает инструмент Марионеточная Деформация (Puppet Warp tool), добавьте булавки на изображение, а затем сдвиньте ихпо всему холсту.
Что нужно вам запомнить здесь, так это то, что здесь нет понятия правильно или неправильно — это абстрактный постер, так что почти всё сработает!
Шаг 4
После смещения контрольных точек, вы можете отредактировать их. Просто перейдите в панельСлои (Layers), щёлкните по треугольнику выпадающего меню слоя с изображением здания. Далее, дважды щёлкните по параметру фильтра Марионеточная Деформация (Puppet Warp), а затем проведите редактирование! Примечание переводчика:перед марионеточной деформацией, обязательно преобразуйте слой с исходным изображением в смарт-объект, это позволит вам провести редактирование эффекта, иначе у вас не получиться этот шаг.
Мойрезультат марионеточной деформации вы можете увидеть на скриншоте ниже. Нажмитеклавишу (Enter), когда закончите, чтобы получить итоговый результат.
3. Используем Обтравочные Маски
Шаг 1
В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Чёрно-белое (Black & White). Нам нужно применить данный корректирующий слой только книжнему слою, для этого, находясь на корректирующем слое Чёрно-белое (Black and White), щёлкните правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create a Clipping Mask). Чтобы понять,преобразовали ли вы данный корректирующий слой в обтравочную маску, обратите вниманиена стрелку расположенную слева от миниатюры корректирующего слоя, означающую, чтослой будет воздействовать только на нижний слой.
Шаг 2
Создайте новый слой в панели слоёв. Нам нужно добавить цветовые эффекты к нашей сцене.Выберите инструмент Кисть (Brush tool) в панели инструментов. Установите Размер (Size) кисти на 300px, а Жёсткость (Hardness) кисти на 0%.
Используйтеследующие цвета кисти, когда вы будете прокрашивать кистью на новом слое.
- Розовый(Pink): #e21efc
- Голубой (Cyan): #11fdfb
- Синий (Blue): #0018ff
- Зелёный (Green): #11fdc3
Шаг 3
Поменяйте режим наложения для данного слоя со цветовыми эффектами на Умножение (Multiply). Опятьже, нам нужно применить данный слой только к нижним двум слоям, для этого, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create a Clipping Mask). Чтобы понять, преобразовали ли вы данный корректирующий слой в обтравочную маску, обратите внимание на стрелку расположенную слева от миниатюры корректирующего слоя, означающую, что слой будет воздействовать только на нижний слой.
Давайтесгруппируем слои, относящиеся к абстрактной фигуре, для этого вначале выделите их,а затем перетащите выделенные слои на значок папки, который расположен в нижнейчасти панели слоёв.
Шаг 4
Мы хотим создать постер с эффектом глюка, поэтому, давайте сместим содержимое папки Группа1 (Group 1) в правую часть холста. Сместите абстрактную фигуру до правой кромки холста. Далее, продублируйте слой с данной группой, нажав клавиши (Ctrl+J), назовите дубликат слоя с группой Группа 2 (Group 2). Сместите содержимое папки Группа 2 (Group 2) в противоположную сторону. Я расположила фигуры на разной высоте, чтобы добавитьдинамику к сцене.
Шаг 5
Давайте создадим линию между абстрактными фигурами, чтобы создать ощущение картинки с глюком.В панели инструментов, выберите инструмент Линия (Line Tool (U), а затем нарисуйте линию, удерживая клавишу (Shift), чтобы нарисовать прямую линию. Идём впанель управления, чтобы установить белый цвет для Обводки (Stroke), ШиринуОбводки Фигуры (Shape Stroke Width) на 3 pt и Толщину(Width) на 6 px.
Шаг 6
Создайте новый слой в панели слоёв. Используя ту же самую кисть, которую мы использовали ранее, добавьте цветовые эффекты к нарисованной линии.
- Розовый (Pink): #e21efc
- Голубой (Cyan): #11fdfb
- Синий (Blue): #0018ff
- Зелёный (Green): #11fdc3
Когда вы закончите, находясь на слое с нарисованными цветовыми эффектами, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опциюСоздать обтравочную маску (Create a Clipping Mask).
Шаг 7
Давайте добавим ещё деталей. Создайте новый слой в панели слоёв; основная цель здесь – это добавление штрихов кисти, используя те же самые цвета, что и выше, только на этот раз, мы применим цветовые эффекты ко всему постеру.
С помощью инструмента Кисть (Brush Tool (B), нанесите мазки кистью на постер. Мы отредактируем их в следующем шаге.
- Розовый (Pink): #e21efc
- Голубой (Cyan): #11fdfb
- Синий (Blue): #0018ff
- Зелёный (Green): #11fdc3
Шаг 8
Находясь на новом слое, идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur).
Шаг 9
Сместите данный слой вниз, расположим ниже двух слоёв с группами. С помощью инструмента Прямоугольнаяобласть (Rectangular Marquee Tool (M), выделите участки эффектов, которые вы хотели бы удалить. Я решила удалить участки цветовых эффектов до / за линией, которую мы добавили к постеру, поскольку эффект на данном постере по задумке должен выглядеть глючным и со смещением.
Шаг 10
Добавьте слой-маску к данному слою со цветовыми эффектами и с помощью мягкой чёрной кисти, удалите и смягчите отдельные участки цветовых эффектов. Уменьшите Непрозрачность (Opacity) слоя до 80%.
4. Добавляем Детали Текста
Шаг 1
Перейдите на самый верхний слой в панели слоёв. С помощью инструмента Текст (Text Tool (T), добавьте текст. Я использовала китайские иероглифы, чтобы сделать постер более интересным: 步步高升. Я использовалашрифт Kozuka Gothic Pr6N, размер шрифта 47pt, но выможете использовать любой шрифт на любом языке на своё усмотрение!
Я расположила первую строку текста по вертикали в нижней части холста справа от линии.
Шаг 2
Давайте продублируем слой с текстом, расположив дубликат слоя на заднем фоне. Я расположилапо одной строке текста с каждой стороны линии, а также уменьшила Непрозрачность (Opacity) слоёв с текстом до 15%.
Шаг 3
Используя ту же самую технику, которую мы использовали ранее, создайте новый слой, а затем добавьте цветовые эффект на этом слое. Преобразуйте данный слой со цветовыми эффектами в обтравочную маску к слоям с текстом. Итак, вначале прокрасьте кистью на новом слое, а затем продублируйте этот слой, расположив дубликат слоя поверх второго слоя с текстом. Преобразуйте оба слоя со цветовыми эффектами в обтравочные маски к слоям с текстом.
Также не стесняйтесь использовать чёрный цвет на этом слое, чтобы создать “едва уловимый” вид.
Шаг 4
Давайте добавим ещё текст, только на этот раз со словами, связанными с метаморфозами. Я добавила данный текст дважды: 1. denoting a change of position or condition.Metamorphosis.”. Я использоваласледующий шрифт RNS Sanz, взятый на Envato Elements , размер шрифта 25 pt.
Продублируйте данный слой с текстом, нажав клавиши (Ctrl+J), далее, находясь на дубликате слоя с текстом, щёлкните правой кнопкой мыши по данному слоюи в появившемся окне, выберите опцию Растрировать текст (Rasterize Type).
Шаг 5
Далее, идём Фильтр- Пластика (Filter > Liquify). В появившемся окне фильтра Пластика (Liquify), выберитеинструмент Деформация (Forward Warp Tool), а затем установите следующие настройки инструмента:Размер кисти (Brush Size) на 300, Плотность кисти (Brush Density) на 10 и Нажим кисти (Brush Pressure) на 60. Нажмите кнопку ‘OK’.
Уменьшите Непрозрачность (Opacity) для слоя с текстом, а также для растрированного слоя с текстом до 40%.
Шаг 6
Добавьте ещё один слой с текстом “meta” в левой части постера, чтобы сбалансировать сцену. Повернитетекст по вертикали, нажав клавиши (Ctrl+T), используйте клавишу (Shift) для равномерного поворота текста.
Шаг 7
Давайте добавим текстуру к постеру. Выделите все слои в панели слоёв, а затем продублируйте выделенные слои, перетащив их на значок Создать новый слой (Create New Layer) в нижней части панели слоёв. Данное действие поможет нам продублировать выделенные слои, сохраняя их выделенными. Поскольку продублированные слои уже выделены, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Объединить слои (Merge Layer).
Давайте добавим небольшой эффект шума к объединённому слою, для этого идём Фильтр – Шум– Добавить шум (Filter > Noise > Add Noise).
5. Сохраняем Документ
Идём Файл – Сохранить (File > Save), чтобы сохранить документ, как вы обычно это делаете.
Чтобы сохранить для web, идём Файл – Сохранить для Web (File > Save for Web) или нажмите клавиши (Shift+Alt+Ctrl+S). Выберите папку, куда бы вы хотелисохранить свою работу; я выбрала формат JPEG, а такжеустановите Качество (Quality) на 100. В настройке Размеризображения (Image size), вы можете поменять размер пикселей вашего изображения, если у вас есть ограничения по размеру и вы используетеизображение для Интернета.
В нижнем левом углу вы можете выбрать опцию Просмотр (preview), чтобы увидеть размеры изображения. Это полезная опция, если на веб-сайте существуютограничения по размеру, и вам необходимо снизить качество или размер изображения.
Нажмите кнопку Сохранить (Save), выберите место для сохранения в появившемся окне навигации, а затем ещё раз нажмите кнопку Сохранить (Save).
Отличная работа! Мы Завершили Урок!
В этом уроке вы узнали, как создать абстрактный постер. Сегодня мы узнали, как:
- Использовать инструмент Марионеточная Деформация (Puppet Warp)
- Использовать обтравочные маски и как применять их к определённым слоям
- Использовать стили слоя
- Использовать эффект Пластики (Liquify), чтобы добавить объёма к тексту
Если вам понравился этот урок, то вам возможно понравятся следующие уроки:
Деформируем объекты в Фотошопе
Деформирование изображений – довольно распространенный прием работы в Фотошопе. Функционал программы включает в себя множество вариантов искажения объектов – от простого «сплющивания» до придания картинке вида водной поверхности или дыма.
Важно понимать, что при деформировании может значительно ухудшиться качество изображения, поэтому стоит с осторожностью применять подобные инструменты.
В этом уроке разберем несколько способов деформации.
Деформирование изображения
Для деформации объектов в Фотошопе пользуются несколькими методами. Перечислим основные.
-
Дополнительная функция «Свободного трансформирования» под названием «Деформация»;
Издеваться в уроке мы будем над таким, заранее подготовленным, изображением:
Способ 1: Деформация
Как уже было сказано выше, «Деформация» является дополнением к «Свободному трансформированию», которое вызывается сочетанием горячих клавиш CTRL+T, либо из меню «Редактирование».
Нужная нам функция находится в контекстном меню, которое открывается после нажатия правой кнопки мыши при активированном «Свободном трансформировании».
«Деформация» накладывает на объект сетку с особыми свойствами.
На сетке мы видим несколько маркеров, воздействуя на которые, можно искажать картинку. Кроме того, все узлы сетки также являются функциональными, в том числе и сегменты, ограниченные линиями. Из этого следует, что деформировать изображение можно, потянув за любую точку, которая находятся внутри рамки.
Применение параметров осуществляется обычным способом – нажатием клавиши ENTER.
Способ 2: Марионеточная деформация
Находится «Марионеточная деформация» там же, где и все инструменты трансформирования – в меню «Редактирование».
Принцип работы заключается в фиксировании определенных точек изображения специальными «булавками», при помощи одной из которых выполняется деформирование. Остальные точки остаются неподвижными.
Булавки можно ставить в любое место, руководствуясь потребностями.
Инструмент интересен тем, что с его помощью можно искажать объекты с максимальным контролем над процессом.
Способ 3: фильтры Искажения
Фильтры, находящиеся в этом блоке, призваны деформировать картинки различными способами.
-
Волна.
Данный плагин позволяет искажать объект либо вручную, либо случайным образом. Здесь сложно что-то советовать, так как изображения разной формы ведут себя по-разному. Отлично подходит для создания дыма и других подобных эффектов.Способ 4: Пластика
Данный плагин является универсальным «деформатором» любых объектов. Его возможности безграничны. С помощью «Пластики» можно производить почти все действия, описанные выше. Подробнее о фильтре читайте в уроке.
Вот такие способы деформирования изображений в Фотошопе. Чаще всего пользуются первым – функцией «Деформация», но, вместе с тем, другие варианты могут помочь в какой-либо специфической ситуации.
Потренируйтесь в использовании всех видов искажения для улучшения своих навыков работы в нашей любимой программе.
Как работают инструменты трансформации в Photoshop
Инструменты трансформации в Photoshop позволяют изменить масштаб, угол поворота, а иногда и форму объекта. Рассказываем, как ими пользоваться.
Первое, что запоминают новички, — масштабирование картинки с зажатой клавишей Shift для сохранения пропорций. Но это далеко не все, что нужно знать об инструментах трансформации — с их помощью не только изменяют размер, но и полностью деформируют объект. Трансформация применяется к слоям и маскам, что полезно при работе с графикой.
Свободное трансформирование/Free Transform
Самый часто используемый инструмент трансформации в Photoshop, вызвать который проще всего сочетанием Ctrl + T. У инструмента есть еще одно полезное сочетание — Alt + Shift. Если зажать клавиши при трансформации, то масштабирование будет происходить из центра изображения. С помощью Свободного трансформирования/Free Transform можно также изменять угол поворота картинки и смещать углы картинки с зажатой клавишей Ctrl.
Переключаться между режимами трансформации в Photoshop можно во вкладке Редактирование/Edit, а можно просто щелкнуть по картинке правой кнопкой мыши — все режимы будут в выпадающем списке.
Масштабирование/Scale
С помощью Масштабирования/Scale можно воздействовать лишь на размер изображения. Чтобы картинка изменялась с сохранением пропорций, зажмите клавишу Shift — такая трансформация используется чаще всего. Если же нужно изменить не столько размер, сколько пропорции, просто регулируйте масштаб картинки с помощью мыши, не зажимая Shift.
Поворот/Rotate
Позволяет повернуть изображение. Если нужно выставить точный угол поворота, лучше действовать не мышкой, а ввести значение на панели сверху. Повернуть изображение на 90 или 180 градусов можно с помощью специальной команды — находясь в одном из режимов трансформации, кликните по картинке правой кнопкой мыши и выберите нужный пункт в конце списка.
Наклон/Skew
Этот инструмент трансформации в фотошопе используется довольно редко, так как часто искажает изображение при деформации, но бывает полезен в тех редких случаях, когда картинку нужно просто «наклонить», изменив размер по одной из сторон.
Искажение/Distort
Чаще всего используется для работы с мокапами или в случаях, когда нужно изменить перспективу изображения и точно подогнать картинку под какой-либо объект. Действует очень просто — перетаскивая углы картинки, можно по отдельности настраивать их расположение.
Перспектива/Perspective
В отличие от Наклона/Skew и Искажения/Distort, Перспектива/Perspective воздействует не на каждый угол по отдельности, а на два связанных, позволяя изменять перспективу изображения с сохранением пропорций.
Деформация/Warp
Позволяет сильно деформировать картинку, воздействуя на ее части. При вызове инструмента появляется сетка, разделяющая картинку на девять равных частей — можно воздействовать мышкой как на определенную область, так и на точки пересечения внутри сетки.
Отражение (по горизонтали или вертикали)/Flip (Horizontal или Vertical)
Любое изображение можно отразить по горизонтали или по вертикали. Чтобы это сделать, откройте любой режим трансформации, щелкните по картинке правой кнопкой мыши и выберите соответствующий пункт из списка.
Марионеточная деформация/Puppet Warp
Один из самых гибких инструментов для деформации изображения, с помощью которого можно как делать легкую ретушь, так и полностью трансформировать отдельные части изображения. Марионеточная деформация создает сетку, при помощи которой можно искажать изображение. В отличие от сетки Деформации/Warp, эта гораздо более гибкая — ее можно настроить под себя или вовсе отключить.
Чтобы воспользоваться сеткой, расставьте «булавки» в тех частях изображения, которые вы хотите закрепить, а затем, перетаскивая их, внесите нужные изменения. Чтобы удалить лишние булавки, их нужно выбрать и нажать Delete, чтобы добавить — щелкнуть по нужному месту мышкой.
Марионеточная деформация позволяет сильно искажать пропорции изображения, поэтому при работе с этим инструментом трансформации в Photoshop нужно быть осторожным и не забывать о реализме.
Заключение
Умение работать с трансформацией упрощает работу в программе, но это лишь небольшая часть возможностей Photoshop. Чтобы стать настоящим профессионалом и создавать насыщенные визуализации, нужны более глубокие знания, которые можно получить на курсе «Рекламная Графика».