• ETCDigital · Diseño de páginas web

muckup rapido desde android

Mockup rápido desde Android

Mockup rápido desde Android 1280 720 ETCDigital

Tiempo de lectura aprox: 1 minutos, 27 segundos

En este artículo aprenderéis a hacer un mockup de los dispositivos móviles más conocidos de Samsung, Xiaomi, Sony, Oppo entre otras. ¿Lo mejor de todo? Lo puedes hacer directamente desde un teléfono Android y en menos de 30 segundos.

Aplicaciones que necesitamos para hacer el Mockup

Enlaces a las aplicaciones:

Snapmod: https://play.google.com/store/apps/de…

Background Eraser: https://play.google.com/store/apps/de…

Si te gusta no olvides suscribirte a la newsletter y valorar con 5 estrellas.

Con Snapmod lo que vamos a hacer es diseñar el mockup del teléfono en formato .jpg con fondo. Con la aplicación background eraser lo que vamos a hacer es extraer el fondo para subirla, por ejemplo, a una página web donde no nos interese que esa imagen tenga fondo y convertirla en .png.

Lo primero que haremos será abrir la aplicación de snapmod. Como podréis ver es una aplicación bastante limpia e intuitiva.

Snapmod Models para Android
Snapmod Models para Android

Haz clic en models y verás que hay muchos modelos para hacer el mockup. En este caso elegiremos el Samsung Galaxy Note 9. Si hacemos clic en la parte inferior derecha, en las dos líneas que se cruzan, veremos que se ven diferentes versiones del teléfono. En el caso del Samsung Galaxy Note 9, vemos la imagen en Azul o en Gris con o sin lapicero.

¿Como instertamos nuestra imagen en Snapmod?

Haz clic en la parte interior del telefono movil y selecciona de la galería una imagen o captura de pantalla que hayas hecho previamente. En nuestro ejemplo estamos haciendo un mockup de la página web de etcdigital.es.

Mockup en Snapmodels de ETCDigital
Mockup en Snapmodels de ETCDigital

Una vez elegida la captura de pantalla a insertar, lo que podemos hacer es elegir un fondo para esa imagen pero, en nuestro caso, como lo que queremos hacer es eliminarlo no nos interesa. Simplemente haz clic en el botón de guardar y ya está el mockup creado.

Extraer el fondo del mockup que acabamos de crear

Para ello emplearemos la otra aplicación, background eraser. Abrimos la aplicación y seleccionamos de la galería el mockup que acabamos de crear.

Ajusta bien los bordes al contorno del teléfono y haz clic en siguiente.

Extraer el fondo del mockup con Background Eraser
Extraer el fondo del mockup con Background Eraser

Ahora haz clic en «auto», selecciona la parte blanca del teléfono y haz clic en «done» y en «Save».

De esta forma tan sencilla ya tendríamos el mockup de un dispositivo móvil directamente en formato PNG y sin fondo.

Video explicativo de como hacer un Mockup rápido desde Android

https://www.youtube.com/watch?v=WbYR8lZo604

Espero que esta guía os haya servido de ayuda.

Nos leemos en el siguiente artículo.