Уроки Описание инструментов Евгений Карташов 12 февраля 2009

Как использовать Свободную трансформацию?

Сложность урока: Легкий

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

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

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

Автор: Евгений Карташов

Комментарии 160

Спасибо за урок!

Ответить Ссылка

Спасибо за урок!

Ответить Ссылка

Спасибо за урок)
Вот что получилось)

Ответить Ссылка

Хороший урок! О некоторых возможностях я раньше не знала.

Ответить Ссылка

Большое спасибо за урок!

Ответить Ссылка

ееесть! спасибо

Ответить Ссылка

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

Ответить Ссылка

Спасибо за урок.

Ответить Ссылка 0 0

Хороший урок.

Ответить Ссылка

Шикарный урок для начинающих, а то часто достают, как и за чем - дал им документ и учитесь...

Ответить Ссылка 0 0

Спасибо! Урок суперполезный. Про горячие клавиши отдельное спасибо

Ответить Ссылка 0 0

спасибо за информацию!

Ответить Ссылка

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

Ответить Ссылка 0 1

Mystery, Поменяйте очерёдность слоёв.

Ответить Ссылка 0 0

Спасибо за урок

Ответить Ссылка 0 0
Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}} {{work.comments}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба
Жалоба

Комментарии {{work.childs.length || 0}}

Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Creativo». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

После добавления работы:


Запланировать публикацию

{{pub_dates[pub_date]}}
Отменить планирование
Запланировать