Как трансформировать объект в фотошопе
Перейти к содержимому

Как трансформировать объект в фотошопе

  • автор:

Правильно делаем трансформацию в фотошопе или как не убить качество картинки

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

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

Подопытная картина от Thomas Le Corre, посмотреть проект на Behance

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

Разберемся как работает просчет трансформации:
Уменьшая изображение, программа берет ближайшие пиксели и сливая их выдает усредненный цвет, для новосозданного, а при увеличении, информация наоборот берется из соседних пикселей, для создания новых. Грубый перерасчет в лучшем случае сохранит качество картинки, если масштабирование было незначительным (например, ±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 с выпадающим диалоговым окном, в котором можно указать формат файла и его необходимые размеры.

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

А далее вставляем нашу картинку в макет и располагаем в нужном месте.
Это занимает лишние 15 секунд, а результат радует максимально допустимым качеством.

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

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

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

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

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

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

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

Photoshop — Урок 6. Транcформация

Итак, рассмотрим подробнее возможности трансформирования изображений. Транcформирование можно применять к целому изображению, к отдельному слою этого изображения или к части слоя. Для начала нужно выделить объект, который будем трансформировать:

  • Чтобы трансформировать весь слой, сделайте его активным (щелкните по нему на панели «Слои») и убедитесь, что на изображении нет выделенных областей.
  • Чтобы трансформировать часть слоя, выделите на нем нужную часть изображения.
  • Чтобы трансформировать несколько слоев, выберите их, удерживая клавишу «Ctrl». На панели «Слои» они станут активными (т.е. синими).
  • Чтобы трансформировать все изображение, выполните сначала его сведение (Слой (Layer) -> Выполнить сведение (Flatten Image)).

    Масштабирование — увеличение или уменьшение размера объекта. Масштабировать можно по горизонтали или по вертикали, а также по горизонтали и по вертикали одновременно (так мы делали на прошлом уроке).

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

1 — оригинал
2 — поворот
3 — наклон

1 — оригинал
2 — искажение
3 — перспектива
4 — деформация

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

Свободное трансформирование в Фотошоп

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

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

Активация команды Свободное трансформирование в Фотошоп

С помощью инструмента Type Tool напишите любое слово, и, если хотите добавьте необходимые эффекты для текста.

Свободное трансформирование в Фотошоп

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

Свободное трансформирование в Фотошоп

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

Для вызова команды Свободное Трансформирование также имеется свое сочетание клавиш Ctrl + T. Запомнить такую комбинацию нетрудно, так как во время работы в Фотошоп данная команда используется довольно часто.

Свободное трансформирование в Фотошоп

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

Свободное трансформирование в Фотошоп

Перемещение слоя с текстом

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

Свободное трансформирование в Фотошоп

Если у Вас активен инструмент Перемещение (Move Tool) (V), то в вверху на панели инструментов Вы можете активировать опцию для управляющих элементов (Show Transform Controls), отметив её галочкой. После этого Вы сможете менять размер и форму без применения команды Свободное трансформирование.

Свободное трансформирование в Фотошоп

Изменяем размер

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

Свободное трансформирование в Фотошоп

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

Свободное трансформирование в Фотошоп

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

Свободное трансформирование в Фотошоп

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

Свободное трансформирование в Фотошоп

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

Свободное трансформирование в Фотошоп

Вращение текста

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

Свободное трансформирование в Фотошоп

Если при вращении Вы зажмёте клавишу Shift, то оно будет происходить с интервалом 15°.

Свободное трансформирование в Фотошоп

Режимы Наклон (Skew), Перспектива (Perspective) и Искажение (Distort)

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

Теперь примените режим Наклон и при помощи курсора мышки потяните за любой из маркеров влево или вправо.

Свободное трансформирование в Фотошоп

Использование клавиш для режима Наклон (Skew)

Чтобы избавить себя от необходимости вызова режима Наклон через вкладку Редактирование (Edit), можно применять сочетание клавиш. Команда Свободное Трансформирование в этом случае должна быть активной.

  • Ctrl: если Вы нажмёте эту клавишу и потяните за один из маркеров, то активируется режим Наклон.
  • Shift + Ctrl: используются для сохранения пропорции во время изменения наклона.
  • Alt: данная клавиша применяется для равномерного масштабирования из центра по вертикали/горизонтали, а при сочетании с клавишей Ctrl пропорционально изменяет положение противоположной диагональной опорной точки.
  • Shift + Alt + Ctrl: работает так также как и Alt + Ctrl, но при этом сохраняются пропорции текста.

Свободное трансформирование в Фотошоп

Активация режимов Перспектива (Perspective) и Искажение (Distort)

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

  1. применение растрирования для текстового слоя. Чтобы это сделать необходимо воспользоваться контекстным меню для слоя или перейти в меню Слой (Layer) и выбрать Растрировать текст (Rasterize Type).
  2. преобразование текстового слоя в векторную фигуру. Щёлкните правой кнопкой мышки по текстовому слою и выберите команду Преобразовать в кривые (Convert to Shape). Отличие во втором варианте в том, что векторную фигуру в дальнейшем можно будет изменять в размерах без потери её качества, тогда как растровые объекты, что в первом варианте, будут терять качество.

Но мы всё-таки применим первый вариант.

Свободное трансформирование в Фотошоп

Наклон (Skew)

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

Свободное трансформирование в Фотошоп

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

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

Свободное трансформирование в Фотошоп

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

Удерживая комбинацию клавиш Shift + Ctrl + Alt, Вы можете перемещать вертикально/горизонтально противоположные углы в разные плоскости. Таким образом Вы можете изменять перспективу трансформируемого объекта.

Свободное трансформирование в Фотошоп

Подтверждение/отмена изменений

Для сохранения всех проделанных изменений, щёлкните по иконке с галочкой, расположенной на верхней панели, а для отмены по иконке в виде перечеркнутого кружка, расположенной рядом. Вы также можете применять клавиши Enter и Esc соответственно.

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

Свободное трансформирование в Фотошоп

Изменение контрольной точки

Все трансформации происходят относительно фиксированной контрольной точки (Reference Point). По умолчанию в Фотошоп она размещается в центре трансформируемой области. При желании Вы можете изменить её расположение при помощи соответствующей пиктограммы на верхней панели.

Свободное трансформирование в Фотошоп

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

Свободное трансформирование в Фотошоп

Режим Поворот через меню Редактирование

Существует несколько готовых вариантов вращения которые доступны через меню Редактирование (Edit).

  • Поворот на 180° (Rotate 180)
  • Поворот на 90° по часовой (Rotate 90° CW)
  • Поворот на 90° против часовой (Rotate 90° CCW)
  • Отразить по горизонтали (Flip Horizontal)
  • Отразить по вертикали (Flip Vertical)

Свободное трансформирование в Фотошоп

Эти функции доступны и для контекстного меню. Для этого щёлкните правой кнопкой мыши по трансформируемой области.

Свободное трансформирование в Фотошоп

Заключение

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

Ссылка на источник урока.

Трансформация в фотошопе: увеличение, уменьшение и другие манипуляции

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

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

Команды трансформации

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

Команда Выполнить сведение

Когда объект трансформации выбран, нужно определиться с подходящим инструментом. Все они находятся в подменю Редактирование -> Трансформирование .

Пункт меню Трансформирование

Коротко поговорим о каждом.

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

Поворот

  • Наклон. С помощью него можно добиться наклона объекта относительно различных осей координат.
  • Искажение. Инструмент позволяет добиться довольно необычных искажений: объект можно растянуть или сплющить.

Сплющиваем объект

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

Команды поворота

  • Команды Отразить по горизонтали и Отразить по вертикали дают возможность зеркально отражать объекты.

Полезные ссылки:

  • Бесплатные видеоуроки по Фотошопу;
  • Каталог платных курсов по Фотошопу видеоуроки по разным направлениям;
  • Курсы для фотографов;
  • Полноценный онлайн курс по веб-дизайну с нуля от SkillBox.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *