Cómo abrir un archivo ai en Photoshop. Exportación de capas vectoriales de AI a PSD. Exportación adecuada de maquetas de diseño de AI a PSD

¿Cómo transferir una ilustración, un diseño de sitio web o una interfaz de usuario de Illustrator a Photoshop sin utilizar la copia de objetos inteligentes? Al mismo tiempo, quiero conservar el vector de los objetos después de la transferencia. debería ayudar con esto función estándar exportar a PSD, pero ¿es eso cierto?

En Illustrator, en el menú Archivo → Exportar → PSD hay una opción "Escribir capas" con el elemento "Máxima editabilidad", pero el resultado son capas rasterizadas aleatorias que se convierten en objetos vectoriales. No parece "capacidades de edición máximas" en Photoshop.

A pesar de las opciones de exportación, dos cuadrados se convirtieron en una capa rasterizada en PSD

Encontrar una solución

Debemos luchar contra los desarrolladores de Adobe con injusticia. Estoy buscando artículos occidentales en ruso (encontré uno interesante de 2011 de Turbomilk), lecciones y videos en YouTube. En casi todas partes, todo se reduce a agrupar objetos en la ilustración, ordenarlos por capas (el orden en capas es útil para el trabajo, no solo para exportar) y una mayor rasterización manual a través de Objeto → Rasterizar en Illustrator o automáticamente durante la exportación. Pero quiero mantener el vector de objetos en PSD.

Exportación desde AI según el artículo de Turbomilk. Orden en grupos, capas, pero todo es rasterizado.

Requiere Illustrator versión CS6 y superior

El script verifica todos los objetos del documento, independientemente de en qué capa o grupo se encuentren. Habiendo encontrado un objeto con un relleno de color sólido, le aplica una acción con la operación Crear forma compuesta. Para guardar trazos vectoriales en objetos, debe aplicar Objeto → Ruta → Trazo de contorno.

Si tiene un grupo de cientos de objetos pequeños, por ejemplo, cabello, pieles o texto convertidos en curvas dibujadas con un pincel, es mejor combinar dichos elementos en Trazado compuesto usando las teclas Cmd + 8 (Ctrl en Windows) antes. ejecutando el script, para que el script escriba cada objeto, una letra que no la procesé por separado.

Excepciones

Si el archivo contiene objetos a los que se han aplicado efectos de Photoshop (sombra, brillo, ruido, etc.), deben rasterizarse manualmente en el modo Tipo optimizado antes de ejecutar el script.

Debido a la especificidad de algunos tipos de objetos (degradados, patrones, mallas y muchos otros), según los resultados de las pruebas, no todos se pueden exportar de AI a PSD, siendo vectoriales, pero se pueden convertir en rásteres separados. capas sin una larga clasificación en grupos y capas en Illustrator. Para hacer esto, se utiliza otro truco: el script convierte por separado cada objeto en un grupo separado.

2 cuadrados en IA grupos separados después de exportar a PSD

Breve resumen

• Al exportar de AI a PSD, conservamos los parámetros de transparencia y los modos de fusión de capas.
• El uso de Crear forma compuesta le permite guardar objetos vectoriales en PSD.
• Se rasterizan degradados, patrones, mallas, objetos con efectos rasterizados, formas con trazos.
• Convertir cada objeto rasterizado en un grupo le permite guardarlo después de exportarlo como una capa separada en Photoshop.
• Iconos planos, elementos de la interfaz de usuario, ilustraciones: una vez preparados, se pueden obtener en un archivo PSD completamente en formato vectorial.
• Preparar el archivo con el script Ai2Psd ayuda a reducir la cantidad de salir adelante por sí mismo para archivos con un gran número objetos.

Mateusz Nowak: “¡Gracias por el script Ai-to-Psd!”
Dilyana Aleksandrova: “ai to psd me salvó el trasero en el trabajo, ¡gracias por compartirlo!”
Weyn Cueva: “¡Esto es increíble! He estado buscando algo similar porque trabajo más en Photoshop. Gracias."
Maggie Stilwell: “¡Esto es increíble! Un gran ahorro de tiempo. Gracias por compartirlo”.
WashIrving: “Parece muy útil. gracias hermano"
zmotion: “Gran guión. ¡Estoy seguro de que esto será muy útil para muchos, incluido yo!”

