Editar archivos

Este artículo es una traducción. La versión en inglés es la versión de referencia y la que prevalece en caso de duda.

Una vez que descargas un recurso de Magnific, la experiencia de edición depende del formato del archivo. Este artículo explica cómo abrir y editar cada tipo, qué software utilizar y cómo solucionar los problemas más comunes que encontrarás

En este artículo

• Editar archivos vectoriales (EPS, AI, SVG)
• Editar archivos PSD
• Editar archivos PNG y JPG
• Editar archivos de vídeo
• Editar iconos
• Problemas comunes y resolución de dudas
• ¿No tienes software de edición? Usa las herramientas online de Magnific

Edición de archivos vectoriales (EPS, AI, SVG)

Los archivos vectoriales (EPS, AI, SVG) son totalmente editables: puedes cambiar colores, modificar el tamaño sin pérdida de calidad, alterar formas, editar texto y reorganizar elementos. Necesitas una aplicación de edición de vectores para trabajar con ellos

Al editar archivos vectoriales, ten en cuenta que los diseños pueden incluir varias capas o elementos agrupados, por lo que es posible que debas explorar las capas o desagrupar objetos para editarlos individualmente. Si desagrupar no funciona, busca máscaras de recorte y suéltalas. Además, ten en cuenta que es posible que las fuentes utilizadas en las vistas previas no estén disponibles en el archivo editable, por lo que puede que necesites sustituirlas

Software recomendado

Adobe Illustrator te ofrece la experiencia de edición más completa con archivos de Magnific. Si utilizas un programa diferente y algo no se ve bien, intenta abrir el archivo en Illustrator antes de asumir que el archivo está dañado

Abrir un archivo vector en Adobe Illustrator

1. Abrir Illustrator

   Inicia Adobe Illustrator en tu ordenador

2. Abrir el archivo

   Ve a Archivo → Abrir y selecciona tu archivo EPS o AI descargado. Si has descargado un SVG, utiliza también Archivo → Abrir

3. Gestionar el prompt de la fuente

   Si el archivo utiliza fuentes que no tienes instaladas, Illustrator mostrará un cuadro de diálogo de fuentes faltantes. Puedes sustituir las fuentes ahora o instalar las que faltan más tarde

4. Explorar capas

   Abre el panel de capas (Ventana → Capas). Expande las subcapas para acceder a los elementos individuales. Si todo está en una sola capa, es posible que los elementos estén agrupados

5. Desagrupar si es necesario

   Selecciona todo (Cmd/Ctrl+A) y, a continuación, haz clic derecho → Desagrupar (o Shift+Cmd/Ctrl+G). Algunos archivos requieren desagrupar varias veces para llegar a los elementos individuales

6. Editar y guardar

   Realiza tus cambios —colores, texto, formas, diseño— y guarda en tu formato preferido a través de Archivo → Exportar como o Archivo → Guardar como

Abrir un archivo vector en Inkscape

1. Abrir Inkscape

   Inicia Inkscape (descarga gratuita en inkscape.org)

2. Abrir el archivo

   Ve a Archivo → Abrir y selecciona tu archivo SVG o EPS

3. Para archivos EPS

   Inkscape convierte EPS a SVG al importar. Algunos efectos complejos pueden renderizarse de forma distinta a como lo hacen en Illustrator; esto es normal

4. Editar

   Usa la herramienta de selección (F1) para hacer clic y mover elementos. Haz doble clic en los grupos para entrar en ellos. Usa la paleta de colores en la parte inferior para cambiar los colores de relleno

5. Exportar

   Ve a Archivo → Exportar imagen PNG para obtener una salida rasterizada, o a Archivo → Guardar como para mantenerlo como SVG

Edición de archivos PSD

Los archivos PSD (Photoshop Document) contienen capas, máscaras, objetos inteligentes y texto editable. Ofrecen la mayor flexibilidad de edición para mockups, plantillas y composiciones de fotos

Software recomendado

Abrir un PSD en Adobe Photoshop

1. Abrir Photoshop

   Iniciar Adobe Photoshop

