7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Product Mockup

Cómo hacer un mockup sin Photoshop

Read Time: 12 mins

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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).

tshirt mockups placeittshirt mockups placeittshirt mockups placeit

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.

upload design to create mockupupload design to create mockupupload design to create mockup

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).

crop the designcrop the designcrop the design

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.

tshirt mockup templatestshirt mockup templatestshirt mockup templates

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é.

tshirt mockup template smiling mantshirt mockup template smiling mantshirt mockup template smiling man

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.

download mockup templatedownload mockup templatedownload mockup template
purchase mockup templatepurchase mockup templatepurchase mockup template

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) 

Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a BedFolded T-Shirt Mockup Lying Next to a Camera and Clothes on a BedFolded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed

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

Hoodie Mockup with CoupleHoodie Mockup with CoupleHoodie Mockup with Couple

¿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)

Woman Wearing a Round Neck Tshirt MockupWoman Wearing a Round Neck Tshirt MockupWoman Wearing a Round Neck Tshirt Mockup

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

Sweatshirt Mockup with CoupleSweatshirt Mockup with CoupleSweatshirt Mockup with Couple

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

Volleyball Jersey Maker - Woman Receiving the BallVolleyball Jersey Maker - Woman Receiving the BallVolleyball Jersey Maker - Woman Receiving the Ball

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) 

T-Shirt Mockup Featuring Man Wearing a Yellow and Green BraceletT-Shirt Mockup Featuring Man Wearing a Yellow and Green BraceletT-Shirt Mockup Featuring Man Wearing a Yellow and Green Bracelet

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:

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.

iphone mockups placeitiphone mockups placeitiphone mockups placeit

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.

upload screenshot for mockupupload screenshot for mockupupload screenshot for mockup

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.

co design to fit iphoneco design to fit iphoneco design to fit iphone

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.

iphone templates onlineiphone templates onlineiphone templates online

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!.

download iphone templatedownload iphone templatedownload iphone template

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)

Mockup of an iPhone Lying on a Pink Surface with Purple and YellowMockup of an iPhone Lying on a Pink Surface with Purple and YellowMockup of an iPhone Lying on a Pink Surface with Purple and Yellow

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

Tote Bag Mockup Hanging from a Nail on a Two Colors WallTote Bag Mockup Hanging from a Nail on a Two Colors WallTote Bag Mockup Hanging from a Nail on a Two Colors Wall

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

Beautiful Woman Reading a Book Mockup While PosingBeautiful Woman Reading a Book Mockup While PosingBeautiful Woman Reading a Book Mockup While Posing

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

Template From Above of a Pizza Box on a Wooden Surface With Ingredients NearbyTemplate From Above of a Pizza Box on a Wooden Surface With Ingredients NearbyTemplate From Above of a Pizza Box on a Wooden Surface With Ingredients Nearby

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

Woman Sitting on Outdoor Patio Using a Black iPad Woman Sitting on Outdoor Patio Using a Black iPad Woman Sitting on Outdoor Patio Using a Black iPad

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)

Cup Mockup Featuring a Coffee Cup on Top of a Kitchen CounterCup Mockup Featuring a Coffee Cup on Top of a Kitchen CounterCup Mockup Featuring a Coffee Cup on Top of a Kitchen Counter

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

Device Mockup MacBook and iPhone on Wooden CoffeeDevice Mockup MacBook and iPhone on Wooden CoffeeDevice Mockup MacBook and iPhone on Wooden Coffee

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

Gift Bags Mockup Featuring a Woman on a BenchGift Bags Mockup Featuring a Woman on a BenchGift Bags Mockup Featuring a Woman on a Bench

¿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)

Poster Mockup of Pretty Woman Over a Blue BackdropPoster Mockup of Pretty Woman Over a Blue BackdropPoster Mockup of Pretty Woman Over a Blue Backdrop

¿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:

¡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: 

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.