NexxDigital - компьютеры и операционные системы

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

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

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

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

Масштабирование изображения

Изменение масштаба изображения начинается с пункта меню «Свободное трансформирование». Воспользоваться этой функцией можно тремя способами:

1. Перейти в раздел меню вверху панели «Редактирование» , в отрывшемся списке выбрать функцию .

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

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



3. Или воспользуйтесь сочетанием горячих клавиш CTRL+T .

Изменить масштаб изображения можно также несколькими способами:

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

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

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

Если тянуть изображение за боковые стороны, то объект изменит только свою ширину.

Если тянуть изображение за нижнюю или верхнюю сторону, то изменится высота.

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

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

Поворот изображения

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

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



Поворот и масштабирование

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

Для активации необходимой функции перейдите в меню «Редактирование» далее в «Трансформирование» , в открывшемся списке выбираете «Масштабирование» или «Поворот» , в зависимости от того, какое изменение в изображении вас интересует.

Искажение, перспектива и наклон

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

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

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

Наложение кадра на экран

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

Откройте в редакторе Фотошоп оба изображения.

После этого воспользуемся инструментом «Свободное трансформирование» . Необходимо уменьшить изображение кадра фильма до размеров монитора компьютера.

Теперь используем функцию «Искажение» . Стараемся растянуть изображение так, чтобы результат получился как можно реалистичней. Зафиксируем получившуюся работу клавишей Enter .



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


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


1. У нас имеется рамка и фото. Сначала нужно открыть оба файла.

Затем, нажимая значок в палитре инструментов,

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


2. Теперь нам нужно скопировать изображение ребенка и вставить его в файл с рамкой.

Это можно сделать несколькими способами.


Способ 1. Выбираем инструмент «Перемещение » (Move)

Это можно сделать, нажав клавишу V . Затем просто перетаскиваем изображение ребенка в окно с рамкой.


Способ 2. Зажимаем одновременно Ctrl и Alt и также перетаскиваем изображение.


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


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

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

3. Теперь переместим слой с изображением ребенка вниз, чтобы он оказался в рамке.

Для этого сначала преобразуем задний план (это наша рамка) в обычный слой.

Сделаем двойной клик по названию слоя. Появится диалоговое окно. Нажимаем Да.



Вот что должно получиться.

4. Кликаем по слою с изображением ребенка, чтобы сделать его активным. Затем нажимаем Ctrl+T , чтобы вызвать инструмент «Свободная трансформация » (Free transform).

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

Бывает, что размеры вставляемого в рамку изображения намного превышают размеры рамки, в результате чего маркеры рамки трансформации становятся недоступны. Чтобы увидеть их, нажмите комбинацию клавиш Ctrl+0 (ноль).


5. Теперь рассмотрим инструмент «Свободная трансформация » более подробно.

Посмотрим на панель настроек этого инструмента.

Здесь можно менять положение центрального маркера (1 ) , вокруг которого происходит вращение рамки трансформации, а вместе с ней и изображения.


Также можно задавать точный масштаб трансформации по ширине и высоте (2 ).


Кнопка в виде цепочки (3 ) означает трансформацию с сохранением пропорций изображения по ширине и высоте.


Следующий параметр (4 ) позволяет повернуть изображение на заданный угол.

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


С помощью следующей группы параметров (5 ) изображение можно наклонять на заданный угол в горизонтальной и вертикальной плоскости.


Кроме того, есть еще некоторые тонкости в использовании данного инструмента:


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


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

Курсор примет вид изогнутой двунаправленной стрелки.

Теперь достаточно перетащить угловой маркер в направлении поворота.


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

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


Масштабирование относительно центральной точки:

Alt+


Наклон изображения: Ctrl+


Наклон изображения вдоль определенной оси:

Ctrl+Shift+ перетаскивание бокового маркера;


Наклон изображения относительно центральной точки:

Ctrl+Alt+ перетаскивание бокового маркера;


