Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup

Cómo Hacer un Mockup en 5 Fáciles Pasos

by
Read Time:2 minsLanguages:

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

Si quieres crear un mockup, pero no quieres usar Photoshop, en éste tutorial te mostraré cómo hacer un mockup sin Photoshop en solo cinco fáciles pasos. Voy a utilizar un mockup de iPhone como ejemplo, pero éste método puede ser usado también para muchos otros productos.

Síguenos en nuestro canal de Envato Tuts+ en YouTube:

Cómo Hacer un Mockup en 5 Fáciles Pasos

Paso 1

Dirígete a Placeit.net y navega hasta la pestaña Mockups. Selecciona el tipo de producto en el que estás interesado.

go to placeit netgo to placeit netgo to placeit net

Paso 2

Haz click en Upload Screenshot (Subir captura de pantalla) y selecciona la imagen que quieres colocar en el producto. Yo usé ésta imagen.

upload screenshot to create mockupupload screenshot to create mockupupload screenshot to create mockup

Paso 3

Redimensiona y corta la imagen para hacerla encajar en el formato que requiere el producto. Aquí estoy ajustando mi imagen a las dimensiones de una pantalla de iPhone. Cuando termines, haz click en Crop (cortar).

resize and crop screenshot in mockupresize and crop screenshot in mockupresize and crop screenshot in mockup

Paso 4

Espera a que el sitio suba tu diseño a todos los mockups disponibles. Luego desplázate por ellos para seleccionar el que más te guste.

choose a mockup templatechoose a mockup templatechoose a mockup template

Paso 5

Una vez que hayas hecho tu elección, puedes hacer ajustes menores a tu mockup. Por ejemplo, aquí puedes cambiar el color del fondo. Pero si estás satisfecho con la manera en que se ve, solo haz click en Download (descargar) para comprar tu diseño sin una marca de agua.

download iphone mockup templatedownload iphone mockup templatedownload iphone mockup template

¡Eso Es Todo!

Ahora sabes cómo crear un mockup en solo cinco pasos. Si estás interesado en crear mockups en general, también podrías estar interesado en éstos tutoriales:

  • Mockup de Productos
    ¿Qué es un Mockup?
    Andrei Stefan
  • Marca
    Nuevo Curso: Creando Mockups de Productos con Adobe Photoshop e Illustrator
    Andrew Blackman
  • Mockup de Productos
    Cómo Crear un Mockup de Logotipo de Foil Dorado en Adobe Photoshop
    Tom Piccarreda
  • Mockup de Productos
    Cómo Crear un Mockup de Logotipo Grabado en Madera en Adobe Photoshop
    Tom Piccarreda
  • Mockup de Productos
    Cómo Crear un Mockup de Logotipo Estampado en Cuero en Adobe Photoshop
    Tom Piccarreda
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads