Sketch: ¿cómo crear imágenes de vista previa de diseño en 3D? [cerrado]

No sé cuál es el término exacto para esto, pero a menudo veo diseños de UX/UI que se muestran de la siguiente manera:

ingrese la descripción de la imagen aquí

es decir, se muestra en las pantallas de los dispositivos móviles renderizados en 3D .

He terminado mi diseño de interfaz de usuario en boceto (es decir, tengo una colección de pantallas). Me gustaría obtener la misma representación que en esta imagen. ¿Cómo puedo hacer esto por favor?

Idealmente, estoy buscando un tutorial sobre cómo hacer esto. Busqué uno en Google, pero como no sé qué palabras clave debo buscar, no tuve éxito.

Hay un complemento (Magic Mirror) para sketch que hace exactamente este tipo de transformación: magicsketch.io/mirror
Hay muchas formas de hacerlo: plantillas en Photoshop, complementos para Sketch, trabajo manual, etc.

Respuestas (1)

Hay un complemento gratuito llamado Angle for sketch para hacer esto que es muy efectivo (el nombre está vinculado al sitio web) que he usado, es altamente efectivo y está bien documentado.

Además del complemento gratuito con su biblioteca de dispositivos decente pero pequeña (más que suficiente para la mayoría de los casos de uso), también venden bibliotecas extendidas de miles de millones de imágenes de otros dispositivos en una amplia gama de ángulos.

Su complemento no solo usa sus cosas (todo lo cual es arte vectorial decente), sino que si tiene una maqueta de diseño determinada, y por separado crea un rectángulo con la relación de aspecto correcta y lo distorsiona y distorsiona la perspectiva, puede usarlo como objetivo en su complemento, para que pueda usar otros activos además de los suyos, ya sea que estén basados ​​en fotos, que usted haya creado o que haya comprado en otro lugar.

Imagen de ángulo