Наклон изображения вдоль определенной оси относительно центральной точки:

Ctrl+Shift+Alt+ перетаскивание бокового маркера;

Искажение изображения: Ctrl+ перетаскивание углового маркера;


Симметрическое искажение противоположных углов:

Ctrl+Alt+ перетаскивание углового маркера;


Ограниченное искажение для получения эффекта перспективы:

Ctrl+Shift+ перетаскивание углового маркера;


Ограниченное искажение для получения эффекта симметричной перспективы:

Ctrl+Shift+Alt+ перетаскивание углового маркера;


С инструментом мы разобрались, теперь продолжим работать с нашим изображением.


6. В предыдущем шаге мы вызвали инструмент «Свободная трансформация ».

Теперь, удерживая клавишу Shift , перетаскиваем угловой маркер для изменения размеров портрета мальчика так, как нам нужно. Затем передвигаем, если требуется.

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

7. Теперь, когда мы добились нужного расположения и размеров, можно нажать клавишу Enter , чтобы применить команду трансформации. Затем сливаем все слои, если необходимо. Делать это нужно только в том случае, если вы не будете больше работать с этим изображением. Итак, нажимаем Shift+Ctrl+E . Готово! Теперь можно распечатать полученную фотографию.

Финальный результат

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


Photoshop поместил нашу новую фигуру на своем собственном отдельном слое "Фигура 1" (Shape 1), расположенном выше фонового слоя. Это слой-фигура, а не обычный пиксельный слой, на это указывает за небольшой значок фигуры в правом нижнем углу миниатюры слоя:

Слой-фигура на панели слоёв, значок, указывающий на это, обведён красным

"Свободное трансформирование контура" (Free Transform Path) и "Свободное трансформирование контура (Free Transform Points) и "Свободное трансформирование" (Free Transform Path)

Ранее я упоминал, что команда Free Transform идет под разными названиями в зависимости от выбранного типа объекта. Вне зависимости от того, как она называется, вы всегда найдете её в выпадающем списке вкладки Редактирование (Edit).

Если у вас активен контур (как на рисунке выше) - то по вкладке Редактирование (Edit) будут доступны команды Free Transform Path и Transform Path, на русском "Свободное трансформирование контура" и "Трансформирование контура".

Если у вас активен не весь контур, а только некоторые из его вершин - то по вкладке Редактирование (Edit) будут доступны команды Free Transform Points и Transform Points, на русском "Свободное трансформирование сегмента" и "Трансформирование сегмента".

Если же нет активного контура и Вы трансформируете обычные пиксели или выделение, то в этом же списке команды будут называться Free Transform и Transform, на русском "Свободное трансформирование" и "Трансформирование ".

Данный урок не затрагивает трансформирование контура, а посвящён пиксельной трансформации.

Поэтому давайте превратим векторную фигуру в растровую (т.е. состоящую из пикселей). Для этого кликаем правой клавишей мыши по слою в панели слоёв и выбираем строку "Растрировать слой" (Rasterize), после чего фигура преобразуется в пиксели, а значок на миниатюре слоя пропадает.

Масштабирование объекта

Давайте посмотрим, как Free Transform работает на практике. Активируем слой (если он не активен) с нашей фигурой и включаю команду, нажав клавиши Ctrl+T на клавиатуре. Это сочетание клавиш запускает одну из команд Free Transform, Free Transform Path или Free Transform Points (которые мы рассмотрели в предыдущем разделе). Даже если вы не из тех, кто любит сочетания клавиш, я настоятельно рекомендую запускать эту команду с клавиш, т.к она очень часто используется при работе Photoshop.

Как только вы запустите Free Transform, вы увидите рамку, появившуюся вокруг объекта.

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

Эта рамка называется "рамкой трансформирования" (transform box ). Обратите внимание, что рамка имеет ряд расположенных на ней квадратиков. Они располагаются на серединах сторон и углах рамки. Эти квадраты называются transformation handles , или просто handles , русскоязычные названия сленговые и разнятся, я называю их маркерами или маркерами трансформирования .

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



Маркеры рамки трансформирования обведены красным

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



Направление перемещения курсора показано красной стрелкой. Фигура растягивается вправо по ширине, причём перемещается только правая часть фигуры.

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

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



Левый верхний маркер перемещается вниз и вправо при этом клавиши Shift и Alt не зажаты

Примечание. Об использовании клавиши-модификатора
Важно отметить, что всякий раз, когда вы используете клавишу-модификатор, как Shift и/или Alt, то, когда вы закончите перемещение курсора, всегда следует сначала отпускать левую клавишу мыши, а потом уже клавиши-модификаторы. Если же вы сперва отпустите клавиши, то, при зажатой левой клавише мыши влияние модификаторов будет потеряно и рамка как-бы прыгнет и примет нежелаемый вид

Регулировка ширины и высоты с помощью ввода числовых значений в окна панели параметров

На самом деле не обязательно перетаскивать маркеры для масштабирования ширины и высоты объекта. Если вы знаете точные значения, какие вам нужны, вы можете ввести их непосредственно в поля ввода "Ширина" (обозначено на панели параметров буквой "Ш", в англ. Width, обозначено буквой W) и "Высота" (обозначено буквой "В", в англ. Height, обозначено буквой H). Нажатие значка в виде цепочки между этими полями ввода сохраняет пропорции объекта. Если вы вводите один параметр, то Photoshop автоматически изменит. Например, если я ввёл значение "Ширина" 150%, то, при нажатом значке, Photoshop изменил "Высоту" также до 150%:

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



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

Вращение объекта

Чтобы повернуть объект, выведите курсор мыши за пределы рамки и подведите его к любому углу. Когда вы увидите, что курсор принял форму двусторонней изогнутой стрелки, просто нажмите и перетащите его для поворота объекта. При нажатии и удержании Shift, объект будет поворачиваться на 15° (вы почувствуете это, объект будет как-бы прилипать при повороте на каждые 15°):


Поворот методом ввода числового значения угла поворота

Вы также можете задать точное значение поворота в градусах методом ввода значения в соответствующее поле в панели параметров. Оно расположено непосредственно справа от поля ввода "Высота":


В данном примере объект повернётся на 12 градусов по часовой стрелке

Центр преобразования (Reference Point), изменение положения методом перетаскивания

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



Опорная точка трансформации обведена красным, рисунок увеличен до масштаба 150%

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



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

Изменение положения центра преобразования с помощью опции панели параметров

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



Манипулятор управления положением центра преобразования, увеличение 150%

Перемещение объекта

Мы можем использовать Free Transform для перемещения выбранного объекта из одного места в другое в пределах документа. Один из способов сделать это - нажать в любом месте внутри рамки трансформирования (за исключением центра преобразования) и перетащить объект в любую сторону с помощью мыши.

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

Если вы нажмете на маленький треугольник между полями ввода X и Y, то теперь эти поля ввода будут показывать не фактические координаты центра преобразования относительно границ документа, а расстояние, на которое вы переместите объект по отношению к объекту в текущей позиции. Другими словами, если вы введёте значение 50 в поле ввода X, объект будет перемещён объект на 50 пикселей вправо, в то время как ввод 100 в поле Y подвинет объект вниз на 100 пикселей. Введите отрицательные значения, чтобы переместить объект в противоположных направлениях. Непосредственно сразу после нажатия на треугольник, в полях ввода отображается значение "ноль", т.к. пока вы объект не перемещали:



Изображение увеличено на 150%

Отменить или аннулировать трансформирование

Прежде чем мы продолжим рассматривать новые способы изменения объекта, мы должны сначала узнать, как отменить или аннулировать преобразование. Photoshop дает нам один уровень отмены при работе с Free Transform. Для отмены последнего шага следует нажать клавиши Ctrl+Z.

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

Наклон (Skew)

