Transcripciones
1. Uso de archivos de Illustrator en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a este Diseño gráfico para la clase de almuerzo: Uso objetos de
Adobe Illustrator en Adobe Photoshop. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. hoy estamos viendo algunas formas en que puedes trabajar con objetos y archivos de
Illustrator en Photoshop. Empezaremos por buscar copiar objetos de Illustrator a Photoshop. Analizaremos el uso de las muestra de patrones de Illustrator en Photoshop. Veremos el uso de formas creadas en Illustrator en Photoshop y también cómo abrir archivos de Illustrator dentro de Photoshop. medida que estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente a más personas que al igual que tú, quieren aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y
miro y respondo a todos tus proyectos de clase. Empecemos a trabajar con el contenido de Illustrator aquí en Photoshop.
2. Uso de archivos de Illustrator en Photoshop: parte 1: El primero que vamos a ver al trabajar entre Illustrator y Photoshop es cómo llevaríamos algo de Illustrator a Photoshop. Aquí tengo una ilustración. En Illustrator, voy a seleccionar sobre todos estos objetos, y sólo voy a elegir Editar copia. Voy a Photoshop y en Photoshop voy a elegir Archivo Nuevo. Lo que va a hacer Photoshop es medir qué es eso en el portapapeles de la ventana y va a hacer un documento de ese tamaño, que es del tamaño de la obra que estoy trayendo, así que voy a dar clic, OK. Ahora puedo pegar la obra en y puedo hacer esto de una de varias maneras. Escojamos Editar Pegar. Cuando elegimos Editar Pegar, obtenemos cuatro opciones. Objeto inteligente, píxeles, trayectoria y capa de forma. Voy a seleccionar Capa de formas primero y hacer clic en Aceptar. Lo que obtenemos es una Capa Shape. Obviamente por lo que estamos viendo aquí, esa realmente no es una elección apropiada para tomar. Sólo voy a deshacer eso así elegiré Editar Deshacer. Hagamos editar pegar y luego esta vez vamos a elegir Ruta y de nuevo, voy a dar clic en Aceptar. Ahora esto trae el objeto a Photoshop como un camino, lo
puedes ver aquí en la paleta de caminos. De nuevo, eso realmente no nos va a ayudar en cuanto trabajar con esta pieza de arte en Photoshop, voy a deshacer eso. Vamos a elegir Editar Pegar, y esta vez vamos a elegir Píxeles, y voy a hacer clic en Aceptar. Ahora cuando elegimos píxeles, lo que obtenemos es la imagen como una imagen ráster aplanada dentro de Photoshop. Está arreglado a este tamaño y también el enlace para ilustrar se ha roto totalmente por lo que estos son solo píxeles en Photoshop. Vamos a deshacer eso porque hay una opción final que realmente va a funcionar mucho mejor que cualquiera de las otras para nosotros y que es elegir Objeto Inteligente. Voy a elegir Pegar objeto inteligente y hacer clic en Aceptar. Ahora, en esta instancia, la imagen se pega en Photoshop y viene en el mismo tamaño que antes. Pero es un objeto inteligente. Como objeto inteligente, podemos alterar el tamaño de esto para que pudiéramos aumentarlo en tamaño y no
perderíamos los bordes lisos que esperaríamos obtener si se escalara hacia arriba,
por ejemplo, en Illustrator. Pero hay otras características que están disponibles para nosotros como resultado de pegar esto en Photoshop como Objeto Inteligente. Sólo voy a hacer doble clic en el Objeto Inteligente Vector aquí. Se abre de nuevo la ilustración en Illustrator, pero no es la misma que llevamos a Photoshop y vamos a demostrárnoslo aquí. Ahora, he seleccionado sobre esta caravana y solo voy a dar clic aquí y elegir un color diferente para ello. Hagamos de esta caravana azul y démosle una puerta de color diferente. Le daremos una puerta de color más oscuro y pincharemos OK. Sólo vamos a presionar Escape para volver a salir del modo de aislamiento.. Aquí se recolored ilustración. Lo que voy a hacer aquí, se llama vector Smart Object AI. Yo sólo lo voy a cerrar y voy a decir que sí a guardarlo. Ahora cuando volvamos a Photoshop, verás que nuestra caravana ha sido recoloreada, por lo que podemos trabajar con ella como un objeto ilustrador incrustado dentro de nuestro documento de Photoshop. De vuelta en Illustrator, aún tenemos el original, nada de lo que hicimos cambió el original. Lo que estamos haciendo es que estamos trabajando con una copia del original incrustado dentro de nuestro documento de Photoshop como una pieza de arte ilustradora, esto se puede escalar. Si tuviéramos que aumentar el lienzo, hagámoslo realmente usando la herramienta de recorte porque esa es una forma mucho más fácil de aumentar el lienzo. Sólo estoy arrastrando lo que está sosteniendo la tecla ALT e ir arrastrando hacia arriba sosteniendo la tecla ALT. Haga clic en la marca de verificación, eso va a ponerse forma y solo voy a mantener presionada la tecla Mayús y la tecla ALT para simplemente escalarla. Cuando voy y hago clic en la marca de verificación, todo está bien suavizado así que no estamos consiguiendo esos bordes que podríamos esperar ver si íbamos a aumentar el tamaño de una obra de arte como esa si fuera basada en pixeles en Photoshop. Hay una forma en que puedes trabajar entre Illustrator y Photoshop. Puedes traer objetos de Illustrator a Photoshop, pegarlos en un Smart Objects, y luego todavía hay un enlace retenido a Illustrator, lo que significa que podrías llevarlos para ilustrarlos para trabajar allí con ellos. Ahora, tal vez te estés preguntando por qué traerías un objeto de Illustrator a Photoshop para trabajar con él. Bueno, vamos sólo a ver cómo podríamos trabajar con este objeto aquí. En primer lugar, solo voy a seleccionar la capa de fondo que aquí está visible y presionar Control Retroceso, Command Delete para llenarla con el color de fondo blanco que tengo aquí. Vámonos ahora y abramos una imagen de textura. Tengo una imagen de textura aquí que he descargado de escalate o mass. Yo sólo voy a abrir eso aquí en Photoshop y aquí está la imagen de textura. Ahora, voy a tomar eso y poner eso encima de mi imagen de caravana. Voy a hacer clic derecho en él y elegir Duplicar capa. De la lista desplegable de documentos, voy a seleccionar el tamaño de imagen de caravana que trabaja en se llama Sin título uno, y voy a dar clic en Aceptar. Lo que eso hace es que copia esta imagen en particular en una imagen de caravana. Ahora puedo mezclarlo en las capas de abajo. Bueno, en realidad vamos a redimensionarlo primero porque parece que no es del tamaño correcto. Para ver los manejadores de dimensionamiento en la pantalla pulsa Control 0. Eso traerá arriba el dimensionamiento maneja lo que realmente contrae el documento en la medida en que luego puedes ver tus asas de dimensionamiento. Yo sólo voy a hacer mi textura un poco más grande, eso es un poco mejor. Ahora vamos a elegir un modo de mezcla. En la página, solo estoy corriendo por la lista presionando la tecla de flecha abajo, en el Mac, necesitarás asegurarte de que no estás usando una herramienta de pincel y puedes presionar Mayús Plus y Mayús Menos para bajar la lista. Aquí puedes decir que es muy fácil para nosotros aplicar
una textura a través de esta ilustración en Photoshop y si esto fuera por la web o si fuera por scrapbooking o algo así entonces esta podría ser una mejor forma de aplicar un textura, sin duda
es agradable y rápido. Tengo un modo de mezcla aquí de superposiciones. Esa es una posibilidad para usar una textura como esta con una imagen y por supuesto, esta capa Smart Object aún contiene ese objeto ilustrador. Simplemente se está aplicando la textura usando un modo de mezcla en una capa superior. Esta capa aquí es totalmente editable. Hacemos doble clic en él y el objeto se abre de nuevo en illustrator para que pudiéramos hacer cambios en él en Illustrator. Hay una forma de trabajar entre ilustrador y Photoshop y útil para cosas como texturas, realmente como ese tipo de efecto.
3. Uso de archivos de Illustrator en Photoshop - parte 2: Otra forma en que podemos trabajar entre Illustrator y Photoshop es con patrones. Voy a abrir mi paleta de muestreos. Tengo una muestra de patrón aquí, esa es una que viene enviada con Illustrator. Acabo de arrastrarlo y tirarlo de la paleta de muestreos en el documento. Esta no es la muestra de patrones reales, la muestra de patrones reales está arriba en la esquina superior aquí. Vamos a tener que descomponer esto a sus piezas componentes porque
sólo hay parte de esto que vamos a llevar a Photoshop. Es la parte que está contenida dentro de este rectángulo aquí. Voy a tomar este camino que está en la parte inferior de esta capa y lo voy a mover hasta la parte superior del grupo, porque cuando está en la parte superior del grupo, puedo usarlo para recortar la imagen. Yo sólo voy a desplazar click en estos otros objetos. He seleccionado este camino rectangular y todos los objetos que van a comprender este patrón. Voy a abrir el pathfinder y voy a dar click aquí en crop. Cuando hago eso, lo que hace Illustrator es que
recorta todo lo que sea en exceso a nuestros requerimientos. Esta es la muestra de patrón real para ese patrón. Voy a seleccionarlo, voy a elegir Editar, Copiar. Voy a Photoshop y voy a elegir Archivo y luego Nuevo. Ahora, el tamaño del documento aquí es el tamaño de la muestra de patrón. Por ahora solo voy a dar clic en Aceptar. Voy a elegir Editar y luego Pegar. Voy a pegarlo como un objeto inteligente. Antes de hacer clic en la Marca de verificación, necesitamos echar un vistazo a esta opción aquí. Ahora mismo sólo voy a deshacer esto. Voy a acercarme un poco para que podamos ver más claramente lo que está a punto de suceder. Hagamos Editar, Pegar y elegiremos Objeto Inteligente. Esta es la pasta de patrones que estamos trayendo de Illustrator. Hay una diferencia muy grande entre seleccionar Anti-alias activado y no. Estoy encendiendo Anti-Alias y si miras a través de la línea superior de este documento, lo que sucede cuando hago clic en la marca de verificación, empieza a desvanecerse y el resultado final es que en realidad vamos a tener una línea alrededor de nuestro patrón. El patrón realmente no ha funcionado muy bien. Voy a deshacer esta pasta. Voy a volver y hacerlo de nuevo. Esta vez voy a asegurarme de que el Anti-Alias esté apagado. Al hacer clic en la marca de verificación, el patrón se va a mantener con precisión alrededor de los cuatro bordes. No vamos a conseguir lo que a menudo vemos en Illustrator que tiene líneas a través de nuestros patrones. Voy a elegir, Seleccionar, Todo, y luego Editar, Definir Patrón. Este va a ser patrón Ilustrado y voy a dar clic en Aceptar. Entonces vamos a crear un archivo completamente nuevo con File, New. Va a ser 3600 por 3600 pixeles de tamaño, haga clic en Aceptar. Esta es una especie de tamaño estándar de álbum de recortes, si quieres. Tengo el blanco como mi color de fondo. Voy a presionar control comando backspace, eliminar para llenar este laboratorio de blanco. Ahora vamos a llenar la siguiente capa con nuestro patrón. Escogeré Capa, Nueva capa de relleno, Patrón, haré clic en Aceptar. Este es mi patrón entrando en una escala del 100 por ciento. Solo tomémoslo hasta 200 y podemos ver más claramente cuando hacemos zoom en él para demostrarnos a nosotros mismos que no tenemos líneas corriendo a través de este patrón. Este patrón está intacto. Por supuesto el problema es que trajimos el patrón a un tamaño tan pequeño, solo
tiene un ancho de 110 píxeles. Deshaznos de este documento y veamos cómo podríamos mejorar el tamaño de nuestro ritmo de patrón. Una forma de hacerlo es yendo al patrón en Illustrator, seleccionando la herramienta Seleccionar, seleccionando toda esta forma y manteniendo presionada la tecla Mayús mientras arrastramos en el borde exterior para agrandar el ritmo que estamos llevando a Photoshop. Debido a que se trata de un objeto vectorial, se
puede ver que está muy bien redimensionado. Simplemente voy a alejar un poco. Seleccionemos ya sea el objeto que ahora es considerablemente más grande de lo que era. Editar, Copiar, ir a Photoshop, crear un nuevo documento con Archivo, Nuevo. Esta vez se puede ver que el ritmo de patrón es casi tres veces el tamaño que era antes. Haga clic en Aceptar, Editar, Pegar objeto inteligente, haga clic en Aceptar, asegurándose de que Anti-alias no esté seleccionado y haga clic en la marca de verificación. Este es ahora nuestro ritmo patrón. Podemos Seleccionar, Todo, y convertirlo en patrón Illustrator número 2. Vuelve a un documento de prueba donde están nuestros patrones. Simplemente yendo a hacer doble clic en la capa de relleno de patrón
e iremos a seleccionar el último patrón de la lista, que es el que acabamos de crear. Simplemente bajémoslo a un 100 por ciento, porque ahí, es más preciso. Amplía y puedes ver que es un bonito patrón. Por supuesto, la otra cosa que podríamos hacer es cuando lo llevamos a Photoshop, podríamos simplemente crearlo como un documento más grande y luego escalarlo allí. Podríamos elegir Archivo y luego Nuevo. Ahora, por el momento está llegando al 326 por 329. Podríamos duplicar esto, así que sólo voy a duplicar cada uno de estos valores. Duplica esos valores a 652 por 658. Voy a dar clic en Aceptar. Haré Editar, Pegar, Objeto inteligente, haga clic en Aceptar. Viene en más pequeño, pero todo lo que necesito hacer es mantener Shift y Alt para escalarlo. Ve a asegurarte de que se encaje a estos bordes, eso es crítico porque este documento va a ser nuestra pasta de patrones. Asegúrate de que Anti-Alias esté desactivado, para que no tengamos esos bordes que sean más suaves. Haga clic en la marca de verificación. Seleccionar todo, rehacer patrón por tercera vez. Vuelve al documento con el que hemos estado trabajando, haz doble clic en la miniatura de la capa y selecciona el último patrón más de la lista. Este está al doble de tamaño. Al traerlo como un objeto inteligente y luego escalarlo antes de que realmente nos comprometamos a convertirlo en un patrón, tenemos un ritmo de patente muy grande y es transparente. No estamos recibiendo ninguna de esas líneas que obtenemos a veces en patrones de
Illustrator y a veces es simplemente más fácil hacer tu patrón en Photoshop. Sin duda puedes traer pasos de patrón de Illustrator a Photoshop muy, muy fácilmente. Por supuesto, si quisieras grunge esto y usarlo como un trozo de papel de álbum de recortes. Después tenemos todas esas herramientas grunge y blend disponibles en Photoshop, muchas de las cuales son simplemente más fáciles de usar en Photoshop que en Illustrator.
4. Uso de archivos de Illustrator en Photoshop - parte 3: Otra cosa que podemos hacer entre Photoshop e Illustrator es
tomar formas que hemos creado en Illustrator y usarlas dentro de Photoshop, y podemos guardarlas como formas personalizadas allí. He creado esta forma que es la base de un Patrón de enrejado marroquí, y la he creado en Illustrator, así que es una forma realmente bonita, y quiero llevarla a Photoshop. Es solo una línea sin relleno, así que voy a elegir Editar, Copiar aquí en Illustrator. Voy a Photoshop, y voy a elegir Archivo, Nuevo. El tamaño del archivo va a ser del mismo tamaño que la forma que tengo en Illustrator, así que voy a dar clic en “Aceptar”. Voy a elegir Editar, y voy a elegir Pegar, y lo voy a pegar como camino,
y voy a dar clic en “Aceptar”. Esto ahora está pegado como un camino en Photoshop, y aquí está mi última paleta. Ahora si entro en el panel Caminos, aquí pasa
algo curioso. Cuando selecciono en esta ruta e intento ir a Editar, verás que Definir forma personalizada está en gris. Parece que no podemos usar este camino para realmente hacer una forma, pero eso no es cierto. Lo que tenemos que hacer es ir aquí a la paleta Caminos, a la
que puedes llegar eligiendo Ventana y luego Caminos, si no es visible, y vamos a arrastrar este camino hacia el icono Nuevo aquí, y eso va a crear un duplicado de la ruta. Mira lo que pasa aquí. Ya verás que el camino ahora tiene todos sus puntos de anclaje mostrando. Cuando se vea así, ahora
puedes ir a elegir Editar y Definir Forma Personalizada, y así este es mi Telis marroquí, y voy a hacer clic en “Aceptar”, y esa ahora es una forma personalizada dentro de Photoshop. Cuando selecciono aquí la Herramienta Custom
Shape, y voy a las formas personalizadas, va a ser la última forma de un panel aquí. Puedo usar esto exactamente de la misma manera que usaría cualquier forma en Photoshop. Illustrator en realidad no tiene una herramienta como esta para guardar formas personalizadas, por lo que es realmente bastante útil poder guardarlas en Photoshop de todos modos para que puedas usarlas y reutilizarlas. Por supuesto, la elaboración de patrones en Photoshop no sufre de esas divertidas líneas que tendemos a conseguir cuando estamos trabajando en Illustrator. Por lo que es posible que prefieras hacer las formas para tus patrones en Illustrator, y luego traerlas a Photoshop, y utilizarlas para hacer patrones en Photoshop.
5. Uso de archivos de Illustrator en Photoshop - parte 4: Nuestro método final de mirar trabajar en Photoshop con activos que has creado o que has sido
creado en Illustrator es buscar una forma de que
podamos abrir archivos de Illustrator dentro de Photoshop. Si tienes un archivo de Illustrator, puedes abrirlo directamente dentro de Photoshop con obviamente algunas limitaciones. Ahora lo que no podrás hacer es ir al archivo en Windows Explorer o Finder, y basta con hacer doble clic en el archivo AI porque el sistema operativo va a saber que ese es un archivo de Illustrator y que debería abrirse en Illustrator . Estoy ubicando un archivo AI y solo voy a hacer clic para abrir. Cuando lo abrimos, obtenemos este cuadro de diálogo PDF de importación. Lo que estamos importando es una versión aplanada de la imagen de Illustrator. Tenemos unas cuantas opciones aquí, sólo
vamos a ver esto. Recortar a cuadro delimitador solo asegurará que esté recortado a la obra de arte y así no obtendrás espacio extra en la página, por lo que esa es una opción realmente buena para elegir. También puedes cambiar el tamaño de la miniatura. Probablemente están configurados demasiado pequeños por lo que es posible que desee una página de ajuste para que en realidad pueda ver lo que está entrando. Te sugiero seleccionar recorte a cuadro delimitador. También sugiero que seleccione anti-aliased porque anti-aliased significa que estos bordes se van
a suavizar la forma en que Photoshop suaviza las cosas. De lo contrario, vas a conseguir bordes bastante pixelados. Ahora puedes establecer el tamaño de la imagen aquí. Aquí hay especificaciones lo puedes ver en pulgadas o centímetros, lo que sea que tenga sentido para ti. píxeles tienen más sentido para mí. Siempre y cuando haya seleccionado proporciones limitadas, que debe, entonces puede escribir en diferentes valores aquí. Por ejemplo, si quiero que mi ancho de imagen sea de 6,000 píxeles, entonces la altura sería de 2,801 porque eso lo
limitaría a sus proporciones originales, pero podría traerla a un tamaño más grande si quisiera. Dado que esta va a ser una imagen de mapa de bits aplanada, quieres traerla al tamaño que la necesitas para trabajar en Photoshop, porque queremos darle un nivel superior porque ya no es un vector. Una vez que hayas seleccionado todas estas opciones, solo tienes que hacer clic en “Aceptar” para seguir adelante. Esta es la imagen dentro de Photoshop. Echemos un vistazo en la última paleta. Verás que esto es solo un pestillo, solo una capa de mapa de bits. No es un objeto inteligente, así que no podemos devolverlo a Illustrator haciendo doble clic en él. Esto son solo píxeles aplanados, pero la imagen ha sido dimensionada. Si vas a Image, Image Size, verás que son 6,000 por 2,801. Viene en el tamaño que lo queremos. Si solo quieres una versión aplanada de datos de un archivo de Illustrator, entonces solo puedes abrir el archivo Illustrator en Photoshop y esa es la forma de hacerlo. Hay cuatro formas en las que puedes trabajar con activos que has creado o los
creados por alguien más en Illustrator que puedes trabajar con ellos en Photoshop. Tu proyecto para este curso va a ser tomar algún contenido que hayas creado en Illustrator o algunos archivos de Illustrator que tal vez hayas encontrado en línea, y trabajar con ellos en Photoshop. Los puedes encontrar en un sitio llamado Vecteezy, si no tienes el tuyo o te daré un enlace a ese sitio. Si tienes Illustrator, puedes ir y abrir las imágenes en Illustrator, hacer selecciones, y luego traerlas copiándolas y pegarlas en Photoshop. Experimenta con trabajar con ellos como objetos inteligentes, experimenta con trabajar con formas que has creado en Illustrator, y entrando y guardándolas como formas personalizadas en Photoshop. También es posible que desee experimentar con el contenido de apertura que se ha creado en Illustrator como imágenes de mapa de bits aplanadas como esta en Photoshop. Publica algunos ejemplos de tu trabajo en el área de proyectos de clase. Espero que hayas disfrutado de este curso y hayas aprendido algo sobre trabajar con activos de Illustrator en Photoshop. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo a otros, por favor dale un pulgar arriba. Esto ayuda a otros a identificar esto como una clase que podrían querer tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
