Domina Illustrator: 10 consejos y trucos para acelerar tu flujo de trabajo | DKNG Studios | Skillshare
Buscar

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Domina Illustrator: 10 consejos y trucos para acelerar tu flujo de trabajo

teacher avatar DKNG Studios, Design + Illustration

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      2:13

    • 2.

      Guardar rápidamente para la web

      1:50

    • 3.

      Utilizando los Colores globales

      2:56

    • 4.

      Creación de directrices personalizadas 

      3:08

    • 5.

      Trabajando con esquinas vivas

      3:25

    • 6.

      Capas de focalización 

      3:46

    • 7.

      Dar profundidad a las formas simples 

      4:10

    • 8.

      Creación de una pincelada personalizada

      3:36

    • 9.

      Creación de patrones de medio tono vectoriales

      6:32

    • 10.

      Personalización de la herramienta de mezcla

      4:09

    • 11.

      Utilizando una máscara de opacidad

      3:51

    • 12.

      Conclusión

      0:25

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

65.810

Estudiantes

244

Proyectos

Acerca de esta clase

Únete a los diseñadores de DKNG Dan Kuhlken y Nathan Goldman en una clase de 40 minutos que revela los trucos de Adobe Illustrator que emplean para un flujo de trabajo rápido y eficaz.

Basándose en componentes específicos de su trabajo con Star Wars, Regreso al Futuro y SXSW, así como en proyectos de diseño personales, esta clase cubre todo, desde simples atajos de teclado hasta elementos visuales más complejos como trazos de patrones y medio tono vectoriales, hasta la nueva función "Live Corners" de Illustrator CC.

Tanto si estás empezando con Illustrator como si llevas tiempo utilizando el software y simplemente quieres acelerar tu proceso, los 10 consejos de DKNG te permitirán crear mejor, manteniendo todo en forma vectorial.

Notación: los ejemplos de esta clase se demuestran en una Mac. Si estás ilustrando en un PC, descarga esta práctica hoja de trucos con los equivalentes de los atajos de teclado.

______________

¿Quieres ver a Dan y Nathan enseñar diferentes estilos? Únete a 20.000 estudiantes en tus otras tres clases de Skillshare: ilustración para diseñadores, diseño de afiches de rock y medio tono para impresión de pantalla.

Conoce a tu profesor(a)

Teacher Profile Image

DKNG Studios

Design + Illustration

Top Teacher

DKNG is a full service graphic design studio with a focus on the entertainment industry. We work directly with bands, venues, promoters and a range of independent and corporate clients.

Dan Kuhlken and Nathan Goldman were both drawn to music and design at an early age, but didnt combine their talents until 2005 when the duo founded a design studio with the goal of fusing these two creative avenues. The pair has found a niche in linking a personal and unique aesthetic to the worlds most talented musical artists.

