Si eres diseñador gráfico o simplemente te gusta crear diseños para tus proyectos personales, saber cómo diseñar tus propios mockups puede ser una gran habilidad que te ahorrará tiempo y dinero al evitar tener que comprar o descargar mockups. En este post del blog, te mostraremos cómo diseñar tus propios mockups siguiendo un ejemplo paso a paso de cómo diseñar un mockup de pósters de pared.
Por si lo prefieres, te dejo el vídeo que grabe ejemplificándolo con pósters de pared (siento la calidad del audio, fue de mis primeros vídeos 😀):
Paso 1: Selecciona los recursos necesarios
Lo primero que debemos hacer es seleccionar todos los recursos que necesitamos para diseñar nuestro mockup de pósters de pared. En este caso, vamos a necesitar una foto de una pared como fondo y algunas texturas de papel que utilizaremos para darle a nuestros pósters un aspecto más realista.
En mi caso, he descargado todos los recursos de Unshplash.
Paso 2: Crear el diseño de nuestros pósters en Illustrator
Una vez que tengamos los recursos necesarios, abrimos Illustrator y creamos el diseño de nuestros pósters. Podemos utilizar diferentes estilos a la hora de diseñar los pósters. Lo importante es asegurarse de que el diseño se adapta a las medidas de los pósters que queremos crear.
Desbloquea tu creatividad con nuestro contenido exclusivo para diseñadores 🔥
Una vez tenemos el diseño creado, exportamos el archivo y lo guardamos en jpeg. En este punto, es importante asegurarse de que el diseño tenga una resolución suficientemente alta para que se vea bien en nuestro mockup.
Paso 3: Añadir texturas de papel en Photoshop
Abrimos en Photoshop el archivo jpeg con el diseño de nuestros pósters. Ahora que tenemos nuestro diseño en Photoshop, es hora de añadir las texturas del papel a los pósters. Para hacer esto, importamos nuestras texturas de papel en Photoshop y las colocamos sobre cada uno de nuestros pósters.
Una vez tenemos una textura de papel sobre cada póster, seleccionamos las capas con las texturas y les aplicamos el modo de fusión «multiplicar». Podemos ajustar la opacidad para controlar el nivel de textura que se le aplica al póster.
Una vez tenemos el resultado deseado, exportamos el archivo en jpeg y lo reservamos para más adelante.
Paso 4. Abrir la imagen de fondo en Photoshop
El siguiente paso es abrir la imagen de fondo que queremos utilizar como base para nuestro mockup de pósters de pared en Photoshop.
Paso 5: Crear el mockup
Una vez que tenemos la imagen de fondo en Photoshop, insertamos nuestro archivo de los pósters con textura sobre el fondo y ajustamos las medidas y la disposición según nuestras necesidades. Podemos usar herramientas como la herramienta de transformación libre para hacer ajustes más precisos.
Ahora realizamos el mismo paso que antes, para traspasar los relieves de la pared a nuestros pósters y así dar con un acabado más realista. Para hacer esto, simplemente tenemos que seleccionar la capa de nuestro archivo de los pósters y darle de nuevo a modo de fusión «multiplicar». De nuevo, podemos ajustar la opacidad para obtener el aspecto deseado.
Una vez estemos satisfechos, vamos a ir aplicando capas de ajustes sobre nuestro diseño general, hasta que quede perfecto. Cuando terminemos, guardamos el archivo. Podemos guardar el mockup en varios formatos, pero recomendamos guardarlo en formato PSD para poder hacer cambios en el futuro si lo necesitamos y exportarlo en el formato que mejor convenga según donde se vaya a usar el mockup. Nosotros, que lo usaremos solo en digital, lo exportamos en jpeg.
¡Listo! Ahora tenemos nuestro propio mockup de pósters de pared con texturas de papel y fondos realistas. Este proceso se puede aplicar a cualquier otro tipo de diseño y es una excelente manera de ahorrar tiempo y dinero creando tus propios mockups personalizados.
Recuerda que la clave para crear mockups impresionantes es prestar atención a los detalles y tener una buena selección de recursos a mano. No dudes en experimentar con diferentes técnicas y recursos para crear mockups únicos y sorprendentes.
Esperamos que este tutorial te haya sido útil y te ayude a diseñar tus propios mockups.
