Spanish (Español) translation by Javier Salesi (you can also view the original English article)
Aprende cómo promocionar un producto mediante un mockup sin la necesidad de Photoshop y solo usando el generador online de Placeit.
Los mockups son una forma muy eficaz de mostrar un diseño en su forma adecuada sin invertir tiempo y dinero en su producción. No tienes que imprimir tu diseño en una camiseta para ver cómo luce, solo requieres de una maqueta.
Pero ¿cómo creas mockups? Durante años, los diseñadores han estado utilizando Photoshop para esta tarea, pero ya no es necesario. En este breve tutorial, te mostraré cómo hacer un mockup sin Photoshop en pocos pasos. Usaré un mockup de camiseta y un mockup de iPhone como ejemplos.
Síguelo conmigo en nuestro canal de Envato Tuts+ en YouTube:
Lo que aprenderás en este tutorial de cómo promocionar un producto mediante mockups
- Cómo utilizar Placeit, una herramienta online para mockups
- Cómo crear un mockup online, sin utilizar Photoshop
- Cómo crear un mockup de camiseta online
- Cómo crear un mockup de iPhone
1. Cómo hacer un mockup de camiseta
Paso 1
Dirígete a la herramienta de mockups online en Placeit.net. Encuentra la pestaña Mockups y ve a T-Shirt Mockups (mockups de camisetas).
Paso 2
Haz clic en Upload Your Design Here (carga tu diseño aquí) y selecciona la imagen que quieres ver en las plantillas. Dale un momento para que cargue. Utilicé esta imagen.
Paso 3
Cuando se cargue, se te pedirá que la recortes. En mi caso luce bien tal como está, pero puedes cambiar fácilmente su tamaño con el regulador deslizante. Cuando estés listo, haz clic en Crop (recortar).
Paso 4
El generador de mockups online ahora aplicará tu diseño a todas las plantillas de manera automática. La imagen que has cargado se ajustará a cada camiseta en términos de posición, forma, iluminación e incluso colores.
Ahora solo desplázate por toda la biblioteca de mockups que presenta tu diseño. Si encuentras uno que te agrade particularmente, solo haz clic en él para verlo mejor.
Paso 5
Aquí aún puedes editar el diseño como desees. Puedes cambiar el color de la camiseta para ver si el diseño funciona para los otros colores y todavía puedes recortar la imagen de manera diferente si necesitas hacer clic en su ícono. Decidí que mi imagen luciría mejor si se colocara ligeramente más arriba, así que la cambié.
Paso 6
Si estás satisfecho con la manera en que luce el mockup y quieres mostrárselo al cliente sin la marca de agua, solo desplázate hacia abajo y haz clic en el botón Download (descargar). Aquí puedes comprar la imagen o descargarla como parte de tu suscripción ilimitada.
10 fantásticas plantillas gratuitas y de pago para empezar con tus mockups promocionales
Ahora que comprendiste cómo utilizar una plantilla de mockup de camiseta, estas son algunas increíbles plantillas para ropa con las que puedes empezar a practicar. Crearás un mockup online en instantes y muy fácilmente.
1. Mockup en video que presenta a una mujer parada usando una gorra contra una pared de ladrillo
Hoy el video es una herramienta omnipresente y estaríamos fuera de lugar si no incluyéramos un mockup en video. Este es un clip de nueve segundos que presenta a una mujer de pie contra una pared de ladrillo. La cámara hace un recorrido lentamente de izquierda a derecha mientras la mujer sonríe.
2. Mockup promocional de camiseta doblada junto a una cámara y ropa sobre una cama (GRATIS)
Quizá quieres mostrar una marca de moda o un logo de agencia de viajes. De cualquier manera, esta plantilla gratuita de mockup de camiseta es un magnífico canal para incorporar un contexto de la vida real con una camiseta doblada sobre una cama junto a otros artículos. La perfecta composición tomada desde un ángulo superior para presentar tus diseños prolijamente.
3. Video que muestra a un hombre portando una camiseta en un estacionamiento
Una de las mayores ventajas de utilizar nuestra fenomenal herramienta para mockups online es que puedes ver también cómo luce en video, no solo en imagen. Como este genial video de un hombre caminando en un estacionamiento y portando una camiseta. Aprovecha esta funcionalidad ¡y haz un mockup de camiseta online!
4. Mockup que muestra a una pareja portando una sudadera con capucha
¿Buscas solo la pareja adecuada para mostrar tu diseño de capucha? Este mockup de una maravillosa pareja puede usarse para un sinfín de propósitos, incluyendo un salón de belleza vanguardista, un estudio de tatuajes, una línea de ropa informal y más.
5. Video de mujer con flequillo portando una sudadera
A continuación, tenemos un mockup en video de una mujer vistiendo una sudadera. Esta es una sensacional oportunidad de apreciar tu propio diseño de sudadera en acción. ¡Crea un mockup online en Placeit!
6. Mockup promocional que muestra a una mujer vistiendo una camiseta de cuello redondo (GRATIS)
Presentando a una joven de pie detrás de un mostrador, esta plantilla de mockup de camiseta utiliza un contexto real haciendo que tus diseños cobren vida y ayuda a la gente a visualizarse portando tus camisetas. Es un sencillo pero eficaz mockup generado online.
7. Video que presenta a una niña vistiendo una sudadera abrazando a su mamá en un parque
Si has explorado nuestro generador de mockups online, estoy seguro que encontraste una extensa variedad de opciones para tu maqueta. También tenemos mockups para ropa infantil, como esta niña vistiendo una sudadera. Checa este formidable video para tu próxima creación de mockup online.
8. Mockup de sudadera que muestra a una pareja
Esta es una extraordinaria plantilla que muestra a una pareja, uno de ellos portando una sudadera y de frente a la cámara, lo que permite apreciar claramente tu diseño. Otra grandiosa funcionalidad de crear esta maqueta online es que puedes cambiar el fondo al color que quieras.
9. Generador de mockup de jersey de jugadora de voleibol - Mujer recibiendo la pelota
Si necesitas un estilizado mockup de diseño de jersey para voleibol, esta es una estupenda plantilla para considerar. La imagen está tomada contra un fondo negro y puedes personalizar todo desde el color de los shorts hasta los colores de la pelota. Nuestra herramienta online para mockups tiene muchas opciones de personalización para ti.
10. Mockup de camiseta que presenta a un hombre portando una pulsera amarilla y verde (GRATIS)
Esta plantilla de mockup de camiseta sencilla y gratuita con su fondo neutral sería una excelsa manera de mostrar tus productos o servicios dirigidos hacia el público masculino. Solo carga tu imagen, selecciona el color de camiseta deseado y listo.
Si estás interesado en otros geniales mockups para sudaderas, sombreros, bolsas de tela, etc., checa estos útiles compendios de las mejores maquetas para ropa:
10 Maquetas Gratis Disponibles en Placeit (Camiseta, iPhone y Más)
Las 22 mejores plantillas para maquetas de sudaderas con capucha (con y sin cierre)
Las Mejores 24 Plantillas Nuevas para Mockups de Sudaderas de Cuello Redondo
Los 22 mejores mockups de gorras (creados usando un generador de mockups de gorras)
Las 22 mejores maquetas de bolsos (Usando un generador de maquetas en línea)
2. Cómo hacer un mockup de iPhone
Paso 1
Crear un mockup de iPhone es tan sencillo como lo fue hacer una maqueta online para camisetas. De nuevo, dirígete a Placeit.net, y esta vez ve a Mockups > iPhone Mockups.
Si buscas recomendaciones, esta es nuestra lista de las mejores plantillas de mockups de iPhone disponibles:
Paso 2
En nuestra herramienta de mockups online, haz clic en Upload Screenshot (cargar captura de pantalla) y selecciona la imagen que quieres ver en la pantalla de un iPhone.
Paso 3
Dale unos segundos para cargar y luego recorta la imagen si es necesario. Cuando termines, haz clic en Crop (recortar) y ve cómo la imagen se aplica a todas las plantillas en tiempo real. Todo esto ocurrirá automáticamente y tú solo tienes que esperar y dejar que la magia se produzca.
Paso 4
Desplázate por todos los mockups para ver si te gusta uno de ellos más que los otros. Cuando lo encuentres, haz clic en él para abrir una versión más grande.
Paso 5
Aquí de nuevo puedes editar la imagen, pero si te gusta como luce, solo desplázate hacia arriba y haz clic en el botón Download (descargar) para comprar el mockup. ¡Y eso es todo! Este generador de mockups online es muy fácil de usar!.
Otras 10 fabulosas plantillas de mockup de productos gratis y de paga que te fascinarán
En seguida, permíteme compartirte más asombrosas plantillas de Placeit, nuestra herramienta online para creación de mockups. En ella puedes crear maquetas no solo para ropa, sino también para objetos y gadgets que usamos diariamente. ¡También puedes hacer un mockup de libro online!
1. Mockup promocional de un iPhone mostrado sobre una superficie rosa con púrpura y amarillo (GRATIS)
Ahora que sabes cómo crear tus propios mockups de iPhone, este es uno gratuito que puedes usar para promocionar tu nueva aplicación. Con la imagen tomada desde un ángulo superior y teniendo como fondo una hermosa superficie multicolor, esta es la perfecta maqueta para que todos las miradas se dirijan a tu diseño.
2. Mockup que muestra una bolsa de tela colgando de un clavo contra un fondo duotono
Este mockup de bolsa de tela es perfecto para los minimalistas. El diseño presenta una bolsa que cuelga de un clavo contra una pared de dos tonos. La maqueta te permite cambiar el color de la bolsa así como los colores del fondo.
3. Mockup de libro que muestra a una hermosa mujer leyendo
Si quieres saber cómo crear un mockup de libro online, esta es la plantilla para ti. Una sensacional maqueta de libro con pasta blanda que presenta a una refinada mujer leyendo en las escaleras de un edificio. La maqueta realista te permite cargar imágenes para el lomo y la contraportada de tu libro. Puedes crear fácilmente un mockup de libro online.
4. Plantilla de mockup promocional que desde un ángulo superior muestra una caja de pizza sobre una superficie de madera con ingredientes
Acabas de abrir una pizzería y necesitas una manera económica de promocionar tu nuevo emprendimiento. El realista mockup de empaque muestra algunos de los ingredientes frescos de la pizza y es la perfecta plantilla para ti.
5. Generador de mockups - Mujer sentada en un patio exterior usando un iPad negro
Este mockup que presenta a una mujer usando su iPad en un café al aire libre, le proporciona al espectador una visión nítida y brillante de la pantalla, con suficiente desenfoque en el fondo para mantener la atención concentrada en el elemento principal.
6. Mockup de producto que muestra una taza de café sobre una mesada de cocina (GRATIS)
La mirada de tu espectador estará fijada en tu diseño cuando uses este magnífico mockup gratuito de taza de café, que aparece en primer plano de la foto y se aprecia claramente contra un fondo sutilmente desenfocado de una mesada de cocina.
7. Generador de mockup que muestra una computadora MacBook y un iPhone sobre una mesa de madera
Hay una razón por la que las composiciones tomadas desde un ángulo superior son tan populares hoy en día. Son la manera perfecta de mostrar los objetos sobre cualquier superficie. Lo que es estupendo de esta es que es ideal para mostrar cómo una página web luciría en una pantalla de computadora y en un dispositivo móvil. Una combinación sensacional para diseñadores web, escritores o emprendedores.
8. Mockup de producto que presenta a una mujer con bolsas de regalo sentada en una banca
¿Qué sería mejor que poder mostrar el diseño de las etiquetas de tu producto en varios estilos y dimensiones? Este mockup de empaque de bolsas de regalo te permite hacer justo eso, con bolsas de regalo de varios tamaños.
9. Generador de mockup - Revista abierta sobre una superficie multicolor
Crea un fondo colorido y dinámico para mostrar tu mockup de revista sobre una superficie multicolor. Primero, carga las páginas de tu revista y luego usa el selector de color para experimentar con colores que serían el mejor complemento y mostrar tu pliego con mayor prolijidad.
10. Mockup de producto que muestra a una atractiva mujer contra un fondo azul (GRATIS)
¿Por qué no mostrar tu soberbio diseño de póster con este extraordinario mockup? La plantilla presenta a una joven dama sosteniendo un póster gigante delante de ella y contra un fantástico fondo azul. El formato gratuito sería adecuado para una amplia gama de pósteres, desde diseños artísticos hasta afiches promocionales.
Si estás interesado en otras magistrales plantillas de mockups para iPads, laptops, libros, revistas, tazas y para otros productos, consulta estos útiles compendios de las mejores maquetas en Placeit:
Más de 31 de las mejores plantillas de maquetas de iPad (PSD y PNG) con resultados realistas
Las 26 mejores maquetas de taza de café (usando un generador de maqueta de taza)
27 plantillas para diseñar una portada de libro con un generador de mockups
Las 22 mejores maquetas de revistas usando un generador en línea (portada, diseño, plano y más)
25 increíbles mockups de packaging para diseñadores
Los 22 mejores mockups de empaques de comida rápida
¡Buen trabajo! ¡Aprendiste cómo promocionar un producto!
Ahora sabes cómo hacer un mockup online fácil y rápidamente. Para aprender más, checa nuestro blog sobre las tendencias de mockups más imitadas en el 2020.
Y si estás interesado en más tutoriales sobre cómo promocionar productos mediante mockups, necesitas ver esta lista de fenomenales tutoriales a continuación:
By