y por ejemplo ilustración vectorial, que fue procesado por el script y exportado a formato PSD.

Se procesaron 173 objetos en IA en 40 segundos. En el PSD final, todas las capas son formas vectoriales.

Todos los programas de la colección son gratuitos. Por supuesto, no se pueden comparar con la funcionalidad de Photoshop, pero sí con tareas simples se las arreglará. Como mínimo, puedes simplemente abrir el archivo PSD como una imagen, y algunos de estos programas incluso abren capas.

1. GIMP

• Sistema operativo: Windows, Mac y Linux.
• idioma ruso: apoyado.

Este es uno de los más interesantes. análogos libres Photoshop. GIMP lee Archivos PSD sin instalar complementos adicionales, por lo que puede abrir el archivo de la misma manera que las imágenes normales: Archivo → Abrir.

GIMP abre las capas del documento PSD para editarlo. Pero hay los nuestros trampas: el programa no lee todas las capas; algunas necesitan ser rasterizadas. Es posible que GIMP tampoco guarde los cambios en PSD correctamente. Después de esto, es posible que el archivo no se abra en Photoshop. Esto último no debería molestarte si abriste el archivo para realizar modificaciones menores y guardaste la imagen como JPEG.

• Sistema operativo: a partir de Windows 7.
• idioma ruso: apoyado.

Paint.NET es mejor Microsoft estándar Pintura, pero igual de clara y fácil de usar. Si no sabe qué hacer con un archivo en GIMP, abra Paint.NET.

El programa lee PSD, pero sólo después de instalar el complemento adecuado. Para hacer esto:

• Descargue el complemento.
• Extraiga los archivos del archivo descargado.
• Copie el archivo PhotoShop.dll.
• Ir a carpeta de instalación Paint.NET (por ejemplo, C:\Archivos de programa\paint.net).
• Pegue el archivo PhotoShop.dll en la carpeta FileTypes.
• Inicie Paint.NET.

• Sistema operativo: cualquiera, ya que la aplicación se abre en el navegador.
• idioma ruso: apoyado.

Photopea es un servicio online cuya interfaz se parece a Photoshop o GIMP. Su ventaja es que no necesitas instalar nada. El programa se abrirá en un navegador en cualquier dispositivo. Pero las aplicaciones en línea no suelen ser tan prácticas como los programas instalados. Photopea no es una excepción, pero te permite trabajar con capas en un documento PSD.

• Sistema operativo: Windows (existe versión para Linux y macOS).
• idioma ruso: solo se admite en las versiones estándar y extendida.

XnView es una especie de organizador gráfico en el que puedes abrir y organizar colecciones de imágenes en tu PC. XnView tiene funciones primitivas editar: se puede cambiar paleta de colores, agrega un filtro o efecto.

El programa es impopular, pero por una buena razón: puede abrir imágenes en más de 500 formatos y guardarlas en otros 70. Así que instálelo como un editor o conversor PSD primitivo.

EN versión básica Sólo se admiten los idiomas inglés, francés y alemán.

• Sistema operativo: Ventanas.
• idioma ruso: apoyado.

El programa IrfanView, como XnView, está diseñado para ver y convertir archivos gráficos. Pero IrfanView admite menos formatos. El programa abre el PSD como una imagen. No puedes editar capas, pero puedes editar una imagen normal. Llegar más posibilidades Para su procesamiento, primero se debe convertir el archivo PSD a otro formato.

IrfanView funciona rápidamente y es liviano ( archivos de instalación ocupa un poco más de 3 MB).

Si ninguna de las opciones le conviene, puede convertir PSD a JPG usando Go2Convert o cualquier otro convertidor. También puedes abrir el PSD como una imagen en Google Drive.

Este tutorial fue desarrollado para CorelDRAW® Graphics Suite X7. Aunque es posible que haya funciones similares disponibles en versiones anteriores, este tutorial solo es totalmente aplicable a CorelDRAW Graphics Suite X7 y versiones posteriores.

