Cómo insertar una fotografía en el mock-up de un producto con Adobe Photoshop

Envato Market es un excelente recurso para obtener fotografías de archivo, plantillas para gráficos y mock-ups de productos. Estos recursos son una excelente manera de producir fotografías para mercadotecnia de alta calidad en muy poco tiempo. En este consejo rápido, te mostraré cómo usar Adobe Photoshop para agregar tus propias imágenes personalizadas al mock-up de un producto comprado en Envato Market.

1. Selecciona un producto

Una de las ventajas de usar una plantilla comprada es que los creadores generalmente proporcionan un archivo muy limpio y organizado que facilita la inserción de tus propias imágenes. Entonces, por ejemplo, si estás promocionando una nueva aplicación que usa la cámara del dispositivo y GPS para proporcionar indicaciones a nivel de calle, ¿qué mejor manera para comercializar la aplicación que mostrándola mientras se usa en un dispositivo?

Paso 1

Existen muchos mock-ups de productos disponibles en el mercado. El que elegí para usar incluye una mano sosteniendo el dispositivo.

Paso 2

Descarga la carpeta comprimida y extrae los archivos individuales del paquete. Abre el archivo llamado Hand1_Transparent.psd en Photoshop. Nota que el archivo tiene múltiples capas, y esto permite que sea fácil llevar a cabo el proceso de actualizar el archivo para incluir tus propias imágenes personalizadas.

2. Reemplaza el fondo

Paso 1

En nuestro anuncio hipotético, la aplicación debe mostrar lo que está viendo la cámara del dispositivo. La imagen de fondo está dentro de la capa de objeto inteligente etiquetada como EDIT BACKGROUND (EDITAR FONDO). Haz doble clic en la miniatura para abrir el contenido en su propio documento.

El archivo se abre — se llama Layer1.psb. Nota que únicamente tiene una sola capa, la imagen de fondo actual.

Paso 2

Ve a File > Place Linked (Archivo > Colocar elemento enlazado) y selecciona una nueva fotografía como fondo para el anuncio. Yo he elegido una vista de la calle de entre mis propias fotografías.

Paso 3

Ve a File > Save (Archivo > Guardar) y luego cierra el archivo. El contenido del fondo en el archivo inicial se actualiza para reflejar el nuevo fondo. Observa que el archivo agrega automáticamente un efecto de desenfoque y coloración al nuevo fondo también.

3. Reemplaza la interfaz de la aplicación

Paso 1

La interfaz se actualiza con el mismo método. Haz doble clic en la miniatura de la capa EDIT OBJECT (EDITAR OBJETO) para abrir ese objeto inteligente.

Paso 2

Ese archivo, llamado Camera.psb, incluye dos capas. Hay una capa oculta para una versión blanca del dispositivo, y la versión negra visible actualmente. Ambas son objetos inteligentes también. Por lo tanto, son objetos inteligentes dentro de objetos inteligentes — ¡es como objeto-inteligente-ception! Haz doble clic en la miniatura para ver el dispositivo de color más oscuro y así excavar a otro nivel más profundo y abrir ese archivo.

Paso 3

Ese archivo, llamado Camera1.psb, contiene las diferentes capas usadas para ilustrar el dispositivo y otro objeto inteligente denominado REPLACE CONTENTS (REEMPLAZAR CONTENIDO) para la pantalla. Haz doble clic en esa miniatura para abrir ese archivo.

Paso 4

Este nuevo archivo, llamado Screen11.psb, contiene la imagen real de la pantalla. Inserta la nueva imagen de la interfaz de la aplicación con File > Place Linked (Archivo > Colocar elemento enlazado).

Paso 5

Guarda y cierra cada uno de los archivos de objetos inteligentes abiertos. Debe haber tres de ellos: Screen11.psb, Camera1.psb y Camera.psb. El archivo original ahora está actualizado con la nueva interfaz perfectamente incorporada en la toma.

¡Eso es todo!

¡Realmente es así de sencillo! El simple hecho de actualizar los objetos inteligentes dentro de la plantilla crea fácilmente una fotografía personalizada para mercadotecnia. Ten en cuenta que el archivo sigue siendo editable, por lo que puedes intercambiar el contenido de los objetos inteligentes en cualquier momento para actualizar la imagen con nuevos fondos y nuevas interfaces para aplicaciones.