Transcripciones
1. Introducción y descripción general de la clase: Más a menudo que ni siquiera los diseños
basados en gradientes de aspecto más complejo en Illustrator son bastante fáciles de crear, y puedes obtener resultados impresionantes mediante el uso de una inteligente combinación de herramientas básicas de Illustrator y mirando más allá de su obvia funcionalidad. Hey chicos, soy Evgeniya Righini-Brand, diseñadora gráfica de Attitude Creative y fanática de gradiente. Enseño una popular clase de Skillshare sobre Mastering Gradients en Illustrator, y tengo una serie de Estudios de Gradient en curso, que es mi búsqueda personal explorando diferentes técnicas para crear diseños
basados en gradientes vectoriales explotando todo el potencial de las herramientas de Illustrator. A menudo me preguntan cómo he creado ciertas piezas en mi serie Gradient Studies, y en esta clase me emociona diseccionar para ti una selección de diseños que cuentan con algunos de mis trucos y técnicas favoritos, y comparte algunos consejos e ideas sobre cómo puedes usar una combinación de herramientas de Illustrator en tus futuros proyectos para crear trabajos emocionantes de forma más fácil y rápida. Esta clase está diseñada para usuarios de Illustrator intermedios y avanzados que conocen bien su camino alrededor del programa y son usuarios competentes de las herramientas y funcionalidades
principales de Illustrator , incluyendo Clipping y Opacidad Máscaras, herramienta
Mezclar, Atributos de apariencia y Efectos. Ya sea que seas ilustrador, artista
gráfico o diseñador que necesita visualizar rápidamente conceptos para lanzar ideas a clientes o a un equipo interno, o crear trabajos finales para uso impreso o digital, espero que esta clase lo haga desencadena algunas nuevas ideas visuales y te ayudan a crear diseños llamativos de manera más eficiente. Entonces, ¡vamos a bucear justo en!
2. Efectos de difuminación coloridos personalizados: Los gráficos vectoriales a menudo se asocian con contornos duros, pero en Illustrator puedes crear emocionantes efectos de desvanecimiento o un aspecto etéreo de gradientes coloridos con niveles de
transparencia cambiantes gradualmente , y mezclar objetos sin problemas juntos o con el fondo, y tanto los objetos como la forma en que se desvanecen pueden ser tan complejos o tan sencillos como desees! Me encanta crear este efecto en mi trabajo, así que echemos un vistazo a cómo lo he logrado en este diseño sin salir de Illustrator ni usar ningún filtro. Debido a que este diseño es bastante simple, se podría pensar que se crea usando algún tipo de efecto Desenfoque. Bueno, no, no lo es. Todos los efectos Desenfoque en Illustrator hacen que los objetos se desdibujen de manera lineal, por lo que no permitirían crear ni siquiera algo tan simple como esto. Entonces en cambio, para crear este tipo de efectos y tener más opciones que explorar en cuanto a cómo se desvanecen los objetos puedes usar la Máscara de Opacidad, que es una herramienta fantástica, aunque un poco inquieta. Entonces aquí tengo estos dos círculos enmascarados, mantengamos solo uno de ellos visible junto con el fondo, y veamos qué es qué. Por lo que esto ya es una Máscara de Opacidad. Vamos a liberarlo rápidamente, y aquí está. Entonces estos dos objetos están dentro de mi máscara, y esta es la propia máscara real. Escondámoslo por ahora, y echemos un vistazo a lo que se colocó dentro de la máscara. Entonces aquí quería crear este gradiente multidireccional donde el color rosa mezclara con el color naranja y
los dos también se desvanecerían en el color blanco. Y para lograr este efecto, utilicé dos círculos llenos de gradientes lineales básicos. Entonces el gradiente inferior aquí es este gradiente lineal de naranja a rosa a morado, y realmente no importa lo que haya aquí, porque no se puede ver esta área cuando el gradiente blanco está arriba. Y aquí tengo mi segundo círculo con el gradiente de desvanecimiento blanco, que es un gradiente lineal desde esta parada de color blanco transparente hasta la parada de color blanco opaco del otro lado, y poniéndolo encima del otro gradiente, ayuda a mezclar todo. En ocasiones creo efectos similares aplicando gradientes de
relleno como múltiples atributos de relleno a un objeto. Pero en este caso, acabo de aplicarlos a dos objetos separados, porque de esta manera puedo trabajar muy rápidamente a través del panel Capas y no preocuparme por ir al panel Apariencia cada vez que necesito seleccionar uno de los gradientes. Y debido a que estoy trabajando con gradientes lineales, puedo cambiar muy fácilmente el ángulo de los gradientes. y el aspecto de esta forma cambiará drásticamente de inmediato. Y podrías preguntarte por qué no he usado un gradiente de Forma Libre o una Malla de Gradiente para crear este efecto, y precisamente por eso. Porque si utilizara la Malla Degradada, por supuesto, podría crear el mismo tipo de efecto, pero no sería capaz de cambiar fácilmente el aspecto de la forma, por ejemplo, girando uno de los círculos o cambiando el ángulo de los gradientes. Y si utilizara el Gradiente de Forma Libre, sí, de nuevo, podría lograr el mismo efecto, pero tardaría mucho más en conseguir que todo pareciera así de suave. Por lo que a veces las herramientas más básicas crean los mejores resultados y son más rápidas de usar. Entonces esto es lo que se colocó dentro de la máscara. Y la máscara en sí es este círculo, que es exactamente del mismo tamaño que los otros dos, y se pone encima de ellos, y se llena con gradiente radial de color blanco a negro. Y en este caso, el tope de color blanco es opaco, y el negro es transparente. Y para crear una transición más interesante, también
he compensado el Punto de Origen en este gradiente, por lo que el gradiente es más opaco y más aplastado de este lado, y es más suave y se desvanece más en el otro lado. Entonces vamos a aplicarlo de nuevo como máscara, y vamos a echar un vistazo de nuevo a nuestro gradiente de máscara. Entonces al compensar el Punto de Origen hice que este lado se desvaneciera de esta manera. Y si lo muevo, puedes ver cómo cambia todo el look. Y es por eso que usar Máscaras de Opacidad es realmente genial, y en comparación con el efecto Desenfoque, permiten tanto espacio para la experimentación y también son muy rápidos de usar. También en este gradiente, he usado un tope de color negro transparente. Y este es un truco que a menudo uso al crear Máscaras de
Opacidad porque permite crear transiciones más suaves. Y si lo pongo al 100%, se
puede ver que la transición no es
tan dramática, por lo que tener este nivel extra de transparencia en el gradiente permite crear este divertido look de desvanecimiento. Entonces esta es nuestra primera máscara. Y el segundo círculo enmascarado es en realidad sólo una copia del primero, y se desplaza y gira 180 grados, lo que estas dos formas se aglutinan y se mezclan bien juntas. Y en cuanto a los elementos restantes en este diseño, aquí también tengo esta línea con un gradiente de Trazo Radial a lo largo de trazo. Y tiene sólo dos paradas de color. Y debido a que se establece en el tipo Radial, parece un gradiente reflejado. Y usé estos colores morados al final, que es un color similar al que se encuentra en el fondo, por lo que esta línea se mezcla con el fondo, pesar de que no hay transparencia en ella. Debajo de todos estos elementos, tengo mi objeto de texto. Y debido a las Máscaras de Opacidad, en algunos lugares se puede ver más de las letras y en algunas otras áreas están casi totalmente ocultas. Pero para sacar un poco más el texto, suelo añadir la copia del mismo objeto de texto, lo
pongo por encima de todos los demás elementos, y reducir su opacidad a alrededor del 10 al 20 por ciento. Esto permite hacer este texto un poco más visible, pero aún así mantener esta agradable sensación translúcida de todo el diseño. Si bien esto se ve bastante bonito, siempre
agrego algo de grano a mi trabajo, y en este caso, el grano está contenido en una capa separada. Y se aplica a un rectángulo el cual está cubriendo toda mi mesa de trabajo, y este rectángulo se llena con un color gris, su Modo de Mezcla está establecido en Luz Suave, Opacidad en 35%, y hasta donde el efecto Grano es preocupado, se establece en Grano punteado con Intensidad se establece en 20, y Contraste en 50. Y esto es algo que a menudo uso en mi trabajo y simplemente juego con la Intensidad, si necesito agregar más o menos grano a mis diseños. Y usar Soft Light Blending Mode permite mezclar el grano con el diseño bastante bien, y puedo controlar la intensidad con el ajuste de Opacidad, y en la mayoría de los casos, lo
puse en 35% porque produce bastante sutil, bonito look o el grano. Pero si quisiera hacer el grano más pronunciado, sólo
podría aumentar el valor de Opacidad, y habría considerablemente más grano en mi trabajo. En algunos diseños, realmente funciona para agregar más grano y crear un look más partícula, pero en este diseño 35% creó el mejor resultado. Entonces es así como al usar las Máscaras de Opacidad puedes aportar algo de traslucidez y una sensación etérea a tus diseños, y mezclar las cosas juntas. Y lo genial de las Máscaras de Opacidad es que puedes poner cualquier cosa dentro de tu máscara, y puedes usar cualquier cosa como máscara, incluyendo gradientes de relleno lineal o radial básicos, gradientes de
forma libre de cualquier complejidad, Gradientes de trazo, Mallas de gradiente, Mezclas, lo que sea. Por lo que hay muchas oportunidades para crear elementos con niveles variables de transparencia, desde algo bastante sencillo como te he mostrado aquí, hasta composiciones multielementos más complejas con una serie de máscaras. Así que ten en cuenta las Máscaras de Opacidad para cuando quieras crear gradientes de desvanecimiento
suaves o mezclar objetos entre sí sin problemas.
3. Transparencia y dimensión mediante el desenfoque: Si bien es menos que ideal usar el efecto Desenfoque para crear degradados o extendidos, el efecto Desenfoque tiene muchos usos
cuando se trabaja con obras de arte basadas en gradientes. Por ejemplo, puedes usarlo para crear transiciones suaves y
sedosas cuando no puedes lograr este look de otra manera o si solo quieres acentuar la suavidad para crear una especie de look metálico o líquido. O si quieres agregar algo de profundidad de campo a tu trabajo. Pero otra cosa que puedes hacer con el efecto Desenfoque es usarlo de forma creativa para imitar elementos translúcidos, por
ejemplo, vidrio, plástico, agua o hielo, y particularmente vidrio satinado mate brumoso,
o vidrio de privacidad, que oscurece los objetos detrás de él. Esto permite agregar una sensación de volumen a tu trabajo, crear un efecto de estratificación y también hay muchas oportunidades para usar esto conceptualmente. Por ejemplo, en este diseño utilicé el efecto Desenfoque para comunicar una sensación de privacidad. Pero hay un poco más en ello que simplemente difuminar una parte de una imagen, así que echemos un vistazo a cómo se construye esta imagen. Y empecemos con el fondo, que en este caso es un gradiente lineal bastante sencillo girado en un ángulo que cubre todo el formato de mesa de trabajo. Y luego tengo bastantes elementos más aquí, y echemos un vistazo a este grupo de Clipping para empezar. Entonces dentro de este grupo de recorte, que está dentro de un rectángulo que cubre la mitad de mi mesa de trabajo, tengo un círculo con un bonito gradiente multicolor y mi texto. En este caso, este efecto multicolor dentro del círculo se
logra mediante el uso de múltiples rellenos de gradiente de desvanecimiento, que son todos gradientes Radiales establecidos en diferentes colores y posicionados de manera diferente dentro de este círculo. Y juntos crean transiciones súper suaves, y hay muchas formas de personalizar este tipo de gradientes muy, muy rápidamente cambiando el orden de atributos Rellenar en el panel Apariencia, o cambiando su Mezcla Modos. Esta es una de mis técnicas favoritas que se remonta a los días antes de que existieran los gradientes de forma libre, y así es como creé originalmente mis gradientes multicolores no lineales. Debajo de este grupo de recorte tengo esta elipse que crea una sombra debajo de mi círculo. Y esto es algo que realmente me encanta hacer en mi trabajo, solo para agregarle un poco más de dimensión y hacer que los objetos aparezcan como si
estuvieran suspendidos o simplemente descansando sobre una superficie y hay alguna fuente de luz. Esta sombra en particular se crea usando este degradado radial de desvanecimiento, con ambos topes de color establecidos en el mismo color, y este es uno de los colores que se encuentra en mi diseño. Al crear
mis diseños siempre trato de usar colores que se pueden encontrar en mi obra de arte para crear algunos sombreados o reflejos. Y particularmente, en lo que respecta al sombreado, siempre
me esfuerzo por crear sombras coloridas, y siempre evito crear sombras acromáticas, a menos que, por supuesto, esté trabajando con algún diseño en blanco y negro para empezar. Entonces por los colores utilizados en estas sombras y por ser un gradiente de desvanecimiento, esta es la principal forma en que se mezcla con el fondo. Por lo que el Modo de fusión de este objeto se establece en Normal, y se establece en Opacidad 100%. A continuación, aquí tengo otro grupo de Clipping, y ahí es donde comienza la diversión. Por lo que este es otro grupo de Clipping con una Máscara de Clipping enmascarando la otra parte del diseño. Y dentro de este grupo, tengo una copia de mi círculo, y debajo de él tengo un rectángulo en el tamaño de mi mesa de trabajo, que no tiene atributos de Relleno o Stroke. Entonces, y este es el grupo al que he aplicado el efecto Desenfoque gaussiano. En este caso, el radio de desenfoque gaussiano se establece en 200 píxeles. Y la razón de tener este rectángulo extra debajo de mi objeto, que se supone que está borroso, es que permite evitar algunas fallas con el efecto Desenfoque, que a veces puede crear una especie de bordes duros y alcanzar algún tipo de límite, porque cuando se aplica el efecto Desenfoque, toma en cuenta el tamaño original del objeto que estás desdibujando. Por lo que tener este espacio vacío alrededor de mi círculo me permite desenfocarlo tanto como quiera. Debido a que mi círculo borroso se coloca dentro de una máscara de recorte con bordes duros, inmediato crea un efecto de tener una superficie translúcida mate frente a este círculo. A continuación, tengo otro grupo de recorte, y en este caso, contiene mi texto el cual está borroso por separado. El radio de desenfoque gaussiano aquí se establece en 40 píxeles. Y difuminar el círculo y el texto por separado permite crear aún más profundidad dentro de la obra porque permite
imitar diferentes profundidades de campo mediante el uso de diferentes radios de desenfoque para diferentes objetos. El Opacidad de este texto borroso se establece en 95%, que es exactamente lo mismo que la Opacidad de mi texto nítido aquí. Pero si bien me gusta mucho el aspecto casi blanco del texto afilado, pensé que por el realismo el texto borroso necesita ser un poco más oscuro. Pero en lugar de reducir la opacidad del texto borroso, en cambio, creé una copia de mi círculo borroso, y lo coloqué encima de mi capa de texto borroso. Y pon aquí la Opacidad de este segundo grupo Clip al 50%. Por lo que tener una copia extra permite ocultar un poco
más el texto y hace que aparezca como si estuviera detrás de esta superficie. Podría parecer una gran cantidad de elementos y que
podrías lograr un efecto similar con solo reducir la opacidad, pero en realidad, tener copias extra permite un control
más minucioso sobre el aspecto de cada elemento. Y realmente no aumenta el tiempo para crear estos elementos porque ya existen, y solo necesitas copiarlos y jugar con sus modos de fusión y configuración de Opacidad. Para que esto se vea aún más como una hoja de vidrio separada, decidí que necesito agregar algún gradiente extra a lo largo de este borde aquí. Y me asenté en crear un semicírculo como este, y lo llené con un degradado radial de desvanecimiento de este color rosa, que se puede encontrar en este diseño, a este tope de color casi blanco, que se establece en 0% Opacidad. El modo de fusión de este semicírculo se establece en Luz suave, y eso es lo que permite crear este efecto de resaltado y mezclar sin problemas este gradiente con los colores aquí. Y al jugar alrededor con el gradiente Radial y la posición de esta parada de color, pude controlar hasta dónde se extiende este resaltado. En este caso, no fui demasiado lejos y decidí terminarlo en el borde de la forma borrosa, por lo que se ve así cuando se aplica. Y resalta este borde sobre el círculo, y ese es exactamente el look que buscaba, ya que no quería resaltar el borde yendo de arriba a abajo de la mesa de trabajo. Agregar un semicírculo realmente ayudó a resaltar ya esta forma. Pero quería hacerlo un poco más brillante, así que creé una copia de este semicírculo y lo colocé justo encima, y establecí la Opacidad al 50% mientras mantenía el Modo de fusión ajustado a Luz suave. Y juntas estas dos formas crean un borde más pronunciado. Y de nuevo, esto es algo que me gusta hacer en mi trabajo, lugar de ajustar colores en todos los elementos por una eternidad. Entonces para intensificar, iluminar o generalmente modificar los colores solo
creo copias y juego con los Modos de fusión y Opacidad hasta obtener el look que me gusta. Entonces estos son los elementos generales de diseño, y sobre todo ellos tengo una capa separada con un rectángulo con el efecto Grain. Este rectángulo se llena con la muestra gris estándar, su Modo de fusión se establece en Luz suave, y Opacidad en 35%. Y en lo que respecta a la intensidad del grano, en este caso, se establece en 10 por ciento, lo que hace que este grano sea un poco más sutil. Pero aparte de eso, de nuevo, el Contraste se establece en 50%, y el Tipo de grano se establece en Stipped. Y se puede ver que cuando este grano se mezcla con este diseño, hace
que se vea aún más como vidrio mate esmerilado en esta zona. Puede combinar este enfoque de utilizar elementos
borrosos dentro de las Máscaras de recorte con otros objetos, por ejemplo, algunas líneas o gradientes de trazo finos para resaltar los bordes, o algunos gradientes de desvanecimiento para crear una sensación de sombreado. Por lo que hay muchas cosas diferentes que puedes hacer con el efecto Desenfoque gaussiano de forma creativa, así que tenlo en cuenta y experimenta con él para crear efectos de translucidez y estratificación.
4. Elementos dimensionales con degradados de trazados: Crear varios gradientes que siguen la dirección de los caminos nunca había sido más fácil, y uno de mis trucos favoritos es usar gradientes de Stroke con transparencia para agregar una sensación 3D a mi trabajo y crear intrincados detalles 3d que pueden seguir caminos de cualquier complejidad. Por ejemplo, en este diseño utilicé un conjunto de gradientes de Stroke para crear una impresión de tener cortes en la superficie colorida. Entonces echemos un vistazo a cómo he creado este efecto. Para empezar, creé este gradiente de forma libre, que sirve de fondo y cubre todo el formato de mesa de trabajo. Después de eso, creé este patrón de línea para ser utilizado como base para la estructura de los cortes en mi diseño. Y entonces empecé a pensar cómo podía darle estilo a todas estas líneas para hacerlas parecer tridimensionales y crear un efecto de sombreado debajo de las líneas y algunos reflejos en la parte superior, para que
pareciera como si la superficie fuera un poco a levantado. Entonces aquí está el grupo con todos mis caminos de estilo. Y cada uno de estos cortes se crea exactamente de la misma manera, así que echemos un vistazo a este de aquí. Para cada corte he usado dos copias de mis trazados originales y los he peinado con gradientes de trazo, por lo que uno de ellos crearía un efecto de sombreado en un lado de la línea, y otro crearía un resaltado en el otro lado. Y también coloqué el par de estos elementos dentro de una Máscara de Opacidad para hacer que este gradiente se funde con el fondo en los extremos. Entonces soltemos esta máscara, y volveremos a ella en breve. Pero primero, echemos un vistazo a cómo he creado estos efectos de sombra y resaltado. Empecé por crear el efecto de sombreado, y debido a que sabía que mi sombra necesita partir del camino, he configurado este tipo de gradiente de Stroke. Por lo que es un gradiente de Trazo Lineal a través del trazo, y comienza desde el centro o el deslizador. Y la mitad es totalmente transparente, y otra mitad crea este efecto de desvanecimiento. A menudo uso este truco en mi trabajo para crear gradientes de trazo predecibles, que puedo usar para agregar reflejos o sombreado a los bordes de cualquier forma, y como mi gradiente está configurado de esta manera, se verá exactamente igual, si se aplica a un camino abierto o cerrado. Y no se basa en utilizar ninguno de los ajustes de trazo, por ejemplo, como Alineación de trazos, que solo funciona con trayectorias cerradas. Y también ofrece mucho espacio para la experimentación con los Perfiles de Stroke. Y si bien puedes crear este tipo de efectos configurando un perfil que no tendría trazo en un lado de la trayectoria, usar este tipo de gradiente como base hace que sea mucho más fácil experimentar con diferentes Perfiles de trazo y también la herramienta Ancho para configurar sombreado o subrayados en cualquier forma y crear algunos efectos emocionantes en tu trabajo, por ejemplo, como este. Y es considerablemente menos quisquilloso cuando solo
estás jugando con el Perfil de Stroke sin preocuparte por lo que está pasando en el otro lado, y simplemente controlando este borde con el gradiente. Entonces esta es una técnica que a menudo uso en mi trabajo para crear algunas sombras divertidas. Pero en este diseño, quería tener una sombra simétrica muy simple, así que acabo de usar este sencillo perfil de Stroke estándar, que se estrecha en ambos extremos. Y para crear este tipo de gradiente, el truco que uso es que tengo mi tope de color opaco y tengo su copia transparente, y establecer la Ubicación tanto de la copia transparente del tope de color opaco en exactamente 50%, así. Para crear este efecto de sombreado, el Modo de fusión de este gradiente de trazo se establece en Multiplicar. Y después de configurar este gradiente de sombreado, lo copié, luego volteé el gradiente, y reemplazé los colores del gradiente por el color blanco para crear el efecto de resaltado. En este caso, establecí el Modo de fusión de este gradiente en Superposición. Pero al crear este tipo de efectos a menudo paso y compruebo los modos Screen, Aclarar, Soft Light y Overlay, y elijo lo que mejor funcione con los colores con los que estoy trabajando. Y aparte de eso, estructuralmente este gradiente es sólo una versión reflejada del que crea sombreado. Y otra vez en el medio aquí tengo un par de paradas de color para crear este borde aquí. Después de configurar estos dos gradientes para este primer elemento, necesitaba aplicar los mismos gradientes al resto de las líneas. Y para hacerlo más fácil y rápido, seguí adelante y creé Estilos gráficos: uno basado en el gradiente de trazo utilizado para el sombreado, y el otro que crea reflejos. Y esto es algo que a menudo hago cuando necesito replicar el mismo estilo de
los elementos dentro de un documento o a través de una serie de diseños. Y después de crear estos Estilos Gráficos, podría aplicarlos a cualquier otro elemento en tan solo un par de clics. Por ejemplo, así o así. Y también podría aplicar ambos Estilos gráficos a un elemento fusionándolos al aplicarlos, luego acceder a estos gradientes a través del panel Apariencia. Pero en este diseño decidí aplicar sombreado y subrayados a dos caminos separados para facilitar el acceso a los elementos a través del panel Capas, y ajustar sus Modos de fusión en el panel Transparencia. Después de crear estos pares de gradientes de resaltado y sombreado, quería llevarlos un paso más allá y hacer que sus extremos se mezclen mejor con el fondo. Y para esto, copié estas líneas una vez más y aplicé este tipo de gradiente de Stroke a cada una de ellas. Por lo que se trata de un gradiente de trazo a lo largo del trazo, que se establece en Gradiente radial lo que lo hace Y debido a que estaba planeando usarlo como una Máscara de Opacidad, establecí este color stop que colores ambos extremos de mi gradiente de Stroke a negro. Y también lo puse al 0% de Opacidad para tener más translucidez en mi gradiente. Y debido a que es otro gradiente de Stroke, establecí el Peso de Stroke en exactamente el mismo peso que los otros dos gradientes, por lo que cuando están enmascarados están totalmente cubiertos. Apliqué el mismo gradiente a copias de todas estas líneas. Y luego aplicó cada uno de estos gradientes como Máscaras de Opacidad a sus respectivos grupos, los cuales contienen gradientes de sombreado y resalta. Por lo que todos estos elementos fueron creados exactamente de la misma manera. Y luego los agrupé todos juntos, y en este caso, el Modo de Mezcla de este grupo se establece en Normal y Opacidad se establece en 100%. Pero agruparlas me permitiría
explorar otras Opciones de mezcla si quisiera. Si bien en este caso, toda la mezcla está ocurriendo dentro los grupos y se aplica únicamente a elementos individuales. Por encima de todos estos elementos tengo mi objeto de texto, que se establece en 95% Opacidad y se acaba de colocar sobre todo. En algunos casos cuando estoy creando este tipo de diseños que implican volumen, enmascaro todo mi texto o
letras individuales para que aparezca como si estuvieran viniendo a través de los cortes. Pero en este caso, quería mantenerlo sencillo y simplemente colocó el texto en la parte superior. Y encima de todos estos elementos, coloqué mi capa de grano, con un rectángulo lleno de esta muestra gris estándar. Y utilicé mis ajustes de grano sutiles favoritos, con la Intensidad establecida en 10, y la Opacidad del rectángulo granulado establecida en 35%, y el Modo de fusión establecido en Luz suave como de costumbre. Y cuando se aplica, estos granos hacen que este diseño se vea más tangible y más gráfico. Usar degradados de Stroke de desvanecimiento esta manera es realmente divertido y fácil, y en combinación con Estilos gráficos hay un montón de potencial para un estilo muy rápido de diferentes elementos. Todo lo que necesitas hacer es dibujar algunos caminos, peinarlos, ponerlos encima de algún fondo colorido o de un objeto, y mezclarlos. Y obtendrás una impresión de algún tipo de forma de aspecto 3D. Puede ser tan complejo o tan simple como quieras, y puedes resaltar o sombrear los bordes de cualquier forma sin recurrir a otras técnicas más laboriosas para crear volumen, como Mallas de degradado o gradientes de forma libre. Usando gradientes de trazo a través de trazos puedes hacer que cualquier cosa vea tridimensional muy rápida
y fácilmente, y junto con la herramienta Perfiles de trazo y Ancho pueden ayudar a definir formas y agregar detalles a tu trabajar de muchas maneras divertidas.
5. Coloración integral mediante la creación de capas y la fusión: Uno de mis trucos favoritos para empujar gradientes un poco más allá en Illustrator es mantener los elementos que definen formas y estructura, y potencialmente sombreado, por separado de los elementos que se utilizan para colorear. Por ejemplo, me hacen muchas preguntas sobre cómo he creado este diseño, porque parece una Malla Gradiente, sin embargo la coloración no es algo que esperarías de una Malla Gradient, pero es algo que podrías ver en un Gradiente radial, sin embargo tampoco es un gradiente radial. Y tampoco es un gradiente de Forma Libre. Entonces, ¿qué es? Echemos un vistazo. En efecto, el elemento inferior en mi documento es esta malla degradado distorsionada que es bastante básica. He usado sólo un par de colores en él, y empujé los puntos alrededor para crear este tipo de forma de llama de desvanecimiento que buscaba. Por lo que es bastante afilado de este lado, pero se desvanece muy bien del otro lado. Y después de eso, empecé a pensar cómo puedo hacer colorear más divertido, porque agregar más paradas de color a esta malla no
me permitiría lograr este divertido efecto colorante que buscaba. Entonces comencé con agregar este rectángulo separado en forma de mi mesa de trabajo, lleno de este gradiente radial azul súper sutil. Y ajusté el Modo de fusión de este objeto a Luz
suave para modificar los colores en mi Malla Degradada siempre tan ligeramente. Y a menudo uso este truco en mi trabajo porque permite agregar algunos ajustes realmente finos a
los colores sin tocar realmente las Mallas Degradadas, que puedes cambiar usando,
por ejemplo, la herramienta Recolor Artwork . Pero si es algo un poco más complejo, podría ser más largo y más difícil. Por lo que usar una capa modificadora separada como esta hace que sea un poco más fácil afinar los colores. Después de agregar este rectángulo pensé cómo podría distribuir los colores en esta forma. Entonces, en primer lugar, he añadido un círculo el cual se llena con este desvanecimiento rosa o magenta Gradiente radial. Por lo que ambos topes de color se establecen en
el mismo color y el del borde se establece en 0% Opacidad. Y he compensado un Punto de Origen en este gradiente solo para que este gradiente funcione un poco mejor con esta forma. Por lo que está un poco más aplastado de este lado, y es un poco más largo de este lado, pesar de que realmente no lo puedes ver. Y luego jugué con diferentes Modos de mezcla. En la mayoría de los casos, me conformo con el modo Superposición o Luz suave, pero dependiendo de los colores con los que esté trabajando, también
podría usar el modo Pantalla o Multiplicar. Pero en la mayoría de los casos,
sí, uso el modo Overlay porque permite sacar colores brillantes de una manera más agradable. Y al trabajar de esta manera, también
puedes usar el ajuste Opacidad para afinar la intensidad de este color que estás agregando. Entonces si quieres agregar una coloración un poco más suave, puedes bajar la opacidad, por ejemplo, así. Y en este caso, quería usar 100% de opacidad para hacerlo brillante. Y por la forma en que este gradiente se mezcla con la Malla Degradada debajo de ella, puedes ver de inmediato este punto culminante aquí. Y luego está esta bonita propagación de colores en este color más oscuro. Entonces necesitaba agregar un poco más de coloración en la punta de mi llama. Y para esto, utilicé otro gradiente radial. En este caso, en realidad está contenido dentro de un rectángulo grande, porque solo permite mover el gradiente radial dentro de él y no preocuparse por ningún borde. Por lo que en este caso, es un gradiente radial de este color beigeish off white, que está en el centro del gradiente. Entonces está este color amarillo brillante. Y en el borde hay otra parada de color amarillo brillante, pero de nuevo, la Opacidad de este tope de color de borde se establece en 0%. Y eso es lo que permite fusionar este gradiente con los gradientes debajo de él. Y el modo de fusión real de este objeto se establece en Normal. Por lo que todo el mezclado está sucediendo por la transparencia. En este gradiente nuevamente tengo este punto de origen offset, que permite agregar aquí este resaltado. Y si lo arrastro aquí, ves cómo se ve este gradiente en realidad. Pero al moverlo aquí, crea este tipo de efecto de resplandor. Y hace que se vea bastante dinámico. Y es por eso que me encanta usar este tipo de gradientes de desvanecimiento, particularmente gradientes radiales, porque hacen
que sea tan fácil agregar manchas de color adicionales. Y por supuesto puedes distorsionarlos de cualquier manera, redimensionarlos y colocarlos en el lugar deseado. Por lo que hay mucho espacio para la experimentación. Por lo que esta es la base de este efecto colorante. Pero aquí también tengo un gradiente radial adicional, que es un gradiente de desvanecimiento radial directo con dos topes de
color establecidos en el mismo color, y uno en el borde nuevamente establecido en Opacidad 0%. Y el Modo de fusión de este gradiente radial se establece en Luz suave, lo que ayuda a unir todos estos colores. Y de nuevo, he controlado la intensidad con los ajustes de Opacidad que se establece en 60%. Entonces eso es todo para las formas reales. Y por supuesto, encima de ellos, tengo mi texto. Y encima de todo esto, tengo mi capa de grano. El rectángulo al que se aplica el efecto Grano
se establece en este color azul oscuro. Y en este caso el grano es un poco más intenso. Por lo que el ajuste Intensidad se establece en 44, en comparación con mis habituales 10 o 20. Y para que el grano sea aún más pronunciado, también
he fijado la Opacidad de esta capa en 70%, que de nuevo es bastante más alta que en mis otros diseños. Pero se puede ver que al tener este grano intenso, este diseño comienza a tener este tipo de aspecto de partículas, lo
que hace que esta forma se vea aún más parecida a la llama. Y en este caso, agregar grano también ayudó a aumentar el contraste en el diseño general. Y también ayudó a atar todos los colores juntos y crear este look terminado. Y así es como puedes crear algún efecto colorante complejo combinando una serie de elementos diferentes: algunos que definen la forma, y algunos que ayudan a colorear diferentes áreas de tu trabajo de diferentes maneras. Por lo que realmente te animo a probar jugar con las formas y colorear por separado en tu trabajo y ver qué nuevos efectos divertidos y únicos
te permitirá crear! Usando la misma técnica también
puedes agregar algunos efectos de iluminación a tu trabajo, por ejemplo en forma de reflejos. Por lo que hay mucho espacio para la experimentación, y también puedes crear algo un poco más elegante agregando degradados de forma libre de desvanecimiento, si los gradientes radiales son un poco demasiado sencillos!
6. Coloración divertida y aspecto 3D: Crear diversos diseños o ilustraciones basados en formas abstractas o geométricas que tienen un aspecto 3D para ellos es una de mis cosas favoritas que hacer en Illustrator. ¡ Y es mucho más fácil de lo que podría parecer! Y en muchos casos, cuando necesitas crear algo rápidamente y
no es algo súper complejo en cuanto a su estructura, se puede hacer en Illustrator en lugar del software 3D, donde necesitarías configurar formas, luces, sombreado, materiales y coloración. Entonces si quieres crear algo rápidamente,
que, por ejemplo, se hace para impresión o para uso digital estático, o si necesitas crear una propuesta de borrador que luego será llevada a algún otro software y animada o recreada en 3D, lo puedes hacer en Illustrator, ¡y es realmente rápido, divertido y fácil! Por ejemplo, este diseño tiene aquí todos estos tubos los cuales tienen una sensación 3D para ellos y este tipo de coloración orgánica, que no sigue ningún patrón lineal. Entonces veamos qué tipo de elementos usé en este diseño. En primer lugar, trabajé en la creación de estos tubos aquí. Y así se veían para empezar. Todos estos tubos son Mezclas entre pares de círculos llenos de gradientes lineales de negro a blanco. Y cada una de estas Mezclas sigue un Spine personalizado. Y para crear estas Espinas utilicé la herramienta Lápiz y las
dibujé muy rápidamente y luego arreglándolas en este patrón aquí. Debido a que todas estas Mezclas siguen espinas Blend personalizadas y se basan en círculos llenos de gradientes lineales de negro a blanco, permite crear este efecto de sombreado. Y puedo controlar cómo se ve el sombreado
simplemente cambiando el ángulo de los gradientes que forman las Mezclas. Y para crear este aspecto suave de estas Mezclas en las Opciones de Mezcla utilicé un número bastante alto de pasos y establecí el método de Espaciado en Pasos especificados aquí. Entonces esta es la base para los tubos en mi diseño, y es lo que los hace lucir tridimensionales. Y después de haber configurado todos estos Blends empecé a pensar cómo podría colorearlos de una manera no lineal interesante. Y para esto primero que nada
he creado este gradiente de Forma Libre dentro de un rectángulo que cubre toda mi mesa de trabajo, cual pretendía usar como fondo para empezar, pero también reutilizarlo para colorear todos mis elementos. Y para poder aplicar mi gradiente de Forma Libre a cada una de estas Mezclas mantuve las Blends originales como respaldo, y creé dos copias de cada Blend. En cada par de copias mantuve una de las Blends tal como estaba, y tomé la segunda copia, la expandí, uní todas las formas resultantes en una forma más grande, y luego la usé como máscara de recorte para contener una copia de mi Gradiente de forma libre. Todos estos tubos de colores aquí se crean usando exactamente el mismo principio. Entonces, solo echemos un vistazo a este de aquí. Entonces aquí está un Recorte Path basado en la forma que está formada por la Blend. Y aquí hay un gradiente de Forma Libre dentro de él. Y para crear un efecto colorante emocionante y dinámico, tomé el gradiente de forma libre y escalé, roté y a veces reflejé este gradiente, y lo posicioné dentro de cada máscara. Y al transformar este gradiente de Forma Libre, presté atención a cómo funcionan juntos los colores dentro de la máscara y los colores del fondo. Y también me aseguré de que no haya enfrentamientos de colores entre diferentes formas en los lugares donde se superponen. Entonces así es como se crea esta coloración. Y para hacerlo tridimensional utilicé una copia de la Blend original, la coloqué por encima del grupo de recorte respectivo, y establecí el Modo de fusión de esta Blending en Overlay, que crea este tipo de efecto de sombreado. Si bien así puedes usar otros Modos de mezcla para lograr efectos ligeramente diferentes, prefiero usar Overlay porque no afecta el tono de los colores y solo crea este tipo de efecto de sombreado haciendo que algunas áreas sean más claras y algunos más oscuros. Y de nuevo, este es un enfoque similar, solo un poco más complejo porque estamos usando Máscaras de Recorte, a la que te he mostrado anteriormente, porque estoy manteniendo mi sombreado y forma por separado de los objetos que se utilizan para colorear, y mezclarlos juntos para lograr el efecto deseado. Por lo que todos estos otros tubos se crean exactamente de la misma manera. Y el gradiente de forma libre dentro de cada máscara se posiciona de manera diferente cada vez. Y para crear un efecto de capas más complejo en un par de casos también
copié los caminos formando Máscaras de recorte y las corté entre sí para crear Máscaras de recorte
adicionales para poner las formas enteras para hacer aparecen como si estuvieran detrás de algunos de los objetos, pero frente a algunos otros. Por ejemplo, como aquí o aquí. Si bien puedes crear los objetos que se utilizan para colorear todos los elementos cada vez, reutilizar degradados de forma libre es súper rápido y fácil. Y debido a que el gradiente de Forma Libre por su naturaleza ya es bastante complejo, permite crear mucha variación dentro del diseño. Y aparte de rotar, escalar, reflejar y posicionar el gradiente de Forma Libre dentro de la Máscara de Recorte, si es necesario realizar algunos ajustes menores en el gradiente, siempre
puedes editar las paradas de color dentro de él para crear la propagación deseada de colores y hacer que el efecto colorante y estratificado sea aún más emocionante. A mí me gusta bastante este look 3D bastante simple, pero cuando trabajas en tus diseños, también
puedes considerar agregar algún sombreado detrás de las formas, o algunos reflejos encima de ellas. Entonces así es como se crea esta coloración. Y para que todo se vea limpio, todos estos tubos se colocan dentro de una Máscara Clipping del tamaño de mi mesa de trabajo. Y sobre todo estos elementos, también
tengo mi objeto de texto, que en este caso se establece en 90% Opacidad para agregarle más transparencia y crear un poco más de un efecto de capas. Y también se coloca dentro de una Máscara de Recorte, nuevo para que aparezca como si estuviera detrás de uno de los elementos. Pero por mi estilo general de incorporar texto en mis diseños, tengo otra copia del texto completo, que se coloca por encima de todos los demás elementos. Y su Opacidad está fijada en 20%. Por lo que lo hace legible a través de esta forma y nuevamente agrega un poco más de transparencia a este diseño. Por lo que estos son todos elementos de diseño. Pero como de costumbre, también tengo aquí mi capa de grano separada. Y en este caso el rectángulo al que se aplica el efecto Grano se llena con esta muestra de color gris. Su Modo de fusión se establece en Luz suave como de costumbre, y su Opacidad se establece en 35%. Y el efecto Grano se configura de una manera similar a mis otros diseños con Intensidad establecida en 10, Contraste establecido en 50, y Tipo de grano establecido en Stipped. Y este grano sutil funciona muy bien con estos colores pastel claros en este diseño. Entonces, así es como puedes crear este efecto. Y te permite crear un montón de cosas y
formas divertidas , dependiendo del tipo de elementos que utilices en tus Blends, cómo formas tus Blend Spines, y por supuesto, los colores que utilices. Y usando la misma técnica, también
puedes colorear cualquier objeto creado con las herramientas 3D de Illustrator, o cualquier compleja mallas de degradado abstracto distorsionadas, o ilustraciones realistas creadas con Mallas de degradado, que necesitan un toque adicional de color. ¡ Así que juega con esta técnica y ve lo que puedes crear!
7. Reflexiones finales y conclusión: A menudo encuentro que para crear algo emocionante solo
necesitas jugar y encontrar formas
más experimentales de usar herramientas bastante básicas. Y espero que esta clase te diera algunas ideas nuevas cómo puedes usar estas herramientas familiares para crear diferentes efectos. Estaré emocionado de ver cómo implementas estas técnicas en tu trabajo y escuchar qué técnica te gusta más o te gustaría explorar en tus futuros proyectos. Para tu proyecto de clase, experimenta con la creación de un diseño, ilustración o ilustración usando cualquiera de las herramientas y técnicas que no has usado antes o que no has usado de la misma manera que he compartido contigo en esta clase, y comparte unas palabras sobre tu proceso experimental y lo que has aprendido. Asegúrate de compartir tu trabajo en la sección Proyectos para esta clase, y si vas a compartir tu trabajo en Instagram, por favor etiquetanos @attitudecreative y utiliza el
hashtag #attitudeskills para que podamos encontrar fácilmente tus publicaciones! Si tienes alguna pregunta, por favor deja un comentario en la pestaña Discusiones para esta clase y ¡contestaré felizmente y te daré comentarios! Si quieres verme diseccionar algún otro de mis diseños de gradiente, todos los cuales puedes encontrar en los proyectos de mi perfil de Behance, por favor deja un comentario con el nombre
y número del diseño en el tablero Discusiones para esta clase, y me aseguraré de considerarlo a la hora de hacer futuras clases. Si quieres aprender con más detalle sobre el uso de las herramientas y técnicas que he mencionado en esta clase O generalmente aprende más consejos, trucos y técnicas para crear gradientes vectoriales, asegúrate de revisar mi clase Dominar Gradientes en Illustrator. Entonces, ¡eso es todo para esta clase! Espero que lo hayan disfrutado y aprendido algo nuevo. Si te resultó útil esta clase, por favor deja un comentario para que más gente la descubra! Y asegúrate de seguirnos aquí en Skillshare para ser los primeros en enterarte de nuestras nuevas clases, actualizaciones y anuncios. Además no dudes en seguir nuestra página en Facebook para ver en qué estamos tramando, obtén todas las últimas actualizaciones, envíanos mensajes privados si necesitas ponerte en contacto sobre algo y no te pierdas si te encuentras destacado en nuestro Student Spotlight galería! Gracias por ver esta clase, y espero verte en nuestras otras clases!
Evgeniya & Dominic Righini-Brand, Graphic Design & Photography
