Para los propietarios de pequeñas empresas, las maquetas de productos son una parte esencial de la presentación de ideas, la generación de negocios, e incluso la lluvia de ideas y capacidades de nuevos productos. Tanto si quieres utilizar tus maquetas en la sala de juntas como en una valla publicitaria, mostrar tu producto en acción es una gran manera de entusiasmar a la gente. Aunque hay muchas maneras de generar maquetas de alta calidad -incluida la costosa ayuda profesional-, en realidad las maquetas son bastante fáciles de hacer con Adobe Photoshop. Para mostrarte cómo, por qué hemos elaborado este sencillo tutorial utilizando fotos de stock.
Paso uno:
Descarga tu imagen de stock de fondo y ábrela en Adobe Photoshop
Este paso apenas es un paso, pero hay algunas cosas importantes que recordar al elegir una imagen de fondo. Lo ideal es que tu pantalla sea negra, y cuanto más sencilla sea la perspectiva, más fáciles serán los siguientes pasos. Además, si descargas una foto de la mayoría de los proveedores de stock, sólo puedes utilizar esa imagen editada para uso personal. En otras palabras, si la maqueta te va a hacer ganar dinero, está fuera de los límites, a menos que quieras arriesgarte a una demanda por derechos de autor. Por suerte, todas nuestras imágenes están libres de derechos de autor, por lo que puedes utilizar estas maquetas en campañas de marketing y para otros usos profesionales. Para nuestra maqueta, hemos utilizado esta foto de fondo y esta foto de girasol.
Paso dos: Dibuja tu forma
Dibuja una forma sencilla utilizando la herramienta «Forma» de la barra de herramientas. No tiene que alinearse perfectamente, pero asegúrate de que cubre toda la figura por completo.
Consejo profesional: El uso de sus guías hará que este proceso sea más fácil y más infalible.
Paso tres: Convierte tu forma en un Objeto Inteligente
Es importante que hagas este paso antes de ajustar la imagen para que encaje mejor en la pantalla de la foto (Paso Cuatro). Para convertir una forma en un objeto inteligente, simplemente haga clic con el botón derecho en su capa en el panel de capas de la derecha, a continuación, seleccione «Convertir en objeto inteligente» en el menú desplegable.
Únase a nuestra comunidad creativa
Acceda a los mejores consejos de vídeo, trucos de diseño y ofertas directamente en su bandeja de entrada.
Paso Cuatro: Ajustar la perspectiva
Ahora vamos a hacer que nuestro objeto inteligente se ajuste a la pantalla del monitor en la fotografía utilizando la «herramienta Transformar». Vaya a Editar > Transformar > Distorsionar para empezar a editar la forma de su Objeto Inteligente.
Consejo profesional: La reducción de la opacidad en el panel de capas le permitirá ver la imagen debajo de más fácilmente. Haz clic y arrastra las esquinas para conseguir el tamaño y la forma necesarios. Recuerde que los aparatos electrónicos suelen mostrar un fino borde negro alrededor de los bordes de la ventana de visualización, por lo que no queremos llenar la pantalla por completo.
Si tiene una forma redondeada o algo (como una persona u objeto) está entrando en el marco, requiriendo una forma más personalizada, puede utilizar una máscara de capa para «eliminar» esos píxeles extra. Sólo tienes que seleccionar la capa y añadir una máscara de capa haciendo clic en el icono de máscara de capa en la parte inferior del panel de capas. A continuación, puedes utilizar el pincel con el color negro para pintar sobre los píxeles que no quieras. Si se pinta algo que quería mantener, simplemente cambiar el color a blanco y pintar sobre el área de nuevo para hacer que vuelvan a aparecer.
Haga clic en ENTER para aplicar sus cambios, y llevar la opacidad de la capa de nuevo a 100%.
Paso cinco: Coloque su imagen
Ahora es el momento de añadir la imagen de su producto real a la maqueta. Para ello, primero haga doble clic en la miniatura de su objeto inteligente en el panel de capas. Si simplemente haces doble clic en la propia capa, esto no funcionará. Debe hacer clic en el icono de la imagen junto al nombre de la capa. Una vez hecho esto, verá que aparece una nueva pantalla que parece tener la misma forma que su Objeto Inteligente en el tercer paso. Como puede ver a continuación, ahora tenemos un gran rectángulo que se parece mucho a nuestro rectángulo original antes de aplicar la transformación.
Abra su imagen del producto en Photoshop (ARCHIVO > ABRIR). Ahora, arrastre y suelte su nueva imagen en esta pantalla utilizando la herramienta «Mover». Cambia el tamaño de la imagen para que ocupe toda la pantalla. Ahora, haz clic en GUARDAR y cierra la ventana. ¡Asegúrese de no cerrar todas las ventanas de Photoshop porque todavía necesitamos nuestra imagen de fondo original!
Consejo profesional: Si mantienes pulsada la tecla Mayúsculas, la nueva imagen caerá directamente en el centro del objeto inteligente.
Paso seis: Voilà
Cuando vuelva a su imagen de fondo original, se llevará una sorpresa. Ahí está tu imagen, mágicamente insertada y ajustada en tu imagen de fondo original!
En este punto, puedes dejar tu maqueta tal y como está, pero hay algunos trucos que puedes utilizar para hacerla aún más realista.
- ¿La pantalla es demasiado brillante? Si su imagen original tenía un fondo negro, simplemente reduzca la opacidad de su capa de objeto inteligente para oscurecer las cosas.
- Juega con Quemar, Multiplicar y las otras opciones de imagen en el panel de capas.
- Añade sombras. Hay muchas formas de hacerlo en Photoshop, pero una de las más sencillas es utilizar el efecto Quemar color con el pincel. Sin embargo, ten cuidado de no alterar demasiado la imagen. ¡Si te equivocas, ¡sólo tienes que pulsar Ctrl + Z!
¡Bonus Round!
Ahora que ya tenemos los pasos claros, seguimos adelante y aplicamos el mismo proceso al resto de las pantallas de la imagen, dándonos nuestra maqueta completa!
¡Y ahí lo tenéis amigos! No se nos ocurre nada más inspirador que ver cómo tus ideas cobran vida. Gracias a las fotos de stock libres de derechos y a Adobe Photoshop, cualquiera puede dominar esta sencilla técnica y transformar la visión en realidad. Una vez que hayas dominado esta habilidad, puedes pasar a aprender a crear maquetas de vídeo.