Трансформация выделенной области Adobe Photoshop CS5. Трансформация в фотошопе: увеличение, уменьшение и другие манипуляции

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

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 . Готово! Теперь можно распечатать полученную фотографию.

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

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

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

Изменение формы выбранной области

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

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

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

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

То же самое произошло, если бы я, удерживая Alt, перетащил бы верхний или нижний маркер:

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

Изменение размера

При изменении формы описанным выше способом мы можем нарушить пропорции изображения. К примеру, если перетащить вправо правую сторону прямоугольника с пропорциями сторон 4х3, то пропорция уже будет, скажем, 5х3 или 6х3 или что-то около того. Иными словами, вместе с размером изменяется и форма.

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

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

Если вместе с Shift зажать ещё и клавишу Alt, то размер будет изменяться от центра:

Вращение

Метод поворота изображения или выделения с помощью "Свободной трансформации" несколько отличается от метода изменения формы и размеров. Вместо перетаскивания маркеров следует вывести курсор мыши за пределы габаритной рамки, при этом Вы увидите, что курсор превратился в изогнутую линию с маленькими стрелками на обоих концах. После этого нажмите левую клавишу мыши и, не отпуская её, протащите курсор для поворота. Если перед перетаскиванием Вы зажмёте клавишу Shift, рамка будет поворачиваться на фиксированный угол в 15° за одно движение мыши:

Ось вращения (центр трансформации)

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

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

Перемещение

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

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

Сама по себе опция "Свободная трансформация" (Free Transform) несколько ограничена в своих возможностях. Вот почему Adobe Photoshop включает в себя дополнительные режимы преобразования, которые значительно расширяют возможности программы. Пройдите по вкладке Редактирование --> Трансформация (Edit --> Transform).

Обращаю Ваше внимание, не "Свободная трансформация" (Free Transform), а просто "Трансформация" (Transform)!

После перехода открывается список дополнительных опций:

Про дополнительный опции рассказывается в статье "Трансформация: дополнительные режимы" .

Применение или отмена трансформации

Для применения трансформации нажмите клавишу Enter, для отмены - Esc.
Также, можно кликнуть по кнопкам, которые расположены в правой части панели параметров. Для применения кликните по галке, для отмены - по перечёркнутому кругу:

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

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

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

Что бы завершить трансформацию просто нажмите клавишу ENTER , и ваше трансформация применится к слою. Сделать шаг назад и применить предыдущее трансформирование можно с помощью клавиши ESC .

Функцию сохранение пропорций изображения при трансформировании выполняет клавиша SHIFT .

Трансформация – Вращение

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

Будем идти по порядку. Квадратик с точечками, позволяет задать 9 позиций центра для объекта трансформирования.

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

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

И последняя настройка, угол наклона. Задается в градусах до 180 0

Как видно все настройки панели трансформирования просты и интуитивно понятны.

1 Масштабирование . Думаю эта функция говорит сама за себя.

2 Поворот . Вращение объекта.

3 Наклон . Тут тоже думаю все понятно.

4 Перспектива . Трансформация изображения пропорционально середины одной из сторон

5 Искажение . Перемещая уголки маркеров в пространстве, можно добиться искажения объекта.

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

Трансформация части изображения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наклон

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Принцип просчета трансформации

Разберемся как работает просчет трансформации:
Уменьшая изображение, программа берет ближайшие пиксели и сливая их выдает усредненный цвет, для новосозданного, а при увеличении, информация наоборот берется из соседних пикселей, для создания новых. Грубый перерасчет в лучшем случае сохранит качество картинки, если масштабирование было незначительным (например, ±10%)

Разница между оригиналом и масштабированием иллюстрации с последующим восстановлением размера.

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

Чего стоит избегать

В масштабировании

Избегаем «некорректные» значения размеров. Размеры «читаем» по процентам. Корректными размерами считаются все те, что кратны 5 или на худой конец 2.
Топ возглавляют: 25, 50 и 75%;
За ними идут: 10 и 90%, 20 и 80%, 40 и 60%.
Затем все кратное 5, но не озвученное ранее, а закрывают список удачных - кратные 2.

Масштаб просчитается корректнее, если картинка будет уменьшена не до 73,91%, а до нормальных целых 75%. Если размер нужен именнно с цифрой выше, а не округленной нами до 75%, снисхожу до округления целых 73%.
Нужно помнить, что нет понятия «половины пикселя». Есть пиксель - это наименьшая единица. Все что меньше, это тоже пиксель, но уже с прозрачностью, плотность которой считается исходя из размера «недопикселя».

В повороте

Избегаю нескольких ротаций, когда можно обойтись одной: Вместо двух по 15°, делаю один раз на 30°.
Исключением служат повороты, кратные 90°. Пиксель не претерпевает перерасчета, так как остается прежним, изменяя свое местонахождение.

Убийственными являются повороты, кратные 45°. Они дробят пиксели сильнее всего и мы получаем фигню.

Плохое качество видно невооруженым глазом. Иллюстрация повернута 8 раз на 45° (сделала оборот 360°)

Сложные манипуляции

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

Обратите внимание на «волны» и «лесенки» у края монитора, черной кнопки, края изображения и линии изгиба ноутбука, которые появились от непоследовательной трансформации (Уменьшение масштаба до 68% и поворот на 27°)

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

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

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

Наилучшая последовательность всех видов трансформаций

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

При уменьшении

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

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

При увеличении

Приоритет нужно отдать масштабированию, после которого действовать можно уже по желанию - как будет удобнее.