ResponTodo

Es bastante fácil superponer un logotipo a algo en Photoshop. Pero, ¿qué pasa si su foto base no está de frente, por lo que un logotipo cuadrado (o cualquier otra imagen) se verá sesgado? Aquí le mostramos cómo alinear su imagen superior con la perspectiva correcta.

Uso de la herramienta Transformar para coincidencias perfectas

Usemos una imagen de pantalla de gadget como base: una necesidad común para los especialistas en marketing (o escritores web como yo). Nuestra imagen de origen aquí es una Nintendo Switch con una pantalla normal de 16: 9, pero necesitamos poner una captura de pantalla de otra cosa, digamos una imagen de Zelda en lugar de Mario . Aquí están las imágenes que usaré, para que pueda tomarlas y practicar por su cuenta:

Resalte la imagen de captura de pantalla en la herramienta Capas, luego active la herramienta Transformación con el atajo Ctrl + T en Windows o Comando + T en macOS.

Si ha utilizado Photoshop durante algún tiempo, probablemente ya se sienta cómodo con la herramienta Transformación libre : debe saber cómo mover la imagen, encogerla, expandirla o rotarla. Pero también puede sesgarlo considerablemente, lo suficiente como para permitirle modificarlo para alterar la perspectiva y hacer que coincida con la imagen de abajo. Este es un ejemplo bastante sencillo: vamos a hacer coincidir esta captura de pantalla rectangular de Zelda con la pantalla rectangular en el Switch, un simple movimiento de esquina a esquina.

Mantenga presionado el botón Ctrl en Windows o el botón Comando en Mac, luego haga clic en uno de los cuadrados blancos en la esquina de la captura de pantalla que forman parte de la herramienta Transformar. Manteniendo presionada la tecla Ctrl y el botón izquierdo del mouse, arrastre una de las esquinas de la imagen de captura de pantalla superior a la esquina correspondiente en la pantalla del Switch en la imagen de abajo. Amplíe la vista de píxeles si necesita combinarla perfectamente.

Notarás que en lugar de la acción normal de cambio de tamaño, el modificador Ctrl o Comando te permite tomar una esquina de la imagen y moverla mientras las otras cuatro esquinas permanecen en su lugar.

Repita este paso para las siguientes cuatro esquinas, moviendo la imagen de captura de pantalla sobre la pantalla del interruptor debajo. No aplique la transformación hasta que haya terminado, o no podrá volver a tomar las cuatro esquinas; se rellenarán con transparencia. Puede hacer que la capa superior se extienda más allá de la inferior en uno o dos píxeles solo para asegurarse de que cubra completamente la pantalla debajo. Presione Entrar para cerrar la herramienta Transformar.

Debido a que tanto la pantalla del teléfono como la imagen de la captura de pantalla tienen la misma relación de aspecto, este pequeño encubrimiento encaja perfectamente y no necesita más edición. Pasemos a algo un poco más complicado.

Uso de la herramienta Transformar en imágenes de tamaño extraño

Supongamos que tiene esta imagen de una computadora portátil Mac y no desea usar un logotipo de Apple en un anuncio. Prefieres lucir el logo de tu empresa. Usaré un logotipo circular de Review Geek como ejemplo; ambas imágenes de origen se encuentran a continuación.

Entonces, desea cubrir el logotipo de Apple como antes la pantalla del teléfono, pero ahora el plano de la imagen de origen (la tapa de la computadora portátil) no coincide con la capa que desea agregar (el logotipo circular), y aún debe hacerlo. mantén la perspectiva correcta. En este caso, usaremos algo más en la foto como guía: la tapa aproximadamente rectangular de la computadora portátil. Haremos coincidir la perspectiva del logotipo con la tapa de la computadora portátil, luego la reduciremos al tamaño que necesitamos mientras mantenemos la perspectiva bloqueada.

Para comenzar, presione Ctrl + T o Comando + T con la capa superior seleccionada para abrir la herramienta de transformación nuevamente. Ahora presione Ctrl + Clic o Comando + Clic, seleccione los cuadrados guía en las esquinas de la capa del logo y combínelos con las esquinas de la tapa del portátil. Las esquinas están redondeadas, pero puede usar los bordes de la tapa y la guía de transformación para alinearse.

Debido a que la tapa de la computadora portátil no es cuadrada, su círculo es demasiado ancho. Puede volver a ajustarlo a una transformación de tamaño cuadrado. Puede observar esto si no necesita ser perfecto, o girar la capa debajo y usar las guías de regla de Photoshop si necesita más precisión. Presione Entrar para aplicar la transformación cuando esté listo.

Ahora tiene una imagen cuadrada sobre la pantalla de la computadora portátil, y está en la perspectiva correcta para que coincida con el logotipo de Apple debajo. Necesita reducirlo para que no se vea fuera de lugar. Con la herramienta Transformar activa, mantén presionadas Alt + Shift en Windows u Opción + Shift en una Mac, luego haz clic en una de las esquinas y arrástrala hacia adentro para escalar la imagen del logo hacia abajo, por lo que no es mucho más grande que el logo de Apple.

Aquí está el resultado final:

Si su imagen inferior es bastante regular, con un sesgo de perspectiva predecible en un lado, puede mantener presionadas las teclas Ctrl + Alt + Mayús en Windows o Comando + Opción + Mayús en Mac para usar la herramienta Transformar en el modo Sesgar. Sin embargo, es bastante raro que su imagen se alinee perfectamente para esto.

Uso de transformación libre en superficies irregulares

Bien, ahora puede hacer coincidir una perspectiva y cambiar el tamaño según sea necesario. Pero, ¿qué pasa si intenta colocar algo en una superficie que no es plana? Probemos con un ejemplo más: poner el logotipo de Review Geek en una bola. Una vez más, use las imágenes a continuación en su copia de Photoshop para practicar.

Con las herramientas que aprendió en las secciones anteriores, es fácil colocar la imagen del logotipo en la parte superior de la pelota e incluso ajustar su perspectiva para que coincida con la orientación de la pelota. Pero el archivo del logotipo parece extraño porque es plano y la superficie de la pelota no lo es.

Para solucionar esto, presione Ctrl + T o Comando + T para activar la herramienta Transformar y observe la parte superior de la ventana de Photoshop. Estás buscando el botón rectangular curvo que activa el modo Warp. Pinchalo.

With the Transform Tool in Warp Mode, you can move the image around at any point on the inside or outside, not just the corners. This lets you click and drag different parts of the image into irregular positions. You’ll see the nine guidelines move along with the image, helping you to see how you’ve changed things.

The Warp Tool takes some practice to use effectively. You might need to undo and redo your work several times. But within a few minutes, you should be able to match the curve of the ball pretty well. Press Enter to apply the transformation.

For surfaces that are a little more predictable, but still too irregular for the regular Transform tool, you can use the pre-set Warp tools on the right side of the upper menu.

You can combine the techniques above with any other tools in Photoshop, like color corrections, curves, filters, blurs, et cetera, to get your top layer to match your bottom layer. Play around with these tools, and you’ll soon be matching up logos and screenshots with ease.

Image credit: Shutterstock/Wachiwit, Shutterstock/Africa Studio,  Shutterstock/Ygor, Yiorgos GR/Shutterstock.com, Nintendo