Cómo añadir un marco de iPhone a una captura de pantalla

Haz una captura limpia

Un mockup solo puede ser tan bueno como la captura que contiene. Antes de capturarla, cierra las notificaciones, oculta los datos personales y asegúrate de que la pantalla muestre una sola idea clara, como una función, un resultado o un mensaje.

• iPhone con Face ID: pulsa a la vez el botón lateral y el botón de subir volumen.
• iPhone con botón de inicio: pulsa a la vez el botón lateral (o superior) y el botón de inicio.
• Mac: pulsa Mayúsculas-Comando-4 para capturar una zona, Mayúsculas-Comando-3 para toda la pantalla o Mayúsculas-Comando-5 para ver más opciones.

Si quieres mostrar una página web en lugar de una app, una ventana de navegador con estilo Safari suele explicar mejor el contexto que un marco de teléfono. Consulta los mockups de navegador y dispositivos.

Añade el marco de iPhone en Collage Easy

1. Abre Collage Easy y empieza un proyecto nuevo con tu captura. Collage Easy es gratis en App Store para iPhone, iPad y Mac con Apple silicon (M1 o posterior) y macOS 14 o posterior.
2. Abre el panel Mockups y elige un marco de iPhone. La captura aparecerá dentro de la pantalla del dispositivo.
3. Comprueba el ajuste. Una captura hecha en un iPhone encaja mejor en un marco de iPhone. Si usas una captura de otro dispositivo, recórtala primero para que la parte importante llene la zona de pantalla sin estirarse.
4. Elige un fondo. Elige un color liso para documentar, un patrón para algo divertido, una escena natural para aportar calidez o tu propia imagen si importa el lugar.
5. Ajusta el tamaño y la posición. Deja un margen visible alrededor del marco para que el borde del dispositivo se lea con claridad. Prueba primero la versión recta y después compara una ligera inclinación.
6. Añade contexto si hace falta. Un titular corto fuera del marco, añadido con la herramienta de texto, suele explicar más que una flecha sobre la interfaz.
7. Exporta y comprueba. Guarda la imagen, ábrela en Fotos y mírala al tamaño real con el que la verá la gente.

Haz que el mockup parezca profesional

• Un mensaje por imagen. Si necesitas tres pantallas para explicar algo, crea tres imágenes o un collage pequeño con el mismo marco y fondo.
• Primero el contraste, después la decoración. Una pantalla de app oscura desaparece sobre un fondo oscuro. Elige un fondo más claro o colorido, o mueve el marco a una zona más tranquila.
• Mantén la credibilidad. Las inclinaciones pequeñas aportan energía, pero una rotación fuerte dificulta leer el texto de la interfaz.
• Sé coherente. Para una presentación de App Store, un portafolio o una actualización de producto, usa el mismo marco, estilo de fondo y margen en todas las imágenes. La coherencia parece intencionada.
• El texto va fuera de la pantalla. Coloca los pies en el fondo, no sobre la interfaz, para que la captura siga siendo honesta y legible.

Elige el tamaño de exportación adecuado

Decide dónde se verá el mockup antes de ajustarlo con precisión. Una publicación vertical funciona bien con 1080 × 1350 píxeles (4:5), una historia con 1080 × 1920 (9:16) y una cabecera web suele necesitar una forma horizontal. Nuestra guía de tamaños de collage enumera los tamaños actuales para Instagram, Stories, Pinterest e impresión. Si un mockup debe servir para varios lugares, crea primero una versión original y después una variante por formato. La guía elige el formato de exportación antes de recortar explica por qué.

Soluciona problemas habituales

• La captura parece estirada: vuelve a importar la original y ajústala sin forzarla a otra forma.
• El texto es demasiado pequeño: recorta la zona importante, amplía el marco o usa menos elementos a su alrededor.
• El marco se mezcla con el fondo: cambia a un fondo con más contraste. Consulta cómo diseñar fondos que apoyen el collage.
• Detectas datos privados después de exportar: haz una captura nueva. No dependas nunca de un sticker para ocultar información sensible.