Transcripciones
1. Introducción: Hola, me llamo Hayden Obey. Soy diseñadora gráfica e ilustradora y me especializo en arte vectorial. Una de las preguntas más comunes que la gente me hace es, ¿cómo agregar textura a las ilustraciones en Adobe Illustrator? Si bien hay muchas técnicas diferentes por ahí para hacer esto, muchas involucraron traer tu ilustración a Photoshop, pinceles de
rutina o texturas, o incluso trabajar con imágenes rasterizadas. Pero si eres como yo y te encanta la idea de todo esté alojado dentro de Adobe Illustrator, entonces esta clase es para ti. La técnica que te voy a mostrar, es enteramente un pincel a base de vectores libre. Siempre puedes editarlos y ofrece mucho control y te da justo la cantidad de textura que buscas. Juntos caminaremos por unos ejercicios para entender cómo se hace la técnica, luego repasar cómo se aplica a una ilustración pasando de algo como esto a algo así. Esta clase, es para cualquier persona que quiera llevar sus ilustraciones
al siguiente nivel sin comprometer en lo que hace que trabajar con vector sea tan grande. Espero verte en clase.
2. La técnica: Para crear texturas para nuestras ilustraciones, vamos a estar usando una combinación de gradientes, granos y modos de mezcla. Hay muchas técnicas diferentes por ahí para agregar textura, esta es solo una de ellas. Pero lo que me parece bueno de esta técnica es que todo está alojado dentro de Adobe Illustrator. Hay muchas técnicas involucradas entrar en Photoshop o tirar en diferentes texturas. Todo está basado en vectores, lo cual es genial porque eso
significa que es escalable y siempre está en vivo. Lo que significa que en cualquier momento de tu ilustración, vas a poder cambiar la cantidad de grano, cambiar el color del mismo, así
como cómo el rango del gradiente real en sí vas a poder para cambiar sobre la marcha, lo cual es bastante útil. Dicho esto, uno de los inconvenientes para esta técnica es
que es mucho mejor con sombras que con reflejos. Todavía puedes hacer reflejos con él, pero es un poco más complicado. Para darte una mejor idea de cómo funciona la técnica, he reunido este pequeño documento aquí que te
muestra los diferentes modos de mezcla que podríamos estar usando. Si no estás familiarizado con los modos de mezcla, se
utilizan en muchos productos diferentes de Adobe, Photoshop, Illustrator, InDesign. Lo que hacen es decidir cómo se van a sangrar juntas las dos capas diferentes, dos capas que están tendidas una encima de la otra. Si miras aquí todos estos cuadrados diferentes, realidad
hay dos cuadrados ahí, esos de color plano detrás. Después está la capa texturizada en la parte superior, que estará en uno de estos diferentes modos de mezcla. Como puedes ver, los diferentes modos de mezcla tienden a funcionar en diferentes situaciones. Personalmente, me gusta mucho lo superpuesto que funciona, pero mucha del tiempo no produce la sombra que necesito. Para eso iré a multiplicar u oscurecerme. De igual manera, suelo usar pantalla iluminada cuando estoy tratando de hacer reflejos. Pero a veces se pueden obtener algunos efectos interesantes con toque de color. personal, solo recomiendo que juegues con estos diferentes modos de mezcla, incluso los que no he enumerado aquí. Descubre cómo funcionan y cómo puedes incorporarlos a tu propio trabajo. Ahora te voy a mostrar cómo se hace la técnica. Tengo un cuadrado aquí que quiero aplicar una textura de grano encima de. Lo que voy a hacer es que voy a duplicar este cuadrado presionando el comando C para copiar, y luego voy a presionar el Comando F para pegarlo en su lugar, que en realidad sólo pega otro cuadrado encima de él. Como dije, se necesitan dos capas para esta técnica. Tienes el color plano debajo, y luego tienes la capa de textura en la parte superior, que obtiene el modo de mezcla y luego crea la textura. En esta capa superior de aquí, voy a ir a Gradient. Si no tienes abierta la ventana de gradiente, puedes encontrarla debajo de Ventana aquí. Parece ser el Comando F9. Entonces solo voy a aplicar un gradiente lineal con las dos paradas aquí. Yo quiero que sea negro. Yo quiero que una de esas paradas sea cero por ciento de opacidad. Obtienes algo como esto. A partir de aquí, voy a ir a Apariencia. Una vez más, si no lo tienes abierto, lo
puedes encontrar debajo de ventana. Voy a ir a Effects aquí, Nuevo efecto. Voy a desplazarme hacia abajo hasta Textura y Grano. Aquí es donde aplicamos el efecto de grano real. Podrías hacer tus ajustes así como así, cómo los tengo, o puedes experimentar. Te recomiendo definitivamente jugar con la intensidad ya que eso realmente te da la cantidad de grano que vas a estar usando. A mí me gusta mucho lado de grano, guárdelo generalmente alrededor de 20. Pero dependiendo de lo que esté haciendo, podría ponerlo todo el camino hacia arriba solo para conseguir pedacitos. Entonces para el tipo de grano, típicamente me pego con espolvorear, pero siéntete libre de experimentar con ellos. Encuentro contraste. Si lo mueves de 58 tiende a estropear un poco las cosas. Ten cuidado con eso. Pero de cualquier manera, estoy contento con esto, presionaré “Ok” y el efecto se lleva a cabo. Es importante ahora que bajo apariencia te asegures de que el efecto de grano aquí mismo esté dentro del relleno, también voy a arrastrar en parte ahí dentro. Si no lo pones dentro del relleno cuando cambias el modo de mezcla, no
funciona correctamente. Ahora que está ahí dentro, voy a dar click en “Opacidad” y se lo voy a poner a, como dije, me gusta cómo funciona la superposición. En este caso, creo que en realidad funciona bastante bien. Eso me va a dar el efecto. Si quisiera que esto fuera un punto culminante, solo
podía hacer clic en el “Opacidad” y podría cambiarlo a pantalla y también puedo resaltar en su lugar. Lo que mencioné es realmente bonito con esta técnica es que ahora que he hecho esto, puedo seguir jugando con ella. Al igual que acabo de cambiar de una sombra a resaltar, puedo volver a ponerla a su sombra, puedo entrar en el gradiente real aquí, y puedo moverlo y cambiarlo. Incluso podría cambiar estos colores. En realidad incluso cambia a rojo en ambos lados y luego tal vez hacer que se oscurezca. Ahora tengo esta profunda sombra roja. Es realmente útil. Sigue siendo un vector y su diapositiva puede cambiarlo todo el tiempo. También vale la pena señalar que el tamaño de tu documento dicta la cantidad de grano que tienes. Si estás creando un archivo que es bastante pequeño, posible que desees que el tamaño de tu documento sea mucho
más grande solo para que puedas obtener mucho más grano.
3. Ejercicio de formas: Ahora que ya has visto cómo funciona la técnica, quiero mostrarte cómo aplicarla de muchas maneras diferentes. Para ello, armé este pequeño documento de ejercicio que puedes descargar de la clase, y te animo a que sigas conmigo, o simplemente me miras hacerlo y luego vete a hacerlo tú mismo. Entonces aún más, te animaría a que publiques esto tu proyecto personal aquí en la clase solo para mostrarnos cómo te va. Con lo que voy a hacer es empezar, es que sólo voy a ir a estos dos rectángulos aquí, y en primer lugar, voy a hacer exactamente lo que hicimos antes, sólo
voy a hacer un gradiente lineal en este rectángulo rojo. Una vez más, voy a copiar cuál es el Comando C, y luego pegar en su lugar, que es el Comando F, para crear otra forma en la parte superior. Voy a aplicar un gradiente lineal, y voy a hacer que pase de oscuro a claro, de abajo a arriba, y luego igual que antes, voy a poner estos en negro y hacer que uno de ellos sea de cero opacidad. Entonces, tal como lo hicimos antes bajo apariencia, voy a ir a efectos, textura, grano. A mí me gusta a 20 de intensidad, así que me voy a quedar con eso, y luego voy a poner el grano en el relleno. Voy a intentar superponer, pero no está funcionando demasiado bien,
así que voy a ir a multiplicar. Genial, así que eso es exactamente lo que hicimos antes. Súper simple, y entonces empezaré a cambiar un poco las cosas. Para el rectángulo azul, vamos a hacer un gradiente diferente, solo para mostrarte lo que es posible. Al igual que antes, voy a copiar y pegar otro en su lugar, y voy a aplicar el gradiente. Pero esta vez, en realidad voy a tomar mi parada negra 100 Pasi, y voy a poner eso justo en medio de este gradiente, y voy a crear otra de
estas paradas de cero opacidad y ponerlas a cada lado. Obtengo algo como esto. Digamos que esto era un cilindro y queríamos agregar algo de sombra justo por el medio aquí para que se tenga una sensación de eso, entonces es cuando podría usar un gradiente como este. Al igual que antes de ahora, voy a ir a textura, grano, y luego poner el grano en el relleno y cambiar el modo de mezcla y opacidad. Voy a intentar superponer. Ahora, haz la multiplicación. Se puede ver que se pueden hacer diferentes gradientes. Creo que para esto, en realidad sólo voy a bajar la opacidad, tal vez como 70. Eso fue demasiado fuerte. Pasando en el ejercicio, vamos a crear una esfera a partir de un círculo. Al igual que antes, lo voy a copiar y duplicar en su lugar, y esta vez voy a estar añadiendo un gradiente radial, que puedas cambiarlo de lineal a radial justo aquí arriba, y voy a estar usando de un 100 por ciento a cero, tal como lo hicimos originalmente. Sólo voy a hacer que se invierta así, y así lo que estoy tratando de hacer es imaginar que la luz viene de arriba a la izquierda aquí, va a ser más clara aquí arriba y más oscura aquí abajo. Encontré una gran manera de hacerlo es usar la herramienta de gradiente aquí
presionando G o haciendo clic aquí y las barras de herramientas, y simplemente creciendo esto hacia fuera y moverlo para conseguir algo así. Ya que se ve mucho más 3D. En realidad sólo voy a subir un poco más la toma de luz. Ahora voy a hacer exactamente lo que hemos estado haciendo antes, y aplicando la textura del grano y dándole un modo de mezcla que funcione. Ver, nuestra multiplicación funciona bien. Además de las sombras de este, también
quiero añadir un punto culminante. Lo que voy a hacer en realidad va a crear otra elipse. Voy a poner eso justo aquí arriba donde va a estar golpeando la luz, voy a revertir,
empieza más oscuro en el medio y se apaga. A pesar de que parece una sombra ahora mismo, una vez que aplicemos el efecto de grano, podemos agregarle un modo de mezcla que lo haga parecer un punto culminante, así que voy a hacer justamente eso. Textura grano, está bien, y vamos a probar pantalla. Es bastante sutil. Yo quiero hacer eso un poco más fuerte creo, así que sólo voy a entrar en esto y tal vez pueda ver qué haría aligerar. No, iluminación no. Dodge de color. Eso está bien, pero me voy a quedar con pantalla. A veces si el efecto no es tan fuerte como quiero que sea, simplemente
pegaré otro encima de él así. No voy a hacer eso por esto, sólo
voy a dejarlo así. A continuación vamos a añadir un resplandor al exterior del círculo. Vamos a copiarlo una vez más, Comando C, Comando F, y bajo apariencia afecta, voy a añadir un resplandor externo. Voy a hacer algo así como esto. Depende del tamaño en el que trabajes, pero esto es lo que voy a crear. Entonces igual que antes, voy a agregar grano, veces si estos no se ordenan bien, no
funciona correctamente. Parece que podrías necesitar mantener el grano fuera del relleno para que esto se multiplique. Esta es una forma sólo de conseguir un resplandor aquí, y así como el grano está vivo, también lo es ese efecto. El resplandor externo, puedo decidir que quiero ser más grande, tal vez 80 píxeles, y puedo hacerlo más grande. A lo mejor decido que en realidad quiero que sea rojo, puedo hacerlo rojo. No solo funciona con la herramienta de gradiente, también
hay en sus efectos que también funcionan. Entonces el ejercicio final que vamos a hacer es otro de esos efectos, esta vez vamos a hacer un resplandor interior. Si tienes un aspecto más oblongo en forma así, realmente no
puedes crear radio del
usuario o gradiente lineal para capturar realmente la forma, por lo que a veces es útil usar el resplandor interno. Así como lo hice, copiar y pegar al frente, y luego bajo efectos, añadiré la integra. Yo voy a hacer algo. Empieza con negro por ahora. Sí, algo así. Entonces una vez más, el grano se ve bien. Entonces encuentro para éste, algunos modos de mezcla funcionaron mejor que otros. Cuando uso multiplicar, el grano pasa por todo el asunto, pero realmente no quiero eso. tanto que oscurece, sólo lo consigue alrededor de los bordes y que es exactamente lo que quiero. Yo puedo hacer algo así. Te animo a descargar este archivo demo. Voy a incluir las versiones que he hecho aquí y sólo para que puedan hacer referencia. Pero como
dije, te animo a que las hagas tú mismo, y luego una vez que hayas hecho eso, súbelo a tu proyecto para que podamos ver.
4. Trabajar con ilustraciones: Ahora que hemos pasado por la técnica, y algunos de los diferentes usos para los que podemos usarla, te
voy a mostrar cómo la aplico a toda una ilustración. Entonces en lugar de pasar por la hora que me llevó hacer esto, lo
he acelerado, y voy a tratar de resaltar algunos puntos clave que he hecho a menudo con sombreado aquí con el gradiente, pero también usando estándar gradientes Dejaré aquí una fina línea para recortar en la parte inferior de la cabeza, porque normalmente, cuando haya sombra va a haber una luz fina. Una buena manera de hacerlo es usar la opción de trayectoria de desplazamiento bajo trayectoria de desplazamiento. Te darás cuenta por la cabeza, los ojos que estoy haciendo ahora, así
como algunas de esas bolitas en el extremo de su sombrero, estaré usando técnicas similares que hicimos a las esferas o al ejercicio de esfera que hicimos. Si hay algo que veas aquí que no entiendas cómo lo hice, solo pon un mensaje en la discusión de abajo, y lo agregaré como nota aquí en skillshare. Mi propio consejo que no tomé cuando estaba haciendo esto, es que lo estaba haciendo un poco demasiado pequeño de una talla, y no es demasiado grande, porque al final pude simplemente expandirme, solo volarlo a un tamaño más grande, pero notarás como lo estoy haciendo aquí, que el gradiente no está súper bien, sobre todo, una vez que empiezo a trabajar en la boca, aquí mismo, verás que el gradiente no se ve súper bonito, es bastante grueso, pero en el muy final cuando lo agrando, se ve mucho mejor. Aquí estoy usando clow interno al igual que hicimos en el ejercicio. También notarás sobre en mi panel de muestras, he tomado los colores sólidos que tenía, el morado, y el rosa. He hecho sólo unos tonos de ella, porque me parece que, eso ayuda a menudo con los reflejos, y las sombras. En lugar de usar el negro realmente fuerte, usaré tal vez el morado oscuro. Puedo usarlo aquí mismo sólo para hacerlo un poco más suave. En realidad, aquí en el sombrero también, notarás que sigo duplicando la misma capa encima de ella, y cambiando el gradiente alrededor. Por lo que muchas veces si tengo sombras más complejas, solo serán varias capas de gradiente superpuestas en la base. Creo que aquí estaba jugando un poco con saltar entre el clow interno, el clow
externo, ver lo que funcionaba mejor, y creo que al final acabo de instalarme en realidad haciendo un gradiente radial, solo para mostrar la sombra desde donde su cuello estaría entrando en su ropa inducida. También notarás algo que hago aquí mismo en el cuerpo es en realidad, esa fue una pieza grande por la dividí para que
pudiera aplicarle diferentes tipos de sombras, y desde diferentes ángulos sin afectar cómo las sombras miraban en los pantalones a diferencia de la camisa. También, cuando se trata de reflejos como aquí mismo, en realidad descubrí al pasar por esta ilustración que puedo hacer mucho mejor
el resaltado si ajustaba el gradiente para que fuera mucho más alto que inferior. En el ejercicio te mostré que a veces mantendré el gradiente a los 20 cuando estoy haciendo sombras, y me da mucho, pero ahora encontré si en realidad lo puse al revés más cerca del otro lado del espectro como 80 cuando estoy haciendo destaca, me da mucho más gradiente. Una vez más, aquí estoy usando trayectoria offset para hacer ese brazo un poco más pequeño, para que tenga esa delgada luz delante de la sombra. Agrega un bonito extra de reflexión. Illustrator se estrelló aquí, así que, tuve que hacer esto. Probablemente, lo bueno es que estaba trabajando a un tamaño un poco más pequeño, porque podría haberla aplastado con más frecuencia con todo ese gradiente. Entonces solo tuve que rehacer este brazo y eso fue todo. No creo que tenga que decirles eso, tan a menudo, porque eso sucede. Para este brazo aquí, estoy usando un gradiente real, que realmente coincidía con la curva del brazo, así, puedo conseguir una sombra que es muy similar a la línea recta del otro brazo. La mano aquí, creo que estaba jugando un poco con ella, tratando de agregar sombras, y reflejos a los dedos individuales, pero al final, creo que me asenté en una sombra. A veces si las sombras de la reflexión van a ser realmente pequeñas, a veces no tiene sentido para mí incluirla. A veces en cuanto a composición, si tienes una pieza que tiene mucho detalle, y entonces el resto no tiene tanto, sí se ve un poco fuera de equilibrio, y no quiero que la atención de todos vaya a esta mano con toneladas de diferentes reflejos, y sombras sobre ella. Ahora una vez que tienes las piernas, es lo mismo que los brazos. Además, algo que es bueno saber por el sake de la velocidad, si sigues aplicando el mismo gradiente en la misma configuración, realidad
podrías simplemente subir para afectar en la parte superior del hecho que dirá aplicar gradiente, y entonces más o menos lo volverá a aplicar. También hay un atajo para ello. Solo estoy jugando con un par de opciones diferentes para el círculo de fondo. Vamos a asentarnos principalmente en el gradiente de fondo ahí. Ahí está. Ahora te animo a tomar una de tus propias ilustraciones, y aplicarle algo de textura usando las técnicas que hemos repasado. Si no tienes una ilustración propia, voy a subir la ilustración a color plano del payaso aquí, y puedes darle un go tú mismo. Al igual que antes, todo el trabajo que hagas, puedes ir, y subirlo a tu proyecto aquí en habilisshare.
5. Próximos pasos: Lo que es genial de aprender estas técnicas es que hay mucho espacio para jugar, para experimentar, y para realmente hacerlo tuyo. Se podría ver lo que pasa si uso diferentes efectos. Entonces probamos el resplandor exterior, tratamos de resplandor interior, creo que hemos tocado el del otro. ¿ Y si utilizas diferentes modos de mezcla? Si hay algo emocionante que encuentres, vuelve aquí y comparte con nosotros. De verdad aprecio que tomes la clase y si hay algo que pueda hacer para ayudarte mejor, igual que yo lo sé, y si alguna vez buscas temas futuros de clase, definitivamente envíalos a mi manera. Si quieres aprender más, puedes echar un vistazo a mi otra clase por donde te paso de principio a fin, cómo hago ilustración Vectorial. Entonces espero que hayas disfrutado de la clase, y hayas aprendido mucho y ahora tienes un arma nueva y tu Ilustración más o menos.