With dynamically different skill sets ranging from fine art to film production, Dan and Nathan bring diverse talents and artistic perspectives to every project. DKNG strives to provide their clients with the image and recognition that they deserve. Their past client... Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Somos DKNG Studios que significa DK, Dan Kuhlken; NG, Nathan Goldman. Somos un estudio de diseño con sede en California. En esta clase, vamos a echar un vistazo a nuestros 10 consejos, trucos y técnicas favoritos para Adobe Illustrator y cómo los usamos para que nuestro flujo de trabajo sea más eficiente. Esta es nuestra cuarta clase en Skillshare. Tenemos tres clases previas a esto, que son un poco más en el lado más largo. Pero éste es un poco más directo al grano. Esta clase es para cualquier persona que busque mejorar su capacidad para usar Adobe Illustrator. Ya sea que estés empezando o si eres un profesional en trabajo, vamos a tratar de cubrir una gama de diferentes técnicas que te ayudarán en cualquier aspecto del diseño vectorial con un ilustrador. En esta clase, aprenderás una gama de técnicas desde simples atajos de teclado para crear pautas personalizadas, hasta técnicas más complejas como crear tres dimensionalidad y Adobe Illustrator y usar máscara de opacidad para crear más realismo en tu trabajo. Para el proyecto para esta clase, te estamos pidiendo que eches un vistazo a estos 10 consejos y trucos y escojas uno o más para probar con tu propio trabajo y luego compartir con tus compañeros de clase. Por cada truco y técnica de esta clase puedes aplicarlo a un proyecto totalmente nuevo o aplicarlo a tu trabajo existente. La idea es que una vez que aprendas estos, empezarán a convertirse en segunda naturaleza y las tendrás en tu caja de herramientas para utilizarlas para cualquier proyecto que avance. Estaremos compartiendo nuestro enfoque de estos consejos y técnicas, pero realmente queremos que compartas cómo los estás usando en la Galería de Proyectos. Por favor comparte capturas de pantalla, imágenes de cómo estás usando estos consejos en tu propio trabajo y si tienes sugerencias sobre cómo otros estudiantes pueden mejorar su flujo de trabajo o tienes tus propios consejos similares, siéntete libre de compartir los del Proyecto Galería también. Nuestras clases prosperan con la colaboración y esta clase no es diferente, por lo que te animamos a compartir tu trabajo y sin más preámbulos empecemos. 2. Guardar rápidamente para la web: Por lo que para poner en marcha las cosas, este primer consejo es un rápido y fácil que también te ayudará a compartir tu progreso a través del resto de los nueve tips de la clase. Para esto, vamos a estar buscando un proyecto que estás listo para compartir con un cliente, obtener comentarios, o incluso compartir y publicar aquí en la galería de proyectos. Como sabrás, una forma de exportar borradores de un proyecto desde Illustrator es usar la función Exportar. Desafortunadamente, eso no tiene un atajo de teclado y también requiere que especifique su configuración, su tipo de archivo cada vez que lo use. Entonces, una cosa que hemos empezado a hacer es usar la función Guardar para Web en Illustrator, y el atajo de teclado para eso es comando, opción , turno, S. Son varias teclas, pero te mostraremos cómo hacerlo. Se abre este cuadro de diálogo, Guardar para la Web. Ya verás que tienes varios presets aquí entre los que puedes elegir. Incluso puedes crear tu propio preset si sabes que quieres que tu imagen esté en una resolución específica cada vez que la compartas. Entonces en este ejemplo, voy a usar JPEG High. Todavía es un archivo lo suficientemente pequeño que podré enviarlo por correo electrónico a mi cliente o compartirlo en la Galería de Proyectos de Skillshare. Entonces cuando estoy contento con mi configuración aquí, voy a golpear Save, y esto también me da la oportunidad de ahorrar un número de adición. Como pueden ver, tengo esta carpeta de borradores con muchos, muchos borradores en ella. Entonces, voy a llamar a este skillshare_1, guarde eso. Ahora, estamos de vuelta a trabajar en nuestro expediente, y fue tan fácil. Ahora puedo compartir este archivo en línea, en la clase, o enviarlo a mi cliente dependiendo de cuál sea el caso. 3. Utilizando los Colores globales: Entonces, al trabajar en Illustrator, digamos que estás en el proceso de crear algo y necesitas cambiar un color, una forma fácil de hacer que la mayoría de la gente suele usar es seleccionar algo y, digamos, seleccionar el mismo color de relleno. Entonces tienes todo seleccionado y podrías cambiar ese color. Una forma más fácil sería quizás usar la herramienta de varita. Lo mismo, obtienes ese color y luego puedes cambiarlo. Pero eso podría ser un poco tedioso si tienes, digamos, siete colores y estás pasando por tratar de cambiar cada uno individualmente. Entonces, en realidad hemos encontrado una forma aún más eficiente de cambiar colores y, digamos, tienes en tu archivo todo, desde un relleno, tienes algo usando un trazo, tienes un gradiente usando estos dos colores, tú tienen un patrón personalizado usando el nuevo color, incluso podrías tener cosas usando transparencia. De lo que harías, digamos, estás en proceso de crear algo con lo que estás 10 por ciento hecho, puedes empezar a agarrar todo lo que has creado y seguir adelante y crear un nuevo grupo de colores en tu paleta Swatch. En esta área, puedes nombrarlo como quieras pero tienes que asegurarte de que la obra seleccionada se convierta a colores globales. Lo que va a pasar es la carpeta creada automáticamente en tu paleta Swatch. Entonces, después de eso, en realidad puedes hacer doble clic en estos colores y cambiarlos sobre la marcha. Entonces, digamos, quiero cambiar la pantalla. Solo tienes que hacer doble clic en él, activar la vista previa y empezar a cambiar. Puedes hacerlo por cada color y realmente no importa cómo se esté usando en tu archivo. Podría ser un patrón. Podría ser una transparencia. Podría estar en un gradiente. No serías capaz de hacer eso con el otro proceso que acabo de mostrarte. Tan solo para mostrarte cómo usaríamos en nuestros propios archivos, viniendo de un fondo de serigrafía, queremos poder no solo limitar nuestros colores sino poder tener la flexibilidad de cambiarlos sobre la marcha. Entonces, en esta ilustración, realidad tenemos un grupo ya creado usando cada color y si quería cambiar el bronceado, podría simplemente cambiarlo para que así fuera como el color del papel, por ejemplo. Si quería cambiar todos los amarillos, haga doble clic en el color y comience a jugar. Te da mucha más libertad y puedes hacer las cosas mucho más rápido. Entonces, en resumen, esto es más o menos, por lo que sabemos, la forma más rápida de cambiar tu paleta de colores dentro de un par de clics, mientras que antes, probablemente habría tomado varios clics y mucho más tiempo. De esta forma, podrás hacer tus proyectos mucho más rápido. 4. Creación de directrices personalizadas : Entonces, a menudo usamos pautas en nuestro trabajo como una forma de crear estructura y una cuadrícula, y la forma típica de hacerlo es asegurarnos de que tengas activadas tus reglas. Entonces, manda R para asegurarse de que los gobernantes estén activados. Después, puedes arrastrar desde la regla horizontal o vertical para agregar pautas a tu archivo. Pero podría haber situaciones en las que no solo quieras guías verticales u horizontales, quieres crear algo un poco más personalizado. En un archivo como este, que era un par de carteles geek para 311, sabíamos que queríamos tener alguna simetría y las dos caras del cartel se reflejaban entre sí. Entonces, una forma en que comprobamos nuestro trabajo es, por ejemplo, puedo agarrar este patrón de onda del lado derecho y voy a usar opción y turno para arrastrar eso hacia el otro lado de mi póster, y luego solo voy a usar la herramienta de reflexión para crear una imagen espejo. momento, tengo esto justo como una forma flotando en mi archivo pero lo que puedo hacer es usar el atajo de teclado, comando cinco, o también está en tu menú de vista, comando cinco es hacer guías. Como pueden ver, ahora, he transformado esa forma de onda en una pauta y este ahora es un elemento no impreso que solo puedo usar para dibujar una nueva forma desde cero, o en este caso, usarla para revisar mi trabajo y asegurarme de que ambos lados de mis archivos tienen un tamaño y forma similares a ellos. Otra cosa a tener en cuenta con esta herramienta es que una vez que golpeé el comando cinco, sí quitó esa forma cuando la convirtió en una guía. Entonces si aún quieres que esa forma esté en tu archivo, asegúrate de copiarla y pegarla en su lugar, cual puedes hacer con el comando C y el comando F. Ahora puedo tomar la copia de la misma, presionar comando cinco para hacer guías, y yo todavía tienen la forma viva viviendo exactamente en el mismo lugar. Entonces, esa es otra forma de hacer lineamientos además de las líneas horizontales y verticales típicas si alguna vez quieres trabajar con un archivo con formas personalizadas y trabajar con pautas en lugar de las propias formas. Entonces, este es un ejemplo de usar pautas personalizadas como una forma de crear un diseño simétrico y comprobar tu trabajo, pero las formas en que puedes usar pautas personalizadas son realmente interminables. Si estás haciendo una serie y quieres asegurarte de que el tamaño y la forma sean consistentes a lo largo de la serie, puedes usar tu primer diseño y luego usarlo para crear un conjunto de pautas para cada forma posterior. También puedes usarlo para crear rejillas consistentes que podrían no ser una cuadrícula perfecta de 90 grados, varios ángulos, incluso si te estás metiendo en tridimensionalidad como una cuadrícula isométrica. Esta es una buena manera de crear un look muy personalizado y además asegurarse de que tenga consistencia a lo largo de todo tu proyecto. 5. Trabajando con esquinas vivas: El nuevo instrumento de esquinas en vivo en Illustrator CC es una mejora sobre su efecto de esquina redondeada que solía ser una forma de aplicar esquinas redondeadas a cada parte de un objeto. Pero con esta nueva característica de rincones en vivo, tenemos un poco más de control y usaré este logo que creamos como ejemplo. Aquí se puede ver en la tipografía superior, ya tiene esquinas redondeadas aplicadas a esta tipografía y para nuestro subtítulo a continuación, vamos a aplicar un look similar. Este texto sigue en vivo ahora mismo, así que voy a, en mi menú de tipos, crear contornos que también se pueden hacer con el atajo de teclado: comando, shift, O. Solo para mostrarte un ejemplo de la diferencia entre este nuevo característica de esquinas en vivo y el viejo efecto esquinas redondeadas, aquí en tu menú Efectos, está bajo Estilize, Redondo Corners. Si lo previsualizamos, se puede ver que va a aplicar esa esquina redondeada a cada esquina esta forma y nos dará una especie de look funky y eso no es exactamente lo que vamos a buscar. Entonces, en cambio, vamos a entrar y empezar agarrar estos nodos de esquina individualmente usando nuestra flecha blanca. Ya verás que a medida que agregamos más y más, es agregar estos pequeños iconos en forma de objetivo junto a cada esquina. Lo que podemos hacer ahora es arrastrar estos y eso redondeará esas esquinas pero a diferencia del efecto que hicimos antes, esto sólo es aplicar el redondeo a las esquinas que seleccionamos para que podamos dejar estas esquinas internas en el mostrador de la A intacto. Entonces, eso se ve bastante bien. Entonces ahora, lo que voy a hacer es volver a seleccionar estas esquinas, doble clic en este objetivo, y va a abrir este cuadro de diálogo sobre las esquinas. Podemos hacer diferentes tipos de esquinas pero también nos está diciendo el radio de este borde redondeado en particular. Es 0.02. Entonces ahora, voy a pasar a mi siguiente carta, la U, y también la S, y empezar a seleccionar algunas de estas esquinas exteriores y lo que ahora puedo hacer es hacer click, escribir 0.02, y va a igualar ese efecto de redondeo a estas esquinas. Puedo proceder a través de estas letras usando esa técnica hasta que todas tengan el look redondeado quiero que coincida con nuestra otra tipografía. A pesar de que utilizamos esta técnica principalmente para el tipo, también se puede utilizar en otras áreas. Por ejemplo, este tipo de efecto de goteo de pintura en esta parte del logo también se creó usando estas esquinas en vivo, y sólo un ejemplo, puedo demostrar que así es como empezamos con estos triángulos puntiagudos. Pero como todo permanece vivo, es fácil entrar y ajustar sobre la marcha ya que queremos agregar o quitar estos bordes redondeados a nuestras formas. Entonces como puedes ver, esta es una herramienta muy poderosa. No solo se usa para el tipo, es realmente en cualquier lugar donde quieras marcar en una esquina radiada específica en cualquier parte de tu proyecto. Con esta nueva herramienta, tienes mucho más control a la hora de identificar solo las esquinas que quieres hacer efecto. 6. Capas de focalización : Entonces, segmentar capas es una técnica que usamos bastante cuando estamos empezando en un nuevo archivo de Illustrator. Nuestro flujo de trabajo típico es que primero crearemos un boceto aunque sea solo interno. En algunos casos, conseguimos que un cliente apruebe primero un boceto, pero en cualquier caso, eso va a ser lo primero que hagamos, es importar ese boceto a ilustrador. En este caso, esta es una etiqueta para un diseño de botella. Un método que hemos utilizado en el pasado que encontramos no era todo tan eficiente como lo que estábamos buscando, es básicamente tener nuestro boceto en la capa superior y tener el boceto en sí con la transparencia de multiplicar, y luego empezamos a dibujar en la capa debajo. El motivo para hacer esto sería para que puedas ver tu trabajo mientras lo estás creando. Entonces, por ejemplo, si empiezo a dibujar aquí un edificio naranja, tal vez ponga un edificio verde junto a él. Tengo mi boceto en la capa superior, que me está permitiendo aún ver el boceto incluso cuando creo estas formas. Pero un tema con el que a veces nos encontramos, es digamos que quiero que este verde sea naranja, y solo quiero usar rápidamente mi herramienta cuentagotas para seleccionar esta naranja. Bueno, desafortunadamente, ya que el boceto está ahí, ahora está agarrando un color que es una combinación del color carbón del boceto, el naranja de mi archivo vectorial, y como pueden ver, estamos consiguiendo este tipo de color fangoso, que no es lo que buscaba. Entonces, para resolver este problema, vamos a usar la segmentación por capas. Entonces, déjame borrarlos y vamos a ajustar un poco nuestras capas. Entonces, si echa un vistazo a nuestra paleta de capas, vamos a cambiar el orden de estas dos. Entonces, voy a llevar la capa de arte donde actualmente estoy ilustrando con formas vectoriales, voy a mover eso a la parte superior y mi boceto, voy a bloquear la capa debajo. Ahora, lo que vamos a hacer es el objetivo. Entonces, con mi capa de arte seleccionada, voy a hacer clic en este botón del lado derecho, haga clic para apuntar. Lo que ahora está haciendo es seleccionar todo en esta capa y todo lo que estará en esta capa mientras empiezo a dibujar, y lo que sea que haga, ahora que estoy en modo Target, afectará todo lo que haga avanzando . Entonces, en este caso ahora en Transparencia, voy a seleccionar Multiplicar. Lo que eso significa es que ahora cuando dibuje objetos en esta capa, no se van a multiplicar uno encima del otro, es sólo la capa misma, ahora se va a multiplicar sobre las capas de abajo. Entonces, ahora lo que puedo hacer es seleccionar mi color naranja original y empezar a dibujar de nuevo estos edificios. Como puedes ver, seguimos teniendo la misma apariencia donde aún podemos ver nuestro boceto y nuestras formas vectoriales al mismo tiempo, pero la ventaja de este método es que mis formas vectoriales ahora están en la capa superior más, aún puedo usar mi herramienta cuentagotas. Entonces, solo presionando ojo, eso selecciona el cuentagotas, ahora puedo seleccionar esa naranja aunque esté en un área oscura del boceto y va a seleccionar mi verdadera naranja de la muestra en lugar de creando un nuevo color basado en la interpretación del boceto. Entonces, algo como esto usará y pasará por un marcado de boceto completo en todas nuestras formas vectoriales, y el resultado final es una ilustración vectorial final como esta. Nos parece que este es un enfoque mucho más rápido que simplemente, ya sea cubriendo nuestro boceto o trabajando desde cero, porque el boceto nos sirve como hoja de ruta y al mismo tiempo, somos capaces de asegurarnos de que todos nuestros colores se queden consistente a lo largo de todo el proceso de ilustración. 7. Dar profundidad a las formas simples : Entonces, al trabajar en Illustrator, uno de los temas que tenemos es obviamente todo lo que creamos va a ser vector, y muchas de las formas que creamos son muy geométricas y simples. Pero nos gusta desafiarnos y hacer que las cosas se vean más tridimensionales y se vean más realistas. Cuando estás lidiando con sólo un montón de formas planas, eso podría convertirse en un proceso un poco complicado. Entonces, lo que te vamos a mostrar es una forma de usar formas simples de una manera fácil y hacerlas lucir más tridimensionales. Entonces, por ejemplo, este será un planeta en nuestra serie rocketeer y cuento largo corto, eso es un círculo, pero tiene mucho que hacer que se vea más tridimensional. Eso solo se basa en usar el mismo círculo una y otra vez, y luego el trabajo de línea simple en el medio. Entonces, solo para mostrarte cómo se hace algo así, obviamente quieres empezar con un simple círculo. Vamos a seguir adelante y usar nuestra paleta de colores. Entonces, una vez que creas una forma simple como un círculo y quieres crear una sombra, una manera fácil de hacer exactamente la misma forma y colocarla encima de sí misma es hacer el comando C como en copia y luego mandar F como en su lugar en la parte superior. Entonces, lo que eso está haciendo es realmente crear la misma forma exacta, colocarla exactamente encima de la otra, y ahora, tenemos opciones con las que jugar. Entonces, lo que quiero tratar de hacer es crear una sombra en el exterior aquí y en realidad solo voy a mantener abajo uno de los puntos de anclaje mientras también sostengo opción y eso solo lo hace para que solo esté lidiando con este eje justo aquí. Entonces, estoy creando una elipse y voy a copiar y pegar la misma forma exacta detrás de ella, así que eso sería sólo copiar, pegar. Lo que voy a hacer por esta situación en particular es hacer frente menos y lo que eso está haciendo es crear esos dos lados que acabamos de crear. Entonces, básicamente, la parte media fue la parte que se minó. Voy a seguir adelante y borrar este lado y de repente, tenemos una sombra. Entonces, por ejemplo, hay una forma rápida de hacer un planeta. Tendrás que parar realmente ahí. Puedes seguir adelante y hacer más sombra involucrada. Entonces, voy a copiar y pegar, de nuevo, ese es el comando C y luego comando F, la misma forma exacta en la parte superior y darle un poco más de profundidad esta vez. No tienes que usar frente menos para este tipo de cosas. Puedes usar divide, cualquier otra herramienta Pathfinder, basada en lo que intentas sacar de esto. Entonces ahí mismo, usé divide y realmente acabo de hacer exactamente los mismos recortes pero guardé los viejos remanentes por si quiero usarlos para otra cosa. Yo sólo los voy a dejar por ahora pero básicamente, lo que puedo hacer es hacer algo así donde tengo un medio tono. Puedes seguir usando cosas como esta. Digamos que quieres tener una raya bajando por el medio de este planeta. Puedes crear una variación en esa raya agarrando todo lo que has creado, copiando y pegando eso, luego agarrando esa nueva forma, y empujando divide. Entonces ahora, estamos lidiando con estas tres nuevas formas y básicamente puedes seleccionar lo inverso. Ahora, tenemos más opciones. Entonces, puedo hacer es hacer un punto culminante, por ejemplo, pero del look Estrella de la Muerte. Pero básicamente, lo que sale de esto es un producto final que podría verse así al final. Con esta técnica, eres capaz de usar formas simples y repetir el proceso de hacer esas formas simples usando la herramienta Pathfinder y básicamente crear algo mucho más complejo, todo partiendo de, digamos en este caso, un sencillo círculo. 8. Creación de una pincelada personalizada: Está bien. Entonces, ahora mismo estamos dentro del archivo cómo creamos nuestra serie de cartas de juego. Estas son todas las cartas faciales aquí para nuestra baraja de cartas de juego. Una forma simplista de decirte cómo se hicieron estas, geométricas más trazos de patrón personalizados. lo que me refiero con un trazo de patrón es todo esto aquí, así que como este corazón y este punto, estos puntos aquí, este tipo de aspecto raro. Todos se acaban de crear usando la herramienta de trazo de patrón en la paleta de pinceles. Entonces, para mostrarte cómo se hace eso, en realidad voy a crear uno desde cero. Se puede ver cómo he creado un montón aquí hasta ahora. Entonces, digamos que queremos crear ese patrón de corazón. Esto sería un buen ejemplo de cómo lo hicimos. Entonces, voy a seguir adelante y usar una forma de corazón existente y queremos tener esos dos puntos involucrados, por ejemplo. Entonces, en realidad voy a construir estos fuera. Voy a agruparlos y alinear las cosas. La idea es que queremos que se repita el patrón. Nosotros queremos básicamente tener una mirada así y para ello, queremos estar al tanto del espaciado que aquí interviene. Entonces, lo que voy a hacer es también crear una caja transparente que la esté envolviendo. Entonces, ahora mismo eso es una caja roja, pero lo que voy a hacer es hacerla transparente. Entonces, si solo agarras justo estos elementos ahí mismo, entonces vas a tu palet de pincel y vas nuevo pincel, puedes crear un pincel de patrón. Entonces, tienes todas estas opciones aquí. Esto cambiará dependiendo de lo que estés haciendo. Entonces, ahora mismo sólo voy a mantener todo como está y voy a crear una línea y voy a recoger ese pincel. Entonces ahora, tenemos algo así y es más o menos exactamente lo que esperaba. Lo que es genial de esto es que en realidad no comienza con un simple trabajo de línea. En realidad se puede hacer que vaya alrededor de formas más complejas como un círculo, por ejemplo. Tan solo para darte una idea de cómo se usa eso en nuestros archivos, puedes ver cosas como esa en realidad se curva alrededor de un área. Entonces, normalmente pensarías que crear estas formas yendo alrededor de otra forma como un círculo sería un proceso complicado. Tendría que copiarlos y pegarlos y tendrían que estar específicamente en estas áreas. Pero, con este proceso, básicamente estamos creando una forma muy eficiente de envolver cualquier forma alrededor de cualquier forma una y otra vez. Entonces, la razón por la que utilizamos esta técnica de patrón golpeado se basa en la idea de consistencia. Estamos creando una baraja de cartas que todas tienen el mismo estilo en todo. Solo hay una cierta cantidad de colores, solo una cierta cantidad de trajes y todos están usando los mismos patrones. Entonces, queremos crear algo que se pueda utilizar una y otra vez para crear esa consistencia. Como puedes ver después de hacer un montón de trazos de patrón, lo estamos usando con cada carta de cara individual. 9. Creación de patrones de medio tono vectoriales: Entonces, gran parte de nuestro trabajo es principalmente serigrafiado lo que significa que tenemos que escoger una cantidad limitada de colores y no hay tal cosa como una opacidad del 50 por ciento a menos que hagas la tinta transparente por alguna razón. Entonces, cuando queremos crear algo que se parezca a un tono medio, básicamente tenemos que decidir si va a ser un punto o una línea y repetimos ese patrón junto a una forma sólida, por ejemplo. Entonces, la mejor manera que sabemos de hacer eso es en Photoshop. Pero no mucha gente prefiere usar Photoshop. Te vamos a mostrar una forma de hacerlo en Illustrator con mantener todo completamente vector. Entonces, como puedes ver aquí, creé algunas formas simples para crear un patrón de semitono. Una forma realmente fácil y rápida de crear un patrón de semitono es simplemente comenzar con un cuadrado simple. Pero ahora, voy a convertirla en un cuadrado transparente. Lo que quieres hacer es tomar exactamente el mismo cuadrado que acabas de hacer y copiarlo y pegarlo en su lugar y cambiar su color. Entonces ahora, tenemos un verde. Ahora sólo voy a agarrar uno de sus nodos y hacer que sólo la mitad del tamaño de la plaza original. Entonces ahora, tenemos un cuadrado transparente detrás de un medio cuadrado que es sólido, y esto se puede convertir en un patrón de semitonos. Para hacer eso, básicamente vas a Object, Pattern, Make. Podemos ver cómo va a quedar la vista previa de eso. Adelante y di Hecho. Ahora, si creas alguna forma, puedes crear un relleno usando ese nuevo patrón de semitono que creaste. Ahora, no mucha gente quiere usar el trabajo de línea vertical arriba y abajo, tal vez quieran ser ángulos de 45 grados. Una forma fácil de hacer eso sería conseguir la herramienta Rotar, presionar Entrar, y en lugar de transformar los objetos, solo estás transformando los patrones y asegurarte de que esté a 45 grados. Entonces, hay un relleno personalizado que está usando medios tonos. Se puede ver que hemos usado eso en este archivo, por ejemplo. Entonces, esta es una opacidad del 50 por ciento de este verde oscuro que tipo de le da la ilusión de ser transparente. También está la forma de hacer esto con puntos. Esto sería un ejemplo con líneas. Te mostraré la forma de hacerlo con puntos. Entonces, quieres empezar de nuevo con un transparente. En realidad, por el bien de verlo, sólo hagámoslo un color. Hagamos un cuadrado perfecto y luego vas a crear círculos en estas esquinas. Entonces, básicamente, trae tu ratón todo el camino hasta la opción de mantener pulsado en esquina, cambiar, y estás creando un círculo basado en ese nodo, y luego solo vas a mover ese círculo a cada esquina. Ayuda tener guías inteligentes encendidas para que puedas alinear las cosas con mayor precisión. Entonces, se puede ver la diferencia ahí. También quieres tener uno en el centro, también. Entonces, en realidad voy a llevar eso al centro. Todo esto me parece un poco grande. Si quieres una opacidad del 50 por ciento, quieres tener 50 por ciento verde oscuro y 50 por ciento verde claro. Entonces, lo que voy a hacer es en realidad hacer estos más pequeños y rehacer ese proceso simplemente realmente rápido. Voy a alinearme con las formas cuadradas medias. Entonces, básicamente, para hacer eso, agarras tanto el círculo como el cuadrado y haces clic en el cuadrado. De esa manera, puedes alinearte con esa forma exacta. Entonces, queremos utilizar la herramienta Pathfinder. Aquí es donde haces clic en Dividir. Lo que eso hace, es cortar todas estas cosas. Entonces, no necesitamos estas áreas exteriores. Nosotros sólo queremos hacer ese tipo de forma. Técnicamente, si queremos que esto sea transparente, ni siquiera necesitamos esta forma interna tampoco. Entonces, ahora solo estamos borrando cosas y creando ese look. De nuevo, ve a Patrón y haz, y tienes un patrón de puntos. Para mostrarte cómo se vería eso, por ejemplo, puedes llenarlo con estos. Todos estos son ajustables. De nuevo, puedes hacer que los puntos de aquí sean más pequeños yendo a Escala y transformando solo los patrones. Entonces, quieres asegurarte de que todo esto esté apagado. hagámoslo 10 por ciento de lo que es ahora. Tengo un punto, y se puede cambiar el ángulo del mismo. Bueno, 45 no ayuda porque eso hace exactamente lo mismo. Pero se te ocurre la idea. Treinta. No te detengas ahí. Puedes hacerlo con triángulos, rectángulos, cualquier forma básicamente. La idea detrás de esto es crear la ilusión de transparencia sin usar realmente ninguna forma transparente. Son formas sólidas espaciadas de una manera que hace que parezca que hay, no tienes que parar con 50 por ciento, puedes ir 10 por ciento, 90 por ciento. Depende de qué formas hagas y lo cerca que estén entre sí. Esta herramienta es realmente beneficiosa para crear la ilusión de transparencia y lo que quiero decir por la ilusión es, todas estas cosas siguen siendo formas sólidas. Simplemente están usando transparencia que es totalmente transparente más algo que es totalmente opaco. Entonces, por ejemplo, tenemos punto y luego espacio abierto alrededor de él, y si los alinea en un área determinada, básicamente puedes crear la ilusión de una opacidad del 50 por ciento si haces las cosas lo suficientemente pequeñas. Es así como funciona el proceso de impresión con serigrafía y prácticamente todas las técnicas de impresión. Esto no tiene que parar con el mundo digital. En realidad puedes hacer el aspecto de un material impreso usando esta técnica y no tienes que usar Photoshop para crearlo. 10. Personalización de la herramienta de mezcla: A menudo usamos la herramienta Blend en nuestro flujo de trabajo, y usamos de muchas maneras diferentes. Una forma sencilla es crear una sombra. Por ejemplo, esta X. Queremos darle una sombra de gota. Hay una serie de formas de hacerlo. Puedes usar la herramienta drop shadow, podrías tomar la misma forma exacta y colocarla detrás de ella y hacer algo así. Pero lo que pasa es que estamos lidiando con estas brechas extrañas. Digamos, queremos que la sombra sea un poco más fluida que en realidad se está conectando a ella con una fuente de luz. Para hacer eso, básicamente, todo lo que tienes que hacer es crear esa misma forma exacta detrás de ella, copiar y pegar haciendo el comando C, y luego comando B. Lo que eso está haciendo es crear una forma que está detrás de esta X amarilla, y lo voy a convertir a negro. El motivo por el que no lo vemos en realidad es porque en realidad está detrás de ese amarillo. Entonces, voy a seguir adelante y bloquear esta forma amarilla, y con lo que estamos lidiando son dos formas negras. Queremos básicamente crearlos para que parezcan que están cambiando juntos sin problemas, y estos nodos en realidad se están conectando. forma rápida y fácil de hacer eso es usar la herramienta Blend. Entonces voy a ir a la herramienta Blend yendo a Object, Blend, Make, y puedes ver que solo crea un escalón de escalera, una mirada donde solo hay una forma en el medio. Esto es completamente personalizable. Volvemos a la herramienta Blend, y vamos a Opciones de Blend. Puedes activar Vista previa y decir Pasos específicos, por ejemplo, y si te gustan los 255 pasos, entonces es transparente. Ahora, realmente no se detiene ahí. Podemos crear algo aún más complejo como una forma como esta. El modo de hacerlo es, de nuevo, empezando con dos formas diferentes, en realidad, formas muy idénticas, puedes hacer diferentes formas para tener un aspecto aún más complejo, pero estoy empezando con dos grupos aquí. Si hago clic en ellos, todos se mueven juntos. Si haces clic en ambos, y vas a la herramienta Mezclar, y vas a Opciones de mezcla, aquí es donde puedes estar más personalizado. Entonces, voy a hacer 20 pasos. Después vas a Blend otra vez, y Make. Lo que está pasando ahí es que está creando 20 pasos diferentes entre esas dos formas principales, y estamos creando el look de cilindro. Se puede ver que creó una línea entre ella, así que puedo tirar de esta línea y moverla para extenderla. Digamos que quería cambiar la forma principal de esto. En realidad puedes ir a tu Herramienta de Punto de Anclaje, y cambiar, digamos, el ángulo. Ahora, estamos teniendo algo así. Pero también podemos hacerlo para que se esté moviendo a lo largo del eje de la forma. El modo de hacerlo, es volver a tu herramienta Blend, ir a Opciones, y en lugar de que la orientación se alinee a la página, te estás alineando con la ruta. Entonces ahora, tenemos un collar de algún tipo. Entonces, esta forma, solo para mostrarte cómo se usó, realidad creamos estos tubos que van al DeLorean para nuestra espalda al futuro gatefold. Como dije antes, no tienes que usar exactamente la misma forma duplicada a ambos lados con la herramienta Blend. Podrías empezar con una forma más grande, y una forma más pequeña, y podrían ser diferentes colores, pueden ser formas diferentes para el caso. Lo que podemos hacer en la herramienta Blend es hacer cinco pasos, por ejemplo, y Make. Lo que crea es una Blend con color y tamaño. Entonces, esta técnica es más o menos ilimitada. Te hemos mostrado una cantidad muy pequeña de ella, pero ya está demostrando que hay tantas cosas que hacer con la herramienta Blend, y no te limites a parar con lo que te mostramos aquí, puedes hacer lo que realmente quieras. 11. Utilizando una máscara de opacidad: Entonces, este último consejo implica trabajar con un estilo un poco más fotorrealista, y vamos a estar hablando de crear una máscara de opacidad. Esto suele ser algo que podrías hacer en Photoshop, pero, de nuevo, hacemos la mayor parte de nuestro trabajo en Illustrator con objetos vectoriales y así que cualquier momento que podamos mantener nuestro flujo de trabajo dentro de Illustrator suele ser un ahorro de tiempo para nosotros. Entonces, para este consejo estamos viendo a este luchador X-wing que hicimos por un proyecto de Star Wars. Del lado derecho de la mesa de trabajo aquí, tengo este tipo de textura de nube de agua que quiero agregar al archivo, pero no quiero agregarla universalmente a lo largo, lo que significa que no quiero que tenga la misma opacidad a lo largo de todo el archivo porque estoy perdiendo algunos de estos planetas que tengo en la parte superior del archivo y quiero poder afinarlo un poco más. Entonces, lo que voy a hacer es usar aquí mi paleta de transparencia y crear una máscara de opacidad. Entonces, el primer paso va a ser dibujar un rectángulo encima de este archivo, y le voy a aplicar un gradiente. En este caso, voy a tener la parte negra del gradiente, la parte superior, desvaneciéndose hasta blanco en la parte inferior, y luego podré ajustar este gradiente. Entonces, al seleccionar estos dos objetos en nuestro cuadro de diálogo de transparencia”, ahora vemos que tenemos este botón “Hacer máscara” en el que podemos hacer click. Como puedes ver, ahora estamos aplicando ese gradiente como máscara de opacidad a esta imagen colocada. Entonces, tenemos transparencia en la parte superior desvaneciéndose a total opacidad en la parte inferior. El bonito es que ahora podemos entrar y ajustar este gradiente según sea necesario. Entonces, de vuelta en el diálogo de transparencia, deshaga clic en este enlace, y ahora podemos trabajar directamente con el gradiente. Entonces, por ejemplo, en nuestro cuadro de gradiente aquí, podemos ajustar este deslizador de punto medio y ajustar cuánto o cuán poco de la ilustración que estamos viendo. Entonces, en este caso, lo voy a bajar a cerca del 30 por ciento porque quiero mantener la mitad superior de esta imagen básicamente completamente transparente para no estar obstruyendo esas partes de mi imagen. Entonces, cuando estés contento con el gradiente y cómo se ve la máscara, voy a volver a mi cuadro de diálogo de transparencia, hacer clic en apagado para la máscara, y sobre mi propia imagen a la izquierda ahí. Podemos seguir adelante y cerrar el enlace por lo que ahora la colocación del gradiente se va a quedar puesta con esta pieza de arte. Ahora lo que puede hacer es devolverlo a mi archivo. Como pueden ver, ya no tengo el gradiente ocupando la parte superior del archivo, y es un bonito desvanecimiento hasta la parte inferior donde quiero que aparezca esa imagen. Por lo general, algo como esto, en cuanto a trabajar con aplicar opacidad variable, gradientes a las fotos, es algo que se haría en Photoshop, pero como hacemos la mayor parte de nuestro trabajo en Illustrator, es bonito, en lo que respecta a eficiencia va, para mantener todo dentro de Illustrator. veces, si estuvieras tratando de manipular una imagen como esta y hacer cambios en donde se desvanece dentro y fuera, volverías a Photoshop hacer el cambio ahí, actualizarías la imagen en Illustrator. Este paso nos ahorra el ida y vuelta, por lo que podemos ser mucho más eficientes tanto en lo que respecta a permanecer dentro de un programa como a quitar varios pasos del proceso. 12. Conclusión: Entonces, esos son nuestros 10 mejores consejos, trucos y técnicas favoritos usando Adobe Illustrator. Animamos a los estudiantes a utilizar al menos uno de esos y presentarlo en la galería de proyectos en la página web. Aprendimos muchos de estos consejos solo de trabajar unos con otros, hablar agudo con nuestros compañeros, y esperamos ver cómo aplicas estos consejos a tu propio trabajo. Gracias por apuntarse a nuestra clase. Se lo agradecemos. Esperamos ver lo que creas.