20 consejos sobre degradados en Illustrator en 20 minutos: una clase de Graphic Design for Lunch™

1. Diseño de gradientes Introducción: Hola, soy Helen Bradley. Bienvenido a este episodio de diseño gráfico para el almuerzo, 20 consejos de gradiente en 20 minutos. diseño gráfico para el almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. hoy estamos viendo gradientes en Illustrator y vamos a ver una gama de técnicas y consejos y trucos para trabajar con gradientes en Illustrator. Ahora como estás viendo estos videos, vas a ver un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase y aprendiendo cosas de ella, ¿ harías dos cosas por mí? En primer lugar, responde sí al hecho de que se lo recomendarías a otros y en segundo lugar, escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a ver que se trata una clase de la que ellos también podrían disfrutar y aprender. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Si ya estás listo empecemos con nuestros 20 consejos de gradiente en 20 minutos o menos. 2. Primeros consejos de 5 consejos: Encuentra e instala un gradiente enviado con Illustrator. Tengo mi forma seleccionada aquí. Voy a llenarlo con un gradiente. Ahora, cuando se abra el panel Degradado, verás que sólo hay un subconjunto muy pequeño de gradientes disponibles, y el panel Fly-out no tiene acceso a más degradados. Para acceder a más gradientes vaya al panel Muestres. En el panel Muestres, puede hacer clic en el menú Flyout y elegir “Abrir biblioteca de muestras” y luego “Gradientes”. Hay toda una serie de gradientes que puedes seleccionar, escogeré Gemas y Joyas. Ahora, cada gradiente que pruebo en esta forma se agrega automáticamente al panel Muestres para este documento, no para ningún otro documento en el futuro, solo para éste. Puedo dar click aquí para ver el siguiente conjunto de gradientes, estos son metales, y pasar y ver neutrales y algunos otros. Nuevamente, cada uno de estos gradientes que pruebo en una forma se agrega automáticamente al panel Muestres solo para este documento. Eliminar una parada de color en un gradiente, de dos maneras. Tengo un gradiente aplicado a esta forma aquí, y quiero sacar este color muy claro. Bueno, puedo borrarlo de dos maneras. En primer lugar, solo puedo hacer clic en él en el panel de gradientes aquí y hacer clic en la tecla “Eliminar parada”, y eso sacará ese color. Volvamos a ponerlo de nuevo. Presionaré “Control” o “Comando Z” para deshacer eso. También puedes simplemente tomar el Gradient Stop y simplemente sacarlo del deslizador de gradiente y también desaparecerá de esa manera. Agrega colores adicionales a un degradado, hay un par de formas en las que puedes agregar colores adicionales a un degradado. Una de ellas es seleccionar una de las paradas de color ya en el gradiente, y luego simplemente puedes hacer clic debajo del deslizador de degradado para agregar otra parada. Si haces doble clic en el tope, puedes seleccionar un color para hacerlo. Aquí hay un fly-out, que te permite elegir los colores Escala de grises, RGB, HSB, CMYK, o Web Safe RGB. También puedes seleccionar colores desde tu panel Muestres. También es posible agregar colores a un gradiente desde el panel Muestres, basta con agarrar el color y simplemente colocarlo en el deslizador de gradiente en donde quieras que aparezca. Guarda un gradiente para que puedas reutilizarlo una y otra vez. Tengo una forma aquí con un gradiente personalizado y el relleno está en primer plano aquí. Puedo agregar este gradiente al panel Muestres de un par de maneras. Puedo arrastrarlo desde el área Color de relleno y simplemente soltarlo en el panel Muestres. También puedo dar clic aquí en “Nueva muestra” y luego simplemente hacer clic en “Ok” y se agrega de nuevo. Ahora bien, si quiero guardar esto para poder usarlo en cualquier momento en el futuro, voy a tener que quitar primero todos los demás colores que ya no necesito. Voy a hacer click lejos de ella y voy a quitar estos colores. De lo único que me voy es el Ninguno, el Registro, y mi muestra. Ahora lo voy a guardar haciendo clic en el menú desplegable. Voy a elegir Guardar biblioteca de muestras como AI. Ahora puedo darle un nombre y dar clic en “Guardar”. Eso ahora se guarda como muestra en mi colección. En el futuro, puedo hacer clic en el menú desplegable, elegir “Abrir biblioteca de muestras”, ir a “Definido por el usuario”, aquí está mi gradiente para poder acceder a él en cualquier documento futuro. Entender el papel del Punto Medio del Gradiente. Aquí tengo una forma llena de gradiente, y este es el gradiente con el que está lleno. Aquí hay tres colores a lo largo de la parte inferior del gradiente y dos pequeños diamantes. Estos diamantes son puntos medios. Me dicen dónde está ocurriendo el punto medio entre las transiciones de este color a este color. Se pueden mover. Voy a seleccionar este diamante y empujarlo más cerca de la naranja. Se puede ver que ahora tenemos una transición mucho más pronunciada. Ahí hay mucho más azul y todo mucho menos naranja, por lo que las transiciones mucho más rápidas, mucho más pronunciadas. Podemos hacer lo mismo aquí y simplemente arrastrar el punto medio a su posición. De nuevo, sólo tenemos una banda muy pequeña de naranja y una banda muy grande de azul. Usando estos puntos medios, puedes elaborar tu gradiente para hacer lo que quieras en tu forma. 3. Segunda 5 consejos de consejos: Cómo muestrear un color a partir de un gradiente. Tengo aquí una forma de relleno degradado y una forma que no tiene relleno aplicado en absoluto. Voy a la herramienta cuentagotas y cuando hago clic en esta forma para muestrear el color de ella, estoy tomando muestras de todo el gradiente. Pero ¿y si solo quiero un solo color, no un gradiente? Si mantengo presionada la tecla Mayús mientras muestro, entonces voy a obtener el color debajo del cursor. A medida que arrastro sobre el cursor, si miras el color de relleno en la muestra de color por aquí, verás que estoy tomando muestras de los colores. Puedo previsualizar estos colores hasta obtener el color que quiero. Deja ir el botón izquierdo del ratón, y ese es el color que se utiliza para llenar esta forma. La tecla Mayús me permite limitar mi muestreo a un color dentro de un gradiente. Entender por qué la opacidad en los gradientes puede importar. Tengo una forma aquí que está llena de un gradiente radial. Es de color amarillo en el medio, y se pega hacia el borde. Parece que este es un gradiente amarillo a transparente, pero no lo es. Tomemos esta forma y movámosla por encima de este gradiente. Podemos ver que los bordes de este gradiente son totalmente opacos. Entonces no estamos consiguiendo una mezcla realmente agradable de estas dos formas juntas. Si quieres que tus gradientes se mezclen con las formas que aparecen a continuación, debes asegurarte de que el borde exterior del gradiente sea transparente. Cambiar la opacidad de una parada de gradiente. En el último consejo, miramos este problema y decidimos que necesitábamos cambiar la opacidad del color exterior en este gradiente. Con la forma seleccionada, este es el gradiente. Este es el color del trazo exterior. Es blanco. Voy a ajustar la opacidad para que sea cero por ciento. Ya puedes ver que la forma tiene un borde transparente, y así se está mezclando con la forma debajo. Estamos viendo algo de haloing blanco aquí porque este color es blanco. Si fuera así de amarillo, entonces no estaríamos viendo bastante ese mismo efecto de haloing. Muestra y utiliza el Anotador de degradado. Tengo una forma seleccionada aquí. Tiene un gradiente radial aplicado a la misma. Este es el panel de gradiente que existe con los otros paneles de este lado de la interfaz de Illustrator. Por aquí hay una herramienta de gradiente. Voy a hacer clic en la herramienta de gradiente, y eso muestra lo que se llama el Anotador de Gradientes. Si no ves el tuyo, irás al menú Ver y pincharás aquí donde diría, mostrar Anotador Gradient. Ahora el Anotador Gradiente permite dibujar un gradiente en las formas. Yo sólo voy a ir a esta esquina inferior de esta forma, y voy a dar clic y arrastrar con ella. Puedo colocar el gradiente donde quiera que esté usando el anotador. Vamos a seleccionar esta forma. Este es el gradiente aplicado a esta forma. Demos click en el Anotador. Ahora, voy a arrastrar para posicionarlo de manera diferente dentro de la forma. Puedo arrastrarlo a donde quiera que aparezca, y al hacerlo, voy a cambiar cómo el gradiente afecta esa forma. Entendiendo el Anotador de Gradiente. Con esta forma seleccionada, echemos un vistazo al Anotador Gradiente. Debajo de ella aquí hay paradas de color, y cada una de estas paradas de color coincide con esta parada de color aquí. Si selecciono una parada de color y cambio su posición, también cambiaré su posición en el panel de gradiente. Con el Anotador Gradient, puedo hacer clic y arrastrar aquí para aplanar la forma del gradiente. Puedo moverlo adentro o sacarlo. También lo puedo rotar. lo largo de la parte superior aquí hay puntos medios, cada uno de estos puntos medios coincide con un punto medio en el gradiente aquí. El Anotador Gradiente para esta forma funciona de manera similar. Este no es un punto de movimiento, este es su extremo de rotación. Estas son las paradas de color correspondientes con estas paradas de color, y estos son los puntos medios correspondientes con los puntos medios aquí. Los cambios realizados aquí o aquí se reflejarán en la otra herramienta. El Anotador de degradado y el panel de gradiente son prácticamente intercambiables. Puedes usar lo que funcione mejor para ti. 4. Tercer consejos de 5 consejos: Aplicando gradientes a una línea o un trazo. Desde el Illustrator CS6, hemos podido aplicar gradientes a un trazo, así que tengo una forma aquí con un trazo. Voy al panel Muestras. Voy a dar click para aplicar un gradiente a este trazo y puedo hacer lo mismo a esta línea aquí. Voy a usar un gradiente ligeramente diferente. Ahora puedes controlar también la forma en que se aplica el gradiente a ese trazo. Seleccionemos esta forma y vayamos al panel Degradado. Aquí arriba, porque estamos viendo un gradiente aplicado a un trazo, tenemos tres opciones aquí. Podemos aplicar el gradiente dentro del trazo, podemos aplicar el gradiente a lo largo del trazo, que nos da un aspecto diferente, y podemos aplicar el gradiente a lo largo del trazo, lo que nos da una mirada diferente de nuevo. Echemos un vistazo a esta línea. Esto está dentro del trazo, esto es a lo largo del trazo, y probablemente este es el que más te interesa. Esta es la que estás aplicando el gradiente a través del trazo, y así estás consiguiendo este look metálico a esta línea. Crea un gradiente de ángulo en Illustrator. Similar a un gradiente de ángulo en Photoshop, esta es una solucion para crear uno en Illustrator y crear un círculo de 500 píxeles de diámetro, no tiene relleno y voy a aplicar un gradiente lineal regular al trazo. Voy a establecer el ancho del trazo exactamente del mismo tamaño que mi círculo. Mi círculo es 500 por 500. Mi trazo ahora va a ser de 500 de ancho. Este es un gradiente lineal aplicado a ese trazo. Aquí arriba en el panel Degradado, si selecciono aplicar el gradiente a lo largo del trazo, entonces obtengo este gradiente de ángulo. Por supuesto que ahora se puede recortar a cualquier forma a la que queramos aplicar ese gradiente. Tengo una forma rectangular aquí. Voy a seleccionar ambas formas, clic derecho y hacer una máscara de recorte y ahora tengo un rectángulo con este gradiente de ángulo aplicado a ella. Es bastante fácil crear una esfera dimensional usando gradientes. Voy a arrastrar un círculo aquí. Voy a apagar este trazo y voy a llenar el círculo con un gradiente. El gradiente aquí tiene blanco en el centro y tonos de rojo amarillento saliendo de él. Iré al Anotador Gradiente. Voy a empezar en el fondo medio de la forma y arrastrar hacia arriba para reemplazar mi gradiente centrado en la parte inferior de la forma. Ahora voy a crear una elipse plana. Voy a llenarlo con el gradiente de negro a blanco que se envía con Illustrator. Es un gradiente lineal, lo voy a girar a menos 90. Tomaré esta forma y la colocaré sobre la parte superior de mi círculo. Con ella seleccionada, iré al panel Apariencia. Voy a dar click en “Opacidad”. Esto me permite establecer el modo de mezcla para que esta forma se visualice. Cuando haga clic de distancia, verá que tengo una esfera dimensional toda creada usando gradientes. Aplicar un gradiente a través de múltiples formas. Tengo una serie de formas aquí. Yo quiero reemplazar el sólido relleno por un gradiente. Voy a dar click aquí en el gradiente que ya he seleccionado para usar. Verás que cada una de estas formas tiene una sola versión del gradiente utilizado para llenarlo. Hagamos lo mismo aquí abajo. Pero esta vez vayamos al Anotador Gradient y voy a hacer clic y arrastrar por estas formas y voy a mantener presionada la tecla Mayús, así que estoy haciendo clic y arrastrando en línea recta. Cuando suelto el botón del ratón, esta vez se puede ver que el gradiente se ha aplicado de manera diferente. Se ha aplicado como si todas estas formas fueran una sola forma. Si estás trabajando con una versión anterior de Illustrator y si esta técnica no funciona para ti, deshazla. Seleccione sus formas y elija Objeto, Trayectoria Compuesto, Hacer. A continuación, haga clic para llenarlo con un gradiente. Un Camino Compuesto operará como un único camino y así su gradiente se aplicará a través de ese camino. Crear texto relleno de gradiente. Tengo aquí algún texto que acaba de escribirse en el documento. Es totalmente editable. No le he hecho nada especial. Con el texto seleccionado, voy a intentar llenarlo con un gradiente. Esto no funciona. Voy a deshacer eso. Para llenar tu texto con un degradado y aún así hacer editable el texto, selecciona el texto, ve al panel Apariencia y haz clic aquí para añadir un nuevo relleno. Cuando añadas un nuevo relleno, ahora puedes aplicar un degradado como ese relleno. Una vez que hayas aplicado tu gradiente, ve al panel Degradado donde ahora puedes realizar cambios en el gradiente, por ejemplo, girándolo. 5. Consejos de 5 finales: Por qué debes usar un gradiente blanco y negro para un efecto de resaltado. Cuando creamos esta esfera dimensional, creamos aquí una forma que se llena con un gradiente lineal de negro a blanco. Está configurado para el modo de mezcla de pantalla aquí en el panel de apariencia. Eso lo hicimos por una razón. Voy a seleccionar la forma subyacente y voy a cambiar el gradiente que se le aplica, así que la voy a hacer naranja. El punto culminante está cambiando para mostrar naranja. Cuando lo hago azul, más destacado está mostrando azul. Un gradiente de negro a blanco mezclado en una forma debajo usando modo de mezcla de pantalla siempre va a reflejar el color subyacente. No tenemos que hacer cambios en nuestro resaltado, todo lo que necesitamos hacer es cambiar el gradiente aplicado a la forma subyacente y el resaltado funciona perfectamente. Crea texturas simples con gradientes. Tengo aquí un círculo que está lleno de un color. No tiene derrame cerebral. Voy al panel Apariencia, voy a añadir un segundo relleno. Haré clic en “Añadir nuevo relleno”, e iré a seleccionar el gradiente de negro a blanco que tiene forma con Illustrator. Daré click en el panel Degradado y lo convertiré en un gradiente radial. Voy a empujar el negro hacia fuera hasta los mismos bordes de este gradiente, y voy a asegurarme de que la opacidad de la parada central aquí vuelva a cero. Es transparente en el negro medio alrededor del borde. Escogeré “Efecto” y luego “Textura” y luego “Grano”. Voy a ponerlo a punteado y voy a ajustar el contraste y la intensidad para conseguir el look que quiero, voy a dar click en “Ok. Volveré al panel Apariencia. Voy a mezclar este relleno a la capa de abajo usando el modo de mezcla multiplicar, y obtengo este bonito efecto de textura punteada en mi forma. Hacer un gradiente con la herramienta de mezcla. El gradiente no es la única forma en que se pueden hacer degradados en Illustrator y la herramienta de mezcla es otra opción. Tengo un par de círculos aquí, voy a seleccionar la herramienta de mezcla, y voy a dar click en cada uno de estos círculos. Un ilustrador va a crear una mezcla perfecta de un círculo de colores a otro. Hace un par de cosas que no sólo mezcla los colores, sino que además mezcla la forma. Pero como esta forma es la misma en cualquier extremo con sólo decir un gradiente continuo, cualquiera de estos colores se puede alterar seleccionando la forma y simplemente cambiando el color. Un ilustrador actualiza la mezcla. Ahora puedes hacer una mezcla con más de una forma, así que vamos a conseguir la herramienta de mezcla y hacer clic en las formas, cada una a su vez. En este caso, la mezcla es a través las tres formas que va desde el amarillo hasta el rojo, y luego desde el rojo hasta el azul. A veces tu mejor gradiente en ilustrador podría ser en realidad una mezcla. Crea un efecto de semitono gradiente de imitación usando mezclas. Tengo una forma de corazón aquí con un relleno oscuro y uno con un relleno de luz. Voy a crear una mezcla de una a otra para crear un gradiente en forma de imitación. Daré clic en la herramienta Mezclar y luego pincharé en cada una de las formas a su vez. Haga doble clic en la herramienta Mezclar, active Vista previa. Voy a elegir pasos especificados, va a reducir el número de pasos hasta que llegue a ver las formas reales del corazón porque, para este efecto, quiero ver esos corazones. Voy a dar click en “Ok”. Ahora lo voy a repetir a través del documento con él seleccionado, escogeré “Efecto”, “Distorsionar y Transformar” y luego “Transformar”. Activar Vista previa. Vamos a moverlo unos píxeles. Estoy pensando que probablemente alrededor de 40 o 45 píxeles estarán bien, y luego voy a aumentar el número de copias hasta que nos estiremos por todo el documento. Voy a dar click en “Ok”. Se trata de un efecto de gradiente de clasificación utilizando formas y una mezcla con en última instancia una transformación para atravesar el documento en Illustrator. Crear gradientes detallados utilizando la malla de gradiente. Cuando un gradiente no es lo suficientemente detallado para un proyecto que tienes en mente, podrías usar la malla de gradiente. Voy a seleccionar sobre este objetivo de forma, la herramienta de malla de gradiente. Sólo voy a dar clic para agregar algunas rejillas de malla sobre esta forma en particular. Puedo alterar la posición de esto mediante el uso de la herramienta de selección directa. Entonces cualquiera de estos puede colorearse seleccionando el punto y luego aplicándole un color. De esta forma, podrás agregar efectos de degradado de detalle a una forma, y cada uno de los colores que aplique a cualquiera de estos puntos se va a mezclar sin problemas con los colores adyacentes. Con un poco de tiempo y esfuerzo, es posible lograr resultados casi fotorrealistas usando este gradiente. 6. Proyecto y wrapup: Tu proyecto para esta clase será contarme en la sección de proyectos de clase, cuál de estos consejos realmente te habló? Cuál de estos consejos crees que vas a estar usando mucho más ahora en Illustrator que sabes cómo hacerlo? Espero que hayas disfrutado de esta clase y que hayas aprendido cosas de Illustrator que aún no sabías. Ahora como estabas viendo estos videos, habrás visto un prompt preguntándote si recomendarías esta clase a otros. Por favor, si disfrutaras de la clase y aprendieras cosas de ella, ¿ harías dos cosas por mí? En primer lugar, responde sí al hecho de que se lo recomendaría a los demás, y en segundo lugar, escribe solo unas palabras sobre por qué disfrutas de la clase. Estas recomendaciones son útiles para otros estudiantes, para decir que esta es una clase de la que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.