Наряду с перемещением, масштабированием и вращением, Free Transform также дает нам быстрый и легкий доступ к другим командам трансформаций Photoshop, это наклон, искажение, перспектива, и деформация. Для выбора любого из них, все, что нужно сделать, это, при активной команде, правой кнопкой мыши кликнуть в любом месте внутри документа, а затем выберите тот пункт меню, который хотите. Давайте начнем с "Наклона". Просто выберем его из списка:



Клик правой клавишей мыши в любом месте документа и выбор опции трансформирования - Наклон (Skew)

При выбранной опции, наведите курсор на любой из маркеров, расположенных на середине сторон рамки. Курсор должен принять вид белого треугольника-стрелки с двухсторонней стрелкой под ним. При нажатии на верхний или нижний маркер и перетаскивании его влево или вправо, объект наклоняется по горизонтали. Зажмите клавишу Alt во время перетаскивания, и объект будет наклонятся относительно центра преобразования:



Наклон объекта вправо. Курсор обведён красным кружком

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

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



Трансформирование в режиме "наклон" - правый верхний угол перетаскиваем влево

Вы также можете ввести конкретные значения наклона сторон в градусах, в поля "Г" (горизонтальный, англ "H" и "V" (вертикальный, англ. также "V") . Значения могут быть положительными или отрицательными в зависимости от вашего направления наклона. Смотрите, какой ромб получился у меня, кроме этих значений, я ввёл значение угла поворота 45° относительно опорной точки:



Здесь я ввел три значения: поворот рамки относительно центра преобразования 45° и наклон сторон по горизонтали и вертикали по 10°

Искажение (Distort)

Теперь давайте рассмотрим режим Искажение (Distort). Чтобы выбрать его, я буду нажму правой клавишей мыши внутри моей документа и выберу пункт "Искажение" (Distort) из меню.

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



Искажение без зажатой клавиши Alt

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



На примере искажение производится вправо и вниз

Перспектива (Perspective)

Выберите этот режим, так же, как мы выбирали ранее режимы "Наклон" и "Искажение".
В режиме перспективы перетаскивание углового маркера по горизонтали или вертикали вызывает перемещение маркера в противоположном углу, он двигается вместе с перемещаемым, но в противоположном направлении, создавая псевдо-3D эффект. На рисунке я тащу верхний левый угол внутрь вправо. При этом, верхний правый угол перемещается внутрь влево:



Режим "Перспектива"

Затем, не выходя из режима перспективы, я перетащите левый нижний угол наружу влево, при этом нижний правый угол перемещается наружу вправо:


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

Деформация (Warp)

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

Включается этот режим аналогично предыдущим - при активной "Трансформации" клик правой клавишей мыши по любому месту в документе и выбор соответствующей строки из списка.
Другой способ - нажать кнопку Warp (также, при активной "Трансформации") на панели параметров. Эта кнопка служит переключателем между режимом "Свободного трансформирования и режимом "Деформации":

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



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

Чтобы изменить форму объекта, следует нажать и перетащить любой из угловых маркеров. Так же, как в режиме "Искажение" (Distort), "Деформация" дает нам полную свободу в перемещении маркеров. При перемещении маркеров вы заметите, что сама сетка перекраивается вместе с объектом внутри неё:



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

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



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

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



Стрелкой показан путь курсора. Исходное нажатие на курсор было в районе кружка, затем курсор протащен влево.

Стили "Деформации"

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

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


Опция "Стили деформации"

Нажмите на слово "Заказная" (Custom), чтобы открыть меню с различными стилями деформации. Теперь можно выбрать желаемый стиль из списка. Я выберу первый, "Дуга" (Arc):



Выбор стиля "Дуга" (Arc) из меню стилей деформации

Это мгновенно превращает мою объект в форму дуги:



Объект в виде арки (дуги)

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



Перетаскиваем маркер вниз и изменяем кривизну дуги, вниз-уменьшаем, вверх - увеличиваем

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


Задайте числовое значение изгиба в процентах. Можно ввести отрицательное значение, тогда объект изогнётся в другую сторону

Чтобы поменять ориентацию деформации стиля с горизонтальной на вертикальную и наоборот, нажмите кнопку "Изменить ориентацию деформации", расположенную непосредственно слева от поля ввода "Изгиб" (Bend):



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

Вы можете изменять величину горизонтального и вертикального искажения независимо друг от друга, введя значения в процентах, в поля "Г" (горизонтальная деформация, в англ. H (horizontal)) и V (вертикальная деформация, в англ. V (vertical)) в панели параметров:


Г (горизонтальная) и V (вертикальные) варианты искажения.

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


Переключение стиля деформации обратно на "Заказная"

Другие варианты трансформации

В дополнение к "Наклону", "Искажению", "Перспективе", и "Деформации", "Свободное трансформирование" предоставляет нам доступ к более стандартным вариантам трансформации, как то "Поворот на 180°", "Поворот на 90° по ч.с." или против часовой стрелки, а также "Отражение по горизонтали" (Flip Horizontal) и "Отражение по вертикали" (Flip Vertical). Вы найдете эти опции в нижней части меню, после того, как вы нажмёте правой клавишей мыши внутри документа:



Дополнительные опции трансформирования

Когда вы закончите преобразования объекта, и будете готовы к сохранению ваших изменений, вы можете сделать это либо нажав галочку в панели параметров, либо нажав клавишу Enter на клавиатуре. Если вы решите, что вам не хотите сохранить ваши изменения, нажмите кнопку "Отменить" (Cancel) в панели параметров (она расположена непосредственно слева от галочки), либо клавишу Esc на клавиатуре. Это приведет к выходу из режима команды "Свободное трансформирование" и вернёт объект к первоначальной форме и размеру.

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

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

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

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

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

Как масштабировать изображение?


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

И кстати, если во время трансформирования зажать клавишу SHIFT и потяните из угла, то трансформация будет ровная, т.е. с сохранением всех пропорций. Таким образом вы не потеряете форму объекта. А если зажать клавишу ALT и выполнить трансформирование, то оно будет идти либо к центру, либо из центра, в зависимости от того, куда вы тащите.

В общем сейчас попробуйте все сделать сами и вы сами всё поймете как это работает. Всё на самом деле очень просто.

Как повернуть изображение?


Масштабирование и поворот

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

Но если же вы хотите пользоваться каждой функцией в отдельности, то активируйте их в меню «Редактирование» "Трансформирование" «Масштабирование/Поворот» . Но я бы рекомендовал бы вам пользоваться именно свободным трансформированием в фотошопе.

Наклон

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

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

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

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

Искажение и перспектива

Функция искажения может имитировать поворот объекта в другую сторону, будто телевизор стоял прямо, а затем его развернули на 45 градусов. Вызывается эта штуковина точно там же, где и остальные функции. То есть, заходим в «Редактирование» «Трансформирование» — «Искажение» .

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

Точно там же находится и «Перспектива» . Только в отличие от своих соратников, она работает со всеми углами. То есть, если вы потяните за левый верхний угол, то относительно него зеркально будет двигаться и правый. Сами посмотрите, как эта функция работает в действии.

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

Давайте разберем один живой пример, чтобы вы лучше представляли себе всю эту ситуацию.

Наложение кадра на монитор

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

Переходим на вкладку с доктором Брауном и переносим всё изображение на вкладку с изображением девушки за компьютером с помощью .

Теперь наш кадр с доком на кадре с девушкой. Отлично. Теперь выберем инструмент «Свободное трансформирование» и уменьшим кадр с доком примерно размером с монитор. Точность тут не важна.

Ну а теперь выберем «Искажение» , которое находится где? Да вы уже сами запомнили где) Если нет, то вернитесь выше. И когда изображение обрамилось рамкой, начинайте тянуть за его углы так, чтобы они совпали с углами экрана.

