Как сделать идеальный сдвиг перспективы в фотошопе для изображений и логотипов

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

Использование инструмента Transform для идеальных соответствий

Давайте использовать изображение экрана гаджета в качестве основы: общая потребность для маркетологов (или авторов веб-сайтов, таких как я). Нашим исходным изображением здесь является Nintendo Switch с обычным экраном 16: 9, но нам нужно сделать снимок экрана с чем-то другим, скажем, с изображения Zelda вместо Марио. Вот картинки, которые я буду использовать, чтобы вы могли взять их и попрактиковаться самостоятельно:

Выделите снимок экрана в инструменте «Слои», затем активируйте инструмент «Преобразование» с помощью сочетания клавиш Ctrl + T в Windows или Command + T в macOS.

Если вы пользовались Photoshop какое-то время, вам, вероятно, уже нравится инструмент «Свободное преобразование»: вы должны знать, как перемещать изображение, сжимать или расширять его или вращать. Но вы также можете значительно исказить его, достаточно, чтобы вы могли изменить его, чтобы изменить перспективу и сопоставить ее с изображением ниже. Это довольно простой пример: мы собираемся сопоставить этот прямоугольный скриншот Zelda с прямоугольным экраном на Switch, простым движением из угла в угол.

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

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

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

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

Использование инструмента «Преобразование» для изображений странного размера

Скажем, у вас есть это изображение ноутбука Mac и вы не хотите использовать логотип Apple в рекламе. Вы бы предпочли показать логотип вашей компании. Я буду использовать круглую эмблему Review Geek в качестве примера - оба исходных изображения приведены ниже..

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

Чтобы начать, нажмите Ctrl + T или Command + T с выбранным верхним слоем, чтобы снова открыть инструмент преобразования. Теперь нажмите Ctrl + Click или Command + Click, выберите направляющие квадраты в углах слоя с логотипом и совместите их с углами крышки ноутбука. Углы закруглены, но вы можете использовать края крышки и направляющую трансформации для выравнивания.

Поскольку крышка ноутбука не квадратная, ваш круг слишком широкий. Вы можете отрегулировать его обратно до преобразования квадратного размера. Вы можете увидеть это, если вам не нужно быть идеальным, или повернуть слой под ним и использовать направляющие Photoshop's Ruler, если вам нужна большая точность. Нажмите Enter, чтобы применить преобразование, когда вы будете готовы.

Теперь у вас есть квадратное изображение на экране ноутбука, и оно в правильной перспективе, чтобы соответствовать логотипу Apple под ним. Вы должны уменьшить его, чтобы он не выглядел неуместным. При активном инструменте «Преобразование» удерживайте нажатой клавишу «Alt + Shift» в Windows или «Option + Shift» в Mac, затем щелкните один из углов и перетащите его внутрь, чтобы уменьшить изображение логотипа, чтобы оно не было намного больше логотипа Apple..

Вот окончательный результат:

Если ваше нижнее изображение довольно обычное, с перекосом перспективы, который предсказуем с одной стороны, вы можете удерживать Ctrl + Alt + Shift в Windows или Command + Option + Shift в Mac, чтобы использовать инструмент Transform в режиме Skew. Это довольно редко, что ваше изображение идеально подходит для этого, хотя.

Использование свободного преобразования на неровных поверхностях

Итак, теперь вы можете сопоставить перспективу и изменить размер по мере необходимости. Но что, если вы пытаетесь получить что-то на поверхности, которая не является плоской? Давайте попробуем еще один пример: нанесение логотипа Review Geek на шарик. Еще раз, используйте изображения ниже в вашей копии Photoshop для практики.

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

Чтобы это исправить, нажмите Ctrl + T или Command + T, чтобы активировать инструмент Transform, и посмотрите на верхнюю часть окна Photoshop. Вы ищете изогнутую прямоугольную кнопку, которая активирует режим деформации. Нажмите его.

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

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

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

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

Изображение предоставлено: Shutterstock / Wachiwit, Shutterstock / Africa Studio, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo