Transcripciones
1. Introducción y descripción general de la clase: Las tendencias podrían cambiar, pero los gradientes son tan naturales y diversos, así que están aquí para quedarse! Hey chicos, soy Jenya de Attitude Creative, y con esta clase los invito a dominar gradientes en Adobe Illustrator. Ya sean sutiles o dramáticos, complejos o minimalistas, los gradientes crean una sensación de profundidad
y dinámica y te permiten cambiar la sensación de cualquier diseño, ilustración, ilustración o entorno! Me encanta experimentar con diferentes formas de crear diseños basados en gradientes en Illustrator, y en esta clase me emociona mostrarte cómo sacar el máximo provecho de una gama de herramientas y técnicas
de Illustrator para crear obras de arte de gradiente vectorial y para compartir contigo toda una carga de mis consejos y trucos especiales, que uso al crear mis diseños de gradiente! Esta clase está diseñada para todos los que aman los gradientes, y te guiaré por todo lo que necesitas saber para crear gradientes impresionantes adecuados tanto para proyectos digitales como de impresión. En esta clase en profundidad aprenderás de todo, desde elegir los colores adecuados para crear hermosas transiciones suaves y evitar gradientes turbios y bandas de colores hasta desbloquear todo el potencial de las herramientas relacionadas con el gradiente central, así como mis técnicas experimentales favoritas para crear gradientes y para llevar diseños de gradientes un paso más allá para obtener una coloración perfecta, transiciones suaves
sedosas y un aspecto texturizado hermoso. Y hacia el final de la clase también te
compartiré con tu cómo crear y usar activos de gradiente para agilizar tu flujo de trabajo y cómo exportar tus diseños de gradiente para uso impreso y digital. Para asegurarte de que saca el máximo provecho de esta clase he creado una serie de recursos descargables con los que juegues, y también te he proporcionado una tabla de contenidos detallada para que te resulte más fácil navegar por este clase! No puedo esperar a compartir contigo lo que he aprendido a lo largo los años experimentando con gradientes en Adobe Illustrator para ayudarte a crear diseños, ilustraciones
y obras de arte apasionantes, vibrantes y dinámicos basados en gradientes. Entonces únete a mí en esta clase, ¡
y hagamos algo impresionante!
2. Tu proyecto de clase y el sorteo de 2021: ¡ Oigan chicos, bienvenidos a la nueva edición 2021 de esta clase! Desde la primera publicación de esta clase a principios de 2017 he creado una tonelada de nuevos diseños basados en gradientes y aprendí tantas cosas nuevas en el camino, por lo que en esta edición de la clase me emociona compartir con ustedes incluso más consejos, trucos y técnicas que utilizo en mi trabajo, para empoderarte para crear gradientes emocionantes y experimentales con facilidad y confianza! Y para celebrar esta actualización masiva de clase estaremos hospedando un sorteo en el que podrás ganar 1 de 5 Kits de Diseño de
Gradientes que contienen Muestras de Gradiente, Estilos
Gráficos y Pinceles de Gradiente, y un afortunado ganador lo hará ¡también recibe 1 año de Membresía Premium de Skillshare! Para participar ver la clase actualizada, deja una reseña para esta clase o actualiza tu opinión anterior, publica un proyecto en esta clase o actualiza tu antiguo proyecto con algunos experimentos nuevos, y síguenos aquí en Skillshare. Si has participado en nuestro concurso
original en 2017 cuando publicamos la primera edición de esta clase, ¡eres más que bienvenido para entrar a este sorteo también! El plazo de entrada es al mediodía EST del lunes 29 de marzo de 2021. ¡ Los ganadores serán sorteados al azar y anunciados al día siguiente! No puedo esperar a ver sus entradas, ¡y buena suerte! Para tu proyecto de clase crea tus propios diseños de gradiente experimental utilizando cualquiera de las técnicas que se muestran en esta clase. Los gradientes ofrecen tanto espacio para la experimentación y
puedes implementarlos de tantas maneras diferentes. A mí me gustan las cosas abstractas, pero puedes tomar gradientes en cualquier dirección que quieras, ¡
y no puedo esperar a ver qué eliges crear! Comparte tus experimentos en el proyecto para esta clase junto con unas palabras sobre tu trabajo y qué herramientas y técnicas has utilizado. Alternativamente, si quieres trabajar metódicamente
a través de todas las técnicas cubiertas en esta clase, hazlo y no dudes en utilizar las asignaciones al final de la mayoría de los videos como guía de qué concentrarse en experimentar con al explorar cada una de las herramientas y técnicas. Y no duden en compartir su trabajo en progreso en su proyecto para esta clase medida que avanza, ¡y estaré encantado de brindarle retroalimentación en el camino! Sea cual sea la forma en que decidas acercarte a tu proyecto, estaré súper emocionada de ver tus experimentos, así que asegúrate de compartirlos como tu proyecto en la pestaña Proyectos y Recursos para esta clase. Whist trabajando a través de la clase, recuerda que hay algunas descargas para que las utilices y las puedes encontrar en la pestaña Proyectos y Recursos aquí. Y además no dudes en descargar y tener lista la tabla de contenidos para que sea más fácil encontrar exactamente lo que buscas o anotar qué partes querrías volver a visitar más adelante. Y ahora, ¡sigamos con la clase!
3. Qué hace que los degradados sean buenos: Como diseñadora creo que hay gradientes buenos y hermosos, pero también hay algunos malos y feos. Un buen gradiente es una mezcla de colores natural, armoniosa, limpia y suave, y esto es lo que siempre me esfuerzo por crear en mi trabajo y considero que buena práctica ya que ayuda a evitar problemas técnicos a la hora de reproducir gradientes en impresión y los hace mucho más emocionantes de mirar en pantalla. Llevo
bastante tiempo creando diseños basados en gradientes y a lo largo de los años he acumulado una colección de hermosos gradientes inspiradores en mi tablero Gradients en Pinterest, así que no dudes en comprobarlo. Para evitar hacer gradientes o gradientes turbios con bandas de color visibles es
necesario entender cómo se crean los gradientes en Illustrator y tener un conocimiento básico de la teoría del color. Por supuesto, puedes obtener buenos resultados experimentando, pero teniendo en cuenta los siguientes principios y reglas te ahorrará tiempo a largo plazo y te permitirá crear gradientes emocionantes cada vez. Cada color en un entorno digital tiene un valor numérico, y para trabajar con degradados en Illustrator es importante entender lo que significan y hacen los valores de color RGB y CMYK. En RGB cada color primario tiene un ajuste de intensidad de 0 a 255, desde la falta de color, que es negro, hasta su intensidad completa. Y mezclar los tres colores en toda su intensidad crea blanco. En CMYK cada color tiene un ajuste de intensidad en porcentaje, y mezclar todos los componentes a 100% de intensidad crea el negro de registro más profundo, mientras que mezclar solo cian, magenta y amarillo al 100% crea este tipo de color turbio, que parecerá un negro sucio, pero no rico al imprimirse. En RGB mezclar todos los colores primarios en cantidades iguales creará un tono de gris, y mezclarlos en cantidades cercanas pero no exactamente iguales
creará todo tipo de grises cálidos y fríos. Y similar es cierto en CMYK, donde terminarás con colores grisáceos sucios. No hay nada malo con el gris como tal, pero se puede crear en el punto medio de un gradiente por error y hacer que tu gradiente luzca aburrido y sucio. El punto medio es el punto en el gradiente donde los dos colores que crean un gradiente se mezclan en proporciones iguales. En Illustrator se calcula como un promedio entre los valores numéricos de cada componente de color en RGB o CMYK utilizados en dos colores mezclándose en un gradiente. Estos dos colores se llaman topes de color. Es importante recordar, que los valores de color en el gradiente
no se calculan en función de los valores
de tonalidad de los dos colores ni de su posición en la rueda de color. Por lo tanto, no esperes tener un gradiente entre dos colores que están lejos uno del otro en la rueda de color para seguir todas las transiciones que ves en la rueda de color. Teniendo en cuenta este principio de promediación, puedes estimar tus puntos medios para evitar tener colores sucios, pero probablemente sea más fácil recurrir al principio básico de la teoría
del color en este punto, y seguir una regla más visual en su lugar. Entonces, estamos luchando contra los puntos medios grises. Y la teoría del color nos dice que los colores que se cancelan entre sí y crean colores acromáticos o sucios cuando se mezclan entre sí son colores complementarios. Los colores complementarios son los colores que se sientan uno frente al otro en la rueda de color, por ejemplo, azul y naranja. Y si creas un gradiente directo entre estos dos colores, obtendrás una transición sucia. Por lo tanto, para evitar tener un punto medio sucio al crear un gradiente entre colores complementarios, necesario
agregar manualmente al menos una nueva parada de color en el medio del gradiente y establecerla en un color, que está situado entre estos dos colores complementarios en la rueda de color. Incluso si no estás mezclando colores opuestos, cuando creas gradientes entre colores fríos y cálidos
o colores que están lejos uno del otro en una rueda de color, a más de 90º de distancia, considera introducir un color adicional se detiene y ajustándolos a colores que deben ocurrir naturalmente en esos puntos de los gradientes. Esto te permitirá crear una transición armoniosa entre los colores. Dado que los gradientes en un entorno digital se basan en promedios matemáticos, presenta algunas limitaciones en comparación con la mezcla de colores físicos. Si tienes dos colores que son muy similares entre sí, pensarías que debes tener una transición sutil muy suave. Pero este no siempre es el caso. Si tienes un gradiente que cubre una superficie grande y los colores que usas en ella son bastante cercanos entre sí en cuanto a sus valores numéricos, podrías encontrarte con un problema llamado franding de color. bandas de colores se producen ya sea cuando el número de mezclas de color que forman un gradiente entre los dos colores no es suficiente para cubrir suavemente toda el área del degradado, o cuando se crean gradientes entre colores muy oscuros y blanco. Cuidado con ello y asegúrate de que no puedes ver rayas de color anchas en tus gradientes. Si ves bandas de color, considera ajustar los colores de los topes de color o añade más topes de color para crear una transición suave. En aquellos casos en los que los colores son demasiado similares, puede ser difícil o incluso imposible evitar completamente bandas de
color ya que Illustrator no puede agregar más colores a este tipo de transiciones. Puedes ocultar un poco las bandas de color usando técnicas de
texturizado, y volveremos a esto más adelante en esta clase. Pero en todo caso siempre
es mejor empezar con los colores que son óptimamente diferentes entre sí en primer lugar. Esto es particularmente importante para cualquier trabajo para impresión, ya que CMYK admite menos colores que RGB, por lo que hay menos variaciones y es más probable que las bandas de colores sean más fáciles. Si está creando trabajo para visualización digital o proyección, configure su documento en el modo de color RGB y utilice modelos de color HSB o RGB para definir colores. Si está creando trabajo únicamente para impresión utilizando el proceso CMYK, configure su documento en CMYK y utilice deslizadores CMYK para definir colores en el panel Colores. Si desea presentar su trabajo tanto digitalmente como en impresión, le
recomiendo comenzar por RGB, y si lo requiere su impresora, convierta una copia de su documento a CMYK y ajuste los colores si es necesario. Mantenga ambos archivos como maestros, y exporte el trabajo desde
archivo RGB para uso digital, y desde CMYK para impresión solamente. Al ser CMYK un modelo de impresión soporta y reproduce una gama de colores más pequeña que RGB, así que ten cuidado con las bandas de color. Aparte de todos estos matices de mezcla de color, en última instancia lo que hace buenos gradientes, son los colores que elijas para mezclar juntos. No hay reglas duras y el punto principal aquí es que los colores deben sentirse adecuados para el estado de ánimo que desea crear, y luego hay que seguir las reglas técnicas antes mencionadas para crear agradables transiciones. Entonces, ten en cuenta todas estas reglas y buscaremos algunos enfoques para elegir colores, que hacen buenos gradientes en un momento. Pero primero, permítanme compartir rápidamente con ustedes la configuración de documentos recomendada para crear diseños de degradado.
4. Configuración recomendada del documento: Para empezar, vamos a crear y configurar rápidamente un nuevo documento que estaremos utilizando a lo largo de toda la clase. Configura tu tamaño de mesa de trabajo a lo que quieras, aunque te recomiendo crear ilustraciones que tengan al
menos 1200 píxeles en su lado más corto para poder compartirla de buena calidad después. Normalmente creo mis diseños de gradiente en mesas de trabajo 2000 por 2000 px. En las Opciones Avanzadas, o a través del botón Más ajustes en versiones anteriores de Illustrator, configura el Modo Color de acuerdo a tus intenciones. Sería increíble verte subir tus experimentos en tu proyecto para esta clase, así que te sugiero trabajar en RGB para disfrutar colores
vibrantes y compartir tu trabajo con el mundo después. Establezca Efectos de ráster en 300 dpi aquí, estaremos texturizando nuestras obras de arte de gradiente más adelante en esta clase y tener efectos de alta resolución será crucial. Entonces, vamos a crear un nuevo documento. Habrá muchas etapas en esta clase, así que te recomiendo que te metas en el hábito de guardar tu trabajo cada pocos minutos, y empieces ahora guardando tu nuevo documento en una ubicación deseada bajo un nombre descriptivo. Asegúrese de seleccionar el formato AI y haga clic en Guardar. ¡ Ahora vamos a seguir con los colores!
5. Enfoques para crear colores para tus degradados: La belleza de trabajar con colores digitalmente es que no necesitas ser un experto en teoría del color, y hay herramientas para ayudarte a crear combinaciones de colores
impresionantes basadas en reglas de armonía de color. Y la primera herramienta que estaremos utilizando es la Guía de colores, así que ábrela, y si no está en tu espacio de trabajo, actívela a través del menú Ventana. Por lo que para empezar, en el panel Herramientas configura un color que quieras usar en tus gradientes. Puede ser tan intenso o un sutil como quieras. A mí me gusta usar colores brillantes para empezar así estableceré brillo y saturación al 100%. En la Guía de colores ahora puedes ver otros tintes y tonos del mismo color. Si no ves Tintados y Sombras aquí, en este menú la esquina superior derecha del panel asegúrate de tener seleccionados Tintados y Sombras. También en el mismo menú se
puede configurar el número de variaciones de color que creará la Guía de colores. Vaya a Opciones de la Guía de colores y configure el número de variantes de Tinte y Sombras que desee utilizar. 4 o 5 debería ser suficiente. Aquí también puedes configurar el porcentaje de variación, lo
mantendré al 100% ya que produce la mejor variedad para lo que estamos haciendo. Ahora todos estamos establecidos aquí, así que echemos un vistazo a diferentes reglas de armonía, que pueden ayudarnos a crear bonitos grupos de colores para los gradientes. Entonces, ya sabes que los colores complementarios pueden ser bastante problemáticos para crear buenos degradados y requieren topes de color adicionales para que funcionen. Entonces si realmente quieres tener un gradiente entre dos colores complementarios, empieza por seleccionar la regla de armonía de par complementario superior. Después, en el Comando+haga clic, o Control+haga clic
en Windows, en dos colores activos en el centro
para seleccionarlos, y luego haga clic en elbotón
Guardar crup de color en muestras del panel Guía en Windows, en dos colores activos en el centro para seleccionarlos, y luego haga clic en el de color en la parte inferior del panel Guía de color. Esto agregará estos dos colores como un nuevo grupo a las muestras de tu documento. Si el panel Muestras no está
abierto, ábralo a través del menú Ventana. Ahora vuelve a la Guía del Color, y en las Reglas de Armonía ir al fondo de la lista y seleccionar Pentagrama. A continuación, haga clic en este botón Editar colores, y vaya a la pestaña Editar aquí. Echaremos un vistazo más de cerca a esta ventana con todos estos ajustes súper útiles más adelante en esta clase, pero por ahora solo usemos la rueda de color aquí para ver cómo las reglas de Harmony crean colores. La regla del Pentagrama crea un conjunto de colores que se distribuyen por igual alrededor de la rueda de color. Por lo que estos 4 nuevos colores te permitirán crear una transición más suave entre tu color original y su color opuesto, que estaría en algún lugar aquí. Para algunos colores, la regla Tetrad Harmony, que se puede acceder aquí en esta Ventana, también se
puede utilizar para crear bonitos gradientes, pero tener 2 topes de color entre los colores complementarios permite crear más suaves transiciones. Entonces nos quedaremos con la regla del Pentagrama. Ajustemos estos colores para tener huecos
más parejos si imaginamos que el color opuesto está aquí. Así que desvincula los colores Harmony, y mueve estos colores, para que los huecos entre ellos sean de unos 60 grados, así. Y hay unos 120 grados entre estos dos colores, ya que el color complementario sería entre ellos. Cuando estés listo con estos colores, haz clic en el botón Nuevo grupo de colores aquí para añadir estos colores a tus Muestras. Ahora vamos a presionar Ok para cerrar esta ventana, y vamos al panel Muestras. Aquí arrastra tu color complementario de este grupo a tu nuevo grupo con 5 colores. Normalmente pongo esta muestra complementaria justo donde pertenece entre las otras, solo para que sea más fácil ver el orden de los colores en cuanto a sus tonalidades. Ahora eliminemos rápidamente este grupo redundante con un
solo color para mantener ordenadas nuestras muestras. Entonces aquí está nuestro primer grupo de colores listo. Ahora seleccionemos la muestra de color de nuestro color inicial en el panel Muestras y echemos un vistazo a los colores Analogous. Hay un par de reglas análogas para elegir, por lo que puedes elegir una que se vea mejor para ti. Colores análogos son los colores que se sientan
uno al lado del otro en la rueda de color y comparten los mismos componentes. En las variaciones de color Tints & Shades, puedes elegir tantos colores como quieras. Normalmente elijo todos los colores activos, y luego agrego bastantes tintes y tonalidades a la mezcla. Si desea seleccionar algunas filas o columnas de colores, puede Mayús+hacer clic en dos colores en las esquinas opuestas de la selección deseada, que es más rápido que Comando+clic. Y en este caso Comando+click se puede utilizar para anular la selección de algunos colores que no quieras utilizar. Cuando estés contento con tu selección de colores, agréguelos como un nuevo grupo de colores. Lo bueno de los colores análogos es que aunque ofrecen alguna variación de tonalidad, sus tintes y tonos se mezclan fácilmente y
puedes usarlos para crear algunas obras de arte de gradiente realmente complejas. Para crear el tipo de gradientes más sutil puedes usar una de estas dos reglas monocromáticas aquí o la regla Sombras. Al igual que con los colores Analogous, estos colores también se
mezclarán maravillosamente ya que se basan en tonos similares. Y los tintes más claros y los tonos más oscuros son muy útiles para crear reflejos y sombras respectivamente, y crean transiciones más orgánicas y suaves que cuando usas blanco puro o negro puro como se detiene el color. Así que elige tantas o como pequeñas variaciones aquí. Y luego crea un nuevo grupo a partir de ellos. Por lo que estos son los grupos de color basados en las reglas de armonía de color, que generalmente son un gran punto de partida para crear diseños
basados en gradientes así como para crear otros grupos de color. Pero para tener más opciones que explorar y poder crear gradientes vibrantes más suaves, vamos a crear otro conjunto de colores diferente. Comience seleccionando su grupo de 6 colores, el que presenta colores opuestos, y haga clic en el botón Editar grupo de colores del panel Muestres para abrir la ventana Editar colores. Aquí desvincula todos los colores, y luego
arrástrelos para estar entre 15 y 30 grados de distancia en la rueda de color, por ejemplo, así. Después, vuelve a vincularlos, y si es necesario mueve todo el lote alrededor del volante para obtener el conjunto de tonalidades deseado. Después de eso, si quieres ajustar los colores por separado, desvincularlos una vez más, y configura estos deslizadores en HSB a través de este menú aquí. A continuación, selecciona el color que quieras ajustar y afínalo con estos deslizadores. Prefiero trabajar en HSB sobre otros modos de color, porque hace que sea muy fácil ajustar la saturación y el brillo de cada color sin afectar el matiz. Y por supuesto permite hacer pequeños ajustes para tonificar por separado también. Entonces si es necesario pasar por todos los colores que estás creando y ajustar sus propiedades. Cuando esté listo, haga clic aquí en el botón Nuevo grupo de colores. Después de que esto se haga, puedes crear muy rápidamente más grupos con diferentes conjuntos de tonalidades. Para ello enlaza de nuevo
los colores y arrástrelos alrededor de la rueda hasta que tengas un nuevo set que te guste. Y luego definir un nuevo grupo de colores. Y repita el proceso para crear unos cuantos grupos más de la misma manera. Cuando hayas terminado, pulsa Ok y asegúrate no guardar los cambios en tu grupo de colores original. Y ahora tienes algunos grupos más con gradación de colores más sutil, que se pueden utilizar para crear emocionantes gradientes vibrantes! Ahora si lo deseas, puedes seleccionar uno de tus nuevos grupos de colores, e ir al Panel Guía de colores. Aquí podrás escoger algunos tonos o tintes de tus nuevos colores para tener una gama más extensa de colores con la que jugar. Y luego agréguelas a tus muestras junto con el original conjunto de colores que has utilizado para tener tus muestras ordenadas en orden. Ahora puedes eliminar este grupo de los colores originales como los tienes aquí, o mantenerlo como un grupo separado para tener una selección de colores más condensada como opción. A continuación, preparemos rápidamente todas nuestras muestras para su uso convirtiéndolas en colores globales.
6. Creación de muestras de color globales: Después de haber creado tus grupos de colores, pero antes de empezar a aplicar tus colores a tu obra, es una buena idea convertir cada color en un color Global, así que empieza haciendo doble clic en la miniatura de tu primera muestra de color en el panel de Muestra para abrir esta ventana. Los colores globales son muy útiles a la hora de recuperar tu trabajo o hacer ajustes menores a los colores, pues al ajustar cualquier muestra global de color a través de esta ventana, el cambio se aplicará automáticamente a todos los objetos que utilizar este color. Así que marca el color Global aquí, y aplica los cambios. globales de color tienen un triángulo blanco en la esquina de sus miniaturas, por lo que puedes ver fácilmente qué colores son Globales y cuáles no. Ahora, o bien, pasa por todos los colores que has creado y conviértelos a Global uno por uno, o selecciona varias muestra dentro de un grupo, luego haz clic en el botón Opciones de muestra, y comprueba Global aquí. Si tus grupos cuentan con copias de los mismos colores o de algunos colores que ya se convirtieron a Global, obtendrás un mensaje de error como este, así que asegúrate de anular la selección de los colores repetidos antes de intentar convertir un número de colores a Global. Y luego solo Alt-arrastra un color Global que quieras estar en tu grupo de otro grupo y colócalo sobre la muestra original que no es Global, así. Podrás encontrar todos estos grupos de color que he creado como archivo de muestra en los recursos de la clase, así que siéntete libre de descargarlo, pero también te recomiendo encarecidamente crear tus propios grupos de colores para reflejar tu color personal preferencias y tener más colores con los que jugar. Y cuando termines con los colores, ¡ahora podemos empezar a crear algunos gradientes!
7. Configuración de degradados mediante el panel de degradados: Illustrator ofrece una serie de herramientas diferentes las cuales se pueden utilizar para crear degradados y trabajar con ellos de manera directa o experimental,
y cada una de ellas puede ser utilizada para crear diseños y obras de arte de diferentes tipos y niveles de complejidad. Y es importante comprender las capacidades, ventajas y limitaciones de cada una de estas herramientas, y utilizar la herramienta más adecuada para cada tarea específica. Empecemos con lo básico. Para el primer ejemplo, voy a crear rápidamente un cuadrado usando la herramienta Rectángulo, pero puedes usar cualquier tipo de forma o ruta cerrada que quieras. Después cambiaré a la herramienta Selección y estableceré el color del trazo en ninguno, y estableceré el tipo de relleno en gradiente haciendo clic aquí en el panel Herramientas. También puedes utilizar estos accesos directos para asignar diferentes tipos de atributos de relleno y trazo a tus objetos seleccionados, los cuales son súper útiles y ahorran mucho tiempo. Cuando se aplica un degradado el panel Degradado debe abrirse automáticamente, y si no, se puede abrir a través del menú Ventana. Si no puedes ver todos estos ajustes aquí, ve a este menú en la esquina superior derecha del panel Degradado y selecciona Mostrar opciones. El gradiente que asignó a su trabajo a través del panel Herramientas es o bien el último gradiente que ha utilizado
o seleccionado, o si es el primer gradiente que está creando en el documento, se va a establecer en el negro predeterminado y gradiente blanco o la primera muestra de gradiente de las muestras de gradiente que se enumeran aquí. Ya que vamos a estar creando gradientes a partir de nuestros nuevos grupos de colores, las muestras de gradiente por defecto son irrelevantes. Asegúrate de que en este punto el gradiente se aplique al relleno y no al trazo, que es una historia diferente y lo pasaré por separado más adelante en esta clase. En Illustrator existen dos tipos básicos de gradientes: lineales y radiales, y hay gradientes de forma libre ligeramente más complejos los cuales se introdujeron en la versión 2019 de Illustrator. En cierto modo, los gradientes de forma libre son una herramienta totalmente diferente que simplemente pasa a estar en el mismo panel que estos dos, lo que estaré cubriendo gradientes de forma libre por separado más adelante, y ahora vamos a concentrarnos en lo básico. Cuando tengas seleccionado un gradiente lineal, puedes configurar aquí su ángulo. Y si seleccionas un gradiente radial, también
podrás establecer la relación de aspecto de la elipse. Si lo configuras al 100% crearás un círculo, y en este punto el ángulo no va a hacer ninguna diferencia. Pero si tu gradiente es algo más que un círculo, entonces modificar el ángulo cambiará su orientación. Después tenemos un deslizador de gradiente que muestra la transición de color. En este deslizador hay al menos dos conmutadores por debajo que representan nuestras paradas de color, y para cada par de las paradas de color, habrá una alternancia por encima para el punto medio para esta transición en particular. Como ya he mencionado en los videos anteriores, paradas de
color son los colores base entre los que ocurre la transición de gradiente, y el punto medio es el punto donde los dos colores finales se mezclan en igual proporción. Por defecto cada punto medio se coloca al 50%, en medio de la transición entre las dos paradas de color, y puedes moverlo si es necesario arrastrándolo lado o introduciendo aquí un valor preciso. De esta forma podrás controlar la transición entre
los dos colores y podrás hacer que uno de los colores sea más dominante, si es necesario. paradas de color también tienen un atributo de ubicación, y puedes moverlas de la misma manera. Aquí también puedes establecer la opacidad de los topes de color, y esta es una característica muy útil. Para un gradiente radial el tope de color izquierdo representa el color en medio de un círculo o elipse, y para un gradiente lineal izquierdo es izquierdo y derecho es derecho, a menos que haya cambiado el ángulo aquí. Al hacer clic en el botón Invertir se reflejará el gradiente e intercambiará las paradas de color alrededor. Puedes agregar nuevas paradas de color haciendo clic justo debajo del deslizador Gradient. Esto agregará automáticamente nuevas paradas con la configuración correcta para esa ubicación en particular en el gradiente para mantener la transición suave. Y verás que aparecen nuevos puntos medios por encima del deslizador entre cada par de paradas de color. También puedes duplicar una parada de color arrastrándola hacia los lados mientras mantienes presionada la tecla Alt. Esto hará que se detenga un nuevo color con los mismos ajustes de color y opacidad que el original. Para eliminar una parada de color, simplemente arrástrela lejos del deslizador de gradiente. Para cambiar el color del tope de color, haga doble clic sobre él. Esto abrirá el Selector de color el cual te permitirá seleccionar el color que desees. Ya que tenemos nuestros colores guardados como Muestras, haga clic en el icono Muestras aquí y seleccione el color que desea utilizar. Escogeré este color de este grupo de aquí. Ahora vamos a seleccionar el tope de color correcto y establecerlo en un color complementario al primero. Entonces se puede ver, que el punto medio aquí es un poco aburrido. Por eso tenemos más colores que poner entre los colores finales para este gradiente. Así que vamos a crear dos nuevos topes de color en el medio, y ponerlos
en los colores que deberían estar entre estos dos colores complementarios en la rueda de color. Cuando asignes tus colores, asegúrate de que las paradas de color vayan en el orden correcto
y, a continuación, ajusta sus ubicaciones y los puntos medios para crear el aspecto deseado de tu gradiente. Una de las adiciones recientes al panel Degradado es el Selector de color aquí que te permite elegir colores para tus paradas de color de cualquier ilustración vectorial existente, o puedes importar una imagen ráster y agarrar rápidamente colores de ella. De esta forma no necesitas crear muestras de color para empezar,
por lo que es un flujo de trabajo ligeramente diferente,
pero si estás trabajando con por lo que es un flujo de trabajo ligeramente diferente, una imagen de referencia o necesitas agregar un degradado a una ilustración existente, puede hacer
que el proceso sea más rápido. Si quieres crear un gradiente lineal reflejado y simétrico, tendrás que repetir las mismas paradas de color comenzando desde el centro hasta el borde, así. Entonces, estos son los ajustes básicos del gradiente. Juega con ellos y echa un vistazo a cómo funcionan los diferentes colores juntos y agrega tantos topes de color como necesites para crear buenos degradados. Puede crear los gradientes lineales y
radiales más básicos con solo usar el panel Degradado. Pero para poder ajustar la forma en que estos tipos de gradientes están llenando los objetos a los que se aplican, necesitarás utilizar la herramienta Degradado. Entonces a continuación, echemos un vistazo a qué opciones adicionales ofrece.
8. Ajuste de degradados con la herramienta de degradado: Para tener más control sobre cómo se aplica el gradiente a un objeto es necesario
utilizar la herramienta Degradado ubicada en el panel Herramientas. Cuando tu objeto está seleccionado y la herramienta Degradado está activa, deberías ver un Anotador de degradado. Si tiene todo seleccionado y la herramienta Degradado está activa, pero aún no puede ver el Anotador de degradado, vaya al menú Ver y haga clic en Mostrar anotador de degradado. Ahora puedes ajustar el gradiente usando este deslizador. Funciona absolutamente de la misma manera que el deslizador de gradiente en el panel Degradado, lo que puedes cambiar los colores aquí haciendo doble clic sobre ellos y eligiendo colores de esta ventana. Aquí también puedes establecer la opacidad del tope de color seleccionado. Y por supuesto puedes mover paradas de color y puntos medios alrededor. Si bien puedes hacer estas cosas a través del panel Degradado, usar el Annotador de degradado es súper útil cuando estás trabajando con un gradiente que cuenta con una serie de topes de color y facilita el ajuste de la ubicación del paradas de color y puntos medios en relación con el objeto real al que se aplica el gradiente. Pero lo que hace diferente a la herramienta Gradient, es que permite mover, girar y escalar el gradiente en relación con el objeto al que se aplica. Por ejemplo, si arrastra el deslizador por este círculo al principio del gradiente lineal, moverá el gradiente en relación con el objeto que está llenando. Por otro lado, si arrastra el punto final del otro lado del deslizador de gradiente,
que es cuadrado, cambiará el tamaño del gradiente en su lugar. Si mueves el ratón justo fuera del punto final cuadrado, verás el cursor de rotación. Ahora puedes mantener pulsado el botón del ratón y girar el gradiente. Para cambiar el tipo de gradiente, aún
tendrás que ir al panel Degradado y establecerlo allí. Cuando utilice un degradado radial, Anotador de
degradado también le permitirá cambiar la relación de aspecto del degradado arrastrando este punto en la elipse externa marcando los límites del degradado. Para cambiar el tamaño de un gradiente radial utilice el punto cuadrado del deslizador o el punto de la elipse externa opuesta a él. Arrastrar el deslizador te permitirá mover el gradiente. Y puedes rotarlo colocando el cursor en cualquier lugar alrededor de la línea discontinua alrededor de tu gradiente. Aquí también tienes este círculo en el inicio del deslizador de gradiente, moviéndose lo que te
permitirá desplazar el punto de origen del gradiente en relación con su forma general. A medida que el gradiente se crea entre el punto de origen y la elipse externa marca la propagación del gradiente, el
desvío del punto de origen hará un gradiente más largo en un lado y uno más corto en el otro. Cuando trabajas con el gradiente usando la herramienta Degradado, el objeto contiene el gradiente dentro de él, por lo que incluso si aumentas el tamaño del degradado, o en otras palabras su propagación, solo
afectarás lo que hay dentro del objeto , y el resto del gradiente fuera de los límites del objeto no será visible. capacidad de controlar el ángulo
y la posición del gradiente Lacapacidad de controlar el ángulo
y la posición del gradientedentro de las formas es súper útil a la hora de colorear o sombrear ilustraciones
y diseños, y a veces no necesitas más que eso para agregar una sensación 3D emocionante a tu trabajo. Por ejemplo, este diseño geométrico tiene exactamente el mismo gradiente lineal aplicado a cada forma en un ángulo diferente utilizando la herramienta Degradado, como se puede ver en todos los deslizadores de gradiente aquí. Si bien crear gradientes de relleno lineales y radiales usando el panel Degradado y la herramienta Degradado es bastante sencillo, ¡
hay mucho espacio para la experimentación! Si te gustan las cosas simples, prueba a crear fondos de degradado o crea composiciones a partir de formas rellenas de gradiente separadas. También puedes lanzar algunos topes de color transparentes en la mezcla y explorar cómo puedes mezclar tus formas llenas de gradiente con el fondo. Al experimentar con paradas de color transparente, echa un vistazo a diferentes colores para estas paradas ya que esto te permitirá crear diferentes efectos. Los gradientes de relleno lineales y radiales también se pueden utilizar como Máscaras de
Opacidad o como base para crear emocionantes diseños dinámicos de aspecto 3D utilizando la herramienta Blend, pero más sobre ello más adelante. Y a continuación echemos un vistazo a cómo se pueden crear y utilizar los gradientes de forma libre.
9. Creación de degradados con forma libre: Los gradientes de forma libre se introdujeron en la versión 2019 de Illustrator, y son bastante divertidos de usar una vez que aprendes
todas las diferentes características y te acostumbras a sus peculiaridades. Puede aplicar degradados de forma libre como atributo de relleno a objetos
individuales, excluyendo el tipo editable, y no puede aplicarlos al trazo. Para el siguiente ejemplo voy a cambiar a la herramienta Elipse y dibujar un círculo. Ahora vamos a aplicarle un relleno degradado y establecer su tipo en Forma libre en el panel Degradado. Cuando aplique por primera vez un gradiente de Forma Libre a un objeto, verá algún gradiente aleatorio de Forma Libre o ni siquiera un gradiente, pero solo una parada de color. A diferencia de los gradientes lineales y radiales que los conceptos básicos
desnudos se pueden controlar a través del panel Degradado sin tocar los objetos que están rellenando, los gradientes de
forma libre dependen de trabajar con los objetos reales a los que se aplican y agregar se detiene el color a las ubicaciones deseadas manualmente. Y puedes especificar si quieres crear puntos o líneas individuales aquí. que ya tenemos algunos puntos, empecemos con el modo de puntos, y vayamos a añadir algunas paradas de color más. Puedes cambiar el color de cada parada de color después de haberlos creado haciendo doble clic sobre ellos y eligiendo un nuevo color de tus muestras. O puede seleccionar una parada de color y elegir un color
del panel Muestras real, lo cual es más conveniente ya que no se interpone en el camino de la forma. Alternativamente puede seleccionar una parada de color, luego activar la herramienta Selector de color en el panel Degradado y muestrear color desde cualquier objeto de su documento. Si desea agregar rápidamente una nueva parada de color en el mismo color que ya se utiliza en su gradiente de forma libre, seleccione la parada de color en el color deseado
y, a continuación, haga clic en otro lugar para agregar un nuevo punto en este color. Para ajustar tu gradiente, puedes mover las paradas de color alrededor. Al seleccionar una parada de color verás un círculo de líneas discontinuas a su alrededor que indica la propagación de cada color, y puedes ajustarla arrastrando este círculo negro aquí. También puedes controlar Spread de una parada seleccionada a través del panel Degradado o a través del panel Control aquí. Por lo que estos son Puntos, y si seleccionas Líneas aquí, podrás crear un gradiente entre las paradas de color que sigue a una línea. Para hacer un gradiente en una curva, puede continuar creando más paradas de color y la curva entre ellas se creará automáticamente, o puede agregar otra parada de color a la línea como ésta, y luego arrástrela a crear el look deseado. Y luego puedes sumar aún más puntos, si quieres. También puedes convertir curvas en esquinas haciendo clic Alt en los topes de color, así. Y convertirlos de nuevo a curvas de la misma manera. Si empezaste con puntos, puedes conectarlos con líneas, así. Y si quieres crear una nueva línea separada, solo tienes que pulsar Escape o Comando+clic, o Control+clic en Windows, en algún lugar para anular la selección de la línea anterior e iniciar una nueva en otro lugar. Si está utilizando líneas, puede crear una forma cerrada yendo al punto de partida, la misma manera que crearía un trazado cerrado con la herramienta Pluma. No estoy seguro de si hay una forma de desconectar puntos con la funcionalidad actual de la herramienta Gradientes de forma libre, así que ten en cuenta antes de comprometerte a conectar puntos y cerrar bucles. Si quieres mover puntos en un gradiente de línea, presiona Escape para anular la selección de la última línea y recuerda pulsar Escape cada vez que muevas cualquiera de los puntos finales. Esto puede ser un poco molesto, así que normalmente solo cambio al modo Puntos cuando quiero mover los puntos, y solo uso el modo Líneas cuando necesito crear más líneas o conectar puntos juntos. Si alguna vez necesitas eliminar una parada de tu gradiente de Forma libre, selecciónela y pulsa Eliminar, o simplemente arrástrala fuera de los límites de tu objeto, así. Probablemente lo mejor de los gradientes de forma libre es que hacen que sea muy fácil crear transiciones no lineales multicolores sin recurrir al uso de mallas de degradado, pero dicho eso, las mallas de gradiente aún tienen sus usos y sus propias ventajas únicas que veremos más adelante en esta clase. Pero lo que es particularmente bueno de los gradientes de forma libre es que
puedes mover fácilmente las paradas de color y ver cómo cambia tu gradiente, y puedes terminar con algunos efectos frescos impredecibles al aplastar casi las paradas de color juntos, por ejemplo, así. Por otro lado, si estás después de crear gradientes suaves de forma libre, mover puntos y líneas un poco más separados puede ayudar a crear transiciones más suaves. Otra gran cosa de los gradientes de forma libre es que puedes controlar la opacidad de cada parada de color de forma individual, por lo que puedes crear rellenos no uniformes con algunas áreas más y algunas menos opacas que pueden ser útiles para estratificarlas sobre otros elementos, por ejemplo, como este. Ser capaz de utilizar una combinación de puntos y líneas en gradientes de forma libre es súper útil ya que las líneas sirven como barrera y detener los puntos de propagación más, y esto permite crear algunos efectos divertidos y añadir más volumen a tu trabajo. Por lo que hay muchas cosas con las que jugar moviendo las paradas de color alrededor,
cambiando la propagación de las paradas de color o la longitud y curvatura de las líneas, y por supuesto los colores! Los degradados de forma libre son súper útiles para crear fondos coloridos y elementos colorantes en tu trabajo con múltiples colores y no de manera lineal, y me encanta usarlos en combinación con otros elementos. Uno de mis trucos favoritos es usarlos para añadir un divertido efecto colorante a elementos de aspecto 3D como este, y voy a compartir técnicas para crear este tipo de elementos y para colocarlos de esta manera más adelante en esta clase. Entonces, en cierto modo, los gradientes de forma libre permiten
combinar múltiples degradados de desvanecimiento dentro de un objeto, y aunque hay algunas cosas que puedes ajustar, las paradas de color aún se mezclan de forma similar a malla y no se pueden solapar de ninguna manera y no puedes controlar los Modos de mezcla de diferentes paradas de color. Entonces si buscas un poco más de diversión, experimentación y flexibilidad, o si simplemente tienes una versión anterior de Illustrator que no admite gradientes Freeform, puedes usar los múltiples rellenos de degradado en su lugar. Y eso es lo que vamos a ver a continuación.
10. Creación de múltiples degradados dentro de un objeto: Antes de la introducción de gradientes de forma libre, uso de múltiples rellenos de gradiente dentro de un objeto era principalmente una técnica para crear coloración de gradiente
compleja y mantener todos los atributos de Apariencia dentro de un objeto, que los hizo reutilizables vía Estilos Gráficos. Y mientras que ahora puedes crear algunos efectos similares usando gradientes de forma libre, usar múltiples rellenos de degradado tiene algunas ventajas únicas, ya que
permite experimentar con cómo los gradientes se mezclan entre sí mediante la utilización de diferentes colores, Valores de opacidad, Modos de fusión y diferentes tipos de gradientes. Por lo que usando esta técnica se puede crear algo muy
diferente a lo que se puede lograr usando los gradientes de Forma Libre. Para poder trabajar con múltiples rellenos de gradiente necesitarás tener el panel Apariencia frente a ti. Si no lo tienes en tu espacio de trabajo, ve al menú Ventana y selecciona Apariencia. Nuevamente, voy a usar un círculo aquí, y empecemos asignándole un color de relleno sólido, así que tenemos algún tipo de color de fondo. Entonces necesitamos añadir un nuevo relleno haciendo clic en este botón. Ahora selecciona este nuevo relleno en el panel Apariencia y configúrelo en gradiente. El panel Apariencia enumera todos los atributos que
se aplican al objeto y pueden incluir ajustes de relleno, trazo, efectos y opacidad. Tenga en cuenta que a través de este panel se
puede controlar la Opacidad y el Modo de fusión del objeto en general, así
como de sus atributos separados de relleno y trazo. Ahora vamos a configurar nuestro nuevo gradiente usando la herramienta Degradado y el panel Degradado. Para poder mezclar rellenos de degradado entre sí o con el color de fondo del objeto puede utilizar los ajustes de opacidad para las paradas de color degradado, o los Modos de fusión de los rellenos separados, o una combinación de ambos. Como esta técnica se trata de mezclar múltiples cosas juntas, normalmente
empiezo con crear un gradiente de desvanecimiento, desapareciendo. Para esto pongo ambos topes de color
al mismo color. Y luego establece la opacidad de uno de ellos en 0. Esto crea una transición suave de este color hacia la transparencia. También puedes usar diferentes topes de color, pero en este caso tendrás una transición de gradiente del color así
como de la opacidad. Si tienes un gradiente más complejo cual tiene una serie de colores diferentes, necesitarás trabajar cuidadosamente la opacidad que deseas tener a lo largo de ella. Pero mi consejo sigue siendo desvanecer suavemente los colores hacia fuera en transparencia en el borde. Cuando configure su gradiente de desvanecimiento, seleccione la herramienta Degradado y ajuste su tamaño y posición. Entonces vamos a crear otro gradiente de desvanecimiento. Lo pondré a algún otro color aquí. Y luego para poder crear un efecto voy tras necesito mover este gradiente a una posición diferente, y rotarlo, así. Si desea restablecer la alineación del gradiente a la posición central predeterminada, la forma más fácil de hacerlo es cambiando el tipo de degradado en el panel Degradado a otro y luego cambiarlo a lo que se supone que es. Esto ya se ve bastante emocionante, pesar de que es bastante sutil. Si continuas agregando más gradientes, cambiando sus colores y moviéndolos alrededor, puedes hacer muchos efectos impresionantes. Asegúrese de seleccionar el relleno degradado que desea modificar mediante el panel Apariencia. Y también usa este panel y arrastra los rellenos por ahí si necesitas cambiar el orden en el que se aplican al objeto. El relleno inferior se aplica primero, y el de arriba se aplica en último lugar. Cuando haya configurado sus múltiples rellenos de degradado dentro de un objeto, también
puede experimentar con el cambio de sus modos de fusión en el panel Apariencia. Asegúrate de abrir el relleno degradado que quieres ajustar, haz clic en el Opacidad justo debajo de él, y echa un vistazo a diferentes Modos de mezcla de la lista. Los modos de fusión son bastante complejos y los efectos que crean dependen en los colores del gradiente al que se aplique el Modo de fusión y del fondo debajo de él. Por lo que para obtener un resultado
que desea hay que mirar aunque diferentes modos en cada caso particular. Aquí no hay atajos, ¡y la belleza está en lo inesperado! Si quieres integrar tu objeto lleno de gradiente como este con todos estos colores que se desvanecen con el fondo, también
puedes dispensar el relleno
de fondo y tener un objeto parcialmente translúcido como este. Hay toneladas de oportunidades para la experimentación, así que juega con la adición de múltiples rellenos de gradiente a diferentes objetos y ¡mira lo que se te ocurre!
11. Aplicación de degradados a tipografía editable: Aplicar gradientes a objetos de tipo editables es súper útil, aunque no es tan sencillo como cabría esperar. Empecemos por seleccionar la herramienta
Tipo, escribir algo y escribirlo rápidamente usando el panel Carácter. Esto servirá. Si seleccionamos este texto utilizando la herramienta Selección y configuramos el tipo de relleno en Degradado, no pasará nada. Al parecer se ha aplicado el gradiente, pero no se puede ver ningún cambio. Y si seleccionamos texto usando la herramienta Tipo y aplicamos relleno degradado, tampoco sucederá
nada. Pero hay una manera. Seleccione su objeto de tipo con la herramienta Selección y vaya al panel Apariencia. Y adivina qué? No hay atributo de relleno aplicado al tipo, pero cuando seleccionas tu texto con la herramienta Tipo, aquí
hay un atributo Rellenar, pero no puede interpretar degradados. Por lo que para aplicar gradiente a tu tipo, primero debes seleccionarlo con la herramienta Selección y configurar su relleno en Ninguno. Esto asegurará que no tendrás un color de fondo proveniente de la configuración de tipo, y esto es muy importante, así que asegúrate de establecer relleno en ninguno aquí para todo el objeto. Ahora, mientras tienes tu objeto de tipo seleccionado con la herramienta Selección, ve al panel Apariencia y haz clic en el botón Añadir nuevo relleno aquí. Esto agregará tanto los atributos Relleno como Trazo a su objeto de tipo que ahora puede configurar. Seleccione este relleno y establezca su tipo en Degradado en el panel Herramientas. Ahora puedes aplicar un gradiente lineal o radial a tu tipo y configurarlo forma habitual utilizando
el panel Degradado y la herramienta Degradado como si fuera cualquier otro objeto. Dado que no hemos delineado este tipo, ahora
puedes editar el texto o el estilo de tipo tanto como quieras. Recuerda no editar el color de tu texto mientras lo tienes seleccionado o resaltado usando la herramienta Tipo, ya que esto agregará un color extra debajo del degradado. lugar solo edita tu relleno de texto
a través del panel Apariencia mientras lo tienes seleccionado con la herramienta Selección. Y si quieres agregar otro relleno degradado a tu tipo o un relleno de color para usarlo como fondo, puedes hacerlo aquí, y luego explorar usando varios rellenos como lo hemos hecho en la parte anterior. Tenga en cuenta que el texto dentro de un objeto de tipo tendrá un gradiente continuo aplicado a él como Illustrator lo ve como un objeto y no como caracteres separados. Para aplicar degradados a caracteres o palabras separados, deberá crearlos como objetos de tipo separado, lo que significa que deberá escribirlos por separado y verlos como objetos separados en el panel Capas. Alternativamente puedes crear contornos, pero esto evitará que tu texto sea editable, e Illustrator lo tratará como cualquier otra forma vectorial en su lugar. Si crea contornos a partir del tipo que tiene aplicado un gradiente continuo, permanecerá aplicado al grupo de objetos, y verá el atributo de degradado en el panel Apariencia cuando tenga seleccionado el grupo. Y si lo desagrupa presionando Comando+Mayús+G, o Control+Mayús+G en Windows, el atributo de gradiente desaparecerá. Y si aplicas gradiente a estos objetos ahora, se aplicará a cada objeto de forma individual. Si los vuelve a agrupar y aplica gradiente haciendo clic en el panel Herramientas, el gradiente se aplicará dentro de un grupo a cada objeto individual y no al grupo en general. Por lo que a la hora de aplicar un gradiente continuo al texto, se hace mejor al objeto de tipo editable, sobre todo porque es editable. Pero hay algunas formas diferentes de aplicar gradientes continuos a los objetos separados, y esto es lo que vamos a ver a continuación.
12. Aplicación de degradados en varios objetos: Aplicar gradientes a múltiples objetos podría parecer algo muy obvio, pero en Illustrator hay algunas formas diferentes de
hacerlo y cada una de ellas permite crear diferentes efectos. Volvamos a este tipo esbozado que hemos creado antes. Dado que está agrupado, se
puede aplicar un atributo de relleno a todo el grupo, pero antes de hacerlo
necesitamos asegurarnos de que cada objeto individual tenga un color de relleno establecido en Ninguno. Por lo tanto, seleccione el grupo y establezca el color de relleno en ninguno en el panel Herramientas. Presta atención a lo que ves en el panel Apariencia, y en este punto no debería haber ningún atributo de relleno aplicado al grupo. Por lo que los cambios que has realizado se aplicaron a los objetos individuales dentro del grupo. Ahora, teniendo seleccionado este grupo, en el panel Apariencia, haga clic en Agregar nuevo relleno, y colóquelo en gradiente. Ahora puedes ajustarlo de la forma que quieras usando el panel Degradado y la herramienta Degradado, y agregar tantos rellenos de degradado como desees, la misma manera que te he mostrado antes en esta clase. Recuerda que esta técnica funcionará con cualquier objeto vectorial lleno y no solo tipo delineado. Si haces doble clic en cualquier objeto dentro de un grupo entrarás en el modo Aislamiento donde solo puedes trabajar con el contenido del grupo, y si comienzas a mover el objeto dentro de un grupo alrededor verás el beneficio de aplicar gradientes a grupos de objetos. Al cambiar la posición de cualquier objeto dentro de un grupo, el relleno degradado que se le aplique se
actualizará automáticamente de acuerdo a lo que debería ser en esta ubicación en particular. Por lo que puedes reorganizar fácilmente los elementos mientras tienes el gradiente cubriéndolos continuamente. Para salir del modo Aislamiento haga clic en este botón de flecha en la ventana del documento o haga doble clic en cualquier lugar alejado de los objetos del grupo. Si bien tener objetos en un grupo puede ser beneficioso en algunos casos, en Illustrator realidad no es necesario tener objetos agrupados para poder aplicar un gradiente continuo en todos ellos. Entonces, digamos que quieres aplicar un gradiente a todas estas formas. Para ello, es necesario seleccionarlos todos utilizando la herramienta Selección y luego establecer su relleno en gradiente. Esto aplicará un gradiente a cada objeto dentro de su selección. Esto es útil si se quiere aplicar el mismo gradiente no continuo a una serie de objetos, pero esto no es lo que queremos hacer aquí. Por lo que mientras tienes los objetos seleccionados,
selecciona la herramienta Degradado en el panel Herramientas, ve al punto donde quieres que comience tu gradiente y crea un gradiente arrastrando el mouse hasta el punto donde quieres que termine , así. Y el gradiente llenará continuamente tus objetos seleccionados. El resultado será más predecible cuando los gradientes individuales que llenan todos los objetos seleccionados sean los mismos para empezar. Si bien tiene todo seleccionado y con la herramienta Degradado todavía activa, puede editar su degradado utilizando el panel Degradado. Después de liberar la selección, para editar el gradiente aplicado a los objetos más adelante, tendrás que dibujar un nuevo gradiente una vez más. Después de aplicar el gradiente original, ahora
todos los objetos tendrán deslizadores de gradiente individuales, por lo que podrá reorganizar fácilmente los elementos para crear diferentes efectos. Si deseas incluir un objeto de tipo editable en la misma selección y aplicarle un gradiente continuo como parte de una composición más grande, asegúrate de haberle asignado un gradiente usando la técnica que he mostrado en la parte anterior, y asegúrese de que el gradiente sea el
mismo que el aplicado a otros objetos dentro de la selección. Si todo está bien, podrás aplicar un gradiente a una mezcla de objetos como este. Entonces eso es todo para las técnicas de creación y aplicación gradientes de
relleno utilizando la herramienta Degradado y el panel Degradado. A continuación, echemos un vistazo a agregar gradientes a los trazos y diferentes formas divertidas en las que puedes usarlos en tu trabajo.
13. Aplicación de degradados a los trazos: Introducción: Los gradientes de trazo proporcionan una tonelada de diferentes posibilidades creativas tanto por sí mismos como en combinación con otros elementos y técnicas. Y hacen que sea súper rápido y fácil crear muchos efectos impresionantes,
que de lo contrario tomarían algún tiempo y esfuerzo. La función Stroke Gradients está disponible en las versiones de Illustrator CS6 y Creative Cloud, por lo que si tienes una versión anterior de Illustrator necesitarás usar una que te mostraré un poco más adelante en la parte sobre la creación de gradiente cepillos. Pero en cualquier caso, existen ciertos conceptos que son los mismos independientemente de si estás usando la herramienta de gradiente de trazos o aplicando gradientes a trazos usando pinceles, y los cubriré en esta y las siguientes partes. Para ver cómo funcionan los diferentes ajustes de gradiente de trazo usemos este círculo, este semicírculo, este camino cerrado de forma orgánica y un segmento de línea recta. Ahora tenemos que seleccionarlos, y establecer el color de relleno en ninguno y trazo en gradiente. Por el momento no podemos ver mucho aquí ya que el trazo es bastante delgado, así que vayamos al panel Stroke y aumentemos el peso del trazo aquí. También pondré gorras a redondeadas, sólo porque me gusta que las cosas sean redondas. Puedes usar la mayoría de los diferentes ajustes de este panel, incluyendo mayúsculas, esquinas, líneas discontinuas y perfiles de trazo, y combinados con gradientes de trazo te
permitirán crear algunas cosas geniales, así que mantén estos opciones en mente cuando comienzas a experimentar! Si quieres aprender sobre diferentes posibilidades de peinar trazos usando el panel Trazo, no dudes en revisar mi clase Creando patrones abstractos de moda en Illustrator cual tiene una parte separada dedicada a Ajustes de trazo. Ahora volvamos al panel Degradado y echemos un vistazo a qué opciones tenemos disponibles aquí. A diferencia de cuando se utilizan degradados de relleno, con gradientes de trazo no se
puede utilizar la herramienta Degradado para ajustar o posicionar el degradado. Por otro lado, existen tres opciones diferentes que te permiten elegir la forma en que se aplica el gradiente a tus trazos y también puedes elegir entre gradientes de trazo lineal y radial los cuales se verán ligeramente diferente para todas estas tres opciones aquí. Sigamos con el tipo de gradiente lineal por ahora ya que es la más sencilla de las dos, y echaremos un vistazo al tipo radial en relación con cada una de estas opciones a continuación por separado. Entonces aquí tenemos tres formas diferentes de aplicar gradiente a los trazos,
incluida la aplicación de gradiente dentro del trazo, lo largo del trazo y a través del trazo. Si bien todos parecen ser bastante sencillos, hay algunos trucos y técnicas que puedes utilizar para sacar el máximo partido a cada uno
de estos tipos de gradientes, ¡así que vamos a echarles un vistazo!
14. Uso de degradados en los trazos: La primera opción para aplicar gradiente al trazo está dentro del trazo, como si se tratara de una forma y el gradiente lo estuviera llenando. Cuando el tipo de degradado anterior se establece en Lineal, la propagación del degradado es de un lado a otro, y se puede controlar el ángulo del degradado a través del panel Degradado, pero no se puede cambiar la posición o el tamaño del degradado porque la herramienta Degradado no funciona con gradientes de trazo, como ya he mencionado. Si cambia el tipo de degradado a Radial, el centro del gradiente estará en el centro del cuadro limitador alrededor de la trayectoria,
y la forma en que el gradiente rellena el trazo será diferente dependiendo la forma de su trayectoria y donde el centro de la caja limitadora cae. Cuando se trabaja con caminos de forma extraña, esto puede hacer que el uso de este tipo de gradientes sea un poco menos intuitivo. lo que suelo usar los lineales en su lugar, sólo por el bien de tener una difusión fácilmente predecible de los colores dentro del trazo. Por otro lado, si optas por usar gradientes radiales dentro de trazos, puedes jugar con la relación de aspecto y el ángulo de rotación para crear algunos efectos divertidos. Pero de nuevo, no se puede editar la posición o el tamaño
del gradiente dentro del trazo, ni la posición del punto de origen. Todos los gradientes de trazo se aplican dinámicamente, por lo que si realiza algún cambio en la configuración de trayectoria o trazo, el gradiente se actualizará para cubrir completamente los trazos. Algo a tener en cuenta, es que si rotas un objeto con un gradiente de trazo aplicado a él, el gradiente se girará de la misma
manera, por lo que si quieres mantener el ángulo original del gradiente, pero cambia el rotación del objeto, deberá restablecer el ángulo del gradiente por separado. Si aplica un gradiente de trazo a una serie de trazos, se aplicará
el mismo gradiente dentro de cada uno de ellos individualmente tomando en cuenta sus respectivas rutas. Si desea aplicar un gradiente de trazo continuo dentro de múltiples trayectorias, puede utilizar una técnica similar a la que hemos utilizado anteriormente en esta clase al aplicar un relleno degradado continuo a múltiples objetos agrupados. Por ejemplo, para aplicar un gradiente dentro de todos estos trazos, por lo que comienza de este lado y termina aquí, en primer lugar, es necesario establecer trazo en Ninguno para todos ellos. ¡ Esto es muy importante! Después agrupa todas estas rutas, y con el grupo seleccionado ve al panel Apariencia. Aquí debería decir Grupo, y no Camino ni nada más. Ahora da clic en el botón Añadir nuevo trazo aquí para agregar un atributo de trazo a este grupo, aumentar su peso para que puedas verlo, y luego establecer el trazo en gradiente. Y ahora puedes editar el gradiente de la manera habitual. Y puedes editar los ajustes de trazo a través este atributo de trazo aplicado a todas las rutas del grupo. Se pueden editar las rutas dentro del grupo, moverlas, escalarlas o rotarlas, y el gradiente los llenará de acuerdo a su nueva posición dentro del grupo, la misma manera que hemos visto con los gradientes de relleno. gradiente dentro del trazo es el único tipo de gradiente de trazo que permite elegir entre diferentes alineaciones de trazo a trazado en el panel Trazo, si está trabajando con trazados cerrados. Y puedes aprovechar esta característica y crear muy fácilmente un efecto como este. Comience seleccionando un trazado cerrado con un gradiente lineal dentro del trazo aplicado a él, y vaya al panel Apariencia. Aquí selecciona el atributo de trazo y haz clic en el botón Duplicar elemento seleccionado aquí. Ahora abre los ajustes de trazo para el trazo superior y configura el trazo para que la alineación de trazado sea Outside. A continuación, vaya al segundo
atributo de trazo y establezca la alineación de trazo en el Inside en su lugar. Una vez hecho esto, ve y edita los ajustes de degradado para tus trazos, por ejemplo, cambia el ángulo de uno de los gradientes. Y aquí tienes un objeto de aspecto divertido! Normalmente me detengo aquí, pero si quieres, puedes cambiar otros ajustes de gradiente para uno, o ambos de los gradientes de trazo, experimentar con diferentes pesos de trazo, y ver qué puedes crear. Dado que hemos aplicado dos atributos de trazo a un camino, sigue siendo solo un objeto en el panel Capas, por lo que puedes moverlo fácilmente y no preocuparte por desalinear tus trazos. Pero si quieres editar tus trazos, tendrás que hacerlo a través del panel Apariencia, tal y como hemos hecho con los múltiples rellenos. Entonces, eso es todo para los gradientes dentro del trazo. A continuación, pasemos a cosas aún más emocionantes, ¡que puedes crear usando gradientes a lo largo del trazo!
15. Uso de degradados a lo largo de los trazos: La segunda opción para aplicar gradiente al trazo es a lo largo del trazo, y esta es una característica súper útil! Con este ajuste puedes colorear muy bien letras o dibujos monolinos, usarla en infografías o en cualquier otro tipo de diseños o ilustraciones que requieran este tipo de coloración lúdica o dinámica y transición de colores siguiendo junto con la dirección de los caminos. Este tipo de gradientes de trazo solo funciona con los trazos alineados centralmente a los caminos, por lo que si estás tratando de aplicarlo a tu trayectoria pero no pasa nada, asegúrate de ajustar la alineación del trazo al centro, y todo funcionará bien. Si está trabajando con una trayectoria abierta y creando un gradiente lineal a lo largo del trazo, la transición irá desde el punto de inicio del camino hasta el punto final y corresponderá directamente a su deslizador de gradiente aquí. Y si estableces el tipo de degradado en radial, juntos estos dos ajustes crearán un gradiente reflejado en su lugar, con el color de la izquierda del deslizador en el centro de la trayectoria, y el color de la derecha en los extremos. Y como de costumbre, puedes cambiarlos usando este botón. Los puntos inicial y final son obvios cuando se trabaja con trayectorias abiertas, pero cualquier ruta cerrada también tiene un punto que actúa como el principio y el final a la vez, y cuando se trabaja con gradientes a lo largo del trazo determina dónde se gradiente comienza y termina. Es más obvio cuando estás usando un gradiente lineal a lo largo del trazo, por ejemplo, como aquí. Y a menos que estés trabajando con un círculo que simplemente puedes girar para cambiar la forma en que se ve el degradado, si quieres cambiar la ubicación del punto en el camino donde empiezan los gradientes, tendrás que hacerlo en un par de pasos. En primer lugar, decide dónde quieres que esté este punto, y luego si el camino no tiene un punto de anclaje en este punto, cambia a la herramienta Pluma y agrega un punto al camino, así. A continuación, cambie a la herramienta Selección directa, seleccione sólo este punto y luego vaya al panel Control y haga clic en
el botón Cortar Trayectoria en Puntos de anclaje seleccionados aquí. Tu gradiente debería cambiar la forma en que va alrededor de tu camino. Ahora anula la selección de todos, luego cambia a la herramienta Selección, selecciona tu ruta y pulsa Comando+J, o Control+J en Windows, para unirte a los puntos finales. Y aquí tienes un camino cerrado con un nuevo punto de inicio y final. Si estás trabajando con un camino cerrado, es posible que quieras recorrer tu gradiente para tener una transición suave de colores en todo el camino. Y hay dos formas de hacerlo. La forma más rápida y sencilla es estableciendo el tipo de gradiente a radial aquí, y voila, realmente no
necesitas hacer nada más. Entonces si quieres tener exactamente los mismos topes de color en ambos lados de tu gradiente de bucle, esta es la técnica a usar. Por otro lado, si quieres tener diferentes colores alrededor del bucle, necesitarás usar un tipo de gradiente lineal en su lugar, y configurar manualmente tu gradiente de bucle. Empieza por Alt arrastrando uno de los extremos de color para copiarlo y colocarlo en el otro extremo del gradiente. A continuación, ajusta otras paradas de color en el medio y añade más topes de color para crear una transición limpia y
hermosa en todo el camino. Por ejemplo, voy a utilizar todos los colores de este grupo que hemos creado al principio de la clase. Por lo que estos son un par de trucos súper fáciles para crear gradientes en bucle que se ven muy bien en todo tipo de caminos cerrados! Usando gradientes a lo largo de trazos también
puedes crear divertidos gradientes circulares, por ejemplo, como éste o éste. Todo lo que necesitas hacer es crear un círculo, anotar su diámetro que puedes ver en el panel Transformar, luego establecer su peso de trazo en exactamente el mismo valor que el diámetro, y finalmente establecer tu gradiente a lo largo del trazo de la manera que te guste. Si necesitas escalar este círculo hacia arriba o hacia abajo, asegúrate de ir al panel Transformar y marca Escala trazos y efectos para escalar el peso del trazo proporcionalmente con el círculo para mantenerlo intacto. Dado que la creación de este tipo de gradientes se basa en usar un círculo como base, aplicarlo a cualquier otra forma, necesitarás crear una Máscara de recorte fuera de la forma que quieras rellenar con un degradado circular, por ejemplo, así. Aparte de tener algunas transiciones de color divertidas a lo largo los trazos, también puedes crear algunos trazos de desvanecimiento, si estableces la opacidad de una de las paradas de color en 0%. O puedes tener un tope de color opaco o algunos de ellos en el medio de tu gradiente, y usar topes de color transparentes en ambos extremos, por ejemplo, así. Este es uno de mis trucos favoritos, ¡y hay mucho espacio para la experimentación! Por ejemplo, puedes usar diferentes colores para tus topes de color opacos y transparentes, y crear no solo un simple gradiente de opacidad, sino también una interesante transición de color hacia transparencia. Y particularmente si estás trabajando con caminos abiertos, puedes
divertirte mucho con los ajustes de gorra y los perfiles de trazo. También puedes experimentar con el uso de topes de color transparentes o no 100% opacos dentro de tus gradientes para agregar algo de transparencia a tu trabajo lo cual puede ser útil para estratificar tus trazos de degradado sobre un fondo, sobre algunos otros elementos en su diseño, o sobre el otro. Por lo que los gradientes a lo largo de los stokes son bastante impresionantes y hay tantas formas emocionantes en las que puedes usarlos en tu trabajo! Entonces experimenta y ve lo que se te ocurre! Y a continuación, ¡echemos un vistazo al tipo restante de gradientes de trazo y a algunas formas de usarlos!
16. Uso de degradados a través de los trazos: La opción de degradado de tercer trazo aquí permite aplicar gradiente a través del trazo, y puede ser útil para colorear letras de línea o ilustraciones, pero probablemente lo más emocionante y útil respecto es que puedes usarlo para agregar tanto a los elementos lineales como a cualquier forma en su trabajo. Crear una sensación de volumen dentro de los trazos suele depender del uso de múltiples atributos de trazo, y lo veremos en la siguiente parte, ya que es una técnica un poco más compleja. Por otro lado, el uso de gradientes a través de trazos para agregar una sombra interna o externa o resplandor a todo tipo de formas, independientemente de lo curiosas que sean, es bastante simple y ofrece muchas posibilidades creativas! Los gradientes a través de trazos se pueden aplicar solo a trazos alineados centralmente a caminos, y se puede utilizar esta técnica con cualquier tipo de caminos abiertos o cerrados. Voy a usar esta forma orgánica aquí. Empecemos aplicando un gradiente lineal a través del trazo, y configuremos un gradiente con 2 paradas ajustadas al mismo color, y uno de ellos establecido en 0% de Opacidad, así. Dado que se trata de un trazo, la propagación de este gradiente se puede controlar usando el ajuste de peso de Stroke, así que vamos a aumentarlo para tener más de una sombra. Debido a que el trazo está alineado a la trayectoria de forma centralizada, se
puede ver que este gradiente no comienza en la trayectoria sino en este caso, dentro de la forma. En algunas situaciones esto podría no ser un problema, por ejemplo, si solo estás creando formas sin ningún relleno y no estás realmente molesto acerca de dónde están realmente los caminos. Pero la mayoría de las veces,
lo ideal sería que tu gradiente partiera del camino mismo. La forma más fácil de hacerlo es trasladando esta parada de color opaco
al centro y ajustando su ubicación precisamente al 50%. Después Alt arrastra la parada de color transparente hasta el otro lado de tu gradiente para crear una copia, así. Después selecciona esta nueva parada transparente y también establece su ubicación en exactamente 50%. ¡ Y aquí lo tienes! Ahora puedes reflejar todo el gradiente haciendo clic en este botón e ir fácilmente entre tener sombra interior y exterior,
o resplandor, si utilizaste colores claros o brillantes en su lugar. Y luego puedes rellenar tu forma con un color, o un degradado, o colocarla sobre algún fondo, y experimentar con diferentes opciones de mezcla, por ejemplo Oscurecer o Multiplicar, si estás creando un efecto de sombra, o Overlay o Soft Light para tener más color a ella, o Screen, si estás creando un resplandor. Por supuesto, también puedes agregar este tipo de efectos usando
los efectos reales de Illustrator que se pueden encontrar en la sección Estilizarse del menú Efecto. Pero hay bastantes beneficios de usar gradientes de trazo en lugar de los efectos. Entonces, siempre que puedo, uso gradientes de trazo en lugar de los efectos Brillo Exterior o Interno , en
primer lugar, porque generalmente Illustrator funciona bastante más rápido cuando no estás usando este tipo de efectos. En segundo lugar, porque puedes aplicar gradientes de trazo a formas que no tienen ningún relleno, por lo que puedes divertirte aquí. En tercer lugar, porque puedes acceder y jugar fácilmente con los ajustes de trazo, incluyendo el peso de trazo más obvio, pero también diferentes perfiles de trazo, o si no tienes ningún perfil divertido personalizado, también
puedes utiliza la herramienta Ancho para jugar con la forma de tu trazo y de ahí tu gradiente. Y por último, porque tu puedes usar múltiples colores diferentes en tus degradados de desvanecimiento y crear algunas transiciones de color interesantes en transparencia. Mi forma favorita de usar este tipo de gradientes es colocándolos sobre otros fondos llenos de gradientes, y creando este tipo de efecto líquido. Entonces esta es una técnica bastante simple pero divertida. A continuación, echemos un vistazo a una forma diferente de usar degradados a través de trazos y capas múltiples trazos para crear un efecto de volumen y sombreado dentro de los trazos reales.
17. Trazos de sombreado con degradados: la misma manera que hemos agregado múltiples rellenos a los objetos, puedes agregar múltiples trazos, y esto proporciona una tonelada de nuevas posibilidades creativas para agregar volumen a elementos basados en trazos en tu trabajo, y puede ser particularmente útil para sombrear letras
monolinas o dibujos monolinos con áreas superpuestas. A modo de ejemplo voy a utilizar este camino aquí, que ya tiene un gradiente a lo largo de trazo aplicado a él. Y empecemos con la técnica de sombreado. Selecciona un trazo que quieras sombrear y ve al panel Apariencia. Seleccione el atributo de trazo que ya se
le ha aplicado y haga clic en el botón Duplicar elemento seleccionado aquí. Asegúrate de que tu nuevo trazo esté por encima del que se utiliza para colorear el trazo, y que sus ajustes sean absolutamente los mismos, y deberían serlo ya que hemos duplicado el anterior. Ahora selecciona el atributo de trazo superior y ve al panel Degradado. Aquí necesitamos aplicar un Gradient Across Stroke, configurarlo en lineal y configurarlo para que sombree nuestro trazo. Para ello necesitaremos 3 topes de color. Establece la opacidad del medio en 0, y luego ve a jugar con los colores de las paradas de color. Prefiero ajustar todos los topes de color al mismo color solo para tener un gradiente de opacidad. Pero puedes jugar con los colores ya que te
permite crear algunos efectos colorantes interesantes. Al sombrear con colores más oscuros, el tope de color transparente es el centro será el área más clara del camino, así que muévelo si quieres tener un efecto de iluminación diferente. También puedes mover los puntos medios alrededor para controlar la propagación del gradiente. Las áreas de sombreado podrían parecer un poco duras, sobre todo si estás usando colores muy oscuros, por lo que podrías estar tentado a cambiar la opacidad de las paradas de color en el borde. Mejor dejarlos solos, y volver al panel Apariencia y cambiar en su lugar la opacidad de todo este trazo de gradiente. Esto se ve mucho mejor ya. Pero no olvides que aquí también
puedes establecer el Modo de fusión de este trazo de gradiente. Oscurecer, Multiplicar, Superponer o Suave Light puede ser bastante bueno para diferentes niveles de sombreado. Así que experimenta con diferentes colores, opacidad y modos de mezcla, y mira qué puedes crear! Si buscas un efecto de resplandor interno, en lugar de sombrear, usa el mismo tipo de gradiente de 3 paradas con un tope transparente en el medio y simplemente configura los topes de color a algún color claro o blanco, por ejemplo, así. A continuación, establezca el modo de fusión de este gradiente de trazo en Pantalla, y ajuste su opacidad. Y luego ve y ajusta las ubicaciones de la parada de color medio y los puntos medios para crear el efecto deseado. Usando un enfoque similar también
puedes crear un resaltado que correrá a lo largo de tu camino, por ejemplo, así. Para esto, copie este gradiente de sombreado, luego seleccione el de arriba y establezca su Modo de fusión en Pantalla y Opacidad en 100%. Y luego ir y ajustar el gradiente. En este caso, necesitarás un tope de color opaco en el medio, y otro transparente en los extremos. Ajuste los colores a cualquier color claro o incluso blanco, y luego ajuste las posiciones de las paradas de color y los puntos medios. Dado que este gradiente tiene topes transparentes en los bordes, incluso
puedes tirar de estos extremos hacia adentro, si quieres tener un gradiente más corto, por ejemplo, así. Ahora puedes ir y ajustar la Opacidad de este gradiente de resaltado, y también explorar otros Modos de fusión. Dependiendo de los colores de tu trazo y de los colores utilizados en el resaltado, aparte del modo Pantalla, considera revisar Lighten, Overlay y Soft Light para crear diferentes efectos. Si buscas un gradiente reflejado muy simple para sombreado, resplandor interno o reflejos y no te importa que sea simétrico, también
puedes usar solo dos topes de color y establecer aquí el tipo de gradiente. Puede ser bastante rápido de usar, pero prefiero usar gradientes lineales en su lugar porque poder ajustar la posición de la parada de color medio en el gradiente hace toda la diferencia y hace que sea mucho más divertido experimentar con. Así que aquí te mostramos cómo puedes agregar sombreado, brillo
interior y reflejos dentro de tus trazos. Experimenta combinando estos efectos con diferentes tipos de trazos, incluyendo trazos de gradiente, pero también con trazos de color
sólido e incluso trazos llenos de patrones. Entonces eso es todo para mis consejos favoritos, trucos y técnicas para usar Gradientes de Stroke. A continuación, pasemos a formas más experimentales de crear gradientes utilizando algunas otras herramientas.
18. Creación de degradados con la herramienta de malla de degradado: Otra gran herramienta para crear degradados en Illustrator es la herramienta Degradated Mesh. Está diseñado para hacer ilustraciones fotorrealistas, pero cuando se mete en las manos equivocadas, su lugar se pueden crear
emocionantes diseños abstractos experimentales, y en eso nos estaremos concentrando en esta clase. Para crear una malla de gradiente es necesario
comenzar con un objeto. Voy a usar esta nueva plaza para ello. Hay dos formas de crear una malla, dependiendo de lo precisa que quieras que sea. Si desea establecer puntos de malla manualmente, puede utilizar la herramienta Malla. Debido a que este cuadrado tiene asignado un color de relleno, puedo hacer clic en cualquier lugar dentro de él y crear puntos de malla de esta manera. Si tienes un objeto que tiene un color de relleno establecido en ninguno, solo
podrás añadir puntos de malla ya sea en el contorno del objeto o en las líneas de malla cuando se crean. Si quieres crear una malla pareja, puedes hacerlo automáticamente. Para ello, seleccione su objeto con la herramienta Selección, vaya al menú Objeto y seleccione Crear malla degradado. En esta ventana marque Vista previa para ver los cambios y establecer el número de filas y columnas. Después selecciona Apariencia, escogeré Plano ya que no quiero tener ningún resaltado automático los cuales se crean usando las otras dos opciones aquí, pero estas opciones pueden ser útiles, así que recuerda que existen. Cuando estés contento con los ajustes, haz clic en Aceptar para generar tu malla de gradiente. Las mallas de gradiente se pueden crear dentro de la mayoría de las trayectorias rellenas aparte de las trayectorias compuestas, así que ten en cuenta que no estás limitado a formas geométricas básicas. Entonces, de cualquier manera una Malla de degradado divide un objeto en una serie de celdas, y cada punto donde las líneas de malla se cruzan puede tener un color diferente asignado a él. Puede seleccionar puntos de malla ya sea con la herramienta Malla o con la herramienta Selección directa. Y luego escoge un color en el panel Colores o de las muestras que hayas creado. De esta forma puedes colorear un objeto en una serie de colores que transitan suavemente entre sí. Cada punto de la malla es una especie de parada de color, por lo que suceden transiciones entre los puntos y dentro de cada celda. La herramienta Malla permite seleccionar y trabajar con un solo punto a la vez. Si desea seleccionar y trabajar con una serie de puntos de malla, debe
utilizar la herramienta Selección directa en su lugar y Mayús+clic para seleccionar varios puntos. Esto te permitirá colorear una serie de puntos seleccionados en tu malla en el mismo color y moverlos juntos. También puede ajustar las líneas de malla utilizando la herramienta Selección directa o la herramienta Malla. Al seleccionar un punto con cualquiera de estas herramientas, aparecerán
los mangos que te permitirán controlar las curvas y mantenerlas lisas girando pares de mangos opuestos que forman una línea recta. Aparte de las herramientas Selección directa y Malla, puedes utilizar la herramienta Punto de anclaje. Te permitirá ajustar los manejadores de curva individuales de esta manera, pero lo mejor de la herramienta Punto de anclaje es que si mantienes y arrastras el ratón lejos del punto seleccionado, puedes restablecer los manejadores en la cruz predeterminada posición en cuatro direcciones. Esto hace que sea muy fácil ajustar curvas y asas, si te metes algo. Si tus líneas de malla se superponen o las manijas que controlan diferentes puntos
se cruzan podrías crear este tipo de crestas. Se ven geniales, pero si lo empujas demasiado lejos y creas bucles y fuerte superposición en la malla puede causar algunos defectos indeseables. Algunas cosas aquí podrían ser solo problemas de antialiasing de Illustrator, que no verás después de que todo se exporte correctamente, pero cosas como esta no lo son. Por lo que necesitarás ajustarlos y mover puntos y líneas de malla aparte si quieres que todo sea suave. Por lo general utilizo la herramienta Selección directa
ya que permite mover una serie de puntos al mismo tiempo, pero la herramienta Malla tiene su propia característica única. Si mantienes pulsada la tecla Mayús mientras arrastras un punto de malla con la herramienta Malla, seguirá una de las líneas de malla en las que se sienta, lo cual puede ser súper útil si no quieres mover una de las líneas de malla. También necesitarás usar la herramienta Malla para añadir nuevos topes de color a tu malla. En algunos casos, al añadir una nueva parada de color, el color se ajustará al color que aparece en este punto en particular en esta transición. Por lo que a veces es posible que quieras ajustar tus nuevos topes de color para que tu gradiente sea más refinado y para evitar colores desaturados turbios o apagados que se pueden crear automáticamente en tu malla. Para eliminar un punto de malla Alt haga clic sobre él utilizando la herramienta Malla, o selecciónelo con la herramienta Selección directa y pulse Suprimir. Si necesita cambiar la Opacidad de un punto de malla,
selecciónelo y, a continuación, configure la Opacidad en el valor deseado utilizando el panel Control, el panel Transparencia o el panel Apariencia. Usando mallas de gradiente y teniendo todo esto en mente, puedes crear muchas cosas diferentes, desde algo realmente minimalista hasta algo más experimental. Y si realmente te gusta la idea de usar mallas de gradiente dentro de algunas formas más complejas que en realidad no soportan mallas, siempre
puedes fingir enmascarando una malla de gradiente más grande dentro de tu forma compleja o trayectoria compuesta, por ejemplo, como he hecho aquí. Podrás encontrar el video completo de proceso time-lapse de mí creando este diseño como bono al final de esta clase. A diferencia de cuando se utilizan los gradientes de forma libre, cuando
se utilizan las Mallas de degradado no es tan rápido o fácil mover el color se detiene alrededor, sino por otro lado, porque la malla se basa en puntos y líneas o curvas y los colores se distribuyen entre ellos, esto ofrece bastantes opciones diferentes para crear ilustraciones experimentales al distorsionar la estructura de la malla como los colores seguirán! Entonces a continuación lanzemos algunas herramientas de distorsión a la mezcla y veamos cómo se pueden usar para crear diseños aún más experimentales.
19. Distorsión de mallas de degradado para crear diseños experimentales: Aparte de mover manualmente los puntos de malla y crear algunas cosas emocionantes de esta manera, también
puedes usar algunas otras herramientas con las mallas de gradiente para distorsionarlas y crear obras de arte experimentales. Antes de empezar a distorsionar tu malla de gradiente, es una buena idea crear una copia de la misma y mantenerla como respaldo por si acaso. A continuación, seleccione la malla de degradado que desea distorsionar con la herramienta Selección. Tener tu objeto seleccionado, ve a este botón y elige una de las herramientas aquí. Puedes utilizar cualquiera de estas herramientas, aparte de la herramienta Ancho, ya que solo funciona con trazos. Todas estas herramientas distorsionan objetos de diferentes maneras, y mis herramientas favoritas aquí son Warp, Twirl, Crystallise y Wrinkle. Pero las otras herramientas aquí también son geniales, así que asegúrate de revisarlas todas. Cada una de estas herramientas se puede configurar pulsando Intro para acceder a esta ventana de configuración. Hay algunos ajustes que son compartidos por estas herramientas, y también hay algunos ajustes que son únicos para herramientas específicas. Pero generalmente controlan el tamaño, intensidad y el nivel de distorsión. Por lo tanto, experimenta con todos estos ajustes y ve cómo afectan a tus mallas de gradiente. Y aquí te presentamos algunos consejos para ayudarte a mantenerte alejado de problemas. En primer lugar, utilice un valor Detail bajo, como 1 o 2. Determina el número de puntos que se crearán en tu malla distorsionada, y lo mejor es evitar crear muchos de ellos, porque muchos puntos pueden hacer que tu malla sea muy áspera y desordenada, y harán que tu gráfico sea muy complejo lo que puede provocar que tu Illustrator se congele o se bloquee, ya que hay una gran cantidad de datos que procesar. Entonces si quieres que la distorsión sea más compleja, controla
mejor con el ajuste de Complejidad donde está disponible, pero intenta no ir demasiado lejos aquí tampoco. Si desea tener distorsiones más controlables y sutiles, baje el valor Intensidad: menor sea el número, más lenta será la distorsión cuando empiece a usar la herramienta seleccionada. El tamaño de cada herramienta determina la forma dentro de la cual se moverán los puntos, y se puede establecer manualmente a cualquier valor, aunque solo permite establecerlo en un máximo de 400 px a través de este menú desplegable. Y puedes
divertirte un poco creando pinceles elípticos y jugando aquí con diferentes ángulos. Ten en cuenta que he editado este menú de configuración separado capturado en este video, que puedas ver qué ajustes estoy usando, y necesitarás aplicar cambios y cerrar este menú de configuración antes de poder empezar a usar cualquiera de las herramientas de distorsión. Al cerrar la ventana de configuración, también
puede cambiar el tamaño de las herramientas de distorsión manteniendo presionada
la tecla Alt y el botón izquierdo del ratón y arrastrando el mouse, así. Cuando lo haga, mantenga presionada la tecla Mayús, si desea restringir las proporciones de su pincel de herramienta de distorsión original. Entonces, por ejemplo, esto es lo que puede hacer la herramienta Warp. Aquí está Crystallise. Y aquí está Wrinkle. Cuando se utiliza la herramienta Arrugas, se
puede establecer cuánta distorsión se crea vertical y horizontalmente utilizando estos atributos. Si utilizas la herramienta Twirl, puedes controlar qué tan rápido se aplica usando el ajuste Velocidad de giro, que va entre —180° y 180°, y cuanto más cerca esté
de 0, más lento será. El ajuste Velocidad de giro también permite cambiar entre girar en el sentido de las agujas del reloj, si está utilizando valores
negativos y en sentido contrario a las agujas del reloj, si está utilizando los positivos.
00:06:00 .530 —> 00:06:04 .130
Experimenta con estas herramientas y, dependiendo de cuánta distorsión quieras añadir a tu malla, ya sea usa cada una de ellas por su cuenta, o
combínate entre sí en un orden diferente y ¡ve qué puedes crear! Los resultados de usar algunas de estas herramientas pueden ser bastante ásperos y si creas distorsiones muy complejas, podría afectar el rendimiento de Illustrator, así que tenlo en cuenta antes de enloquecer con tus experimentos. Una cosa más a tener en cuenta antes de empezar a usar estas herramientas es si
quieres distorsionar toda la malla y sus bordes, o simplemente algunos puntos dentro de ella. Por supuesto que puedes escoger los puntos que quieres distorsionar usando los tamaños de pincel más pequeños, por ejemplo, así. Pero puede tener algunas limitaciones. Por lo que si quieres distorsionar solo ciertos puntos de tu malla, puedes seleccionarlos con la herramienta Selección directa antes de empezar a usar cualquiera de las herramientas Distorsión. Después de distorsionar tu malla, recuerda que puedes ajustar puntos y curvas utilizando las herramientas Selección directa, Malla o Punto de anclaje para ajustar las formas y transiciones de tu ilustración y eliminar cualquier defecto y líneas de desenredo para crear gradientes suaves y crestas limpias, si eso es lo que buscas. Si bien puedes usar mallas de gradiente dentro de diferentes tipos de formas, lo mejor es comenzar con lo que sea más cercano al objeto final que quieras crear. Por ejemplo, si quiero crear un fondo o un diseño basado en malla que deba cubrir completamente todo el formato de mi mesa de trabajo, comenzaría con un rectángulo del tamaño de la mesa de trabajo, crearía una malla dentro de ella y luego distorsionarlo. Si termino distorsionando los bordes, o bien
iría y ajustaría los puntos y curvas para cubrir completamente la mesa de trabajo, o incluso simplemente escalaría toda la malla para el mismo propósito. En algunos casos también me podría gustar sólo un fragmento de la malla distorsionada, y en esta situación, simplemente lo pondría dentro de una Máscara Clipping del tamaño de mi mesa de y luego escalar y colocar la malla dentro de ella. Seguramente, se trata de una gran cantidad de datos extra, pero debido a que el proceso de distorsión puede ser bastante experimental, esto permite crear alguna obra de arte divertida sin
torturarte al tratar de recrear una distorsión deseada dentro de un objeto. Casi todos mis diseños basados en malla se crean a partir de fragmentos de mallas distorsionadas mucho más grandes, por ejemplo, como esta o esta. Por otro lado, cuando quiero crear un objeto separado y quiero poder moldearlo en una forma orgánica o distorsionar sus bordes, suelo empezar con un círculo. Esto hace que sea súper fácil mantener un borde liso si
quiero y simplemente masajearlo en la forma deseada usando la herramienta Warp, por ejemplo, así. La herramienta Warp en este caso es impresionante, ya que solo puedes ir alrededor de la forma así, o puedes sacar los puntos o empujarlos hacia adentro. Y si utilizas la herramienta Arrugas y distorsionas algunas partes o los bordes de un círculo, puedes crear algunos efectos divertidos también. Por ejemplo, esto parece casi un paisaje abstracto. Pero por supuesto puedes distorsionar el contenido y los bordes de cualquier objeto de malla de gradiente, por lo que hay un montón de opciones. ¡ Entonces así es como puedes hacer algunos diseños experimentales basados en mallas de gradiente! ¡ Juega con todas estas herramientas y su configuración y diviértete! Y a continuación echemos un vistazo a otra técnica para crear gradientes experimentales.
20. Creación de degradados con la herramienta de mezcla: Otra herramienta para crear gradientes experimentales en Illustrator es la herramienta Blend. Se trata de una herramienta súper versátil, y cuando se trata de gradientes, permite realizar fácilmente ciertos efectos, que bien no
son posibles o no muy fáciles de crear de otra manera, y también hace posible crear pinceles de gradiente. La herramienta Mezclar crea una transición entre dos o más objetos. Para tener un resultado predecible, es buena idea comenzar con los objetos que son los mismos en cuanto a los atributos que se les aplican,
por ejemplo, dos objetos rellenos, dos trazados cerrados con trazo o dos trazados abiertos con un derrame cerebral. Para mezclar objetos juntos, seleccione la herramienta Mezclar y haga clic en los objetos uno tras otro. Si desea fusionar una serie de objetos en mezclas
separadas, después de haber creado la primera mezcla, Comando+clic, o Control+clic en Windows, lejos de los objetos para restablecer la selección. Y luego proceder con la creación de la siguiente mezcla. Si está mezclando objetos con un trazo o trazados abiertos, haga clic en los trazados y no en los
puntos de anclaje para fusionar objetos juntos sin ningún problema. Si quieres mezclar más de dos objetos juntos, click en todos ellos para que quieras que se mezclen. También puede crear una mezcla seleccionando los objetos que desea fusionar con la herramienta Selección y utilizando el acceso directo, que es Comando+Alt+B, o Control+Alt+B en Windows. En este caso, el orden de los objetos en el panel Capas determinará en qué orden se mezclan entre sí. Y puedes cambiar el orden de las capas aquí para controlar qué objeto está encima. También puedes entrar en el modo de aislamiento haciendo doble clic en la mezcla, y editar aquí los objetos de la manera habitual: por ejemplo, cambiar sus colores, redimensionarlos, moverlos o rotarlos. Cuando hayas terminado de editarlos, recuerda salir del Modo Aislamiento para
poder trabajar con cualquier otra cosa que tengas en tu documento. Si desea liberar su mezcla, puede seleccionar su mezcla e ir al menú
Objeto > Mezclar y seleccionar Liberar, o utilizar este acceso directo, o bien arrastrar los objetos fuera del grupo de mezcla en el panel Capas. Por defecto, Illustrator crea mezclas de colores suaves, y esto funciona bien con cualquier objeto con un color de relleno sólido. Pero cuando intentas mezclar objetos llenos de gradiente o acariciados podría no funcionar tan bien como lo necesitamos. Entonces si no quieres este efecto, que por cierto también es bastante genial, tendrás que seleccionar la mezcla que quieres editar,
cambiar a la herramienta Blend y presionar Enter. En esta ventana de diálogo
marque Vista previa para ver los cambios, cambie el método de espaciado a Pasos especificados y baje el número hacia arriba. El número máximo aquí es 1000, pero no te vuelvas loco, ya que se trata de una gran cantidad de datos para que Illustrator procese. Así que ajusta todo lo que quieras aquí y haz clic en Ok. Si estás mezclando trazos juntos, también
puedes aumentar el peso del trazo para evitar tener huecos entre los pasos de mezcla. Es posible que no sea posible evitar por completo los huecos o bandas de colores, por lo que tendrás que decidir tú mismo si puedes vivir con él o seguir ajustando los ajustes de Blend
y el peso del trazo hasta conseguir una transición suave. El súper cool que no es tan obvio sobre la herramienta Blend, es que puedes controlar el camino que sigue la mezcla. A este camino se le llama Blend Spine. Deberías poder verlo arriba dentro del grupo de mezcla,
y para cambiar la forma en que se forma tu mezcla puedes editarla como editarías cualquier otra ruta usando la herramienta Selección directa o Pluma. Pero eso no es todo. También puedes crear tu Blend Spine por separado, y luego reemplazar la columna vertebral existente de cualquier grupo de mezcla. Para ello selecciona el grupo de mezcla y la nueva ruta, y ve al menú Objeto > Mezclar y selecciona Reemplazar columna vertebral. Esto puede permitirte crear muchos diseños interesantes. Pero generalmente te aconsejo que te pegues a caminos no muy largos y abiertos. Si estás lidiando con algún camino elaborado para tu columna vertebral, también
puedes jugar con los ajustes de orientación aquí, que te permiten alinear
objetos mezclados a la página, lo que los mantiene como están, o alinear ellos a camino, que los rota para ser perpendiculares al camino a cada paso del camino. Si vuelves al menú Blend, encontrarás un par de funciones más útiles. Una de ellas es Reverse Spine, que invierte el orden de los objetos a lo largo de la columna vertebral. Y luego hay otra opción llamada Invertir de frente a atrás, que controla qué extremo de la mezcla está en la parte superior. Al mezclar objetos basados en gradiente, asegúrese de experimentar con el cambio del ángulo de los gradientes en rellenos o trazos. Incluso si estás usando solo dos objetos y mezclándolos en línea recta, esto te permitirá crear diferentes efectos! Se pueden crear algunas mezclas muy frescas a partir de colores sólidos, a partir de objetos con relleno de gradiente o incluso con trazos de gradiente, como estos. Por lo tanto, experimenta con diferentes formas y elementos
superpuestos para crear algunos interesantes diseños de aspecto 3. A continuación, vamos a ver cómo puedes crear Máscaras de
Opacidad y usarlas con gradientes para crear algunos efectos interesantes!
21. Uso de degradados en máscaras de opacidad: Aparte de usar degradados para crear cosas vibrantes y coloridas, también
puedes usarlas como Máscaras de Opacidad para crear transiciones suaves de elementos enmascarados en transparencia en lugar de Máscaras de Recorte que funcionan con caminos y por lo tanto crean hard- máscaras de borde. Trabajar con Máscaras de Opacidad es un poco molesto, y ayuda si tienes el panel Transparencia frente a ti, así
como los paneles Capas, Apariencia y Gradiente. Para crear una Máscara de Opacidad necesitas un objeto que quieras poner dentro la máscara, y el objeto que deseas utilizar como máscara. Por ejemplo, quiero enmascarar este círculo lleno un gradiente de Forma libre y usar este otro círculo lleno con el gradiente radial blanco y negro como máscara. Igual que al crear una Máscara de Recorte regular, el objeto que quieres usar como Máscara de Opacidad debe estar encima de lo que quieras enmascarar, Para aplicar este gradiente blanco y negro como máscara al círculo de abajo, seleccionemos ambos objetos, y luego vayamos al panel Transparencia y haga clic en el botón Hacer máscara aquí. Tan pronto como crees una Máscara de Opacidad, en el panel Capas dos objetos se convertirán en uno. Y en el panel Transparencia verás el objeto y las miniaturas de la máscara, y podrás seleccionar una de ellas a la vez. Si no ves estas miniaturas, ve al menú en la esquina superior derecha
del panel Transparencia y selecciona Mostrar miniaturas. Cuando aquí se seleccione la miniatura del objeto, verá sus atributos de apariencia en el panel Apariencia y podrá ir y realizar los ajustes de la manera habitual. Por ejemplo, puedo mover los puntos en mi gradiente de Forma libre, así. Por otro lado, si haces clic en la máscara aquí, iniciarás el Modo Edición de Máscara de Opacidad y podrás ajustar la máscara en su lugar. Por ejemplo, puede cambiar entre diferentes tipos de gradientes de relleno o ajustar las propiedades del degradado utilizando el panel Degradado o la herramienta Degradado y ver cómo afecta a la Máscara de Opacidad en tiempo real. Cuando esté editando la Máscara de Opacidad, su panel Capas solo mostrará el objeto de máscara, y cuando haya terminado de editar la máscara, deberá hacer clic en la miniatura del objeto en el panel Transparencia para salir de la Opacidad Modo de edición de máscaras y volver a todas las capas del panel Capas. El gradiente que utilizas como máscara no tiene que ser en tonos de gris, pero sí ayuda a aclarar las cosas: negro será transparente, blanco será opaco y los tonos de gris en el medio corresponderán a diferentes niveles de transparencia. Y si utilizas algunos colores en su lugar, nivel de transparencia se determinará por su intensidad y tono equivalente en escala de grises. Pero mi consejo es seguir con tonos de gris para poder ajustar tus máscaras de manera predecible. El panel de transparencia también te permite invertir tu máscara marcando esta casilla, que puede ser realmente genial si quieres probar rápidamente el look invertido, pero si invertes tu máscara, ten en cuenta que esta miniatura no se actualiza, por lo que ahora todo está al revés: blanco es transparente y el negro es opaco. Y esto puede hacer que sea un poco confuso cuando comienzas a editar tu máscara. Si la máscara que estás usando no cubre completamente los elementos que estás enmascarando, mantén comprobado Clip aquí para ocultar lo que cae fuera de la máscara. De alguna manera es similar a lo que hacen las Máscaras Clipping, justo en este caso también
puedes controlar la gradación de opacidad real dentro de la máscara. Si quieres sacar tus objetos de la máscara, haz click en el botón Liberar aquí y tus objetos aparecerán como elementos separados. Por lo que estos son los fundamentos de las máscaras de opacidad. Pero la diversión comienza cuando comienzas a experimentar con diferentes gradientes dentro de tus máscaras e intentas aplicarlos a diferentes objetos de gradiente. También puede crear una Máscara de Opacidad a partir de una serie de objetos, por ejemplo, como estos trazados de gradiente. Y para que funcione correctamente, antes de aplicar la máscara, asegúrate de agrupar todos los elementos que quieras utilizar como tu Máscara de Opacidad. Y luego proceder como de costumbre. En ocasiones cuando aplicas una Máscara de Opacidad, los atributos de relleno del objeto enmascarado desaparecerían, cual es increíblemente molesto y no estoy seguro de qué lo causa. En estas situaciones, antes de crear una máscara, te recomiendo poner el objeto que quieres enmascarar en un grupo, aunque sea solo por sí mismo, y todo debería funcionar bien. Si desea utilizar como máscara objetos de gradiente superpuestos, deberá
utilizar topes de color transparentes para hacer que estos objetos se mezclen, por ejemplo, así. Generalmente, las Máscaras de Opacidad son geniales para capas de elementos entre sí o sobre algún fondo. Y es una buena idea tener listo algo que quieras estar detrás de
tu elemento enmascarado antes de empezar a finalizar tu máscara. Por ejemplo, aquí tengo este gradiente de forma libre en una capa separada, que quiero usar como fondo. Entonces ahora puedo ver cómo estos objetos se mezclan, y puedo ir y editar más la Máscara de Opacidad para crear un efecto que estoy buscando. Me encanta usar Máscaras de Opacidad para imitar la translucidez de objetos de colores, para ayudar a dar forma a gradientes y mezclarlos con el fondo y para crear efectos de brillo coloridos. Todos estos enfoques son bastante sencillos cuando se determina qué tipo de elementos se pueden mezclar para crear diferentes efectos y requieren solo un poco de experimentación y acostumbrarse a trabajar con Opacidad Máscaras. Las Máscaras de Opacidad se pueden crear y aplicar a objetos de cualquier complejidad, por lo que considera experimentar con diferentes tipos de objetos de gradiente los cuales puedes usar como Máscaras de Opacidad, elementos de
capas entre sí y ver lo que puedes crear! Entonces eso es todo para técnicas experimentales y más avanzadas para crear y usar gradientes en Illustrator. A continuación les compartiré algunas de mis técnicas y
enfoques favoritos para desarrollar y mejorar sus degradados y obras de arte basadas en gradientes.
22. Volver a colorear degradados y diseños: Ya sea que quieras afinar los colores en tus degradados o crear nuevas iteraciones de color de tus diseños basados en gradientes, en Illustrator hay una serie de herramientas que facilitan edición o sustitución de colores en los degradados existentes o obras de arte, incluyendo aquellas que cuentan con múltiples gradientes. El primer método que te voy a mostrar es muy sencillo y depende de tener colores globales en tus gradientes. Si utilizaste colores globales en tu trabajo, ahora si modificas alguna de las muestras globales de color, este color cambiará en todas las obras de arte a las que se haya aplicado, aunque estén ocultas. Es genial cuando necesitas hacer un cambio global de colores a través de múltiples obras de arte, y sobre todo si necesitas hacer algunos ajustes menores en tus gradientes. Al ajustar colores para trabajo digital, prefiero usar el modo de color HSB, ya que me parece mucho más rápido trabajar con él en el contexto de ajustar colores en gradientes, ya que se puede controlar el tono, saturación y el brillo independientemente de el uno al otro. Pero como aquí también puedes seleccionar el modo de color CMYK, el uso de colores globales hace que sea bastante fácil ajustar todos los colores que usas en tu trabajo para imprimir en CMYK después. Así que ten esto en cuenta, y veremos cómo convertir ilustraciones
RGB en CMYK más adelante en esta clase. Otro método de ajuste de colores es un poco más lúdico y experimental, y permite cambiar toda la paleta de colores de un solo lugar sin mucho esfuerzo. Antes de que le hagas algo a tu trabajo, te
sugiero que hagas una copia, para que puedas tener variantes entre las que elegir y mirar cómo se desarrolla tu trabajo. A continuación, selecciona una copia de tu ilustración o gradiente utilizando la herramienta Selección y ve al menú Editar > Editar colores y elige Volver a colorear ilustración. Si tienes activada la pestaña Asignar, simplemente
puedes hacer clic en los otros grupos de colores aquí y ver cómo se aplican nuevos colores a tu trabajo. Asegúrate de que has marcado Recolour Art aquí para ver los cambios. También puedes ir a través de los colores de tu grupo de colores seleccionado haciendo clic en el botón Cambiar orden de color aleatoriamente hasta obtener el resultado que más te guste. Esto puede ser divertido y puede permitirte crear algunos resultados inesperados. Aquí también puedes ver qué color viejo se reemplaza por qué nuevo, y también puedes cambiarlos arrastrando. La flecha entre los colores antiguos y los nuevos significa que se cambiará este viejo color. Si haces clic en la flecha verás un guión en su lugar y esto desactivará el recolouring de este color específico. Así que presta atención a si tienes flechas o guiones aquí y cámbialos de acuerdo a tus necesidades. Entonces, esta es la pestaña Asignar. Ahora si haces clic en Editar, verás la rueda de color que hemos mirado brevemente antes, y podrás hacer más ajustes a tus colores jugando con los ajustes aquí. Tenga en cuenta que aquí tengo un juego de ruedas de color liso, ya que muestra toda la gama de colores disponibles en la rueda de color. Estos dos botones justo debajo de la rueda de color permiten cambiar la rueda de Tono y Saturación uno a Tonalidad y Brillo uno. Y el deslizador debajo te permite controlar el ajuste restante, que es Brillo si usas la rueda de tono y saturación, y es Saturación si usas la rueda de tono y brillo. Si quieres cambiar el tono de todos los colores simultáneamente, vincula aquí Harmony Colours, y luego mueve toda la gama de colores alrededor de la rueda. Asegúrate de arrastrar por el círculo más grande para
poder cambiar la saturación y el brillo de todos estos colores, así
como su tono. Si arrastras cualquier otro color alrededor para cambiar su saturación o brillo, esto sólo cambiará este color y todo lo demás permanecerá donde está en la rueda de color. Pero si lo arrastras para cambiar el tono, si tienes colores de armonía vinculados, todos los colores seguirán el cambio de tonalidad. Si quieres editar colores individuales, tendrás que desvincular aquí los colores de la armonía. Es posible que necesites esto si quieres hacer algunos ajustes de tonalidad menores de colores individuales. Y por supuesto, puedes ajustar los colores usando estos deslizadores a continuación. Si te gusta el nuevo conjunto de colores que has creado, recuerda que puedes guardarlo como un nuevo grupo de colores haciendo clic en el botón Nuevo grupo de colores aquí. De esta forma, podrás probar y guardar una serie de diferentes grupos de colores que
se pueden utilizar para colorear tu trabajo y elegir entre ellos de forma muy rápida y sencilla. Tus nuevos grupos de colores se agregarán a tus
muestras de documentos solo si aplicas cambios aquí, y se descartarán si cancelas el recolouring. Entonces, cuando estés listo, haz clic en Ok. Entonces aquí está la obra recolorida. Antes de continuar con la experimentación con la creación más versiones de color o el ajuste de los colores aún más, aquí hay algo a tener en cuenta. los nuevos grupos de colores creados con posible quelos nuevos grupos de colores creados con
la herramienta Recolour Artwork no contengan colores globales, por lo que una vez que los hayas creado, Esposible quelos nuevos grupos de colores creados con
la herramienta Recolour Artwork no contengan colores globales,
por lo que una vez que los hayas creado,es una buena idea convertirlos todos a Global de la manera habitual. Y luego tendrás que reemplazar los colores tu trabajo por las nuevas muestras de color Global, que aún no se aplican a este trabajo a pesar de que los colores se ven exactamente iguales. Por lo que nuevamente selecciona tu obra de arte y abre la ventana Recolour Artwork. Aquí aplica el grupo de colores que ahora contiene colores globales y asegúrate que cada color sea reemplazado por la muestra de color Global correspondiente. Y aplicar cambios. Y ahora puedes ajustar estas muestras de color Global
y los cambios que realices afectarán el diseño en el que se utilizan. Por lo que estas son las técnicas para ajustar los colores y trabajar con las muestras de color utilizadas en tus gradientes. edición de colores individuales ofrece mucho control sobre sus degradados y facilita la realización de los ajustes de color deseados. Pero hay otra forma, más experimental, de ajustar los colores en tu trabajo, y eso es lo que veremos a continuación.
23. Modificación de los colores mediante los modos de fusión: Otra forma de experimentar con los colores en tus gradientes es poniendo múltiples objetos unos sobre otros y usando Modos de mezcla para ajustar el look final. El primer y el más fácil truco para ajustar colores en tus diseños usando Modos de
mezcla es mediante el uso de colores sólidos o formas rellenas de gradiente, que cubren todo el formato de mesa de trabajo y mezclándolas con todos los diseños. Por ejemplo, cuando estaba desarrollando este diseño, sentí que quería hacer de este gradiente Freeform un poco más intenso, pero no quería pasar tiempo ajustando las muestras de color reales. Entonces, en cambio, creé este cuadrado del tamaño de la mesa de trabajo, lo
llené con una de las muestras de color que usé en mi diseño y lo arrojé sobre el fondo, pero debajo del resto de las capas. En este tipo de situaciones, para intensificar los colores suelo utilizar los modos Luz suave o Superposición y controlar la intensidad usando el ajuste de Opacidad de esta capa. Y luego juega con el color de relleno para lograr el efecto deseado. En algunos casos también puedo usar un gradiente lineal
o radial simple , si quiero que los colores se vean afectados de manera diferente en todo el diseño. Por lo que estos son los modos Luz Suave y Superposición. Si quieres que los colores sean más claros,
prueba a usar el modo Pantalla y juega con diferentes colores más claros. O prueba Multiplica con colores más intensos para oscurecer tu trabajo. Si quieres experimentar aún más, puedes probar Diferencia que te puede dar algunos resultados divertidos e inesperados. Recuerda que el look final dependerá de los colores utilizados en tu diseño base y de los colores de la capa que estés mezclando con él. Entonces incluso si usas algo como Difference, puedes obtener resultados muy diferentes solo
cambiando los colores del objeto que estás mezclando, por ejemplo, como aquí. Otro truco favorito mío es estratificar copias del mismo objeto, y luego jugar con los modos de fusión
y los ajustes de Opacidad para cambiar el aspecto de los colores. A diferencia de la técnica anterior, ésta también permite intensificar los gradientes reales y crear una transición más divertida, lo que podría no ser tan fácil de clavar editando las paradas de color y los puntos medios. Y en estos casos suelo usar modos Luz suave y Superposición, por ejemplo, como aquí. Por lo que estas dos técnicas te permiten ajustar el tono, la saturación y el brillo de los colores en tus gradientes casi en unos pocos clics, lo
que los hace súper útiles para crear iteraciones de diseño o hacer color ajustes sin tocar los diseños reales. Pero también puedes aprovechar los Modos de mezcla para crear algunos efectos de coloración divertidos y eso es lo que vamos a ver a continuación.
24. Añadir efectos de coloración selectiva: Un truco súper útil para agregar algunos efectos de coloración e
iluminación emocionantes a tus diseños es usar gradientes de desvanecimiento,
ya sea Radiales, Freeform o Gradient Mallas con la transparencia en los bordes, y mezclarlos con ciertas partes en sus diseños. A menudo uso esta técnica para agregar reflejos, y configuro el Modo de fusión en Pantalla. Y usa ya sea de color blanco, o tintes ligeramente blanquecinos, por ejemplo, como aquí. También puedes utilizar esta técnica para añadir un toque adicional de color en ciertas partes de tus diseños sin modificar los objetos reales que aparecen a continuación. Y en este caso, puedes explorar diferentes colores y Modos de mezcla para crear el efecto deseado. Esta técnica de usar gradientes de desvanecimiento es particularmente útil cuando ya estás trabajando con algunos objetos de gradiente, pero quieres agregar un toque extra o alterar la transición sin cambiar la estructura y se detiene el color en los objetos de gradiente originales debajo, o cuando simplemente no se puede lograr el aspecto deseado modificando los topes de color en el objeto base. Por ejemplo, este diseño se basa más o menos en Modos de fusión y gradientes de
desvanecimiento, como se puede ver en la estructura de capas aquí. Y no estoy seguro de si sería muy fácil recrear el mismo look usando otros métodos, por ejemplo, mediante el uso de algunos gradientes Freeform, pero este fue un experimento súper rápido y fácil en los días previos a la Freeform existieron gradientes, y este diseño sigue siendo uno de mis favoritos de toda la serie. Así que experimenta, vuelve un poco loco con capas y mezclando diferentes
gradientes de desvanecimiento sobre tus diseños, ¡y mira qué cosas inesperadas se te ocurre! También puedes usar los Modos de mezcla y elementos de gradiente adicionales para crear efectos de coloración más complejos, y eso es lo que veremos a continuación.
25. Creación de efectos de coloración complejos: Una técnica un poco más compleja es el uso máscaras de
recorte y la fusión de gradientes de forma libre o mallas de degradado con otros objetos basados en gradiente que tienen un aspecto 3D, particularmente con mezclas de objetos rellenos de gradiente, como aquí. Empieza por crear una mezcla deseada utilizando las técnicas que he compartido previamente y usa gradientes de negro a blanco para crear el efecto de volumen y sombreado. A continuación, crea una copia de tu mezcla, selecciónela y ve al menú Objeto > Mezclar, y selecciona Expandir. Después asigne algún color de relleno sólido a los resultados de la mezcla, y vaya al panel Pathfinder y haga clic en el botón Unite aquí. Deberías ver un camino con la forma de tu mezcla en el panel Capas. Si está por encima de su mezcla original, arrástrala justo debajo del grupo de mezcla. Ahora crea o trae el gradiente que quieras usar para colorear. Por ejemplo, tengo este gradiente de forma libre aquí. Colóquelo debajo de esta ruta, luego selecciónelos ambos y presione Comando+7, o Control+7 en Windows, para crear una Máscara de recorte. Ahora ve a tu grupo de mezclas,
configura su Modo de mezcla en Superposición, y aquí lo tienes! Ahora puedes posicionar el gradiente que usas para colorear dentro la Máscara Clipping para tener una dispersión de colores deseada. Pero cuando lo hagas, asegúrate de no mover tu Recorte Path en relación con el grupo de mezcla. Esta es una técnica súper divertida que utilizo muchas veces en mi trabajo para crear efectos colorantes más lúdicos. No dudes en darle una oportunidad, y recuerda que puedes usar una serie de objetos separados y componerlos juntos, pero ten cuidado de no crear algo demasiado complejo que tu computadora o Illustrator no podrán manejar. Y guarda tu archivo, o incluso copia de seguridad, antes de empezar, por si acaso. Si bien me gusta usar este orden de capas y combinación de elementos, Modos de
mezcla y colores en el objeto gradiente base, esta no es la única forma de hacer algo como esto, así que si te sientes experimental, intenta usar diferentes colores en tu objeto base e intenta combinarlo con los gradientes de colores usando diferentes Modos de mezcla, ¡y mira qué se te ocurre! Entonces estas son algunas técnicas más para jugar con colores, así que experimenta y diviértete desarrollando tus diseños de gradiente! A continuación, echemos un vistazo a cómo puedes superar borrosidad
no deseada y hacer que tus gradientes sean más suaves.
26. Desenfoque de degradados: Entonces, a veces haces todo lo posible para crear gradientes suaves, pero por alguna razón no
son tan suaves como quieres que sean. Por lo general esto me sucede cuando estoy usando los gradientes de Forma Libre o Mallas de Gradiente, y la forma más fácil de resolver este problema es difuminando el gradiente problemático. Por ejemplo, aquí tengo un grupo con una Malla Degradada distorsionada y un par de gradientes de desvanecimiento, y si bien está algo bien,
me encantaría que fuera un poco más suave. Entonces vamos a crear una copia de este grupo, y después tener seleccionado el grupo nuevo superior, vaya al menú Efecto > Desenfoque. Si bien hay un par de efectos que puedes usar para desenfocar tus gradientes, me parece que el desenfoque gaussiano permite lograr los resultados más suaves, a pesar que requiere un par de pasos extra después de aplicar el efecto. Entonces te mostraré un flujo de trabajo que suelo usar, pero si quieres, también
puedes intentar usar el Smart Blur, y ver qué funciona para ti. Por lo tanto, seleccionemos aquí Desenfoque gaussiano. Este efecto es bastante sencillo y me parece un poco más fácil de
manejar para Illustrator , y solo hay un ajuste aquí, que es el Blur Radius. Así que vamos a comprobar la vista previa aquí, y probar diferentes valores de radio. No hay tamaño prescrito y dependerá de tu diseño particular, y para este objeto 75 px se ven bastante bien. Presionemos Ok para aplicar los cambios. Y aquí se ve mucho más suave. Si necesita cambiar la configuración de desenfoque más adelante, seleccione su objeto borroso y vaya al panel Apariencia. Aquí tienes tu efecto, y puedes editarlo haciendo doble clic en su nombre u ocultarlo, o eliminarlo por completo. Después de aplicar el efecto Desenfoque, si tu objeto degradado tenía bordes duros, verás los bordes de tu objeto borrosos y el desenfoque se extenderá fuera de los límites del objeto original. Y la razón por la que guardé una copia de este grupo a continuación es porque permite traer de vuelta los bordes duros. Si apago este grupo no borroso, verás que el objeto simplemente se extiende suavemente. Por lo que tener el original con los bordes duros ayuda en primer lugar a mantener
intacta la forma , ya que tu forma borrosa simplemente se mezclará con la no borrosa de abajo. Y en segundo lugar, puedes usar otra copia
del objeto original para enmascarar todo lo que cae fuera de la forma. Ya que estoy difuminando al grupo, necesito crear una copia de esta malla degradado distorsionada aquí ya que define la forma general. Y ponerlo por encima de los otros dos grupos. Ahora, porque estoy lidiando con la Malla de Gradiente, no
puedo crear una Máscara de Recorte fuera de ella. Pero aquí hay un truco. Vamos a seleccionarlo, llenarlo con un color blanco sólido, y luego ir al panel Capas y agregar el grupo borroso a la selección haciendo clic Mayús en él. Ahora teniendo seleccionado este objeto y el grupo, necesito ir al panel Transparencia, y crear una Máscara de Opacidad, de la misma manera que he mostrado anteriormente en esta clase. Y eso es todo. Ahora mi grupo borroso está enmascarado y tiene bordes duros, y junto con el grupo no borroso a continuación crea un objeto degradado suave sin ninguna transparencia en él. Porque estoy trabajando con una Malla Degradada y tengo un grupo de objetos, este ejemplo es algo extremo! Entonces si estás lidiando con formas normales, puedes simplemente crear Máscaras de recorte fuera de ellas en su lugar. Pero ten en cuenta esta técnica de usar Máscaras de Opacidad si estás trabajando con Mallas de degradado distorsionadas u objetos creados con la herramienta Mezcla. Por lo que esto podría parecer un proceso complicado, y si quieres, pero todos los medios, intenta usar el Smart Blur en su lugar que permite mantener los bordes de los objetos sin borrosidad. Pero me parece que suele tardar mucho más para Illustrator
procesar el efecto Desenfoque inteligente en comparación con el Desenfoque gaussiano, y en su lugar es más rápido crear una máscara. Desenfocar gradientes es una técnica útil, pero no algo que se tenga que hacer a cada diseño, así que tenlo en cuenta para situaciones en las que realmente necesitas hacer tus gradientes más suaves y no puedes lograr el look de otra manera. Y en la mayoría de los casos, la texturización de tus gradientes es suficiente para ocultar algunos pequeños problemas gráficos, y esto es lo que vamos a ver a continuación.
27. Texturizado de degradados y diseños: Agregar grano a los gradientes puede facilitar su reproducción en impresión, y si está utilizando sus gradientes en la textura de la pantalla puede agregarles una sensación diferente y también ayudar a evitar bandas de color visibles. Hay algunas maneras diferentes en las que puedes agregar grano a tu trabajo directamente en Illustrator, y en esta parte te
compartiré algunos de mis métodos favoritos para texturizar diseños enteros basados en gradiente, así
como elementos de gradiente separados. El primer método de
texturizar todo tu diseño implica aplicarle el efecto de grano como un grupo, por
lo que empieza seleccionando todos los elementos en tu diseño, y agruparlos. Después tener seleccionado este grupo vaya al menú Efecto, Textura, y seleccione Grano. Esto abrirá esta ventana en la que podrás configurar el efecto Grano. Aquí puedes ver cómo se ve en la vista previa, y puedes acercarte y alejarte para acercarte más a tu vista de tamaño real prevista. El efecto de grano tiene algunos controles diferentes. El primero en establecer es Contraste ya que controla el tono general de la imagen. Mejor mantenerlo configurarlo en 50% para mantener el contraste en la imagen tal como está. Si decides cambiarla, asegúrate de revisar toda la imagen y asegúrate que no haya bandas de color creadas por tus ajustes de contraste. Lo pondré al 50%. Después está el ajuste Intensidad que controla la cantidad de grano que
se agrega a tu imagen, es bastante sencillo y puedes ajustarlo y comprobar la vista previa hasta obtener el look deseado. Y lo más importante, en este menú aquí puedes elegir entre diferentes Tipos de Granos. Te recomiendo usar Regular o Soft si quieres tener un grano de color regular o ruido, o Sprinkles si quieres crear un look desgastado. Cuando cambie el Tipo de Grano, asegúrese de ajustar la Intensidad en consecuencia. Aquí hay otros tipos de granos, pero estos tres en la parte superior son mis favoritos a la hora de texturizar gradientes de esta manera. Puedes alternar la visibilidad del efecto aquí para ver rápidamente el antes y el después, y cuando estés contento con tu grano, presiona Ok aquí para aplicar este efecto. Ahora si vas al panel Apariencia, verás el efecto Grano agregado a los atributos de apariencia del grupo. Y al igual que con todos los demás atributos de apariencia, puedes volver a visitar su configuración haciendo clic aquí. Si tu grano se ve demasiado grande, comprueba la configuración de Efectos ráster de tu documento. Para ello vaya al menú Efecto y haga clic en Configuración de efectos ráster de documentos. Y en esta ventana establece la resolución en 300 dpi. Si se establece en 300 dpi, pero el grano todavía se ve demasiado grande, esto se debe al tamaño de su diseño. Mi de aquí es 2000 por 2000 px lo que el grano es relativamente pequeño. Entonces, si tu grano es demasiado grande, ve al panel Transformar, comprueba Scale Strokes & Effects and Scale Corners si estás usando alguno, para que no distorsione ningún elemento de diseño, y luego escale todo tu diseño hasta que el grano es proporcionalmente correcto. Aplicar grano al diseño agrupado en su conjunto es genial cuando se trabaja con gradientes coloridos y se desea preservar su look tanto como sea posible. El único inconveniente de este enfoque es que aumenta drásticamente tamaño
del archivo y puede tardar un tiempo para que Illustrator procese. Pero sí necesitamos algo de grano, así que aquí hay un método alternativo que da como resultado tamaños de archivo más pequeños. Desagrupemos rápidamente este diseño, y desde que se aplicó el efecto Grano al grupo, ahora se ha desechado. Ahora vamos a crear una nueva capa por encima nuestro diseño, y crear un rectángulo en el tamaño de nuestro diseño. A continuación, necesitamos establecer el trazo en Ninguno, y pongamos relleno en algún tono oscuro de gris, por ejemplo, así
usando esta muestra de color estándar. Entonces, manteniendo seleccionado sólo este rectángulo, vamos al menú Efecto, Textura y nuevamente elijamos Grano. En este caso en Tipo de grano tendrás que elegir Stipged. Mantenga Contraste establecido en 50, y establezca la Intensidad en 10 por ahora,
pero puede volver a visitar esta configuración más adelante si es necesario. Entonces esa es nuestra configuración de grano, y podemos aplicar el efecto. Después de que el grano haya sido renderizado, necesitamos cambiar el Modo de Mezcla de este rectángulo. Normalmente lo pongo en Overlay o Soft Light, luego bajar la Opacidad a alrededor del 35%, por ejemplo así. ¡ Y aquí vamos! Ahora también puedes controlar la cantidad de grano cambiando el color de relleno de este rectángulo. O puedes ir a cambiar también el efecto Intensidad del Grano, que te dará aún más control sobre el aspecto de tu textura. Entonces si bien este grano podría no ser tan complejo o tan sutil como el grano aplicado al grupo, todavía hace el trabajo y hace que el diseño se vea más texturizado, y aquí está la comparación de los tamaños de archivo de este diseño texturizado usando estos dos métodos, y eso es una enorme diferencia! Por lo que desde ahora puedes ver los pros y los contras de ambos métodos, puedes elegir el que funcione mejor para ti en cada caso particular. Por lo que estas son las técnicas para texturizar tus diseños generales. Pero también puedes usar cualquiera de ellos para texturar elementos
individuales, e incluso variar la cantidad o el tipo de grano entre ellos. Si desea agregar grano a un elemento tal como está, aplíquelo directamente al objeto utilizando el primer método que he compartido al principio de esta parte, y esto es bastante sencillo. Por otro lado, usar el segundo método es una técnica más laboriosa y avanzada, pero puede permitirte crear algunos efectos realmente divertidos, sobre todo si estás trabajando con elementos que tienen cierta transparencia en ellos. Por ejemplo, aquí hay un gradiente de desvanecimientos bastante básico. Para texturarlo, empecemos duplicando este objeto y luego seleccionemos su copia y vayamos a aplicarle el efecto Grano. Establezca el Tipo de Grano en Stipged, y no nos preocupemos por estos ajustes por ahora y solo aplique el efecto. Ahora simplemente puedes cambiar el Modo de mezcla y Opacidad de este objeto para lograr el efecto de deseo como lo he mostrado antes. O lo que puede ser aún más emocionante, manténgalo como está y en su lugar selecciona este objeto y el original abajo, y crea una Máscara de Opacidad a partir de este objeto de grano. Entonces ahora el gradiente de abajo solo es visible a través del grano, y esto crea un aspecto gráfico bastante divertido. Dependiendo de los colores de tu gradiente original y de la intensidad del grano, es posible que quieras invertir la máscara, o ajustar los colores en el gradiente que tiene el efecto Grano aplicado al mismo. O cambiar el efecto Intensidad del Grano. Por lo que usando esta técnica puedes crear algunos divertidos gradientes
granulados y colocarlos unos sobre otros. Simplemente ten en cuenta que aplicar el efecto Grain a múltiples elementos de tu trabajo ralentizará tu flujo de trabajo ya que tarda un tiempo en procesar los cambios que realices, y también aumenta el tamaño del archivo. Entonces, estas son las diferentes técnicas para desarrollar y mejorar tus degradados y diseños basados en gradientes, y puedes mezclarlos entre sí al finalizar tus obras de arte basadas en gradientes, ¡
así que asegúrate de darles una oportunidad! Y a continuación, echemos un vistazo a la creación de diferentes tipos de activos de gradiente para acelerar tu flujo de trabajo o para compartirlos con el mundo.
28. Recursos de degradado; Introducción: Tener a mano una gama de activos gráficos es súper útil para probar diferentes cosas, y te permite recrear elementos que tiendes a usar en tu trabajo en poco tiempo, y generalmente ayuda a empezar y hacer las cosas más fácil y rápido. Cuando se trata de gradientes,
los activos que puedes crear incluyen muestras de color y degradado, pinceles de
degradado y estilos gráficos. Y todos estos puedes crear y usar tú mismo, o compartirlos con amigos, o incluso vender como productos digitales. Empecemos con algunos consejos y trucos para crear y gestionar muestras de gradiente.
29. Creación y gestión de muestras de degradado: En el inicio de la clase hemos creado algunas muestras de color para
facilitar el uso de diferentes colores en gradientes. De forma similar a las muestras de color sólido, puedes crear muestras de degradado para poder agregar rápidamente gradientes de
relleno o trazo a los elementos de tu ilustración. muestras de degradado se pueden crear a partir de gradientes lineales y radiales configurados a través del Panel de degradado, pero no pueden basarse en los gradientes de forma libre, y solo contienen información de color, pero no toman en cuenta la posición, ángulo o relación de aspecto de los gradientes especificados con la herramienta Degradado. Este tipo de atributos así como los gradientes de forma libre se pueden guardar y recrear utilizando los Estilos gráficos, que se verán en la siguiente parte. Pero, sin embargo, las muestras de gradiente sencillas son probablemente los activos de gradiente más utilizados. Para crear una muestra de degradado a partir de un objeto que tenga un relleno degradado o un trazo de degradado aplicado a él, seleccione este objeto con la herramienta Selección y asegúrese de que en
el panel Herramientas el atributo que tiene aplicado un degradado está en la parte superior. Después ve al panel Muestres y haz clic aquí en el botón Nueva muestra. Dale un nombre a tu muestra, y haz clic en Ok. Aquí se agregará la muestra de degradado a las muestras principales, y ahora puedes aplicarla a cualquier relleno o trazos. Si tienes la costumbre de crear muestras arrastrando objetos al panel Muestres, no
funcionará con degradados, ya que esto
creará una muestra de patrón, y no la muestra de degradado. Para crear fácilmente múltiples versiones de color de tus muestras de gradiente, puedes crear una forma con la muestra base aplicada a ella y luego usar la herramienta Recolor Artwork y cualquiera de las técnicas de recolouring que he compartido contigo antes en esta clase. Por ejemplo, cambia entre diferentes colores de tu grupo de colores elegido. Y luego, cuando aplique los cambios de recolouring a su forma que tenía aplicada una muestra de gradiente existente, se agregará automáticamente
una nueva muestra a su panel Muestres. Esto también funcionará si tienes múltiples muestras de gradiente aplicadas a tu diseño y luego lo recoloreas usando la herramienta Recolorar ilustraciones. Por lo que al recuperar ilustraciones con muestras de color existentes se
puede crear muy rápidamente una gama de muestras de gradiente que siguen el mismo principio pero utilizan diferentes colores. Las muestras de gradiente no son intercambiables entre diferentes aplicaciones, e incluso si agregas un degradado a tu Creative Cloud Library solo lo agregará como gráfico, y no como muestra de degradado. En ocasiones esto resulta útil, pero siempre es mejor guardar tanto las muestras de gradiente como los colores utilizados en ellas en la misma biblioteca de muestras. Para guardar una biblioteca de muestras, primero, quita las muestras que no quieras que aparezcan en tu nueva biblioteca. Después ve a este menú en la esquina superior derecha del panel Muestres, y
bien selecciona Guardar biblioteca de muestras como AI si planeas usarlo solo en Illustrator, o selecciona Guardar biblioteca de muestras como ASE si
quieres poder usar colores de tu biblioteca en otros programas de Adobe. Dale un nombre a la biblioteca de muestras y haz clic en Guardar. Si no especifica lo contrario, su biblioteca de Swatch se guardará dentro de la carpeta Illustrator, y para cargarla en el futuro, puede ir al mismo menú, seleccionar Abrir biblioteca de muestras y encontrarla en el Sección definida por el usuario aquí. Para facilitar la búsqueda de tu archivo de muestra y poder compartirlo sin entrar en profundidades de
las Bibliotecas de Adobe, considera guardar una copia de seguridad en otro lugar. Por ejemplo, guardo mis muestras en una carpeta de Creative Cloud, que hace que sea súper fácil encontrar las muestras, y así es como Dominic y yo compartimos nuestras muestras entre nuestros diversos dispositivos. Por lo tanto, considera crear una serie de muestras de gradiente, y
guárdalas como una nueva biblioteca de muestras. ¡Y diviértete usándolos en tu trabajo! Una muestra creada a partir de un relleno degradado y un trazo de gradiente que tengan la misma configuración de deslizador de tipo y gradiente tendrán exactamente el mismo aspecto y no se llevarán a cabo otras propiedades a través de la muestra de degradado. Por lo tanto, si desea poder replicar configuraciones de degradado
más avanzadas, como la posición del gradiente, el ángulo y la escala de gradientes de relleno, o diferentes tipos de gradientes de trazo, deberá usar Estilos gráficos en su lugar. Y eso es lo que estaremos viendo a continuación.
30. Creación de estilos gráficos: Aparte de crear muestras básicas de degradado, puede guardar todos los ajustes de apariencia de
sus objetos rellenos de gradiente o trazos como Estilos gráficos, que pueden incluir varios rellenos, varios trazos y gradiente de forma libre llena. Los Estilos gráficos se mantienen en el panel Estilos gráficos, que se puede abrir a través del menú Ventana. Para agregar un nuevo estilo gráfico al panel Estilos gráficos, simplemente seleccione el objeto con los atributos de apariencia deseados y haga clic en el botón Nuevo estilo gráfico del panel Estilos gráficos. Esto tomará todos los atributos de apariencia que puedes ver en el panel Apariencia, así como todos los ajustes de degradado específicos, y los colocará en un estilo que ahora se puede aplicar a cualquier otro objeto. Para aplicar un Estilo Gráfico, seleccione el objeto al que desea aplicarlo y seleccione aquí el Estilo Gráfico deseado. Esto reemplazará los atributos de apariencia del objeto por los atributos guardados en el Estilo gráfico. Alternativamente si Alt+clic en el Estilo Gráfico aquí, fusionará los atributos guardados como Estilo Gráfico con los atributos de apariencia existentes del objeto seleccionado. que puedas agregar atributos adicionales, por ejemplo, un efecto Grano, encima de todo lo demás que tengas aquí. Para crear rápidamente diferentes versiones de color de tus estilos de degradado, vuelve a colorear los objetos con los estilos base deseados utilizando la herramienta Recolorar ilustración, tal como te he mostrado con respecto a las muestras de degradado. Aunque a diferencia de la hora de recuperar muestras, cuando aplique cambios, no se agregará automáticamente
un nuevo estilo al panel Estilos gráficos, por lo que deberá agregar cada nuevo estilo manualmente en su lugar. Para utilizar los estilos que has creado más adelante en otros proyectos o para compartirlos, necesitarás guardar tus estilos gráficos como una biblioteca separada. De nuevo, elimina cualquier estilo que no quieras estar en tu nueva biblioteca, y ve al menú aquí. Igual que con las Muestres, guarda tu Biblioteca de Estilo Gráfico en la carpeta Illustrator y guarda una copia de seguridad en otro lugar. Para cargar tus Estilos gráficos en el futuro, ve a este menú, selecciona Abrir Biblioteca de estilos gráficos
y encuentra tu biblioteca en la lista en la sección Definidos por
el Usuario o en cualquier otro lugar de tu computadora. Por lo tanto, considera crear una serie de Estilos Gráficos basados en tus experimentos, sobre todo si involucran
múltiples rellenos , múltiples trazos y efectos, ya que te ahorrarán mucho tiempo y harán que sea súper fácil recrear ciertos efectos y apariencias. Se puede ver un ejemplo de cómo uso estilos gráficos para acelerar mi flujo de trabajo y
crear rápidamente una gama de diferentes elementos de gradiente de trazo en el video de proceso de timelapse bonus al final de esta clase. Siguiente Te compartiré una técnica para crear pinceles de
gradiente y algunos consejos para usarlos en tu trabajo.
31. Creación de pinceles de degradado: Los pinceles de degradado son otro tipo de activos de degradado, y puedes utilizarlos para darle estilo a los trazos en tus diseños ya sea si no tienes acceso a la función de degradado de trazos, o si te gusta un enfoque más parecido a la pintura y quieren poder llenar rápidamente tu composición con trazos de gradiente. Puedes crear pinceles de degradado con gradientes a lo largo y a lo largo del trazo, y empecemos con el primero. Los pinceles de degradado se construyen sobre mezclas suaves entre formas en diferentes colores, lo que para crear un pincel de degradado, tendrás que empezar por crear dos o más formas llenas de colores sólidos. Estaré usando estos aquí, y puedes descargar este archivo de los recursos de la clase para empezar rápidamente con tus pinceles. Para crear trazos de pincel con extremos redondos, necesitarás usar círculos. Y para tener extremos cuadrados o para poder usar tu pincel en caminos cerrados, necesitarás usar cuadrados. Es importante destacar que asegúrate de que todos los objetos sean del mismo tamaño y mantenerlos en 1 px, 1 pt o 1 mm, dependiendo de las unidades que estés usando. Por lo que necesitarás que te acerquen bastante para poder ver todo. Alinee sus formas entre sí horizontalmente, luego cree una mezcla entre ellas, y asegúrese de que esté establecida en Color liso. Si es necesario juegue con los colores o reemplácelos con sus muestras para crear el gradiente deseado. Cuando estés contento con el degradado creado en tu Mezcla, abre el panel Pincel, si no está en tu espacio lo
puedes encontrar en el menú Ventana. Y luego arrastra tu mezcla a este panel. Suelta el botón del ratón cuando aparezca el signo más, y en este menú que aparecerá seleccione Pincel de arte y haga clic en Aceptar. En la ventana Opciones del pincel artístico seleccione Estirar para ajustar la longitud del trazo. Establezca Dirección a lo largo del camino, de izquierda a derecha. En las opciones aquí selecciona Ajustar esquinas y pliegues para evitar solapamientos. No necesitas hacer nada más con el resto de los ajustes, pero puedes comprobarlos tú mismo si quieres. Y ahora, vamos a dar clic en Ok para crear este pincel. Después de crear un pincel, puedes crear cualquier camino y aplicarle tu pincel. El peso del trazo ahora se puede controlar usando el panel Stroke de la manera habitual. Y si tuviste objetos de 1 px, 1 pt o 1 mm en tu mezcla, el peso de trazo del pincel corresponderá a lo que especifiques aquí. Para crear un pincel con un gradiente a través del trazo, deberá crear un gradiente vertical mezclando dos o más rectángulos o segmentos de línea juntos, por ejemplo, como estos de aquí. A continuación, arrastre esta mezcla al panel Pincel y repita los mismos pasos. Asegúrate de que si los colores de tu gradiente cambian verticalmente, la dirección del pincel aquí se establece de izquierda a derecha. Y este es tu pincel de gradiente con el gradiente a través del trazo. Puedes aplicarlo a cualquier trazo, pero ten en cuenta que si tienes trazos superpuestos, obtendrás este efecto que podría no ser ideal. Una vez que haya configurado algunas mezclas diferentes para ser utilizadas como base para sus pinceles de gradiente, puede crear una serie de pinceles de gradiente en diferentes colores. Para ello cambia los colores de los objetos que forman tus mezclas usando tus muestras de color o usando la herramienta Recolour Artwork. Y luego crea un nuevo pincel a partir de cada versión. En comparación con los gradientes de trazo que miramos antes en esta clase, cuando se usan pinceles se pueden
utilizar completamente todas las opciones disponibles en el panel Trazo, aparte del peso de trazo y el perfil de trazo. Por ejemplo, no puede utilizar las líneas discontinuas correctamente, ya que Illustrator trata cada parte del trazo de pincel como un objeto separado a color. Tampoco puedes cambiar el Estilo de Cap usando estos ajustes, ya que los extremos de tus trazos de pincel están determinados por las formas de la mezcla en la que se basa tu pincel, lo que incluso si cambias el estilo aquí, no pasará nada. Por esta razón, para cada gradiente suelo crear dos pinceles: uno basado en círculos, para que pueda tener tapas redondas, y otro basado en cuadrados para imitar tapas
Butt y poder usar mis pinceles con caminos cerrados. Si estás creando pinceles basados en círculos y quieres tener tapas redondas
perfectas en lugar de estiradas o aplastadas como ésta, también
puedes ir a la configuración de tu pincel y en lugar de Estirar para ajustar longitud de trazo aquí seleccione Estirar entre guías. Después mueve las guías un poco hacia adentro por ambos lados más allá del punto donde el trazo del pincel entra en los semicírculos, así. Haga clic en Aceptar, y si ya se está utilizando el pincel, seleccione Aplicar a trazos para actualizar el aspecto del pincel en la ilustración existente. Generalmente pinceles como este se usan mejor con caminos abiertos, y con caminos cerrados podría obtener algo como esto en su lugar. Pero de nuevo con un poco de engaño puedes desplazar los puntos finales desde las esquinas y hacer que tu pincel de gradiente siga la forma correctamente. Para ello selecciona la herramienta Pluma y añade un nuevo punto en algún lugar del centro de cualquier segmento, más alejado de cualquier torsión o cambio de dirección. A continuación, elige la herramienta Selección directa, selecciona este punto en el camino y corta tu trayectoria en este punto de anclaje. A continuación, selecciona tu objeto con la herramienta Selección y pulsa Comando+J, o Control+J en Windows, para cerrar la ruta. ¡ Y aquí lo tienes! Es el mismo principio que el que he mostrado anteriormente en la parte sobre la creación de gradientes a lo largo del trazo. Y si quieres tener un gradiente de looped, necesitarás crear un pincel de arte degradado que tenga los mismos colores en ambos extremos, por ejemplo, así. Si buscas caminos acariciados simples y solo usas pinceles de gradiente como una alternativa, puedes usar cualquier herramienta de dibujo de tu elección, como Pluma, Lápiz o Pincel o aplicar Pinceles a las formas. Pero la diversión comienza cuando usas la herramienta Pincel y configura tu pincel de gradiente junto con el peso del trazo y lo más importante perfil de trazo. Y una vez que configures tus ajustes de pincel y trazo, todos los siguientes trazos de pincel se crearán con
el mismo estilo, hasta que cambies la configuración de pincel o trazo. De esta forma podrás dibujar rápida y fácilmente una gran cantidad de trazos personalizados del peso y formas deseadas. Esta es más o menos la única forma en que uso pinceles de gradiente y se puede ver cómo utilicé pinceles de gradiente para crear esta ilustración en el video bonus al final de esta clase. Para guardar un conjunto de tus pinceles de degradado como biblioteca, comienza seleccionando y eliminando cualquier pincel
estándar que no quieras incluir en tu biblioteca. Después ve al menú en la esquina superior derecha del panel Pinceles y selecciona Guardar biblioteca de pinceles. Como de costumbre le da un nombre a la biblioteca de pinceles, y haga clic en Guardar. Y lo mismo que con las muestras y estilos de degradado, guárdete los pinceles dentro de la carpeta Illustrator para tener acceso
rápido a ellos a través de este menú y la sección Definido por el Usuario, y guárdalos en otro lugar para compartirlos. Entonces eso es todo para crear diferentes tipos de activos de gradiente. Y a continuación podemos pasar a consejos para exportar tus diseños de gradiente para usarlos en pantalla y en impresión.
32. Preparar tu trabajo para la producción: Si bien técnicamente en Illustrator puedes trabajar en cualquier lugar de la mesa de trabajo a la hora de experimentar, a la hora de preparar tu trabajo para la salida, debes asegurarte de que la ilustración o el diseño que deseas exportar se coloca en un mesa de trabajo del tamaño apropiado para que se ajuste a ella. Puedes ajustar la configuración de tu mesa de trabajo utilizando la herramienta Mesa de trabajo, y cambiar su tamaño o posición en el panel de control aquí. Para asegurarse de que todo se exporte correctamente, asegúrese de que su mesa de trabajo no contenga ningún valor decimal en su tamaño de campos de posición. Si has realizado algún cambio en el tamaño o posición de tu mesa de trabajo, cambia tamaño de tu diseño en consecuencia y realinearlo a la mesa de trabajo, por lo que se coloca correctamente y si se requiere cubre todo el formato, por ejemplo como aquí. Cuando esto se haga, asegúrese de guardar el documento de IA que contiene su trabajo final. Entonces dependiendo de lo que quieras hacer con tu diseño a continuación, puedes exportarlo de algunas maneras diferentes. Empecemos con unos cuantos consejos para exportar tu trabajo para uso digital e imprimir en RGB.
33. Guardar tu trabajo en RGB: Para exportar su trabajo para uso digital o para impresión a través de servicios de impresión bajo demanda que aceptan archivos en RGB, vaya al menú Archivo, Exportar, Exportar Como. En el cuadro de diálogo Exportar elige dónde quieres que se guarde tu trabajo, y dale a tu archivo un nombre descriptivo aquí. Después establece el formato en JPG, si quieres crear archivos más pequeños para compartirlos en línea, o PNG si quieres tener una mejor calidad de imagen o usar algo de transparencia en tu diseño. A continuación, selecciona las mesas de trabajo que quieras exportar. Incluso si solo tienes una mesa de trabajo en tu documento, aún
debes especificar aquí el número de la mesa de trabajo. Cuando esté listo haga clic en Exportar para continuar. Si está exportando un JPG, en la siguiente ventana de opciones seleccione el modo de color RGB, establezca la calidad en Máximo si está exportando para impresión de para uso digital de alta calidad, y elija la resolución deseada. Normalmente exporto todo a 300 dpi para empezar para tener
a mano archivos RGB listos para imprimir de alta resolución, y luego redimensionar estos archivos ráster en Photoshop para compartirlos en línea. Exportar a 300 dpi tarda mucho más y produce archivos considerablemente más grandes, por lo que si quieres exportar tu trabajo y subirlo rápidamente en línea, puedes elegir 72 dpi en su lugar. Si quieres exportar tu trabajo a 72 dpi
y compártelo en redes sociales o en tu proyecto Skillshare, asegúrate de que el tamaño de tu mesa de trabajo y diseño sea de al menos 1200 px en su lado más corto para evitar que se redimensionen y pixelen al subir. Después de haber establecido la resolución deseada, asegúrese de seleccionar Antialiasing optimizado Art para exportar gradientes suaves y evitar tener bordes
ásperos, huecos entre los caminos y otros artefactos gráficos. E incrusta el perfil estándar sRGB para garantizar que tus colores se mostrarán correctamente. Si va a exportar un PNG, seleccione la resolución deseada, establezca
también anti-aliasing en Art Optimizado y establezca el Color de fondo en Transparente
si hay áreas transparentes o no 100% opacas en su diseño. Cuando esté listo, haga clic en Aceptar para exportar su trabajo. Y estás todo listo para compartir tu trabajo en línea o enviarlo a imprimir en RGB. A continuación, echemos un vistazo a convertir tus diseños de degradado para imprimir en CMYK.
34. Convertir a CMYK y guardar el trabajo para imprimirlo: uso de gradientes en el trabajo para la impresión siempre ha sido fruncido el ceño por los técnicos de
impresión, ya que creen que los gradientes no se imprimen bien. Por supuesto, depende del equipo, pero también depende enormemente de qué gradientes
uses en tu trabajo, que ya hemos cubierto. Si has estado trabajando en RGB, ahora es el momento de guardar una copia de tu documento, para que no hagas ningún cambio en tu archivo original en RGB. A continuación, convierta esta copia a CMYK yendo al menú Archivo, Modo de color
del documento y eligiendo CMYK. En este punto podrías notar que todos tus colores se vuelven más dimmer. Esto es normal. Si has utilizado colores globales en tu trabajo, que deberías tener, ahora puedes pasarlos y ajustarlos si es necesario. Haga doble clic en el color que desee editar y, en la ventana Opciones de muestra, elija el modo CMYK. Y luego ve y ajusta los valores aquí. Recuerda, que lo que ves en tu pantalla no es necesariamente cómo se verá tu trabajo cuando se imprima, por lo que siempre que sea posible ponte en contacto con tu imprenta, y produce impresiones de prueba, sobre todo si estás planeando una tirada grande. Vaya aunque todos los colores utilizados en su documento los cuales necesitan ajustarse. Y si tienes una guía de color, por ejemplo, una Pantone Colour Bridge, puedes referirla para los valores CMYK específicos para tus colores deseados. Y cuando esté listo vaya al menú Archivo, Exportar,
Exportar Como y establezca formato a TIFF, ya que los gradientes rasterizados tienen una mejor posibilidad de que se impriman bien. De nuevo seleccione la mesa de trabajo que desea exportar, y haga clic en Exportar. En la siguiente ventana establezca el modelo de color a CMYK, y la resolución a 300 dpi. A continuación, asegúrate de que has seleccionado el anti-aliasing optimizado para arte aquí. Consulta LZW Compresión si quieres producir archivos más pequeños. Si ha instalado y utilizado el perfil de color utilizado por su impresora, podrá incrustarlo aquí. Alternativamente incrusta el perfil estándar o manténgalo sin control y habla con tu imprenta. Presiona OK, ¡y listo!
35. Reflexiones finales y conclusión: Los gradientes se pueden aplicar a tantos elementos diferentes en todo tipo de diseños, ilustraciones y obras de arte, ¡
y no puedo esperar a ver cómo decides usarlos en tu trabajo! Dado que los gradientes son todo acerca de los colores, explora cómo los diferentes colores funcionan juntos y juega entre sí. Y recuerda todas las reglas técnicas para crear buenos gradientes que cubrí en el inicio mismo de esta clase. No necesariamente necesitas crear gradientes súper brillantes, hay muchas otras opciones dependiendo de lo que quieras lograr,
así que experimenta y echa un vistazo a mi tablero de Gradients Pinterest para obtener inspiración. Tampoco dudes en consultar mis proyectos de Gradient Studies en Behance para ver todos mis diseños de gradiente en detalle. Me encanta usar degradados en combinación con formas geométricas, y si a ti también te gustan los diseños geométricos, asegúrate de echar un vistazo a mi otra clase Mastering Illustrator Herramientas y técnicas para crear diseños geométricos basados en cuadrículas. Estaré súper emocionado de ver tus experimentos de gradiente en el proyecto para esta clase! Así que asegúrate de compartir tu trabajo en la pestaña Proyectos y Recursos aquí. Y si vas a compartir tu trabajo en Instagram, por favor etiquetanos @attitudecreative y usa el hashtag #attitudeskills para que podamos encontrar fácilmente tus publicaciones! 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 enterarte de nuestras nuevas clases, actualizaciones y anuncios. Si tiene alguna pregunta, por favor deje un comentario en la pestaña Discusiones para esta clase, y con gusto responderé y proporcionaré comentarios! Además no dudes en echar un vistazo y seguir nuestra página en Facebook para ver qué estamos haciendo,
obtener todas las últimas actualizaciones, envíanos mensajes privados si necesitas ponerte en contacto sobre algo y no perderte si eres destacado en nuestra galería Student Spotlight! Gracias por ver esta clase, y espero verte en nuestras otras clases!
36. Bonus: Creación de un diseño orgánico por capas:
37. Bonus: Creación de una ilustración vectorial con pinceles de degradado:
38. Bonus: Creación de una ilustración vectorial con degradados de relleno y trazo: