Efectos de texto recortado en Adobe Illustrator: una clase de Graphic Design for Lunch™.

1. Diseño gráfico para el efecto de texto para la que se recorte de almuerzo: Hola, soy Helen Bradley. Bienvenido a este episodio de Diseño gráfico para el almuerzo, crea efectos de texto recortado en Adobe Illustrator. Diseño Gráfico para Almuerzo es una serie de clases que imparte una gama de consejos y técnicas para crear diseños y trabajar en aplicaciones como Illustrator, Procreate y Photoshop. hoy estamos viendo los efectos de texto recortado. Empezaremos cortando textos de una foto de mapa de bits de tal manera que el texto en sí siga siendo totalmente editable. Después crearemos un segundo efecto que corta el texto de una forma en los lugares donde la forma y el texto se superponen. Vamos a hacer esto también de una manera que asegure que el texto sea totalmente editable. Analizaremos un par de formas en las que podrías usar este efecto en tus propios diseños. Ahora, ya que estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de esta clase, dale un pulgar arriba. Recomendaciones como esta me ayudan a conseguir mis clases frente a más personas, personas como tú que quieren aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí todos tus comentarios y miro todos tus proyectos de clase. Si estás listo, empecemos ahora a los efectos de texto recortado en Illustrator. 2. Efectos de texto de recorte - parte 1: Es posible cortar texto de una foto en Illustrator y lo vamos a hacer ahora. Voy a empezar con un nuevo documento, eligiendo “Archivo” y luego “Nuevo”. El documento va a ser de 1,000 píxeles por 750 píxeles y su modo de color RGB. Voy a dar click en “Ok”. La imagen que voy a usar es de unsplash.com. Aquí está. Unsplash.com es un sitio donde puedes encontrar imágenes que puedes usar con fines comerciales y personales. Fui a unsplash.com y busqué la palabra clave Londres y encontré esta imagen. mí me gusta el contraste en ella, así que esto es lo que vamos a usar. En unsplash.com, cuando veas una imagen que te guste, click en ella y se abrirá en una nueva ventana del navegador y podrás hacer click para descargarla. Ya lo he hecho, así que vamos a buscar la imagen. Dentro de ilustrador, elegiré “Archivo” y luego “Lugar”. Aquí está la imagen aquí. Voy a dar click en él. Quiero asegurarme de que ese enlace esté deselecto porque quiero incrustar esta imagen en mi documento y haré clic en “Colocar”. Ahora necesito sólo arrastrar un área para la imagen. Simplemente voy a arrastrar un punto en mi documento para ello luego hacer clic de distancia. A continuación, hice mi texto, así que voy a dar clic aquí en la herramienta Texto y voy a escribir algún texto. Voy a escribir la palabra trabajo. Lo seleccionaré, haga clic en el cuadro de tamaño de fuente aquí y presione shift up arrow para aumentar el tamaño de mi tipo. Voy a moverlo a una posición sobre mi imagen y sólo probar para ver cómo se ve. Es poco difícil decirlo, así que sólo voy a colorearlo de un color totalmente diferente; naranja estará bien. Creo que podría elegir una fuente mejor; una fuente más gruesa funcionaría mejor aquí. Myriad Pro tiene una serie de variedades diferentes con él. Uno de esos podría ayudarme. He abierto la lista de fuentes aquí, así que voy a dar clic en Myriad Pro y luego simplemente bajar y ver las opciones que tengo disponibles. El más grueso que tengo es negrita semi extendida. Voy a seleccionar eso. Puedo decir que es una bonita fuente gruesa, tal vez un poco demasiado grande para nuestros proyectos. Simplemente voy a disminuir su tamaño de fuente. También puedo acercar las letras haciendo clic en el panel Carácter aquí y yendo a esta opción de rastreo.En realidad voy a disminuir el espacio entre personajes para que pueda meter un poco más de mi foto en los textos que tengo aquí. El método que vamos a utilizar para rellenar este texto con la imagen es crear una máscara de recorte. Escogeré la herramienta Selección para seleccionar sobre el tipo y la foto. Voy a hacer clic derecho y elegir hacer máscara de recorte. Ahora, tenemos [inaudible] que está lleno de nuestra foto. Echemos un vistazo al último panel y veamos qué tenemos. Tenemos capa uno. Dentro de ese es un grupo de recorte y dentro del grupo de recorte está nuestro texto y nuestra foto, todos los cuales aún son editables. Si hago clic en mi texto y voy a la herramienta Tipo, solo puedo hacer clic en este texto y puedo escribir algo completamente diferente. Si hago clic de distancia, el texto todavía se llena con la imagen. Es sólo que el texto en sí ha cambiado. También es posible seleccionar la imagen dentro de la máscara de recorte y luego moverla. A medida que movemos la imagen, una porción diferente de la misma aparecerá dentro de nuestro texto. A mí me gustan los fondos de las sillas ahí. En realidad podría seleccionar eso y hacer clic de distancia. Si quieres escribir efecto, pero te gustaría un poco de huelga en estas cartas que también se puede hacer. Volveremos a la última tarima. Esta vez vamos a hacer clic en la propia máscara de recorte, por lo que tenemos que seleccionar la máscara de recorte. Por aquí es trazo y ese es el frente, así que solo podemos ir y seleccionar, por ejemplo, un trazo negro. Eso le ha dado a la imagen un trazo negro muy fino. Si quieres que sea más delgado aún ve a Ventana y luego acaricia. Por el momento tenemos un peso de un punto, pero podríamos escribir eso hacia abajo para decir medio punto y luego obtenemos sólo una línea muy fina alrededor de nuestro texto. Hay una forma sencilla de cortar texto de una foto en Illustrator. Por supuesto que esta foto seguirá siendo una imagen de mapa de bits. Si lo escalamos a un tamaño realmente grande, vamos a sufrir de alguna pixelización en la imagen misma. 3. Efectos de texto de recorte - parte 2: Para crear un efecto de texto inverso en illustrator, vamos a elegir Archivo y Nuevo y simplemente crear un documento totalmente nuevo. Estoy usando 1,000 por 750 píxeles en tamaño, modo de color RGB. Voy a dar click Ok. Ahora, voy a empezar con yo círculo, así que voy a la Herramienta Elipse. Voy a dar clic en él y mantener presionado Shift mientras arrastro un círculo. Voy a moverlo más o menos a mitad de mi imagen. Quiero llenar mi círculo con un color sólido. Simplemente voy a ir a mi paleta de muestras, y elegiré un color para usar. Voy a elegir este color naranja. Voy a voltear el trazo y llenar colores y quitar el trazo por completo. Ahora voy a añadir algo de texto. Voy a dar clic aquí en la herramienta de texto y el interés de hacer visible el texto sobre la forma naranja, voy a hacer clic lejos de la forma y luego seleccionar el negro como mi color de relleno. Vuelvo a hacer clic en la herramienta Texto y voy a escribir las palabras círculo mágico. Ahora estoy escribiendo dos líneas de texto. Yo sólo voy a seleccionar sobre ellos. Haga clic en el cuadro de tamaño de fuente, presione shift up arrow para agrandarlos a un tamaño grande. Voy a posicionarlos sobre el círculo y voy a asegurarme de que las líneas estén alineadas centralmente. Voy a dar clic a la opción centro y los voy a volver a mover de nuevo. Encontré una fuente que me gusta y se llama alfabeto mono. Yo sólo voy a ir a seleccionarlo. Aquí está, mono-alfabeto regular. Es una tipografía bastante interesante y te voy a dar el enlace de descarga para ello. Está disponible desde dafont.com y es una fuente gratuita y es gratuita para uso comercial y privado. Ahora que tenemos estos dos elementos que he escrito y un círculo, vamos a crear nuestro efecto de texto recortado. Voy a la herramienta de selección. Voy a seleccionar sobre ambos el texto y ellos circulan. Ir a la paleta Pathfinder y lo que quiero hacer es el equivalente a una opción Excluir. La opción Excluir excluirá las áreas de forma superpuestas. Se deshará de las áreas donde se superponen el texto y el círculo, dándonos un efecto recorte. Pero si solo hago clic en la opción Excluir aquí, no pasa nada. El motivo por el que no pasa nada es que mi tipo todavía está mecanografiado. Ahora, tengo dos opciones en este punto. Uno bueno y otro no tan bueno. Hablemos de lo no tan bueno. El no tan bueno es que iríamos a convertir este tipo en contornos para luego aplicar este efecto y funcionaría. Pero nos va a limitar más adelante en cuanto a la flexibilidad que tendríamos al trabajar con estos objetos. La mejor opción es volver a esta opción Excluir, cual dar click como podríamos en ella no va a funcionar y agregar la tecla Alt u Opción. En este momento estoy sosteniendo Alt u Opción, estoy dando click en Excluir y dejar ver qué pasa. Bueno, algo bastante mágico acaba de suceder. Hemos podido cortar el texto de la forma subyacente. Hemos perdido el color de la forma. Se ha convertido en el color del texto pero tenemos el efecto que estábamos buscando. Como bono, también tenemos editabilidad. Bajando aquí hasta el último palé, sólo vamos a dar clic para abrir el último palé y dirás que tenemos aquí una forma compuesta y dentro de esa forma compuesta está nuestro texto de círculo mágico y nuestro camino, los cuales son editables. Si hago clic en el texto de círculo mágico, puedo mover el texto y cuando lo haga, todavía va a operar este efecto de texto recortado, pero la posición de corte va a cambiar de acuerdo a donde se coloque el texto. Ahora el texto también es editable. Podría entrar aquí y quitar una carta. Con este efecto, el texto sigue siendo totalmente editable. Ahora si queríamos volver a un color distinto al negro para nuestra forma, solo podemos volver atrás y dar click en el camino compuesto y se puede ver que aquí hay negro indicando que el camino compuesto, color de relleno es negro. Ahora bien, si vamos al texto, también verás que eso es negro, pero cambiar el color real del texto no tendrá ningún efecto en este objeto. Tenemos que ir al camino compuesto, seleccionar cada uno, y ahora podemos seleccionar un color. No importa qué color elijamos, se le aplicará el efecto. También puedes llenarlo con un patrón y tengo un par de patrón sentado aquí en el panel de muestras. Algunos de ellos funcionarán mejor que otros. Con este patrón en particular, podría verse mejor si el patrón se ajustara un poco. Veamos cómo hacemos eso. Con la forma aún seleccionada, iremos a transformar objetos y luego escalar. Voy a encender la vista previa. Voy a deshabilitar los objetos de transformación, porque no quiero que cambie el tamaño de este objeto. Yo solo quiero que cambie el tamaño del patrón. Voy a dar clic aquí, desplazar flecha hacia abajo para hacer el patrón un poco más pequeño. Eso hace que el texto sea un poco más fácil de leer, y voy a dar clic Ok. También es posible agregar un trazo delgado alrededor del objeto. Ahora va a aparecer alrededor del texto así como alrededor del círculo. Nos aseguraremos de seleccionar todo, volver a la última paleta, asegurarnos de que esta forma compuesta esté seleccionada. Cambiaremos aquí al color del trazo, y luego puedo hacer clic aquí arriba y encontrar un trazo de color para usar. Voy a usar un azul, algo similar al azul que está en el patrón mismo. Si voy al diálogo de trazo con Windows stroke, tenemos que aumentar, por ejemplo, el blanco del trazo. Ahora se puede decir que aquí se superpone la huelga. Es un efecto que puede o no querer usar. Por supuesto, se elimina fácilmente asegurándose de que tienes el objeto seleccionado y simplemente apaga el trazo. Hay una forma de cortar texto de una forma y en el siguiente video vamos a ver una aplicación práctica para esto. 4. Texto de recorte parte 3 parte 3: Para ver cómo podríamos usar el efecto de texto recortado en una situación más práctica, he ido a un sitio llamado Vecteezy, que es donde puedes encontrar gratis para descargar objetos vectoriales. Miré hacia arriba y encontré estas siluetas de café y tetera. Te voy a dar el enlace para encontrarlos y descargarlos. Al descargarlos, bajan como un archivo zip, y dentro de ese archivo zip hay un archivo AI que tiene todas estas imágenes en él. Voy a, en primer lugar, abrir ese archivo AI en Illustrator. Ahora, recientemente he abierto ese archivo por lo que va a estar en mi lista de Archivos recientes aquí. Está aquí. Yo sólo lo estoy abriendo. Vamos al último panel, y verás que cada una de estas cafeteras es un camino compuesto por lo que solo necesitamos encontrar la que nos interesa usar. Quiero usar este aquí, así que solo lo seleccionaré y elegiré Editar, Copiar. Copiemos en el portapapeles de Windows o en el Mac. Yo sólo puedo cerrar esto. Voy a elegir Archivo y luego Nuevo, y voy a hacer un documento que sea cuadrado. Haré que sea 750 píxeles de alto y ancho, modo de color RGB, y haga clic en “Ok” y solo elijo Editar, Pegar para pegar mi cafetera en. Voy a mantener presionada la tecla Mayús para simplemente ampliarla en esta ilustración. A continuación, voy a agregar algún tipo así que voy a escribir 2. Yo sólo voy a dar clic aquí abajo y voy a escribir té para dos. Voy a seleccionar el tipo y ampliarlo bastante. Lo colocaré en posición sobre mi tetera y voy a elegir una fuente diferente. Ahora, la fuente que estoy usando se llama de flores silvestres y alas. Nuevamente, es una fuente gratuita disponible de Daft Font y te daré el enlace de descarga para eso. Yo sólo voy a escribirlo porque eso va a ser más fácil, de flores silvestres y alas. Esa es sólo una tipota linda. Simplemente lo coloquemos en posición y probablemente queramos ampliarlo. Pero primero, cambiemos el color de la misma para que realmente podamos verlo. Con el tipo 2, solo voy a seleccionar sobre el tipo y ampliarlo un poco aún. Ahora, voy a la última paleta porque quiero quitarme una segunda copia de este texto. Voy a seleccionarlo y arrastrarlo al icono Nueva capa y eso me dará dos capas de texto. Yo lo voy a mover debajo mi tetera y voy a apagarla y cerrarla por ahora. Lo siguiente que voy a hacer es crear mi efecto de texto recortado. Voy a seleccionar estas dos capas, la capa que tiene la tetera sobre ella y la capa que tiene el texto. Estamos volviendo al Pathfinder, mantenga presionado Alt u Option mientras hacemos clic en la opción “Excluir” aquí y eso nos dará el efecto recorte. Ahora, me gustaría que mi tetera fuera una tetera roja así que vamos a esta capa. Hagamos click en el “Camino Compuesto” y hagámoslo un rojo profundo. Para una ilustración como esta, sería bueno tener un patrón detrás de la tetera así que voy a seleccionar la Herramienta Rectángulo y voy a hacer clic para crear un rectángulo que sea del tamaño de la mesa de trabajo. Por el momento, está encima de todo, así que iremos a la última paleta y simplemente la arrastraremos hacia abajo por debajo de todos los demás objetos de esta capa, incluido el ritmo desnudo de tipo que tenemos. Ahora, estamos viendo que todo es rojo ahora mismo porque nuestra forma compuesta también es roja así que solo estamos viendo rojo encima de rojo. Yo quiero llenar esto con un patrón. Hay una serie de patrones que se envían con Illustrator. Algunas de las cuales van a funcionar realmente bien para esta ilustración en particular. Voy a la paleta Muestres. Voy a dar clic en este menú “Fly Out” aquí e ir a Open Swatch Library y luego Patrones, y quiero entrar en Naturaleza y quiero ir a Nature_Foliage. Esto abre una paleta. Ahora, he reorganizado esta paleta ya en iconos más grandes yendo al menú Fly Out y eligiendo Vista de lista grande. Simplemente nos ayuda a ver los patrones un poco más fácilmente. Los patrones que busco son estos en blanco y negro porque en blanco y negro y rojo se ven realmente bien juntos. las opciones se incluyen Blossom, también está Daisy. Por supuesto, si es demasiado grande nuestro patrón, sabemos cómo reducirlo. Ahí hay Hojas Completas. Floral Vines es realmente bonita. Aquí hay muchos patrones en blanco y negro que podrías usar. Hojas Gráficas y luego están Plazas de Loto, Glorias matutinas, y algunas otras. Voy a volver a Floral Vines. Voy a hacer el patrón un poco más pequeño yendo a Object, Transform, Scale. No quiero transformar el objeto así que voy a anular la selección de esa opción, activar la vista previa, y luego simplemente seleccionar un buen tamaño para mi patrón. Creo que probablemente alrededor del 60 por ciento es bueno y voy a dar clic en “Ok”. Ahora bien, esa imagen es realmente bastante bonita, pero hay otra cosa que podemos hacer aquí y eso implica la segunda copia del tipo que guardamos a un lado. Voy a volver aquí y encender esta capa. Lo que tenemos es tipo que está apareciendo donde se ha producido el efecto de texto recortado. Pero este tipo no tiene por qué mantenerse verde. Simplemente voy a apagar el ícono de Bloqueo para que podamos movernos y trabajar con este tipo ahora. Voy a dar click en la capa de tipo y puedo elegir un color como el negro para esto. Estoy recibiendo un efecto interesante ocurriendo aquí. Ahora, porque aquí tengo dos capas de tipo y ambas están contribuyendo a este efecto, si me gusta este efecto entonces si quiero mover mi tipo, voy a necesitar asegurarme de que mueva ambos montones de tipo. Voy a venir aquí a la Forma Compuesta, ábrela. Voy a seleccionar en la capa tipo, té para dos, y ahora voy a bajar aquí y Shift-click en esta versión de té para dos. Tengo una capa de tipo dentro de una Forma compuesta seleccionada y una capa de tipo que es todo por sí misma. Ahora bien, si voy a la herramienta Mover, sólo puedo mover el tipo. En ambos pasos de tipo, el tipo que forma parte de la forma compuesta de recorte y también el tipo que está proporcionando este fondo negro se están moviendo juntos. Tan solo quieres tener cuidado si usas un efecto como este, que te des la mejor oportunidad de éxito asegurándote de seleccionar ambas capas si vas a moverlas. Hay un ejemplo más práctico, algo que podrías usar para una tarjeta de visita o un logotipo o algo así creado usando este efecto de texto recortado. Tu proyecto para esta clase es crear uno o ambos de los efectos a partir de estos videos. Ya sea cortar texto de una foto o crear uno de los otros dos efectos de texto recortado del video. Puedes usar las mismas imágenes que tengo y las mismas fuentes, o puedes usar fuentes e imágenes de tu propia elección. Espero que hayas disfrutado de este curso y que hayas aprendido mucho sobre los efectos de texto recortado 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. Estas recomendaciones me ayudan a conseguir mis clases frente a más personas como tú, personas que quieren aprender más sobre Illustrator. 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 en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.