CorelDRAW ofrece soporte avanzado los últimos formatos archivos Ilustrador Adobe(AI) hasta CS6 y PDF inclusive, además de compatibilidad con formatos Adobe Photoshop(PSD) hasta CS6 inclusive. Ahora es aún más fácil abrir, importar y editar archivos de estos formatos. Aquí hay algunas mejoras importantes:

• Admite numeración Bates, formatos PDF/A y Acrobat 9 (PDF 1.7)
• Soporte para la determinación del tamaño de página basada en objetos durante la exportación de PDF
• CorelDRAW X7 guarda apariencia capas de ajuste y efectos en el panel Máscaras en archivos PSD importados
• Admite múltiples hojas de trabajo de Adobe Illustrator, conserva la transparencia del degradado, los trazos de pincel y nueva sección"Preparación"
• Corel PHOTO-PAINT® X7 conserva las configuraciones de saturación, escala de grises y filtro de color en archivos PSD importados editables

Los archivos AI y PDF se abren de la misma manera que Archivos CorelDRAW- usando el comando Archivo > Abrir. Además, se pueden importar archivos AI y PDF. Los archivos AI y PDF se importan como objetos agrupados y se pueden colocar en cualquier lugar de la imagen actual.

Importe archivos de Adobe Illustrator (AI) y Adobe Photoshop (PSD)

Puede importar archivos AI y PSD hasta CS6 inclusive. Para los archivos guardados en formato Adobe Illustrator CS (o superior), el texto se puede importar como texto o esquemas (siempre que los archivos sean compatibles con PDF). Si el archivo no es compatible con PDF, para importar el texto primero se debe convertir a contornos usando el comando Texto > Crear contornos (Texto > Crear esquema) en Adobe Illustrator.

1. Seleccionar Archivo > Importar.
2. en la lista Todos los formatos de archivos seleccionar IA: Adobe Illustrator.
3. Importar.

   Cuando importa un archivo compatible con PDF que contiene texto, aparece un cuadro de diálogo Importar PDF . en la zona Importar texto como marcar la casilla Texto o Curvas. Si no está seguro de qué opción seleccionar, consulte Importar archivo pdf».

   Al importar texto como texto y las fuentes utilizadas en el archivo instalado, aparecerá un cuadro de diálogo. Seleccionar configuraciones requeridas y haga clic DE ACUERDO.

4. Cuando aparezca el cursor de importación, realice una de las siguientes acciones:
   • Haga clic en la página de dibujo para guardar archivo fuente y coloque la esquina superior izquierda en el punto de clic.
   • Haga clic y arrastre por la página de dibujo para cambiar el tamaño del archivo. El cursor de importación muestra nuevos tamaños de archivos a medida que los arrastra.
   • Hacer clic Ingresar para centrar el archivo en la página de dibujo.

El cursor de importación muestra el nombre y las dimensiones del archivo que se importará.

Los gráficos de Adobe Illustrator se importan al programa como un grupo de objetos. Para gestionar objetos en importados archivos gráficos seleccionar Objeto > Agrupar > Desagrupar (CTRL+U).

Importar un archivo PDF

puedes lograr mejores resultados mostrar texto en su archivo PDF seleccionando la manera correcta importar texto, como texto o como curvas. Los siguientes consejos le ayudarán a tomar la decisión correcta:

• Al importar texto a forma de texto el texto sigue siendo totalmente editable como texto rizado o sin formato. Sin embargo, es posible que se pierdan algunos efectos y formatos. Se recomienda esta opción si el archivo PDF contiene archivos grandes bloques de texto(Por ejemplo, periódico) que necesitan ser reformateados o agregarles algún contenido de texto.
• Cuando importa texto como curvas, se conserva la apariencia del texto, incluidos los efectos, y cada carácter se convierte en un objeto curvo. En este caso, las funciones de formato ya no se pueden utilizar para editar texto. Esta opción es adecuada para importar un archivo PDF que contiene una pequeña cantidad de texto que no necesita editar, o en una situación en la que las fuentes utilizadas en el archivo PDF no están disponibles.