2. Abrir el archivo

   Ve a Archivo → Abrir y selecciona el archivo PSD

3. Explorar capas

   El panel de capas muestra todas las capas, grupos y máscaras. Haz clic en el icono del ojo para alternar la visibilidad. Haz doble clic en una capa de texto para editar el texto

4. Editar objetos inteligentes

   Algunas plantillas de mockup usan objetos inteligentes para el contenido del marcador de posición. Haz doble clic en la miniatura del objeto inteligente en el panel de capas para abrirlo en una nueva Tab, sustituye el contenido, guarda (Cmd/Ctrl+S) y el mockup se actualizará automáticamente

5. Exportar

   Ve a Archivo → Exportar → Exportar como para guardar como JPG, PNG u otros formatos

Abrir un PSD en GIMP

1. Abrir GIMP

   Inicia GIMP (descarga gratuita en gimp.org)

2. Abrir el archivo

   Ve a Archivo → Abrir y selecciona el PSD. GIMP importará las capas automáticamente

3. Navegar por las capas

   Usa el diálogo de capas (Windows → Dockable Dialogs → Layers). Haz clic en una capa para activarla antes de editar.

4. Nota sobre compatibilidad

   GIMP gestiona bien la mayoría de las funciones de PSD, pero algunos efectos avanzados de Photoshop (ciertos modos de fusión, filtros inteligentes) pueden verse diferentes. Para obtener resultados perfectos a nivel de píxel, se recomienda Photoshop.

Editar un PSD sin Photoshop (Photopea)

Photopea (photopea.com) es un editor gratuito basado en navegador que abre archivos PSD y es compatible con capas, máscaras y la mayoría de las funciones de Photoshop. Es una opción sólida si necesitas editar un PSD ocasionalmente sin una suscripción.

1. Ve a photopea.com

   Abre photopea.com en tu navegador.

2. Abre tu archivo

   Haz clic en Open From Computer y selecciona tu PSD. El archivo se abre con todas las capas intactas.

3. Edita según sea necesario

   Usa el panel de capas, las herramientas de texto y las herramientas de dibujo igual que en Photoshop

4. Exportar

   Ve a Archivo → Exportar como y elige tu formato (JPG, PNG, PSD, etc.)

Edición de archivos PNG y JPG

Los archivos PNG y JPG son archivos ráster planos: no tienen capas y no puedes editar elementos individuales por separado. Aun así, puedes recortar, cambiar el tamaño, ajustar colores, añadir texto y aplicar filtros. Para cambios más complejos, las herramientas con tecnología de IA suelen ser más rápidas que la edición manual

Uso del Editor de imágenes de Magnific (sin necesidad de software)

Para cualquier PNG o JPG, puedes usar el Editor de imágenes para recortar, cambiar el tamaño, quitar fondos, retocar, mejorar, cambiar el estilo y ajustar colores, todo desde tu navegador, sin necesidad de instalación

Editar una foto en el Editor de imágenes es gratuito y no cuenta como descarga. Solo exportar y guardar el resultado en tu dispositivo cuenta para tu límite diario de descargas

Uso de software de escritorio

Cualquier editor de imágenes abre archivos PNG y JPG. Adobe Photoshop, GIMP, Affinity Photo e incluso aplicaciones básicas como Vista Previa (macOS) o Fotos (Windows) funcionan bien para ediciones sencillas. Para trabajos de impresión, asegúrate de trabajar con una resolución suficiente: 300 DPI es el estándar para impresión

Consejo sobre transparencia en PNG

Los archivos PNG pueden tener fondos transparentes. Para conservar la transparencia al exportar, guarda siempre el archivo como PNG, no como JPG. El formato JPG no admite transparencia y la sustituirá por un fondo blanco.

Diferencias entre SVG y PNG

PNG y SVG son formatos muy utilizados para diferentes necesidades de diseño. PNG es un formato de mapa de bits compuesto por píxeles, lo que lo hace ideal para imágenes detalladas como fotos, pero menos flexible para editar o cambiar el tamaño.

SVG, por otro lado, es un formato de vector construido con formas y trazados, lo que significa que puede escalarse a cualquier tamaño sin perder calidad y editarse fácilmente en herramientas de diseño. Los archivos SVG son especialmente adecuados para la personalización, la impresión y el uso web.

Edición de archivos de vídeo

Los vídeos de stock de Magnific están disponibles en formatos MP4 y MOV. Ambos funcionan en todos los editores de vídeo principales.

Para editar vídeo directamente en Magnific, abre el Editor de proyectos de vídeo. Puedes combinar clips, recortar, añadir audio y exportar — no se requiere instalar ningún software

Editar iconos

Los iconos en Magnific están disponibles en SVG y PNG. Los iconos SVG son totalmente editables: puedes cambiar los colores, cambiar el tamaño libremente y ajustar el grosor del trazo. Los iconos PNG son imágenes planas y tienen una capacidad de edición limitada

Editar iconos SVG en el editor de iconos de Magnific

1. Abre la página del icono

   Busca el icono que quieras en Magnific y abre su página de detalles

2. Haz clic en Editar icono

   Haz clic en el botón Editar icono para abrir el editor de iconos directamente en tu navegador

3. Personalizar

   Cambia el color, ajusta el tamaño y —en los iconos compatibles— modifica el grosor del trazo

4. Descargar

   Descarga el icono editado en formato SVG o PNG

Editar iconos SVG en Figma o Illustrator

Puedes copiar un icono SVG directamente al portapapeles desde la página de iconos de Magnific (haz clic en Copiar) y pegarlo en Figma, Illustrator o cualquier herramienta que acepte SVG. Una vez pegado, puedes cambiar el color, ajustar el tamaño y modificarlo como cualquier otro elemento vectorial

Cómo copiar iconos al portapapeles

Para copiar un icono sin descargarlo, haz clic en el botón Copiar PNG o Copiar SVG y pégalo directamente en tu aplicación preferida. Los iconos copiados también se añaden a tu historial de descargas, lo que significa que cuentan como descargas

Iconos con trazo editable

Algunos pack de iconos admiten edición del grosor del trazo. Estos iconos muestran una opción de trazo editable en el editor de iconos. Si estás editando el SVG manualmente en Illustrator, ajusta el trazo en el panel Trazo (Ventana → Trazo) después de seleccionar los trazados del icono.

Los iconos con trazo editable mantienen los trazos como líneas, lo que te permite modificar su anchura, curvas y formas. Por el contrario, los SVG simplificados convierten los trazos en formas fijas, lo que limita las ediciones avanzadas. Ten en cuenta que escalar un icono también escalará el grosor de su trazo; si necesitas mantener un grosor de trazo consistente, cambia el tamaño de los elementos manualmente en lugar de escalarlos

Iconos animados

Para editar iconos animados, descarga el archivo .AEP y ábrelo en Adobe After Effects. Cada archivo incluye una capa de control que te permite ajustar propiedades clave como el grosor del trazo, los colores, la posición, la escala y la rotación del icono.

Utiliza los controladores disponibles para cambiar el grosor del trazo, actualizar los colores base y de realce, o ajustar elementos individuales. Para editar los colores, haz clic en el cuadro junto a cada controlador para abrir el panel de color y ajustar el tono según sea necesario.

Problemas comunes y resolución de errores

Este es el problema más común con archivos vector y PSD. La fuente utilizada en el diseño original no está incrustada en el archivo; necesitas tenerla instalada en tu ordenador para que se visualice correctamente.

1. Cuando abras el archivo, tu software te indicará qué fuentes faltan.
2. Busca el nombre de la fuente en Google Fonts (gratuito), Adobe Fonts (incluido con Creative Cloud) o en un mercado de fuentes.
3. Instala la fuente en tu sistema y vuelve a abrir el archivo; se renderizará correctamente.
4. Si no encuentras la fuente, selecciona la capa de texto y sustitúyela por una fuente similar de tu elección.

Las imágenes de vista previa de los recursos de Magnific muestran el diseño con las fuentes correctas. El archivo editable no las mostrará a menos que las tengas instaladas.

Los elementos están agrupados. En Illustrator: haz clic derecho → Desagrupar (o Shift+Cmd/Ctrl+G). En Photoshop: en el panel de capas, haz clic en la carpeta del grupo para expandir y seleccionar la capa individual del interior.

Algunos archivos tienen varios niveles de anidamiento; es posible que necesites desagrupar varias veces para llegar al elemento que deseas.

El archivo utiliza una máscara de recorte. En Illustrator: haz clic derecho sobre el objeto enmascarado → Soltar máscara de recorte. En Photoshop: haz clic derecho sobre la capa → Soltar máscara de recorte (si es una capa de recorte) o elimina/desactiva la máscara de capa en el panel Capas

Una vez soltada, la ilustración completa será visible y podrás Reencuadrarla o modificarla

Es posible que el archivo esté en modo de color CMYK (para impresión) mientras que tu pantalla muestra RGB. En Illustrator: ve a Archivo → Modo de color del documento y cambia a RGB si estás diseñando para pantalla. En Photoshop: ve a Imagen → Modo → Color RGB

Si los colores siguen viéndose planos o apagados, comprueba si se perdieron la transparencia o los modos de fusión durante la conversión (algo habitual con archivos EPS en software que no es de Adobe)

El diseño está detrás de una máscara de recorte o dentro de un grupo que no es visible al nivel de zoom actual. Prueba con Cmd/Ctrl+A (Seleccionar todo) para ver si hay elementos seleccionados. Si es así, ve a Objeto → Máscara de recorte → Soltar (Illustrator) o comprueba la visibilidad de la capa en Photoshop

En casos excepcionales, el archivo puede utilizar funciones que tu versión de software no admite. Prueba a abrirlo en una versión más reciente o en Illustrator si estás utilizando otra app

El diseñador convirtió el texto en trazados (vectores) antes de exportar. Esto es habitual en archivos donde el diseñador quería evitar problemas de dependencia de fuentes. Una vez que el texto se convierte en trazados, no se puede editar como texto, ya que es una forma

Tus opciones: elimina la forma de texto trazado y escribe texto nuevo usando la herramienta Texto con una fuente similar. Si necesitas que coincida exactamente con la fuente original, identifícala usando una herramienta de identificación de fuentes (como WhatFontIs o la búsqueda visual de Adobe Fonts), instálala y vuelve a escribir el texto

Algunos archivos PSD de alta resolución o ilustraciones vectoriales complejas pueden ser grandes (50 MB+). Esto es normal. Para mejorar el rendimiento:

• En Photoshop: ve a Edición → Preferencias → Rendimiento y aumenta la asignación de RAM para Photoshop
• En Illustrator: ve a Edición → Preferencias → Rendimiento de la GPU y asegúrate de que la renderización por GPU esté activada
• Cierra otras aplicaciones para liberar memoria mientras trabajas con archivos grandes

Algunos archivos PSD o AI incluyen recursos externos vinculados colocados como referencia en lugar de incrustados. Si estos archivos vinculados no se incluyeron en la descarga, verás un aviso de enlace faltante

En Illustrator: abre el panel Vínculos (Ventana → Vínculos) para ver qué falta. Puedes volver a vincular a un archivo local o seleccionar el elemento vinculado y usar Incrustar imagen para incrustarlo directamente

En Photoshop: el panel Capas mostrará un icono de advertencia en la capa de Objeto inteligente afectada. Haz doble clic en la capa para abrir el Objeto inteligente y reemplazar el contenido

¿No tienes software de edición? Usa las herramientas online de Magnific

No necesitas instalar nada para editar la mayoría de los archivos de Magnific. Estas herramientas funcionan completamente en tu navegador:

Para vectores sin Illustrator

Si necesitas editar un archivo EPS o IA y no tienes Illustrator, Photopea (photopea.com) puede abrir ambos formatos en tu navegador y permite realizar la mayoría de las ediciones comunes. Para archivos SVG, el plan gratuito de Figma es otra opción sólida