Transcripciones
1. Foras de degradado y texto en Illustrator: introducción: Hola. Yo soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo: Crea Formas
Gradientes y Texto en Adobe Illustrator. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. En esta clase, te mostraré cómo crear efectos de gradiente
resplandecientes en Illustrator de dos maneras. Aprenderás a usar la herramienta Malla de degradado, que ha existido en Illustrator durante años, y la nueva herramienta Gradiente de forma libre, que fue nueva en Illustrator CC 2019. No sólo aprenderás a usar ambas herramientas para formas y tipos,
así como muchos consejos y trucos útiles que puedes usar en tu obra todos los días, sino que también verás cómo crear un archivo de plantilla de Illustrator reutilizable. esta clase hay muchas cosas divertidas y útiles que aprender, así que empecemos a crear efectos de gradiente resplandecientes en Illustrator.
2. Pt 1 crear un archivo de muestra de una plantilla: Antes de empezar a crear nuestro primer gradiente [inaudible] aquí ilustrado, vamos a crear un documento que podamos utilizar repetidamente. Va a ser una plantilla. Escogeré archivo y luego nuevo, voy a seleccionar un tamaño para mi documento, en este caso 1920 por 1080 píxeles. Puedes hacer el tuyo de cualquier talla que quieras. Ahora, quiero agregar algunos colores para mis documentos, voy a empezar con la herramienta de rectángulo y simplemente arrastrar un cuadrado pequeño. Yo estoy sosteniendo la tecla de turno mientras hago eso. Voy a llenarlo de un color sólido y voy a quitar el trazo. Tan solo un rectángulo o cuadrado lleno de color sólido. Sostendré la opción auto k a medida que arrastro un duplicado, y si agrego el turno k, entonces estoy limitado a arrastrar y ya sea una dirección horizontal o vertical, por lo que eso sí alinea las cosas realmente prolijamente. Con la forma aún seleccionada, presionaré Control d tres veces más. Eso sería comando d en el mac, y eso sólo me da cinco casitas para los colores que planeo usar en este proyecto. Ahora si no tienes un color que ya sabes que quieres usar, puedes ir a internet y conseguirlos,
elegir ventana, y luego temas de color. Cuando abres el diálogo de temas de color, se conecta automáticamente a la web, y luego podrás elegir las palabras que quieras buscar. Ahora he buscado la palabra pastel porque quiero agarrar algunos colores de estilo pastel. Si encuentras toda una combinación de colores que te gustaría, solo tienes que dar click aquí en los tres puntos y elegir añadir a las muestras. No estoy encontrando un esquema de color completo. Digo pedacitos y pedazos que podría querer, y así voy a agarrar un par de días y simplemente pegarlos juntos de eso. Creo que eso me va a hacer. Abriré el panel de muestras en estos dos últimos esquemas de color que acabo de sacar de los temas de adobe. Bueno, voy a dar clic en este y quitarlo porque no quiero esa muestra en particular. Voy a arrastrar hacia abajo cualquier otra muestra que quiera. Voy a construir esto aquí, así que moviendo algunos colores alrededor, ahora
tengo los cinco colores que quiero usar. Para cada uno de ellos, voy a hacer doble clic sobre ellos para abrir las opciones de muestra. Voy a ponerlos a muestras globales. Esto me va a permitir cambiar los colores en el arte final realmente fácilmente más adelante. Pero sí quieres preconfigurarlo, así que quieres configurarlo antes de hacer algo con él. Porque de lo contrario, si cambias los colores a globales, más adelante, es demasiado tarde y necesitarías realmente aplicar los colores globales a tus documentos. Eso es sólo un poco más difícil. Pero seleccionas cada uno de estos rectángulos o estos cuadrados a su vez y les aplicas uno de mis colores globales. Ahora he creado el esquema de colores que voy a utilizar para esta clase. Voy a guardar este archivo como un archivo de plantilla de Illustrator. Simplemente lo voy a colocar en los recursos de mi clase. Ese va a ser un lugar fácil para mí encontrarlo. Escogeré Archivo, y luego Guardar. Estoy en mi clase de formas de gradiente aquí, así que voy a seleccionar IIT como formato de archivo, y voy a llamar a esta muestra de color y hacer clic en guardar. Es importante cuando regrese para ilustrar el dieléctrico cerrar este archivo. Porque el beneficio de usar un archivo de plantilla es que cuando lo vas y lo usas, estás creando un documento totalmente nuevo y no te arriesgas escribir sobre el documento en el que lo estás basando, así que elegiré archivo nuevo de plantilla. Iré a la carpeta en la que acabo de guardar el archivo. Aquí está el archivo de muestras de color. Lo seleccionaré y haré clic en nuevo, y tenemos un nuevo archivo basado en esa plantilla. Te darás cuenta de que se le está dando un nombre de archivo secuencial, y ese no es el archivo de muestras de color, por lo que no corremos el riesgo de sobrescribir el archivo de
muestras de color original para ese es uno de los beneficios de usar plantillas.
3. Pt 2 Haz una forma con la herramienta de malla de gradación: La primera herramienta que vamos a utilizar para crear este tipo de orbes de gradiente resplandecientes es la herramienta de malla de gradiente porque ha estado alrededor desde la versión 8 del ilustrador. Entonces lo más probable es que vayas a tener eso disponible en tu versión de Illustrator. Vamos a empezar con un círculo. Entonces iré a la herramienta Elipse y luego crearé un círculo. Por lo tanto, mantenga presionada la tecla Mayús mientras arrastro un círculo bastante grande. Ahora voy a llenar eso con uno de mis colores. Con ella seleccionada, iré a la herramienta cuentagotas de ojos y solo tienes que hacer clic en este color morado. Ahora esto hace dos cosas. Dirán que no sólo lo llena con el color morado, sino porque esta muestra de aquí era sólo un color de relleno y no
tenía ningún trazo un círculo también ha perdido a golpe, y eso es exactamente lo que queremos que suceda. Iremos junto a la herramienta de masa de gradiente y solo tienes que hacer click en ella. Tendrás que tener tu forma seleccionada al aplicarle la malla de gradiente. El modo en que funciona la malla de gradiente es que dondequiera que haga clic en el documento. Entonces, por ejemplo, si hice clic aquí, ilustrador va a dibujar una línea vertical y una línea horizontal a través de ese punto. Entonces, solo hagamos eso. Ahora no estoy viendo esto muy claramente por el color de mi forma y estas líneas son azules. Bueno, vayamos a la última tarima y veamos si podemos resolver este problema porque esto ocurrirá con bastante frecuencia en Illustrator y la solución que estoy a
punto de mostrarte funcionará cada vez que suceda. Ya verás aquí que cuando selecciono cualquiera de estas formas, estoy viendo aquí una cajita azul. El motivo de eso es que esta capa está trabajando sobre el azul como ser el color más destacado si quieres. Si hago doble clic aquí, abro las opciones de capa y aquí está el color azul. Bueno puedo establecer que sea de cualquier color que me guste y como estoy trabajando en este azul, entonces un amarillo contrastante probablemente funcionará mejor. Voy a dar click en “Aceptar”. Ahora cuando haga clic en esta forma, dirás que estas líneas son amarillas. No tiene nada que ver con la ilustración final. Es justo de qué color se está utilizando para los elementos de esa capa en particular y si no te conviene, entonces sólo tienes que ir y convertirlo en un color diferente. Así que voy a volver a configurar mi espacio de trabajo. Esta es mi línea de malla de gradiente en la que hice clic aquí y así estas son las líneas que están pasando por la forma. Voy a añadir unos puntos de malla de gradiente más y puedes ponerlos donde quieras. Ahora una vez que hayas dividido tu forma y no
tengas que dividirla para empezar, podrías simplemente poner en una o dos de esas líneas. No tienes que ponerle mucho porque puedes agregarlas cuando quieras. Lo que vas a hacer es que vas a seleccionar algunos de estos puntos. Entonces voy a la herramienta de selección directa y voy a dar click para seleccionar algunos de estos puntos. Tengo presionada la tecla Mayús mientras selecciono una serie de estos puntos. Ahora puedes seleccionar los puntos dentro del círculo y
también son puntos aquí en el borde exterior también. Ahora tengo todo un montón de estos puntos seleccionados. Voy a la herramienta cuentagotas, solo
voy a dar click en la caja rosa. Lo que pasa es que debido a que se trata de una herramienta de malla de gradiente, Illustrator está agregando un punto de color en esos puntos y luego lo está mezclando como un gradiente en las áreas alrededor. Lo que harás es ir continuamente y seleccionar puntos individuales con la herramienta de selección directa. Presiona la tecla Mayús mientras las seleccionas. Por lo que estás agregando a tu selección h tiempo, luego ve al cuentagotas o podrías ir por las muestras de color y seleccionar un color para usar para esos puntos. Ahora un par de cosas que te podrían ayudar. Una de ellas es que también funciona la Herramienta Lazo. Simplemente voy a dar clic fuera del batido para anular la selección de todo. Vamos a seleccionar las formas que podamos ver qué estamos haciendo y con el último traje o podemos seleccionar más puntos. Es solo un poco más fácil si quieres. Entonces voy a arrastrar sobre algunos de estos puntos. Sostendré la tecla Mayús y luego podré arrastrar y seleccionar algunos puntos adicionales. Una vez que tenga esos, seleccionaré la herramienta cuentagotas y pincharé sobre un color. Se puede ver que eso se está aplicando a todos estos puntos seleccionados. Entonces volveré a la herramienta de selección. Voy a llegar a ella presionando la letra “V”, clic fuera de la forma y volver a la forma, y luego ir y agarrar la última herramienta Lasso. Ahora si le das un vistazo a la punta de herramienta para la herramienta de Lazo, dirás que su letra es Q, y así si conoces las letras V y Q, puedes entrar muy fácilmente y seleccionar la herramienta Lasso y también seleccionar la selección herramienta en cualquier momento que necesites hacer las selecciones. Por lo que sólo hace la vida un poco más fácil. Me gusta usar la herramienta de lasso para solo seleccionar sobre estos puntos. Presione la letra “I” para el cuentagotas o haga clic en el cuentagotas y luego haga clic en un color para usar para la forma. Por lo que al trabajar de esta manera, puedes agregar colores a tu forma. Ahora, cada uno de estos puntos de anclaje también es editable para que puedas entrar aquí y seleccionarlos y tirarlos a diferentes lugares. Para que puedas empujar estos colores más juntos o separarlos más. De nuevo, aquí funcionará la herramienta Lasso. Se puede seleccionar toda una gama de estos puntos y luego moverlos con la herramienta de selección directa.
4. Pt 3 Twirl y vuelve a volver a volver a la forma de tu: Ahora cuando se trata de usar la malla de gradiente, hay una cosa que puedes hacer al objeto de malla de gradiente que no
podrías hacer al nuevo gradiente de forma libre, en ilustraciones. Vamos a echar un vistazo a esto ahora mismo. Lo que voy a hacer es, ir aquí a la herramienta de giro. Comparte una posición de barra de herramientas con la herramienta de ancho. El instrumento de giro nos va a permitir girar los colores en esta forma. Pero ahora mismo es realmente, muy pequeño. Bueno, si pulsas Alt y cambias en el PC, esa es opción y Shift en el Mac, entonces solo puedes arrastrar para aumentar o disminuir el tamaño de esta herramienta y quieres que la herramienta sea lo suficientemente grande como para cubrir tu forma. Ahora, he aumentado el tamaño de mi herramienta, para cubrir fácilmente mi forma. Lo que voy a hacer es, basta con dar click una vez sobre la forma. Eso son colores basados en twirl. Ahora si va demasiado lejos, simplemente deshacer eso, haga doble clic en la “Herramienta” aquí, verá que en realidad podría seleccionar el ancho y la altura manualmente. Pero las intensidades, lo que estamos viendo aquí, y así es lo lejos que gira cada vez que pulsas el botón izquierdo del ratón. Voy a bajar esto al 15 por ciento porque eso nos va a dar menos de un giro. Ahora solo voy a dar clic una vez y luego volver a hacer clic. Cada vez que haga clic, voy a girar las líneas en esta malla gradiente, que va a fusionar estos colores juntos y podrías ser realmente duro con eso. Podrías crear algunos efectos realmente retorcidos, si quieres. Una vez que hayas terminado, solo tienes que pulsar el botón “vacate”, volver a usar la herramienta de selección. Por supuesto que estos puntos siguen siendo editables, así que puedes entrar aquí y seleccionar cualquiera de estos puntos y luego simplemente moverlo a algún lugar diferente y editar sus asas si quieres. Puedes obtener un efecto más sofisticado, por ejemplo, usando la herramienta twirl aquí. Ahora también podrías cambiar los colores de los elementos de esta forma. Recuerda, dije que estábamos configurando esto como colores globales por esa misma razón. Abriré el panel de muestras y creo que me gustaría que el rosa fuera más brillante, haré doble clic en este “color rosa”. Se puede trabajar en RGB. También se puede trabajar en HSB, que es brillo de saturación de matiz. A veces eso es más fácil. Pero para esto, creo que me voy a quedar con RGB. Yo quiero que este color sea un poco más saturado. En este punto, voy a encender la vista previa para poder ver cómo se ve. Si quieres, puedo cambiar entre HSB y RGB. Podría, por ejemplo, volver a ver si podría conseguir un color ligeramente diferente aquí para mi rosa. Esto va a cambiar, este color aquí. Cambiará, este color aquí, y cambiará en todas partes en la forma que se utilice ese color rosa. Ahora también puedes, recolorear estos objetos seleccionando sobre ellos y utilizar la herramienta de arte de re-color. Cuando cambiamos el color global, no
necesitábamos tener el objeto seleccionado, porque así funcionan los colores globales. Donde se utilice este color va a cambiar, aunque no sea selectivo. Cuando estás usando la ilustración de recolor, entonces necesitas seleccionar, primero el objeto. Haga clic en la herramienta “re-color obra de arte”. Aquí puedes hacer cosas como, rotar los colores alrededor del objeto. Aquí voy a cambiar aleatoriamente el orden de color. El aspecto del objeto va a cambiar porque estos colores se van a colocar en diferentes lugares, dentro de la Forma. Ahora, si ves algo que te gusta, puedes hacer clic en “Ok”, pero solo ten en cuenta que vas a perder el aspecto anterior del objeto, porque en realidad no lo has guardado. No es como patrones donde la cosa se va a guardar para ti. Vas a perder el original y vas a conseguir esta versión cambiada de color. Creo que me gusta bastante este. Voy a dar click en “Ok” Ahora también en el diálogo de arte de re-color, puedes ir a editar. Si bloqueas los colores, entonces puedes simplemente girarlos alrededor para que cambien en relación entre sí. Todavía tienes el arreglo especial entre los colores. Pero puedes, moverlos dentro o fuera o alrededor para cambiar, todo
el lote de ellos a la vez. También puedes anular la selección de esta opción y luego simplemente mover colores individuales. Podrías conseguir un look más monocromático, si quieres, para tu forma. De nuevo, vas a perder tu ilustración original cuando hagas esto, no se va a guardar de ninguna manera. El único modo de llegar a ello sería
deshacer este cambio que has hecho y recuperar el viento.
5. Pt 4 añadir colores con un degradado de forma de Free: El segundo método que vamos a utilizar para crear estos orbes de gradiente resplandecientes es con la nueva herramienta de gradiente de forma libre. Esto fue introducido en Illustrator CC 2019. Asegúrate de que estás usando versión
2019 o posterior de Illustrator para obtener acceso a esta función. Vamos a empezar de nuevo con un círculo, así que voy a la herramienta Ellipse, simplemente arrastrando un círculo grande. Ahora para que podamos usar la nueva herramienta Degradado, vamos a necesitar llenar este círculo con un gradiente. Con ella seleccionada, voy a dar clic aquí en la opción Degradado. Eso sólo lo llena con el gradiente predeterminado de negro a blanco. Voy a arrastrar el gradiente de panel por aquí porque va a ser más fácil usar cuanto más cerca esté a través de la forma en la que queremos trabajar con ella. Voy a dar click aquí en la herramienta Gradiente de forma libre. Eso ahora por defecto a este color azulado, que no es nada que tengamos realmente en uso. Pero sí tenemos una sola parada de gradiente aquí. Ahora puede que tengas más. He visto gente empezando con dos o tres, sólo
tengo una. Con esto seleccionado, voy a hacer doble clic sobre él para abrir el selector de color. Aquí es donde vamos a sacar ventaja de agregar esos colores globales como muestras aquí. Sólo voy a seleccionar mi color más oscuro. Ahora eso se utiliza para inundar toda la forma. Porque estoy trabajando en el gradiente de forma libre y debido a que tengo puntos seleccionados, solo
puedo hacer clic donde quiero agregar otra parada, hacer doble clic, y esta vez elegir un color diferente. Voy a recoger el azul más claro. Ahora el azul más claro es el color con el que estoy trabajando ahora. Por lo que en cualquier lugar haga clic en esta forma, voy a agregar un stop de gradiente que tiene el azul más claro como su color. Si hago doble clic y elijo un color diferente entonces voy a empezar a
pagar por defecto ese color es ser el color que estoy usando. Puedo agregar ese color donde quiera que esté. Haga doble clic y luego puedo seleccionar un color diferente, y entonces ese va a ser el color que estoy usando, pero lo verás por aquí en el color de relleno. Eso es bastante fácil ver lo que está pasando aquí. Ahora si agregas un color y no te gusta, puedes deshacerte de él simplemente arrastrándolo por el borde y eso simplemente lo quita. Cada uno de estos colores tiene un círculo a su alrededor, lo que ilustra lo grande que va a impactar esa área de color. Bueno con ella seleccionada, puedes arrastrar aquí para ampliarla. Ahora no se vuelve más grande que esto, pero eso impactará en el tamaño de ese punto de color, si quieres, dentro de la forma. También puedes encogerlo hacia abajo para que podamos hacerlo mucho más pequeño si así lo deseamos. Ahora también hay un gradiente lineal aquí, un gradiente lineal, de forma libre. Vamos al gradiente de Líneas. Voy a dar click y eso va a sumar mi primera parada y sólo está por defecto a blanco. Es un poco molesto. Voy a hacer doble clic sobre él y elegir otro color. Voy a hacer de esta cosa del gradiente un azul pálido así que solo voy a agregar eso. Ahora, el azul pálido es el color con el que estoy trabajando. A ver que tengo una banda de goma pegada a mí. Esto me va a mostrar cómo va a funcionar
esta línea de gradiente y cuando haga clic en ella y arrastre, verás que se está curvando alrededor. Esta herramienta real puede ser realmente útil para agregar reflejos y sombras a las formas porque puedes correr alrededor del borde con el gradiente y simplemente agregar un color ligeramente más oscuro ahí dentro. Ahora también puedes volver atrás y convertirlo en una forma completa. Un gradiente lineal dentro de una forma. Si hago clic aquí atrás, verás que ahora tengo ese color azul corriendo todo el camino adherido a esa línea dentro de la forma. Puedo hacer doble clic en cualquiera de estos puntos y cambiar sus colores. Se pueden tener múltiples colores a lo largo de una línea de gradiente. Ahora, en cualquier momento que hagas clic lejos de la forma y
vuelvas a hacer clic en ella, verás que obtienes la opción de editar gradiente, pero probablemente sea más fácil aprender el atajo de teclado para esto, que es la letra G. Si solo tocas la letra G, todas las paradas de gradiente reaparecen para que puedas editarlas muy fácilmente. Probablemente sea uno de esos atajos de teclado que te animaría a aprender. No te animes a aprender muchas de ellas, pero solo es mucho más fácil presionar la letra G cuando quieras volver a editar tu gradiente. Tan solo ten en cuenta que ahora mismo tenemos línea seleccionada. Si quieres empezar a editar tu punto, quieres volver al punto y luego dar click en un punto para editarlo.
6. Pt 5 guardar un degradado de forma: Ahora hay beneficios y desventajas para cada una de estas técnicas. Vimos que cuando creamos nuestra forma en la malla de gradiente, podíamos usar la herramienta de giro en ella. Bueno, la herramienta de giro simplemente no funciona con este gradientes alternativos de forma libre. Si selecciono la forma y solo sigo haciendo clic en la herramienta de giro, no le está pasando nada. Por lo que no vamos a conseguir ninguna habilidad para torcer nuestra forma y torcer nuestro gradiente si te gusta con esa herramienta. Si quieres la capacidad de crear esos giros, vas a necesitar usar la malla de gradiente para crear el efecto en primer lugar. Me gusta bastante la opción de gradiente de forma libre, creo que probablemente sea un poco más intuitiva en
cuanto a poner colores en tu forma. No se puede guardar este gradiente, sin embargo, como muestra de color. Si abro mi panel de muestras, verás que la nueva opción de muestra está atenuada. Entonces si bien tengo una muestra para mi gradiente de forma libre, no es salvable. En la cara, parece como si no lo pudieras reutilizar más adelante. Eso no es del todo correcto, si voy a los Estilos Gráficos, entonces puedo guardarlo como un estilo gráfico. Voy a seleccionar sobre la forma, voy a dar click aquí en Nuevo Estilo Gráfico. Ahora, puedo ir y hacer otra forma. En este caso, sólo voy a hacer un rectángulo redondeado. Tengo su relleno seleccionado, voy a ir y dar click en mi estilo gráfico y ahora ese estilo gráfico, ese gradiente de forma libre se ha aplicado a mi nueva forma. Se puede guardar de alguna manera, simplemente no se puede guardar como una muestra de gradiente, hay
que guardarla como el estilo gráfico. Por supuesto, si quieres guardarlo como estilo gráfico, vas a necesitar guardar el archivo de estilo gráfico real para que puedas usarlo una y otra vez. Para esto, hará clic en la opción Biblioteca aquí, elija Guardar estilos gráficos, y luego podrá guardarlo como un conjunto de estilos definido por el usuario. Probablemente querrás eliminar el exceso de estilos de aquí antes de hacer
eso, para que no guardes todo en este conjunto predeterminado de estilos
gráficos junto con el que realmente quieres guardar. Lo que haré es ir y seleccionar todos estos estilos gráficos y eliminarlos. No podrás eliminar el predeterminado porque es el predeterminado,
es como guardar pinceles y muestras, siempre
hay uno o dos que son predeterminados y que no puedes quitar. Ahora, tengo el mío siendo el único que es realmente relevante aquí así que voy a dar clic en “Guardar estilo gráfico”. Sólo voy a llamar a esto colores de forma libre y eso se guarda como un archivo de estilo gráfico. Si creo un nuevo archivo, de nuevo, lo voy a hacer en base a esta plantilla que acabo de crear. Entonces puedo agregar ese estilo gráfico a mi panel de estilos gráficos haciendo clic en este botón de biblioteca, eligiendo definido por el usuario, e ir y seleccionar colores de forma libre. Verás que a pesar de que guardamos un estilo gráfico que tenía el valor predeterminado y esta muestra de color en ella, sólo esta muestra de color se ha agregado realmente al archivo. Voy a
seleccionarlo, ahora se agrega a los estilos gráficos para este documento, y puedo usarlo para rellenar una forma. Esta vez vamos a crear una estrella.
7. Pt 6 Recoloración de un degradado sin: Volvamos al documento en el que estábamos trabajando, porque hay un par de cosas más que son interesantes de notar. Cuando selecciono sobre esta forma, verás que la herramienta de arte de re-color está disponible, llevándonos a creer que probablemente podamos usarla para volver a colorear este objeto. Desafortunadamente, ese no es el caso. Parece que este diálogo va a funcionar, pero dirás que la opción asignar no es seleccionable, solo
tienes la opción de edición disponible, y verás que la obra de recolor está desactivada. mucho que puedas intentar editar los colores en este documento usando el selector de color aquí o la rueda de color aquí, simplemente no va a funcionar. Eso nos deja con colores globales. Voy a abrir el panel Muestres aquí y sabemos por nuestra experiencia con colores globales que cuando hacemos doble clic en un color y hacemos clic en “Vista previa” y hacemos cambios a ese color, vamos a ver que los cambios se reflejan en cualquier parte del documento de que se utilice ese color. Ajustar los colores globales va a funcionar para este gradiente de forma libre en particular. Si elegimos un color diferente o ajustamos el color que estamos usando, vamos a ver los cambios se encuentran dentro del gradiente aquí. Por supuesto, la muestra de color aquí va a cambiar en consecuencia. Por lo que los colores globales te darán alguna habilidad para editar los colores en tu gradiente ob.
8. Gradientes de forma gratuita Pt 7 y texto: Hasta el momento, hemos estado mirando estos gradientes de forma libre y la medida de gradiente en relación con las formas. Ya es hora de echar un vistazo a nuestras opciones en relación al texto. Tengo una pieza de tipo aquí y es de tipo totalmente editable. Tengo dos copias de ella se puede decir que es agradable y editable. Bueno, es posible que ya sepas que hay problemas agregar gradientes
realmente al tipo, aunque sea solo un gradiente regular. Tengo este tipo seleccionado, voy a dar click en la opción “Gradiente” aquí. Parece que ha funcionado pero nuestro tipo no ha cambiado. Si desea agregar un gradiente al tipo, debe
seleccionar el “Tipo” y debe hacerlo a través del panel “Apariencia”. Con el “Tipo” seleccionado, tienes que hacer clic aquí en “Añadir nuevo relleno” y entonces ese relleno añadido tiene que ser tu gradiente. Yo soy de sólo voy a aplicar un gradiente a eso. A continuación, irías a la opción “Gradiente” aquí y luego solo haces tu gradiente. Vamos a cambiar el color para mostrar que se puede hacer. Es así como añadirías gradientes regulares para escribir en Illustrator. Con el “Tipo” seleccionado, voy a dar clic aquí en “Gradiente de forma libre”. Bueno, si bien parece que voy a poder agregar un gradiente de forma libre a mi tipo, cuando pase el cursor sobre él, no
soy capaz de agregar estas paradas de color. Simplemente no es posible hacer con “Type” en Illustrator. Eso nos lleva a cómo vamos a resolver el problema si
queremos utilizar uno de estos gradientes coloridos dentro de “Type”. Bueno, una opción es convertir el “Tipo” en contornos. Aquí voy a seleccionar este “Tipo”, y escogeré “Tipo” y luego crearé contornos. Lo que eso hace es que hace de cada uno de estos personajes un esquema. En lugar de ser editables “Type”, ahora son personajes individuales. Con el ritmo de tipo seleccionado por lo que voy a seleccionar todo el conjunto de objetos. Si quieres, haz click en “Gradiente de forma libre”. Todavía tengo problemas, todavía no
soy capaz de agregar paradas de color aquí. En cambio, lo que necesitaré hacer es sacar esto del grupo en el que está. Escogeré “Objeto” y luego “Desagrupar”. Si revisamos el último panel, verás que ahora los objetos están fuera del grupo. Pero de nuevo, con todos estos objetos seleccionados, si vuelvo a la herramienta de gradiente aquí, permítanme simplemente llenar la forma con un gradiente. Volvamos al “Gradiente de Forma Libre”. Nuevamente, todavía no puedo agregar paradas de color al conjunto de objetos. El único modo en que puedo hacer eso es volver atrás y simplemente seleccionar uno de los objetos. Con uno de los objetos seleccionados, haga clic en la herramienta “Gradiente de forma libre”. Ahora, soy capaz de agregar paradas de color. Bueno, este es el gradiente en el que estoy trabajando aquí. Aquí hay una parada de color. Déjame ir y sólo seleccionar el azul con el que estamos trabajando. Tendrías que entrar aquí y editar cada personaje individual para poder obtener acceso
al “Gradiente de forma libre” aquí para “Tipo” en Illustrator. Pero hay una alternativa, así que echemos un vistazo a eso. Déjame simplemente restablecer mi espacio de trabajo por un minuto. Tengo mi “Tipo” aquí, lo que voy a hacer es hacer un rectángulo que sea más o
menos del tamaño de mi “Tipo”, tal vez solo un poco más grande. Voy a agregar un gradiente porque necesito activar esa opción de relleno de gradiente. Voy a dar click aquí en “Gradiente de forma libre”. Voy a localizar las paradas de color, hay una aquí. Voy a hacer doble clic sobre él y voy a usar uno de mis colores aquí. Tener mis colores base en, ahora puedo, empezar a agregar algunos otros colores de mi colección de colores de gradiente. Ahora podría seguir trabajando en ese gradiente, no
voy a hacerlo porque sólo quiero mostrarles el proceso. En realidad no estoy demasiado preocupado ahora mismo en cuanto al resultado real. Pero puedes hacer que el gradiente de forma libre sea exactamente como quieres que sea. Voy a colocar el gradiente de forma libre sobre la parte superior de mi texto, no, en realidad lo voy a mover debajo de mi texto. Escogeré “Objeto”, “Organizar” y luego “Enviar para atrás”. Tengo mi “Tipo” encima de mi gradiente si quieres. Seleccione ambos y haga una máscara de recorte con “Objeto”, “Máscara de recorte”, “Hacer”. Ahora tengo “Tipo” que está lleno de este “Gradiente de forma libre”, pero se hace de una manera diferente. Se hace usando una máscara de recorte y uno de los beneficios de esa máscara de recorte es que “Type” sigue siendo editable. Déjame solo hacer las cosas un poco más grandes para que podamos ver qué está pasando aquí. Aquí está nuestro “Grupo de recorte”. Cuando lo abro tenemos la palabra “Gradiente” y tenemos el rectángulo que está lleno de color. Bueno, si apunto solo a la palabra “Gradiente” y voy a la herramienta “Tipo”, entonces puedo editar esto porque es totalmente editable “Tipo”. Cuando haga clic de distancia, verás que aún está lleno de gradiente. Tenemos la capacidad de retener la editabilidad de nuestro tipo y aún así llenarlo con este gradiente de forma libre. Pero lo estamos teniendo que hacer usando una máscara de recorte.
9. Malla malla en degradado y texto: Ahora, también es por supuesto posible usar la Malla Degradada para aplicar un gradiente. Eso haríamos más o menos de la misma manera que utilizaríamos el gradiente de forma libre. Esta vez voy a crear un rectángulo muy grande, y te voy a mostrar en un minuto por qué. Utilizaré la herramienta cuentagotas para seleccionar un color base. Volveré a la herramienta de malla y pincharé una vez para crear mi primer punto de malla. Presionaré la letra yo porque quiero probar un color para esto. Presionaré la letra U para volver a la herramienta Malla de degradado y luego la letra I para probar un color. El letra U para volver a la herramienta, la letra I para muestrear un color diferente. Por lo que alternaré entre presionar U y I. U para la herramienta de malla de gradiente, yo para seleccionar el color que quiero colocar ahí. Después volviendo a la herramienta de selección directa o a la letra A, luego presionaré la letra I para probar un color para ese punto en particular. Solo voy a agregar unos colores aquí y luego echemos un vistazo y usemos la herramienta de giro en esta forma. Volveré a la herramienta de giro. Esta vez no está cubriendo la forma y no quiero que cubra la forma. Yo sí sin embargo, tengo un punto de anclaje seleccionado, así que me voy a asegurar en primer lugar,
que haga clic fuera de la forma y luego haga clic en ella para que tenga todo seleccionado. Con la herramienta de giro, solo
voy a empezar a girar algunos de los bits dentro de la forma aquí. Ahora bien, si quiero girar al revés, haré doble clic en la “Herramienta Twirl” y cambiaré la velocidad de giro a un menos 40 en lugar de un 40 positivo, y eso llevará los giros en la dirección opuesta. Ahora, que tengo algo más interesante, voy a encogerlo por lo que es un poco más intenso y luego pondré el texto encima de eso. Esta vez llevaré el texto al frente. No importa si llevas el texto al frente o el gradiente hacia atrás. Simplemente lo vamos a alinear, así que se va a colocar muy bien sobre el texto. Seleccione ambos objetos y elija objeto máscara de recorte make. Tenemos este efecto de campo de gradiente con nuestro texto, pero esta vez se está creando usando la malla de gradiente, y eso te va a ayudar si por casualidad estás usando una versión más antigua de Illustrator. Se puede dimensionar esto, así que solo lo voy a arrastrar hacia abajo para que sea más alto. Obviamente es redimensionable y en el último palé, vamos a tener acceso a las dos cosas, los dos elementos aquí. El primero es el gradiente de texto y el segundo es la malla. Si quieres editar la malla, puedes obtener acceso a la malla de esta manera para realizarle ediciones. Simplemente seleccionarás aquí la malla para que tengas seleccionada la malla misma. Desactiva la visibilidad en el texto, y esto te da acceso al punto de malla, que puedas realizar cambios en la malla, para que no estés afectando al texto en sí. Cuando estés listo para volver a ver tu texto, solo haz visible tu texto y luego tienes el efecto de nuevo. Es importante entender cómo vas a editar esa malla de gradiente donde la estás usando para colorear textos porque por supuesto no podemos agregar estos efectos de fantasía al texto solo por sí mismo.
10. Pt 9 algunas técnicas adicionales: Antes de terminar esta clase, hay un par de cosas que quería cubrir, y una de ellas es cómo agregar alguna dimensión adicional a sus formas. Esta es la que se crea usando la herramienta Gradiente de forma libre, pero podría ser tan fácilmente la que se crea usando la malla de gradiente como la entidad funcionará igual de bien en cada una de ellas. Voy a seleccionar esta forma y voy a elegir efecto, para luego estilizar
y elegir Resplandor Interno. Ahora el valor predeterminado para resplandor interno es una pantalla blanca, tuya va a verse algo así, donde tienes pantalla y un resplandor blanco. Bueno, lo que vamos a hacer es que vamos a poner esto para que se multiplique porque queremos oscurecer los bordes. Entonces vamos a seleccionar un color para usar y voy a usar un color morado. Encenderé la vista previa para que podamos ver el efecto. Ahora de nuevo, el defecto de opacidad es de 75 por ciento He
bajado el mío al 40 por ciento solo para reducir la opacidad a 75, va a ser demasiado grueso y demasiado pesado. Pensé que alrededor del 45 por ciento era bastante bueno, y el desenfoque por defecto es de cinco píxeles otra vez, eso no fue suficiente realmente no estaba apareciendo en esta forma. Voy a llevar la mía hasta probablemente 25 o más, así que sólo la está trayendo dentro de la Forma. Voy a dar click en “Ok”. Ahora con esta forma seleccionada, echemos un vistazo al antes y después abro el panel de apariencia, verás que este Resplandor Interior es solo un efecto. Esto es sin el Resplandor Interno y esto es con el Resplandor Interno, y se puede ver que le está dando un aspecto más dimensional. Ahora podemos hacer exactamente lo mismo aquí con la que tiene la malla gradiente aplicada a ella, elegirá Efecto y luego estilizará y nuevamente resplandor interno. Ahora el resplandor interno se ajustará por defecto a lo que sea que uses último en esta sesión, y como lo configuré para que se multiplique con todos estos ajustes para esta forma, eso es lo que por defecto es escuchar. Ahora por supuesto puedes usarlo para aligerar los bordes y si quieres hacerlo, elige el modo de mezcla de pantalla y elige un color claro. Pero me gustan los bordes oscurecidos aquí, así que solo voy a usar Multiply y hacer clic en “Okay”. Ahora también puedes usar obviamente estos mismos efectos, tanto el gradiente de forma libre como la malla de gradiente en cualquier objeto con forma, por lo que tu objeto no tiene que ser un círculo, puedes crear estas formas de un par de formas que me gusta usar el lavabos lápiz son agradables, herramienta
fácil de usar. Lo estoy configurando para suavizar, va a dibujar unas bonitas formas lisas y solo puedo dibujar alrededor para crear una forma. Ahora el gradiente de forma libre se puede aplicar a esta forma seleccionándolo, haciendo clic en la herramienta cuentagotas y luego simplemente seleccione una forma que tenga aplicado el gradiente de forma libre. Estamos copiando efectivamente ese efecto a esta nueva forma, pero claro que podríamos crear eso desde cero. Ahora También es posible volver a dar forma a las formas. Simplemente voy a Alt u Option Drag, un duplicado de este círculo en particular, este es el que tiene el gradiente de forma libre aplicado al mismo. Voy a elegir la herramienta warp, pero podría elegir cualquiera de las herramientas de esta colección. Todas son herramientas licuadas, si quieres, y solo voy a arrastrar por los lados de esta forma. Al igual que yo, el gradiente apenas se está reformando y la forma está cambiando de forma si quieres, y por supuesto podemos volver atrás y editar eso. Voy por la herramienta de selección, selecciónela, presione la letra G, y aquí nuestro gradiente se detiene y solo puedo hacer doble clic en una de ellas y simplemente cambiar los colores. Ahora esta forma se creó, por
supuesto, con la masa de gradiente. Voy a arrastrar un duplicado de la misma. Vuelvo de nuevo a la herramienta warp aquí, de nuevo, solo
puedo caminar esta forma y la malla de gradiente se va a aplicar a la forma deformada. Podríamos, por supuesto, aplicar una malla de gradiente a una forma que hemos creado usando la herramienta de lápiz o la herramienta de lápiz o lo que quieras. Tan solo quería mostrarte esas técnicas adicionales, una de ellas es aplicar un oscurecimiento al borde de la forma usando
el efecto de resplandor interno y la segunda es por supuesto, en cualquiera de estos efectos se pueden aplicar a cualquier forma en Ilustrador.
11. Proyecto y wrapup: Ya terminamos el contenido de video para esta clase así que te toca practicar estos efectos. Si estás usando una versión de Illustrator anterior a CC 2019, entonces estarás usando la Herramienta de malla degradado. Si estás usando Illustrator CC 2019, puedes usar cualquiera de las herramientas o ambas, el Gradiente de Forma Libre o
la Malla de Gradiente. Practica el uso de estas herramientas con formas
y texto y publica una imagen de tu arte terminado como tu proyecto de clase. Al estar viendo estos videos, habrás visto un prompt preguntando si recomendarías esta clase a otros. Por favor, si estás disfrutando de la clase y aprendiendo de ella, llenarías la encuesta en línea ya que esto ayuda a otros alumnos a ver que esta es una clase de la que ellos también podrían disfrutar y aprender. Si estás viendo el enlace de seguimiento en la pantalla, haz clic en él para mantenerte al día con mis nuevas clases a medida que se liberan. 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 en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.