Достаточно легко наложить логотип на что-то в Photoshop. Но что, если ваша базовая фотография не является лобовой, поэтому квадратный логотип (или любое другое изображение) будет выглядеть искаженным? Вот как выровнять верхнее изображение с правильной перспективой.
Использование инструмента Transform для идеальных соответствий
Давайте использовать изображение экрана гаджета в качестве основы: общая потребность для маркетологов (или веб-писателей, как я). Нашим исходным изображением здесь является Nintendo Switch со стандартным экраном 16: 9, но нам нужно сделать скриншот чего-то другого – скажем, изображение из Zelda вместо Mario . Вот картинки, которые я буду использовать, чтобы вы могли взять их и попрактиковаться самостоятельно:
Выделите снимок экрана в инструменте «Слои», затем активируйте инструмент «Преобразование» с помощью сочетания клавиш Ctrl + T в Windows или Command + T в macOS.
Если вы использовали Photoshop какое-то время, вы, вероятно, уже освоились с инструментом Free Transform: вы должны знать, как перемещать изображение, сжимать или расширять его, или вращать. Но вы также можете значительно исказить его, достаточно, чтобы вы могли изменить его, чтобы изменить перспективу и сопоставить ее с изображением ниже. Это довольно простой пример: мы собираемся сопоставить этот прямоугольный снимок экрана Zelda с прямоугольным экраном на коммутаторе, простым движением из угла в угол.
Удерживая нажатой кнопку Ctrl в Windows или кнопку «Command» в Mac, щелкните один из белых квадратов в углу скриншота, которые являются частью инструмента «Преобразование». Удерживая нажатой клавишу Ctrl и левую кнопку мыши, перетащите один из углов верхнего снимка экрана в соответствующий угол на экране коммутатора на изображении ниже. Увеличьте изображение в пикселях, если вам нужно, чтобы оно соответствовало идеально.
Вы заметите, что вместо обычного действия изменения размера, модификатор Ctrl или Command позволяет вам захватить один угол изображения и переместить его, в то время как остальные четыре угла остаются на месте.
Повторите этот шаг для следующих четырех углов, перемещая изображение скриншота по экрану переключателя внизу. Не применяйте преобразование до тех пор, пока вы не закончите, или вы не сможете снова захватить все четыре угла – они будут заполнены прозрачностью. Вы можете заставить верхний слой проходить за нижний на один-два пикселя, чтобы убедиться, что он полностью покрывает экран под ним. Нажмите Enter, чтобы закрыть инструмент Transform.
Поскольку экран телефона и изображение на скриншоте имеют одинаковое соотношение сторон, это небольшое прикрытие идеально подходит и не требует дальнейшего редактирования. Давайте перейдем к чему-то более хитрому.
Использование инструмента «Преобразование» для изображений странного размера
Скажем, у вас есть это изображение ноутбука Mac, и вы не хотите использовать логотип Apple в рекламе. Вы бы предпочли показать логотип вашей компании. В качестве примера я буду использовать круговой логотип Review Geek – оба исходных изображения приведены ниже.
Таким образом, вы хотите закрыть логотип Apple так же, как раньше экран телефона, но теперь плоскость исходного изображения (крышка ноутбука) не соответствует слою, который вы хотите добавить (круглый логотип), и вам все еще нужно держать перспективу правильно. В этом случае в качестве руководства мы будем использовать что-то еще на фотографии: примерно прямоугольную крышку ноутбука. Мы сопоставим перспективу логотипа с крышкой ноутбука, затем уменьшим ее до необходимого размера, сохраняя перспективу заблокированной.
Чтобы начать, нажмите Ctrl + T или Command + T с выбранным верхним слоем, чтобы снова открыть инструмент трансформации. Теперь нажмите Ctrl + Click или Command + Click, выберите направляющие квадраты в углах слоя с логотипом и совместите их с углами крышки ноутбука. Углы закруглены, но вы можете использовать края крышки и направляющую трансформации для выравнивания.
Поскольку крышка ноутбука не квадратная, ваш круг слишком широкий. Вы можете отрегулировать его обратно до преобразования квадратного размера. Вы можете увидеть это, если вам не нужно быть идеальным, или повернуть слой под ним и использовать направляющие линейки Photoshop, если вам нужна большая точность. Нажмите 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, чтобы применить преобразование.
Для поверхностей, которые немного более предсказуемы, но все же слишком нерегулярны для обычного инструмента «Преобразование», вы можете использовать предварительно установленные инструменты «Деформация» в правой части верхнего меню.
Вы можете комбинировать описанные выше приемы с любыми другими инструментами в Photoshop, такими как коррекция цвета, кривые, фильтры, размытие и так далее, чтобы ваш верхний слой соответствовал нижнему. Поиграйте с этими инструментами, и вы скоро с легкостью сможете сопоставлять логотипы и скриншоты.
Изображение предоставлено: Shutterstock/Wachiwit, Shutterstock/Africa Studio, Shutterstock/Ygor, Yiorgos GR/Shutterstock.com, Nintendo