1. Presione el atajo de teclado control + yo.
2. Busque la carpeta donde está almacenado el archivo.
3. en la lista Todos los formatos de archivos seleccionar PDF: formato de documento portátil de Adobe.
4. Haga clic en el nombre del archivo y haga clic en el botón Importar.

   Si el archivo protegido con contraseña, ingrese una contraseña válida en el campo correspondiente.

5. En el cuadro de diálogo Importar PDF en el área Importar texto como seleccione una de las siguientes opciones:
   • Texto- le permite editar y formatear texto desde un archivo PDF. Si no se utilizan fuentes en el archivo PDF, seleccione parámetros requeridos en el cuadro de diálogo Sustitución de fuentes faltantes y haga clic DE ACUERDO.
   • Curvas- convierte el texto en curvas y conserva la apariencia del texto original.

Cuadro de diálogo Importar PDF

1. Al importar un documento de varias páginas, seleccione páginas requeridas y haga clic en Aceptar.

Al importar varias páginas documento pdf El cuadro de diálogo Importar PDF se expande para permitirle seleccionar las páginas que desee.

1. Cuando aparezca el cursor de importación, haga clic en la página de dibujo.

   Puede hacer clic y arrastrar por la página de dibujo para cambiar el tamaño del archivo, o hacer clic Ingresar para colocar el archivo en el centro del documento.

5 de mayo de 2011

Hoy en día, es posible encontrar cada vez más diseñadores de interfaces que han abandonado el viejo Adobe Photoshop en favor de herramientas vectoriales. En otras palabras, a favor de Adobe Illustrator. Las ventajas son obvias: trabajando con una fuente vectorial, podemos controlar mejor todo el proceso que trabajando con imagen rasterizada(incluso si está dividido en capas). EN editor de vectores un círculo dibujado sigue siendo un círculo dibujado, pero en Photoshop son sólo un montón de píxeles rellenos. Finalmente, en un editor vectorial es mucho más fácil crear opciones para pantallas con diferentes densidades de píxeles (¡hola, Retina Display!).

Sin embargo, existe la opinión de que la transición de los diseñadores a Adobe Illustrator promete muchos problemas para los maquetadores. Los maquetadores son en su mayoría personas conservadoras y hostiles a las nuevas tendencias. Por eso, la mayoría de las veces se niegan categóricamente a aceptar los códigos fuente de los diseños en formato AI. Esta posición se basa en dos mitos:

1. Exportar diseños de AI a PSD es muy difícil y requiere mucho tiempo.
2. Al exportar diseños de AI a PSD, la calidad de la imagen se ve muy afectada.

Ambas afirmaciones son ciertas sólo si actúas "de frente". Tome el código fuente en AI, llame a la función "exportar", obtenga un PSD y luego intente ordenar el desorden de capas que contiene, corrigiendo simultáneamente pequeños errores que no estaban en el código fuente del vector. Entonces todo será realmente largo y doloroso. Como habrás adivinado, tomaremos una ruta diferente.

La forma correcta de exportar maquetas de diseño de AI a PSD consta de tres pasos:

Paso uno: poner las cosas en orden. sacamos todo objetos de texto en una capa separada (o varias capas separadas). Agrupamos inteligentemente todos los demás objetos en capas. En el PSD, cada una de estas capas será completamente plana, por lo que en esta etapa es hora de pensar y decidir qué partes se pueden aplanar y cuáles es mejor dividir en diferentes capas. También es importante asegurarse de que todos los efectos de superponer objetos uno encima del otro permanezcan dentro de las capas, de lo contrario habrá desgracia.

Como resultado, deberíamos tener un conjunto relativamente pequeño de capas con nombres claros:

Paso dos: rasterizar. Para todas las capas excepto las de texto, aplique el efecto Rasterizar en el modo Tipo optimizado.

Suena paradójico, pero eso es exactamente lo que hay que hacer. Sólo este método de rasterización proporciona un resultado que coincide exactamente con lo que vemos en la fuente vectorial. Más sobre este extraño Funciones de Adobe Illustrator que escribí en nuestro blog hace 7 años: . Sorprendentemente, la situación general no ha cambiado desde entonces.

Paso tres: exportar. Como resultado, obtenemos un PSD, cuya imagen es los detalles más pequeños coincide con la imagen original en AI.

No sé ustedes, pero a menudo me encuentro con imágenes interesantes en varios foros, sitios web, bancos de fotografías, pero... con una resolución EPS (*.eps) o Ai (*.ai) incomprensible.

Formato EPS (PostScript encapsulado): este formato es prácticamente universal. Casi todos los programas de gráficos pueden leer EPS, aunque suelen ver este formato de forma diferente.

El formato Adobe Illustrator Artwork (AI) es un formato vectorial para almacenar información gráfica.

Este formato fue desarrollado por Adobe Systems para la presentación de una página. imágenes vectoriales en formato EPS o PDF.

Cuando se guarda en Adobe Illustrator, al archivo se le asigna la extensión .ai.

Echemos un vistazo cómo abrir un archivo EPS en Photoshop. Lo intentamos, se abren.

Pero, como ya dije, el programa Photoshop ve estos archivos a su manera, es decir, los abre como una imagen JPEG normal.

Y es bueno si te encuentras con una imagen sobre un fondo blanco (a veces transparente) y de tamaño suficiente.

Desafortunadamente, a menudo sucede que estos archivos están agrupados en varias imágenes y, además, en algún tipo de fondo.

En este caso, el fondo deberá eliminarse manualmente. Si el fondo es uniforme, entonces es fácil de quitar. Seleccione la herramienta "Borrador mágico", cambie el color "Color primario" en la paleta de herramientas: haga clic en el cuadrado del color primario y luego mueva el cursor (toma la forma de un cuentagotas) sobre el fondo de nuestra imagen y haga clic. Luego haga clic en LMB en cualquier parte del fondo y, por favor, reemplace el fondo con un área transparente

Pero la mayoría de las veces, estos archivos tienen un tamaño de 3 a 4 cm en el lado ancho y, dado que en Photoshop se abren como imágenes rasterizadas, cualquier intento de ampliarlos conduce a resultados desastrosos: la imagen se "pixela", se vuelve borrosa y generalmente se vuelve inútil.

Pero, de hecho, estas imágenes también se pueden utilizar en Photoshop, pero después de procesarlas en otro programa de Adobe, que en realidad es nativo de ellas: Adobe Illustrator. No es difícil hacer esto, pero veremos cómo en esta lección.

Resulta que esta lección no trata exclusivamente sobre el programa Adobe Photoshop (aunque también trata sobre él).

Yo mismo uso Adobe Illustrator muy raramente y, principalmente, solo para extraer la imagen deseada de archivos Illustrator EPS y Ai.

¿Cuál es la diferencia entre estos archivos y los habituales JPEG, PNG e incluso PSD?

No entraremos en las complejidades de la creación de gráficos vectoriales; lo consideraremos durante mucho tiempo; fórmulas matemáticas, que describen algoritmo complejo trazar curvas y contener información sobre las posiciones de los puntos. Para usted y para mí, es suficiente saber lo principal: con cualquier acción con una imagen rasterizada (jpeg, png, etc.) asociada con movimiento (rotación, rotaciones) o escala (especialmente ampliación, distorsión), pierde su claridad. . Gráficos vectoriales está libre de estas deficiencias: puede cambiar el tamaño y la posición de la imagen tanto como desee, la calidad de la imagen seguirá siendo la misma. Y una cosa más: un dibujo vectorial se puede convertir en imagen rasterizada resolución requerida, pero convertir una imagen rasterizada en un vector es bastante difícil sin pérdida de calidad.

programa adobe Illustrator incluido con Adobe Creative Cloud (CC) o heredado Versiones de Adobe Suite Creativa (CS).

Abra el programa y haga clic en "Archivo - Abrir" en el menú. Si la imagen es pequeña y difícil de ver, puede ampliarla con la herramienta "Escala (Z)".
Para eliminar el fondo del documento y hacerlo transparente como en Photoshop, presione "Shift + Ctrl + D". Después de eso, al igual que en Photoshop, desactive las capas innecesarias: fondo, texto y todo lo que no sea necesario (desactive los ojos en las capas innecesarias a la izquierda del nombre del grupo). Vale la pena señalar que cada una de las imágenes en Illustrator consta de muchas capas combinadas en un grupo, por lo tanto, para deshabilitar una imagen en particular, debe deshabilitar el grupo correspondiente.

Para seleccionar un objeto, desactive los ojos de todos los demás, incluido el fondo. Presione Shift + Ctrl + D para hacer que el fondo sea transparente.

La principal dificultad para quienes abrieron por primera vez un archivo EPS o Ai en Illustrator es cómo cambiar el tamaño de la imagen. El hecho es que en Internet la mayoría de las imágenes de este formato son de tamaño muy pequeño: 2-3 cm (para reducir el peso). Pero usted y yo sabemos que se puede cambiar el tamaño de un dibujo vectorial sin perder calidad. En el programa no encontrarás el menú "Tamaño de imagen", como en Photoshop. Debe cambiar el tamaño de la imagen de una manera ligeramente diferente.

Primero debe cambiar la mesa de trabajo: esta es un área rectangular delineada alrededor del documento. Para hacer esto, vaya a Archivo > Opciones de documento

Aparecerá la ventana Opciones de documento, donde deberá hacer clic en el cuadro "Editar mesas de trabajo". Aquí puede cambiar las unidades de medida: píxeles, cm, mm.

Cuadro delimitador de la mesa de trabajo de línea continua se convertirá en marco punteado con marcadores en las esquinas. En la parte superior derecha de la ventana en el panel de propiedades, puede cambiar el tamaño de la mesa de trabajo (solo asegúrese de activar el clip para mantener las proporciones). Ingrese un valor de largo o ancho, o simplemente arrastre el marcador de fotograma mientras mantiene presionada la tecla Mayús.

El área de la mesa de trabajo ha aumentado, pero el dibujo aún es pequeño. Aumentémoslo. Tome la herramienta Selección (V) y delinee nuestro hongo con ella (mantenga presionado LMB en la esquina superior izquierda de la imagen y arrastre la herramienta hacia abajo y hacia la derecha) o presione el atajo de teclado "Ctrl + A". Aparecerá un marco azul con marcadores alrededor del dibujo y se resaltarán todas las capas del dibujo. Si tiene más de un objeto, selecciónelos todos y presione Ctrl + G para agrupar las capas de objetos.

Tire de uno de los marcadores de las esquinas mientras los sostiene. Teclas de cambio+ Alt y ampliar el dibujo hasta los bordes de la mesa de trabajo.

Método 1. Vaya al menú "Archivo> Exportar> Exportar como..."

Después de especificar la ubicación para guardar, seleccione el tipo de archivo entre aquellos con los que puede trabajar en Photoshop. Lo más probable es que sea más conveniente seleccionar el tipo "*.PNG"; estará activado fondo transparente. Si está interesado en todas las capas en las que se dibujó la imagen en Illustrator, seleccione el tipo "Photoshop(* .PSD)".

Método 2. Exportar recursos.

En el mismo panel donde se encuentra el panel Capas, hay un panel de “Exportar recursos”. De lo contrario, abra este panel a través del menú “Archivo > Exportar > Exportar para pantallas”. Seleccione todo el objeto como lo describí anteriormente (Ctrl + A). Ahora simplemente arrastre la imagen a la ventana del panel.

En la misma ventana puedes especificar el tamaño (Escala) imagen original y formato de archivo, y al hacer clic en "Exportar", guarde la ubicación.

Método 3. A través de la mesa de trabajo.

Seleccione el objeto (Ctrl + A). Vaya al menú “Archivo > Exportar > Exportar para pantallas” y se abrirá la ventana “Exportar para pantallas”, donde en la pestaña “Mesas de trabajo” aparecerá un boceto de nuestro dibujo y la oportunidad de guardarlo en varios formatos y tamaños, en la carpeta requerida.

Ahora no te confundirás cuando encuentres en Internet imagen interesante en un formato incomprensible. Hemos discutido en detalle cómo abrir un archivo EPS en Photoshop y hacerlo no solo correctamente, sino también sin perder la cualidad principal. dibujo vectorial- calidad. Y aunque esta lección no trata sobre Photoshop, creo que este conocimiento no es superfluo para ustedes, Photoshoppers.

Buena suerte con tu trabajo creativo.