Процесс несложный и очень даже интересный. Мы как будто натягиваем новое изображение. Ну вы сами видите.

После того как все углы подогнали и сделали как надо, нажимаем enter . Должно получиться примерно так.

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

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

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

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

  1. На палитре Layers (Слои) активизируйте слой, который хотите трансформировать. Любые слои, связанные с данным, также будут изменены. Нельзя трансформировать изображение, в котором приходится 16 бит на канал. По желанию. Создайте выделенную область, чтобы трансформировать только выделенные пикселы.
  2. Выберите команду Edit > Transform > Scale (Правка > Трансформировать > Масштаб), Rotate (Поворот), Skew (Скос), Distort (Искажение) или Perspective (Перспектива). Вокруг непрозрачной части слоя появится однотонная рамка.
  1. По желанию. Чтобы трансформировать слой или выделенную область относительно точки, не являющейся центром, переместите опорную точку (рис. 7.18).

Эту точку можно переместить даже за пределы габаритной рамки.

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

  1. Чтобы изменить размер изображения по горизонтали и вертикали, перетащите угол рамки (рис. 7.18). Для изменения размеров только по вертикали или только по горизонтали перетащите боковую границу рамки. Нажав клавишу Shift , можно сохранить соотношение ширины и высоты. Нажмите клавишу Alt и вы сможете изменять масштаб изображения относительно опорной точки. Чтобы повернуть изображение, поместите курсор рядом с манипулятором рамки, хоть внутри, хоть снаружи (курсор примет вид двусторонней стрелки), и тащите курсор по кругу (рис. 7.19). Нажмите клавишу Shift , и у вас появится возможность повернуть изображение на угол кратный 15°.

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

    При выполнении команды Distort (Искажение) - см. рис. 7.20 - перетащите угловой манипулятор рамки в любую требуемую точку, либо перетащите манипулятор боковой границы, чтобы исказить ее относительно горизонтальной и/или вертикальной оси. Нажмите клавишу Alt , и искажение слоя будет симметричным относительно центра слоя. Данная операция позволяет более заметно изменить изображение, нежели скос.

