Cómo usar la maqueta en Photoshop

Las maquetas son utilizadas por diseñadores, propietarios de tiendas de comercio electrónico y más para brindar a los clientes una vista realista de su producto, sin tener que pedir y fotografiar muestras de todo. 

¿Quieres vender un diseño en línea pero no tienes el tiempo o los recursos para fotografiar el producto? Tienes que crear una maqueta realista. 

Pero, ¿cómo se crea una maqueta de aspecto realista? No siempre se puede pegar un diseño encima del producto. Sin las sombras y texturas adecuadas, su diseño se verá falso . 

¡Hola, soy Cara! ¡Y, una vez más, Photoshop tiene la respuesta a este problema! Hay todo tipo de plantillas de maquetas gratuitas y de pago que puede descargar para usar en Photoshop. Te aseguro que son mucho más fáciles de usar de lo que piensas. 

¡Ven conmigo y te mostraré lo que quiero decir! Hay cuatro pasos principales para usar una plantilla de maqueta para crear una maqueta realista en Photoshop.

PASO 1: DESCARGA TU PLANTILLA Y ÁBRELA EN PHOTOSHOP

Idealmente, sería más fácil si puede encontrar plantillas de maquetas gratuitas para Photoshop. Si no, hay muchos sitios web de imágenes donde puede encontrar y descargar imágenes gratuitas. Para este ejemplo, fui a freepik.com para descargar la siguiente imagen.

Como puede ver aquí, el logotipo se ha incrustado en la tela y hay sombras que afectan el diseño. Si solo pones un archivo digital encima de esto, se vería súper falso. Pero la plantilla de la maqueta se ha creado especialmente para ofrecer el realismo que buscas. 

PASO 2: ABRE LA CAPA DE DISEÑO

En el panel Capas, debería ver algunas capas. Encuentra el que sea para tu diseño. Podría decir “su diseño aquí” o “marcador de posición” u otra cosa que indique que esta es la capa con la que trabajar. 

El mío dice “reemplazar esta pantalla”. Otra indicación es que la miniatura de la capa tendrá un pequeño ícono en la esquina inferior derecha que lo marca como un objeto inteligente.

Haga doble clic en la miniatura de la capa para abrirla. Esta es una maqueta bastante complicada con la iluminación y los efectos de bordado, así que esto es lo que vemos al abrir el objeto inteligente.

 

Hay otro objeto inteligente con un montón de capas que agregan efectos. Haga doble clic en este objeto inteligente también. Debería terminar con una sola capa en el panel Capas y una versión digital del diseño sobre un fondo transparente. 

PASO 3: REEMPLACE EL DISEÑO

Para agregar su diseño, vaya a Archivo en la barra de menú y elija Colocar incrustado.

Navegue hasta su diseño en su computadora y presione Colocar . Su diseño aparecerá sobre el logotipo existente con la herramienta Transformar activa automáticamente como se indica en el cuadro azul que lo rodea. 

Tome las manijas y arrastre para cambiar el tamaño según sea necesario.

Para deshacerse del diseño del marcador de posición, desactive la visibilidad o elimine la capa original.

Con el marcador de posición fuera del camino, verifique una vez más que el tamaño sea el correcto.

Ahora presione Ctrl + S o Comando + S para guardar los cambios en el objeto inteligente. O vaya a Archivo y seleccione Guardar.

Aparecerá un cuadro indicando la actualización.

PASO 4: AJUSTES FINALES

Ahora, notará que cada vez que abrió un objeto inteligente, Photoshop creó una nueva pestaña. Dado que abrimos dos objetos inteligentes para esta maqueta, debe tener tres pestañas (los dos objetos inteligentes más el archivo original).

Después de guardar el segundo objeto inteligente, haga clic en la segunda pestaña para volver al primer objeto inteligente. Verá que su diseño se ha aplicado de manera impresionante a la maqueta.

En este caso, el objeto inteligente tiene un montón de luces y efectos diferentes que puedes usar con tu diseño. Activa y desactiva la visibilidad de cada capa para ver cómo afectan a la imagen.

Una vez que esté satisfecho con el resultado, es hora de guardar también este objeto inteligente. Presione Ctrl + S o Commabd + S para guardar. 

¡Vuelve a la pestaña original y listo! Su maqueta está completa. ¿No es increíble?

Y así es como les brinda a sus clientes una visión realista de cómo se ve su diseño en un producto sin tener que hacer y fotografiar cada uno de ellos. ¿Tiene curiosidad por saber más sobre cómo trabajar con objetos inteligentes? ¡Mira este tutorial para editar un objeto inteligente!

Leave a Comment