Colocar un logotipo en otra imagen no es una tarea complicada, pero si donde tenemos que poner el logo es en un objeto que no está alineado frontalmente con la cámara o éste tiene arrugas, como en el caso de una camiseta, pues la cosa se complica un poco más. Aquí es donde nos será muy útil utilizar el filtro Desplazar.
Ésta técnica nos puede servir también para poner un tatuaje en la piel de una persona o colocar una etiqueta en una botella, por ejemplo.
Preparar las imágenes
Para hacer el tutorial vamos a descargar la imagen de la chica con la camiseta gris y el logo de Zao3d. La fotografía de la chica está bajo los derechos de Creative Commons.
[wpdm_package id=’2870′]
[wpdm_package id=’2875′]
Abriremos entonces las dos imágenes en Photoshop.
Para usar el filtro desplazar debemos realizar todavía un par de operaciones. Éste filtro necesita una imagen en Blanco y Negro para poder saber cómo deformar la imagen que queremos ponerle.
Para convertir nuestra imagen a blanco y negro tenemos que ir hasta el menú Imagen > Ajustes > Desaturar.
Cuando desaturamos una imagen lo que hacemos es eliminar toda la información de color de la fotografía, dejándola en una escala de grises.
Una vez realizado este proceso, debemos guardar esta imagen en nuestra carpeta del proyecto, en formato PSD, con un nombre que la podamos identificar después.
Aconsejo usar un nombre parecido a éste: Camiseta-gris-azulado-FILTRO-BN.psd. Más adelante veremos que nos será más fácil identificarla con éste nombre.
En éste momento ya no necesitamos más la fotografía en blanco y negro, así que podemos cerrarla sin problema. Pero claro, al cerrar ésta imagen, debemos volver a abrir la original en color. Así que podemos volver a abrirla. En el vídeo explicaré un modo más rápido de realizar ésto sin tanto abrir y cerrar.
Copiar el logo encima de la camiseta
Ahora es el turno de copiar el logo de Zao3d en la camiseta. Si hemos abierto el logo al mismo tiempo que la fotografía de la chica, buscamos en el lienzo la pestaña correspondiente al logo. Si no vamos al menú abrir y seleccionamos la imagen del logo.
Ésta imagen que hemos abierto es la original que he usado para la creación de mi logo, así que podemos ver todas las capas e incluso modificar el texto o tipografías si lo deseamos. La ventaja de ésta imagen es que tiene el fondo transparente, y eso es algo que nos irá de perlas para componerlo encima de la camiseta.
Cuando queramos copiar una imagen que está en un documento con muchas capas debemos de tener en cuenta una cosa. Si usamos el clásico Control + C sólo nos copiará la capa que tengamos seleccionada. En éste caso nos interesa poder copiar todas las capas combinadas. Para hacer ésto podemos hacerlo desde el menú Edición > Copiar combinado o usar la combinación de teclas Mayúsculas + Control + C. Obviamente, debemos haber seleccionado, previamente, todo con el comando Control + A.
Ahora ya podemos copiar el logo en la imagen de la camiseta con el comando, Control + V.
Ajustar el logo con la herramienta Transformar
En éste punto debemos posicionar y escalar el logotipo encima de la imagen. Ésto lo haremos con la herramienta de Transformar o usando la combinación de teclas Control + T. Intenta ajustarla más o menos como ves en la siguiente imagen:
Aplicar el filtro Desplazar
Bien, por fin vamos a aplicar el filtro Desplazar. Con la capa del logo seleccionada vamos al menú Filtros > Distorsionar > Desplazar. Se nos abrirá una ventana, muy simple, y sin posibilidad de previsualizar los cambios, así que tendremos que ir experimentando con diferentes valores hasta dar con el correcto. Empezaremos con unos valores pequeños y si el resultado no nos convence iremos incrementando estos valores hasta que estemos satisfechos. Para esta imagen funcionan bien los valores 7 y 7 en escala horizontal y vertical.
Después de aplicar este filtro se nos abrirá un cuadro de diálogo en el que nos pregunta por el archivo de filtro que queremos usar para deformar el logo. Es en éste punto cuando necesitamos la imagen en blanco y negro que guardamos al principio del tutorial. Ésta imagen en escala de grises ayudará a Photoshop a deformar el logo gracias a las sombras y claros de la imagen. Si el resultado no nos convence podemos probar otros valores.
En éste punto podemos hacer unos últimos retoques para darle un poco más de realismo. Podemos jugar con la opacidad de la capa o desenfocar un poco, pero muy poquito, con un filtro de desenfoque gaussiano. Experimenta.
Con una opacidad del 60 % queda bastante aceptable.
Un detalle que podemos mejorar es el de darle al logo más sombra en la parte más oscura de la camiseta, ya que como vemos el logo tiene la misma iluminación en toda la camiseta. Una forma rápidad de hacerlo es oscurecer esa parte con un degradado. Seleccionamos el logo con Control + Clic del ratón y añadimos una máscara vectorial. A ésta capa le aplicamos un degradado de negro a blanco, desde la derecha a la izquierda.
El resultado será parecido al de la siguiente imagen:
En el siguiente tutorial usaremos ésta técnica para aplicar un tatuaje en la espalda de una persona. Espero que os haya sido útil el tutorial. Y como siempre os animo a que comentéis. Eso siempre ayuda a mejorar los tutoriales.
Muchas gracias y un abrazo.
Bien interesante este tip para agregar elementos a fotografias reales