Рис. 7.18. Изменение масштаба изображения

Рис. 7.19 . Поворот изображения

Рис. 7.20. Результат выполнения команды Distort

Рис. 7.21. Исходное изображение

Рис. 7.22. Результат выполнения команды Perspective

При выполнении команды Perspective (Перспектива) перетащите угловой манипулятор вдоль вертикальной или горизонтальной оси, чтобы создать перспективу вдоль выбранной оси (рис. 7.21 и 7.22). Остальные углы изменятся соответственно. Либо перетащите манипулятор боковой границы, чтобы наклонить исходное изображение относительно горизонтальной или вертикальной оси.

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

Для отмены последнего перемещения манипулятора рамки выполните команду Edit > Undo (Правка > Отменить).

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

В диалоговом окне, которое вызывается с помощью команды Edit > Preferences > General (Правка > Установки > Общие) либо комбинации клавиш Ctrl+K , выберите метод интерполяции для команд трансформации. Вариант Bicubic (Бикубический,)- самый лучший, но самый медленный метод - дает наименьшее ухудшение качества изображения.

Для того чтобы повторить последнюю операцию трансформации, выберите команду Edit > Transform > Again (Правка > Трансформировать > Снова) либо воспользуйтесь комбинацией клавиш Ctrl+ Shift+T .

Чтобы трансформировать дубликат выделенной области, при выборе команды держите нажатой клавишу Alt либо воспользуйтесь «горячими» клавишами: Ctrl+Alt+T .

Помимо трансформации слоя можно трансформировать альфа-канал, границу выделенной области (см. главу 5 Учебника Фотошоп, раздел «Изменение рамки выделения»), контур (см. главу 16, «Изменение формы контура») или несвязанную активную маску слоя.



Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter
ПОДЕЛИТЬСЯ:
NexxDigital - компьютеры и операционные системы