Transcripciones
1. Recortar formas y texto en Illustrator: introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo; formas
warp 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. hoy estamos deformando texto y formas en Illustrator. Empezaremos descargando una foto de una manzana. Lo convertiremos en un vector y luego lo moldearemos en una especie de forma cuadrada utilizando la herramienta Distorsión de envolvente en Illustrator. Entonces seguiremos adelante y deformaremos algún texto y lo distorsionaremos usando una malla. También remodelaremos algún texto a una forma dibujada a mano. En el camino, aprenderás la práctica técnica para rellenar texto con un gradiente personalizado y para usar el pincel de blob. Ahora, ya que estás trabajando a través de estos videos, es posible que veas un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Esto ayuda a otros a identificar esto como una clase que podrían querer tomar. Si quieres dejar un comentario, por favor hazlo. Leí todos tus comentarios y disfruto de todos tus proyectos de clase. Ahora empecemos a deformar formas y texto en Illustrator.
2. Formas de tirar y texto parte 1: Vamos a iniciar nuestro proyecto de texto deformado y forma aquí en un sitio llamado morguefile.com. En morguefile, puedes buscar y descargar fotos. El tema con morguefile es que hay que hacer algo con ellos. No se puede simplemente publicarlos tal como son. Ya que planeamos hacer algo con esta manzana que vamos a descargar, entonces este es un sitio perfecto para nosotros. Yo sólo voy a dar click en esta manzana, y te voy a dar el enlace para que lo hagas. Entonces solo puedes hacer clic para descargar la imagen, y la descargarás a tu carpeta de descargas. Ahora, ya lo he hecho. Entonces, solo cerremos mi navegador, y luego vayamos a Illustrator y creemos un nuevo archivo. Voy a elegir Archivo y luego Nuevo. Voy a crear un documento. Este es de 960 píxeles por 560. Está en modo paisaje, así que eso es perfecto para mí. Voy a hacer clic en “Aceptar”. Ahora lo que quiero hacer es colocar esa ilustración de manzana en mi documento. Escogeré Archivo, y luego Colocar, y voy a navegar a mi carpeta de descargas. Aquí está la manzana. Simplemente voy a dar click en él y dar clic en “Colocar”. Dentro de Illustrator, solo puedo arrastrar un lugar para que esta imagen sea puesta dentro del documento. Ahora, siempre que hagas eso con una imagen Illustrator, asume que probablemente quieras trazar esto, que es exactamente lo que queremos hacer. Podemos subir aquí a las opciones Image Trace, y solo daré clic para que Illustrator rastre esta imagen de mapa de bits y la cree en un objeto vectorial. El rastro resultante no es particularmente bueno, pero podemos resolverlo abriendo aquí el panel de traza de imagen. Si no lo ves, elige Ventana y luego Rastreo de imagen. El primero que hay que hacer con este panel es apagar la vista previa. Probablemente sea el único panel de Illustrator que tiene la vista previa activada de forma predeterminada, y probablemente sea el que menos quieras activar la vista previa. Así que simplemente apágalo para que pueda realizar estos cambios
al diálogo sin que Illustrator retracte la imagen cada cambio que realice. Ahora bien, si no ves las opciones avanzadas aquí, solo tienes que dar click en “Avanzado”. Queremos trazar esto en color, así que voy a seleccionar color de la lista desplegable del modo. También estoy seleccionando una paleta de colores limitada. No queremos demasiados colores. Yo lo tengo establecido en 30, pero podrías ponerlo a cualquier cosa entre 20-30. En el panel Avanzado, podemos elegir cómo se traza esta imagen. Porque solo estamos aquí para aprender sobre la deformación, no
queremos un rastro de fidelidad muy alta. Vamos a arrastrar caminos a bajo y esquinas a menos. Entonces vamos a arrastrar el ruido todo el camino hasta cerca de 100. Eso nos va a dar un rastro bastante áspero para nuestros propósitos. Ahora estamos listos, podemos hacer clic en “Vista previa” en, e Illustrator seguirá adelante y rastreará la imagen usando estos ajustes. Este es el resultado de la traza. Es un resultado mucho mejor que el que teníamos anteriormente. Sólo voy a dar click para cerrar este diálogo. Ahora, quiero ampliar esto, así que voy a dar clic en “Ampliar”. Eso expande el rastro en las piezas de formas vectoriales que llegaron a hacer esta imagen. A continuación, quiero desagrupar esto. Voy a seleccionarlo, y elegir Objeto, Desagrupar. Eso sólo desagrupa las formas. Ahora puedo empezar a deshacerme de los pedacitos que no quiero. No quiero nada del fondo gris, todo lo que quiero es la manzana misma. Simplemente puedo hacer una selección general sobre las áreas alrededor de la imagen que no quiero. Pero voy a ser un poco cuidadoso, para asegurarme de que no destruya el fondo de la manzana. Porque las posibilidades son, que la sombra debajo de la manzana también sea parte de la manzana. Si intentas sacar la sombra, vas a destruir parte de la manzana. Bueno, te voy a mostrar una solución para eso. Esta raya piezas aquí, pero vamos a ignorar esas por el momento. Vayamos a limpiar el fondo de la manzana. Para hacer eso, vamos a acercar. Ahora, tu próximo mejor amigo en cuanto a herramientas en este momento va a ser la herramienta de borrador. Sólo voy a dar clic en la “Herramienta de borrador”. Aquí, solo puedo empezar a sombrear los pedacitos de este vector formas que no quiero dejar los bits que hago, porque este verde más oscuro es en realidad parte de la manzana. Tan pronto como rompa la conexión entre una forma y la propia manzana, ahora puedo entrar con la herramienta de selección, y simplemente seleccionar en esa forma y quitarla. En ocasiones la herramienta de borrador es una buena manera de limpiar. Simplemente esfuérzate en algunas piezas que no quieras de un escaneo. Por supuesto, también puedes conseguir estas piezas más grandes. Podemos simplemente arrastrar por ahí y simplemente agarrar cualquiera de estas piezas más grandes de raya que estamos viendo aquí que también podrían estar adjuntas a la imagen, o simplemente puedes seleccionarlas con la herramienta de selección y deshacerte de esas. Todavía tenemos pedacitos y pedazos aquí, y no voy a preocuparme demasiado por ellos ahora mismo. Porque lo que voy a hacer, es que voy a ir a lo que se llama vista de esquema. Voy a elegir Ver y luego Esquema. Ahora podemos ver dónde están todos los píxeles de raya, solo hace la vida un poco más fácil. Con la herramienta de selección, podemos seleccionar sobre los píxeles de banda y empezar a deshacernos de ellos. También podemos utilizar la herramienta de borrador en este punto. Si puedes ver estos pequeños puntos, que son los contornos de estas pequeñas formas de sobras, entonces solo puedes ir y borrarlos. Esta es una forma rápida y fácil, solo para limpiar rastros en Illustrator. En tan solo un par de minutos, tenemos un rastro realmente bueno de este objeto. Volvamos a la vista normal. Simplemente voy a elegir Vista previa en CPU. Ahora tenemos nuestra manzana rastreada, y estamos listos para seguir adelante y para deformar. Quiero deformar esto en forma cuadrada.
3. Formas de tirar y texto parte 2: Para deformar nuestra forma de manzana en forma cuadrada, vamos a necesitar un objeto cuadrado. Voy a agarrar la herramienta de rectángulo, tengo un Conjunto de Relleno y No Stroke y voy a mantener el turno a medida que arrastre un cuadrado para que pueda hacer de mi manzana una forma cuadrada. Ahora, la forma cuadrada se dibujó después de la manzana, lo
que significa que está arriba en la última pila. Esto es bastante importante. Yo sólo voy a abrir la última pila y se puede ver que el objetivo cuadrado está en la parte superior y los trozos y piezas de manzana están debajo. Bueno, voy a agrupar la manzana sólo para que
no se vaya a separar en un millón de pedacitos. Seleccionaré sobre él y elegiré Objeto y luego Agrupar. Todavía está debajo del rectángulo sin embargo y se puede ver eso en la última tarima. Voy a seleccionar sobre ambas formas y
voy a utilizar una herramienta llamada Distorsión de envolvente, vamos a elegir Objeto y luego Distorsión de envolvente, y vamos a seleccionar la marca con objeto superior porque eso va a hacer de la manzana una forma cuadrada. Bueno, al menos esa es la teoría. Hagamos clic aquí, y todo lo que esto pretende hacer es solo hacer que la manzana sea exactamente la misma forma que tenía. Claramente en este momento, el rectángulo o la forma cuadrada no está funcionando. Yo sólo voy a deshacer esto. A veces Distort sobre no te dará los resultados que crees que te debería dar. Vámonos ahora y creemos un círculo. Yo sólo voy a arrastrar hacia fuera una forma circular. Nuevamente, mi forma circular está en un camino encima de mi forma de manzana. Ahora vamos a seleccionar ambas formas y vamos a ver qué hace el Distort de envolvente esta vez. Objeto, Distorsionar sobre, hacer con objeto superior. Queríamos que la manzana fuera de forma cuadrada y forzarla
a un círculo en realidad tenía el resultado deseado. Si a veces piensas que Envelope Distort no está funcionando de la manera que quieres, pruébalo con una forma diferente y ve si puedes averiguar qué forma puedes dibujar que te va a dar el resultado deseado. Ahora solo quiero rotar esto alrededor, así que solo lo voy a agarrar, mantenga presionada la tecla Mayús y rotarla solo 45 grados porque así es como quiero que se vea mi manzana. Ahora una vez que rotes una forma, verás que los mangos ya no aparecen alrededor de la forma como lo hacían anteriormente. Si quieres que tus asas estén en el lugar correcto, simplemente elige Object, Transformar, Restablecer Bounding Box, y solo mira ahora las asas. El superior está apuntando a la parte superior de la forma aquí, vamos a hacer clic en “Restablecer caja delimitadora” y ver cómo ahora tenemos las asas donde podríamos esperar que estén para esta forma en particular. Antes de dejar de deformar la manzana y seguir adelante y mirar el texto, solo ten en cuenta que esta manzana tiene
mangos de control a su alrededor así que si hacemos click en la herramienta de selección directa, hay un mango de control por aquí, un punto de anclaje, y así podemos arrastrarlo hacia fuera, y eso arrastraría hacia fuera este rincón de la manzana. En realidad podemos darle forma a tal vez incluso un poco mejor forma cuadrada simplemente usando estas asas. Aquí estoy usando el Distort de Envelope para empezar con mi manzana cuadrada, pero tal vez quiera volver aquí con las
asas individuales y simplemente remodelarlo para obtener el resultado perfecto. Ahora estoy bastante feliz con mi manzana cuadrada, sigamos adelante y echemos un vistazo a cómo caminaríamos el texto a su alrededor.
4. Formas de tirar y texto parte 3: Ahora, la tipografía que voy a usar para los efectos de tipo se llama tipografía de fondo grande. Es una tipografía que tiene un fondo ligeramente más grande que la parte superior. Es una tipografía de dibujos animados. Te voy a dar un enlace para descargar esta fuente, pero puedes usar cualquier fuente que te guste. Solo sugiero que uses algo que sea relativamente grueso para que puedas obtener un bonito efecto warp. Voy a escribir la palabra raro, y lo voy a hacer en mayúsculas. Voy a seleccionar mi tipo y voy a seleccionar mi tipografía la cual ya he instalado previamente. Aquí, es tipografía de fondo grande y la voy a agrandar y colocarla sobre mi manzana. Ahora, una de las cosas que te prometí en este video te estaba mostrando cómo agregar un relleno degradado para escribir porque no puedes hacerlo usando esta opción porque solo seleccionando relleno degradado, tenemos un relleno degradado aquí, pero el tipo no se está llenando con él. No es algo que se pueda hacer e ilustrarlo con particular facilidad. Voy a empezar agarrando los colores que quiero para mi gradiente. Voy a abrir mi panel de muestras, voy a conseguir mi herramienta cuentagotas. Voy a probar un par de colores de la manzana misma. Voy a seleccionar este color aquí. Simplemente lo voy a arrastrar y soltar en mi panel de muestras. Voy a probar algunos de estos colores para que pueda utilizarlos para mi gradiente. Seleccionar colores como este va a asegurarse de que el gradiente de texto que voy a usar vaya a ser de color a juego con la manzana. Ahora que tengo eso, puedo obtener texto en color, pero simplemente no puedo obtener texto relleno de gradiente. Vamos a volver atrás y seleccionar el texto con la herramienta de selección. Voy a abrir el panel de apariencia y aquí, voy a añadir un nuevo relleno. Solo voy a dar clic aquí para Agregar nuevo relleno y lo extraño es que, cuando añades un nuevo relleno, obtienes acceso a estos rellenos de gradiente. Es igual que una cosa rara en Illustrator pero no
se puede agregar un relleno degradado al texto con solo hacer clic en relleno degradado. Pero si pasas por el panel de apariencia, entonces sí puedes. Yo quiero agregar un gradiente diferente aunque. Entonces voy a la herramienta de gradiente, aquí está el gradiente aquí y se puede llegar a él, por
supuesto eligiendo Ventana y luego gradiente. Ahora, quiero seleccionar los colores, y tengo los colores en mi panel de muestras. Voy a hacer un gradiente de luz a un gradiente más oscuro. Bueno, elijamos este color aquí. Ahora tengo mi gradiente. Una de las cosas que voy a hacer es en realidad agregarla al panel de muestras. Habiendo ido a la molestia de crear el gradiente, también lo
voy a guardar para poder reutilizarlo más adelante. Voy a ponerlo aquí, así que mi gradiente se guarda. Volvamos al diálogo de gradiente porque en realidad quiero que este sea un gradiente radial. Entonces, vamos a la herramienta de gradiente por aquí y solo voy a arrastrar el gradiente desde este extremo. Tan ligero de este lado, a través del emparejamiento donde es más ligero en la manzana también. Ahora tengo algo de texto de campo degradado y ahora
sabes cómo crear texto de campo degradado en Illustrator. A continuación, vamos a ver algunas opciones para deformar texto y les
voy a mostrar a los tres y sólo vamos a trabajar con ellos. El ejercicio aquí es solo para mostrarte cuáles son tus opciones. Seleccionemos sobre el texto y una de las opciones es esta, Make Envelope. Es una opción warp y también puedes llegar a ella eligiendo Object, Envelope Distort, Make with Warp. Es exactamente la misma herramienta. Lo que obtienes aquí es un diálogo de opciones
warp y estas son las opciones que puedes usar. Puedes usar arc, que hará arco tu texto. En realidad estaba usando Arc Upper porque eso me dio efecto que me ha gustado pero aquí hay muchas opciones con las que puedes jugar. Simplemente selecciona cualquier cosa y empieza a trabajar con ella. Cuando lo hagas seleccionarlo, vas a conseguir estas opciones aquí. Por el momento, estamos trabajando en horizontal y se puede ver que se está arqueando de esta manera pero si lo arrastramos de esta manera, se va a arco debajo. Podríamos haber colocado eso quizás debajo de la manzana. También tienes una opción vertical aquí la cual lo lleva en diferentes direcciones verticalmente. Pero horizontal es presumiblemente lo que queremos aquí. También puedes agregar alguna distorsión, por lo que puedes agregar alguna distorsión horizontal a tu warp y también alguna distorsión vertical. Se puede decir que incluso usando estas opciones de warp incorporadas, dado que tienes tantas de ellas y cada una de ellas tiene estos controles, puedes obtener un poco de variedad de texto deformado justo a partir de este cuadro de diálogo, así que solo voy a dar clic “OK”. Esa es una de tus opciones para deformar texto y voy a usar esto como base para la segunda opción que voy a hacer, pero solo podrías hacer esto con texto regular también. Voy a elegir Object, Envelope Distort, y si no hubiéramos hecho ya esta warp, podríamos elegir lo que estaría aquí, Make with Mesh. Bueno, vamos a elegir Reset with Mesh porque eso sólo nos permite usar la herramienta de malla en el texto ya deformado. Ahora, cuando hacemos eso, obtenemos la opción de mantener esta forma de envolvente. En otras palabras, lo que Illustrator nos está diciendo está bien, quieres hacerlo con la malla sobre, sé cómo hacerlo, pero ya le aplicaste una urdimbre. ¿ Quieres hacer esta malla con la urdimbre existente o quieres que ignore la urdimbre y simplemente seguir adelante y hacer la malla? Bueno, lo que queremos hacer es tomar esto como base. Por lo que queremos mantener la forma del sobre que tenemos, pero queremos agregar algunas opciones de malla adicionales. Sólo vamos a usar una fila pero aquí se puede ver que tenemos tres columnas. Bueno, vamos a aumentar el número de columnas sólo para que tengamos algunas opciones más, unas
cuantas asas más aquí para doblar la forma hacia abajo. Sólo voy a dar clic en “Aceptar”. Acerquemos y vayamos a conseguir la herramienta de selección directa porque estos son solo puntos de anclaje. Simplemente voy a seleccionar sobre este punto de anclaje y arrastrarlo hacia abajo. Cuando lo hago, el texto viene conmigo y tiene pequeñas asas al igual que cualquier punto de anclaje, por lo que podemos suavizarlo alrededor. Puedo doblar este texto alrededor de la forma de mi manzana sólo moviendo los puntos de anclaje y el texto está deformado para que coincida. Yo sólo voy a agarrar este y arrastrarlo hacia abajo y porque no se está doblando
bien alrededor de la manzana, bueno tiene un mango en ella y sabemos simplemente manipular esas asas para suavizar la curva. Si quiero dar vuelta lo hago, realidad
voy a doblar esto alrededor del tallo en la manzana porque eso
me va a dar esa mirada que realmente estoy consiguiendo una pieza de texto doblada. Ahora bien, si encuentras que tu manzana te está despegando, solo abre el último panel y simplemente cierra tu manzana hacia abajo. Este sobre aquí es la manzana, y si la bloqueas, no podrás seleccionarla, lo que te dará un poco más de libertad para seleccionar cualquiera de los otros puntos de anclaje porque no
te meterás la manzana en el camino a medida que te arrastras sobre ellos. Cuando termine, solo presionaré “Control” o “Comando+0" para volver a ver la imagen a tamaño completo. Tenemos nuestro texto distorsionado sobre aquí, lo
hicimos de dos maneras. En primer lugar, utilizamos la opción de arco de texto y luego usamos la opción de malla que nos permite distorsionar el texto arrastrando sobre las asas. Bueno, a continuación, vamos a ver otra forma de distorsionar el texto.
5. Formas de tirar y texto parte 4: Para este siguiente efecto de texto, vamos a utilizar un tipo diferente de warp. Ahora mismo, sólo voy a mover estas piezas un poco más arriba mi documento. Acude a la paleta de capas y simplemente bloquea estos dos elementos hacia abajo para que no se muevan. Voy a ir a por la herramienta Tipo, voy a escribir Ciencia. Sigo en la misma fuente, esta tipografía de fondo grande. Simplemente voy a mover el texto más o menos a la posición que quiero que ocupe. En última instancia, quiero llenar este texto con el mismo gradiente que utilicé aquí arriba. Pero debido a que el envolvente
se distorsiona, hace que sea un poco difícil ver cómo incluso llenarías el tipo con un color sólido. Voy a dejar el relleno degradado hasta más tarde y mostrarte cómo puedes editar estos objetos distorsionar sobre para que puedas cambiar su relleno, porque no es inmediatamente evidente cómo lo harías. Voy a deformar este texto a una forma. Voy a dibujar mi forma usando un pincel de blob así que solo voy a dar clic en el pincel de blob. Voy a establecer un color de trazo. Voy a hacer que el color del trazo sea algo así como un rojo por ahora. Si no tienes el pincel de blob en tu versión de Illustrator, solo
puedes hacer una forma. No importa qué forma hagas. Es solo importante que veas cómo deformar tu texto a una forma. Ahora si haces doble clic en el pincel de blob, si tienes eso, me gusta poner la fidelidad a suavizar. Eso va a suavizar todo bien. Probablemente también seleccionaré “Mantener seleccionado” para que cualquier pincelada adicional que haga se agregue a mi forma. Ahora solo voy a arrastrar para pintar una forma en la que quiero distorsionar mi tipo. Porque tenía la fidelidad establecida para suavizar, verás que cuando dibuje en estas formas que Illustrator está tratando de suavizar los baches. Eso funciona bastante bien. Si no estás 100 por ciento contento con lo suave que es tu forma, puedes entrar aquí y elegir la “Herramienta Suave” y hacer doble clic sobre ella y puedes ver cómo puedes configurarla a precisa o lisa. Bueno, querrás ponerlo al final suave si quieres suavizar las cosas. Simplemente puedes arrastrar sobre estos puntos de anclaje para simplemente suavizarlos. Lo que hace Illustrator es quitar puntos de anclaje para darte una forma más suave. Esta forma es solo una forma de Illustrators regular por lo que tiene puntos de anclaje a su alrededor. Puedes venir aquí y seleccionar cualquiera de estos puntos de anclaje, y ajustarlos como lo harías con cualquier otro punto de anclaje en Illustrator. Por lo que obtienes mucha flexibilidad usando el pincel de blob como punto de partida para tu forma, y luego ajustando la forma si quieres, habiéndola hecho con el pincel de blob. Yo sólo voy a cuadrar el final aquí. Esta es la forma que quiero dar forma a mi texto también. Porque la dibujé en segundo lugar, esta forma está encima de la forma tecnológica. Ahora eso es realmente importante para la herramienta de distorsión de envolvente, que la forma esté encima de lo que sea que quieras remodelar. Ahora tengo mi forma y mi texto, voy a seleccionar ambos y voy a usar Object,
Envelope Distort, Make with Top Object. Eso dobla las garrapatas a la forma del objeto. Simplemente no ha sido particularmente exitoso aquí, así que vamos a editar, Deshacer. Vamos a echar otro vistazo a nuestra forma. Normalmente son uno o dos de estos puntos de anclaje los que están causando dificultad. Voy a acercarme aquí y vamos a ver si podemos ver qué está causando que se ponga boca abajo. Bueno, esto es probablemente lo que está provocando que se vuelva boca abajo, este punto de anclaje aquí. Voy a probarlo con la herramienta [inaudible], para ver si puedo conseguir que se comporte un poco mejor. Pero si eso no funciona, siempre
puedo ir a la herramienta borrar punto de anclaje. Creo que tengo dos puntos de anclaje en proximidad cercana y simplemente no se están comportando bien. de haberme deshecho de lo que creo que son probablemente los puntos de anclaje problemáticos, puedo agregar uno nuevo y simplemente ajustar la forma utilizándola. Volvamos a salir otra vez y intentemos eso otra vez. Nuevamente, seleccionando la herramienta Selección, arrastrando sobre el texto y la forma, Objeto, Distorsionar sobre, Hacer con objeto superior. Esta vez ese texto se vuelve a dar forma correctamente. Solo ten en cuenta que si dibujas tú mismo la forma, si hay algo que sea un poco funky en cuanto a los puntos de anclaje, posible
que tengas que regresar y volver a ajustar los puntos de anclaje, y luego volverlo a distorsionar. Ahora tenemos nuestra palabra ciencia, que ha sido muy distorsionada para que coincida con la forma que creamos. Esto se puede estirar. Es sólo una forma deformada, así que va a comportarse como una forma regular en Illustrator. Pero ahora lo que queremos hacer, es agregarle este gradiente realmente interesante. Bueno, si echamos un vistazo en la última paleta aquí, dirás que tenemos sobre aquí en la paleta Capas. Pero no hay indicio de que podamos abrirlo para meternos dentro de nuestro texto. Tiene este divertido color de relleno gris, que no está representado por el color de relleno real del texto. Entonces no hay relación directa entre lo que estamos viendo aquí y lo que estamos viendo aquí. Si abrimos el panel de apariencia, solo
obtenemos sobre y contenidos. Pero no importa en qué
pinchemos aquí, no podemos tener acceso a nada que parezca un relleno negro que podríamos cambiar. La respuesta no está en el panel de apariencia. La respuesta está en seleccionar el texto y elegir Objeto, Distorsionar
envolvente, y luego Editar contenido. Esto nos da acceso al tipo dentro del sobre. Nuevamente, sabemos que no podemos llenar este tipo con un gradiente porque no se nos permite hacer eso en Illustrator, así que abramos el panel de apariencia y hagamos click en el contenido de este sobre, y agreguemos un nuevo relleno. Ahora podemos agregar un relleno degradado debido a la opción de gradiente disponible aquí. Vayamos a conseguir nuestro gradiente. Ahora con el relleno degradado aplicado, vayamos al panel de gradiente y lo hagamos un gradiente radial. Una vez que es un gradiente radial, podemos volver al panel de apariencia, asegurarnos de que tenemos seleccionado este relleno, e ir y obtener la herramienta de gradiente en sí, que ahora nos permite arrastrar sobre el tipo de gradiente que quieren para esta forma. Ahora que hemos hecho esto, podemos cerrar el panel de apariencia. Pero lo que Illustrators no te va a decir es que sigues en este modo de paseo sobre edición, y necesitas salir de él. Por lo que necesitas volver a seleccionar esta forma y luego tienes que ir a Object, Envelope Distort, Edit Envelope, y eso te lleva de nuevo a editar el sobre en lugar de los contenidos. Volvamos atrás, y se puede decir ahora que los mangos aparecen alrededor de nuestra forma. La herramienta de distorsión de envolvente tiene algunas cosas raras al respecto por lo que
solo quieres estar al tanto de esas cuando lo estás usando.
6. Formas de tirar y texto parte 5: Antes de terminar con este efecto de texto warp, hay otra cosa que solo quiero mostrarte porque podría
ayudarte a entender cómo vas a conseguir efectos interesantes con él. Simplemente voy a abrir un nuevo documento y sólo voy a la “Herramienta Pluma” y voy a arrastrar y dibujar un corazón. Voy a dar click y arrastrar hacia arriba en esta dirección. Ven por aquí, haz clic y arrastra hacia abajo. Voy al fondo del corazón donde sólo voy a dar click una vez. Voy a subir a este lado, va a ser un poco de corazón trastornada. Voy a dar click y arrastrar aquí. Voy a volver al punto de meta y dar click. Ahora, uno de los temas va a ser este punto en un minuto, pero sólo veamos cuál es el problema y vamos a resolverlo. En primer lugar, voy a llenar el corazón de un color, pero no voy a tener ningún derrame cerebral en absoluto. Yo sólo voy a ir y obviamente recoger algo de color rosa. Este va a ser un buen color para ello. Ahora, lo voy a probar primero con mi tipo. Voy a escribir la palabra amor, y lo voy a hacer en todas las capitales. Voy a volver a seleccionar esta fuente “Big Bottom”. Escribamos en grande, aquí dentro es “Big Bottom Typeface”. Tengo mi texto y ahora mismo está encima de la forma porque se dibujó segundos. En el último panel se puede ver tengo texto en la parte superior del camino aquí para la forma del corazón. Bueno, necesitamos revertir esos. En el último panel, podemos hacerlo simplemente arrastrando el texto debajo de las formas. Esa es una forma fácil de hacerlo. Seleccionemos sobre ambos de esto, no
importa que mi texto sea realmente diminuto y mi forma sea realmente grande. El texto se va a arrastrar y hacer más grande para llenar la forma. Correcto Correcto sólo estamos en un proceso de prueba. Hagamos “Objeto”, “Distorsionar sobre”, “Hacer con objeto superior”. Aquí se puede ver que éste tiene el mismo Buckle Under Effect teníamos con el tipo que hicimos en el anterior. Vamos a deshacer eso. El Hebilla Bajo Efecto es causado por este punto aquí, no tener dos asas. Todo lo que tenemos que hacer es hacer clic en esta opción de “Dos asas” aquí, para hacer un borde redondo y luego simplemente remodelar nuestro corazón. Para romper estas dos asas, voy a sostener “Alt” u “Option” mientras arrastro en este extremo porque eso sólo me permite remodelar este extremo sin remodelar el otro. Vayamos a conseguir esta manija. Creo que sólo necesita un poco más de trabajo. Yo quiero un corazón distorsionado, pero es importante que esta zona media aquí tenga dos asas en él,
o de lo contrario el texto cuando aparezca dentro del corazón se va a abrochar. Ahora que hemos hecho eso, estoy seguro de que esto va a funcionar esta vez. Antes de ir y hacer de mi texto la forma de mi corazón, voy a meter una segunda versión de este corazón de distancia. Lo voy a arrastrar al icono de “Nueva capa”. Voy a moverlo hasta el fondo fuera del camino, y voy a apagar su visibilidad, así que no podemos ver ese segundo corazón. Ahora, vamos a buscar las dos piezas con las que queremos trabajar. El texto, y Shift-click en esta forma de corazón más grande. Se puede ver aquí en el panel de capas que se seleccionan
estas dos formas o estos dos objetos. “ Objeto”, “Distorsionar sobre”, “Hacer con objeto superior”. Ahora, tenemos nuestro maravilloso texto que tiene forma de corazón, pero mira lo que nos hemos dado manteniendo un duplicado del corazón. Bueno, nos hemos permitido la oportunidad de agregar un relleno de color detrás del texto sin tener que redibujar algo que era una forma dibujada a mano en primer lugar. Ahora, una de las cosas que tal vez quieras hacer en este punto es hacer realmente este segundo corazón, el que está detrás, un poco más grande para que la palabra amor aparezca dentro de él. Bueno, estás a punto de encontrar un problema en Illustrator. Voy a seleccionar esta forma y voy a arrastrar hacia fuera lo que hay en este mango sosteniendo “Shift” y “Alt” como lo hago. Ya verás que esto no nos da una copia exacta de esta forma. Se puede decir que este punto de anclaje aquí está realmente cerca de la forma debajo de la forma deformada, y sin embargo la forma está mucho más lejos de este lado. No estamos consiguiendo una expansión realmente verdadera de esta forma. Yo sólo voy a deshacer esto. Vayamos y veamos esta forma solos. Voy a apagar el texto. Voy a mirar este camino y le voy a añadir un trazo, y por ahora va a ser azul. Voy a hacerlo un poco más grande. Voy a asegurarme de que no esté en el interior de la forma. Alinear la huelga al centro es una buena opción aquí. Ahora, tenemos un trazo que está construyendo un poco de espacio
extra en el borde de nuestro corazón. Voy a tomar esta forma y la voy a expandir con “Objeto Expandir”. Yo quiero expandirme, rellenar, y acariciarme, así que haré clic en “Ok”. Ahora, tengo un derrame cerebral que es un ritmo, y el corazón, que es un ritmo. En el grupo aquí se puede decir que hay un poco azul, y un poco rosa. Bueno, nos vamos a llevar el bit azul y el bit rosa, y vamos a unirnos a ellos usando el Pathfinder. Voy a “Pathfinder”, voy a dar click en “Unite”. Esto me da un corazón azul. Bueno, es realmente fácil volver a colorearlo al color rosa que queríamos. Ahora, volvamos al “panel Capas”. Vamos a encender nuestro texto. Al agregar esa cantidad extra de forma alrededor de nuestro corazón usando un trazo, ahora
tenemos una cantidad extra perfecta de rosa alrededor de nuestro texto. No habríamos tenido esa re-forma perfecta si lo
hubiéramos hecho simplemente arrastrando las asas de la forma. Ahora, de nuevo, este texto está dentro del Sobre. Si queremos volver a colorear el texto, tenemos que seleccionarlo. Tenemos que ir a “Objeto”, “Distorsión de envolvente”, “Editar contenido”. Aquí está nuestro tipo, y es esta cosita diminuta de aquí. Bueno, podemos recolorearlo a, por ejemplo, un rojo oscuro. Una vez que hayamos hecho eso, vamos a elegir “Objeto”, “Distorsión de envolvente”, “Editar sobre”, y así volvemos a esta forma de envolvente, este objeto de texto distorsionado. Ahí tienes algunas opciones para crear texto deformado y formas en Illustrator. Tu proyecto para esta clase será crear algo que esté deformado. Puedes seguir adelante y descargar la manzana y hacer el extraño proyecto de ciencia con la manzana cuadrada. O puedes hacer el corazón con amor en él, o puedes hacer lo que quieras. Simplemente te animo a experimentar con las herramientas de Distorsión de envolvente para deformar el tipo y también deformar formas en Illustrator. Espero que hayas disfrutado de esta clase y espero que hayas aprendido mucho sobre deformar textos y formas en Illustrator. Si sí disfrutaste de este curso y si ves un prompt para recomendar esta clase a otros, por favor dale un pulgar arriba. Esto ayuda a otras personas a identificar esto como una clase que tal vez quieran tomar. Si quieres dejar un comentario, por favor hazlo. Leí todos tus comentarios y miro todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de diseño gráfico para Almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
