Texto en trazado en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Tipo en un camino en Illustrator: introducción: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo, escribe en un camino en Adobe Illustrator. Diseño gráfico para Lunch 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 buscando crear texto en un camino en Illustrator. Vamos a empezar por mirar las herramientas para crear texto en un camino. Después veremos cómo incorporar ese texto a un diseño como un banner de premio. medida 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 la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente más personas que al igual que tú quieren aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y miro y respondo a todos tus proyectos de clase. Si ya estás listo empecemos a crear texto en una ruta en Illustrator. 2. Tipo en un trayecto: parte 1: Para crear texto en un camino, vamos a parar creando un camino. Sólo estoy arrastrando un círculo sosteniendo la tecla “Shift” como lo hago, y estoy sosteniendo esta barra espaciadora solo para mover el círculo a la posición, y soltaré el botón izquierdo del ratón y tenemos un círculo. Se trata de un círculo lleno de color blanco con un trazo negro. Ahora, podemos crear tipo en la ruta, cuando se selecciona la ruta usando la Herramienta Tipo, pero es un poco quisquilloso y probablemente querrás usar la herramienta tipo on path en su lugar. Lo que estás buscando, es que esto indicado aparezca justo en la línea y cuando empieces a escribir para que las cosas se den vueltas en círculo, bueno, eso no ha pasado aquí. Este no es el Tipo en un Camino a pesar de que pretendía ser eso. Yo sólo voy a deshacer todo aquí. Voy a Type on a Path Tool porque es mucho más confiable la Herramienta Tipo en sí. Ilustrado, al seleccionar esa herramienta, espera que esté indicando una ruta para escribir. Yo sólo voy a dar clic aquí en este camino, y ahora cuando escriba, puede decir que las cosas están despegando alrededor del círculo. Bueno, voy a escribir la palabra Illustrator. Es tipos muy pequeños, solo lo estoy seleccionando ya sea, solo lo voy a agrandar. Voy a seleccionar la Herramienta de Selección, y echemos un vistazo y veamos qué tenemos aquí. Estos dos indican como marca el borde izquierdo y derecho del área posible que esta plática podría consumir. Por el momento está alineado a la izquierda, por lo que está alineado contra este margen aquí. Si tuviéramos que escribir una línea que te encuentres que el texto va todo el camino alrededor de la forma, porque este es el margen derecho para el texto, y si lo centramos, mientras que va a estar centrado entre estos dos márgenes aquí, que es todo el camino por aquí. Volvamos al texto alineado a la izquierda. Si quieres que el texto, por ejemplo, esté alineado en la parte superior de la forma, puedes ajustar estos, marcadores, estoy colocando sobre uno de ellos y tengo una línea recta y una flecha apuntando a la izquierda. Este es en realidad el borde derecho de los tipos. Sólo voy a arrastrarlo por ahí y ponerlo por aquí, justo en este punto de anclaje. Ahora cuando envío a mi tipo, está centrado entre este marcador y este marcador. Yo voy a ajustar este. Nuevamente, voy a pasar el cursor sobre este punto de aquí, hasta que consiga un ratón apuntado que está arriba y una flecha que apunta a la derecha. Algo confusamente, este es el fenotipo del margen izquierdo, y voy a hacer clic y arrastrarlo de nuevo aquí. Ahora mi texto está dispuesto entre este punto aquí y este punto aquí. Porque lo tengo centrado, está centrado justo en la parte superior de la forma. Aquí hay una línea más, y ésta es ésta. Al pasar el cursor sobre él, mi ratón señaló gira hacia una barra con una flecha apuntando hacia arriba. Esta es la herramienta que usas para voltear el texto a través de la línea. Si alguna vez quieres voltear tu texto a través de la línea, puedes hacerlo usando este indicador. También puedes volver a ponerlo usando este indicador, si se voltea cuando menos lo esperas. Sólo voy a dar clic y arrastrarlo hasta aquí. Ahora hay un par de cosas esta noche, acabo de hacer clic lejos de este texto y dirás que el camino ya no es visible. Si hubieras querido que el camino fuera visible, necesitarías guardar ese camino, primer lugar, porque vas a perder el camino tan pronto como crees texto sobre el camino. También puede crear texto en un trazado no circular. En realidad voy a añadir otra mesa de trabajo aquí. Voy a dar clic en la Herramienta de Mesa de Trabajo, y voy a alt, arrastrar, y duplicar fuera de la mesa de trabajo por aquí. Voy a añadir “Shift”, para que pueda simplemente ponerlo recto al lado de la mesa de trabajo existente, y selecciono esto y lo elimino. Vamos a crear una línea ahí. Se puede crear una línea con la Herramienta Pluma o la Herramienta Lápiz. Tengo la Herramienta Lápiz y está configurada para suavizar. Yo sólo voy a arrastrar una línea aquí. Esta es mi línea. Voy a agregar tipo a lo largo de este camino. De nuevo, voy a mi Tipo en una Herramienta de Ruta, voy a seleccionarla. Voy a pasar el cursor sobre el camino hasta que mi cursor se convierta en este I-beam con una pequeña línea a través de él, Haga clic una vez, y ahora voy a empezar a escribir. Se puede decir que a pesar de que hice clic aquí, estoy escribiendo por aquí, y eso es porque tengo el Center Type encendido. Si me quedaba una línea, entonces me voy a mover hacia aquí, y si tengo una línea derecha, voy a escribir hacia atrás. Volviendo a la herramienta Selección, aquí tenemos todas las mismas opciones. Puedo mover este punto hacia atrás para mover mi tipo más atrás hacia abajo de la línea. También puedo ajustar este punto. Sólo hay que tener mucho cuidado de que pase el cursor por aquí y espero hasta que mi puntero del ratón sea correcto. Debe ser una barra con una flecha señaladora a la izquierda. Aquí lo va a mover a posición, y si quiero centrar mi tipo, entonces va a estar centrado entre este punto y este punto. Si quiero voltearlo por encima de la línea, busco este pequeño punto medio aquí, y solo lo voy a arrastrar y se voltea por la línea. Llévala de nuevo, gira por la línea de esta manera. Ahora existen algunas otras opciones para trabajar con el tipo en un camino, las cuales son accesibles a través del menú Tipo. Se desea tener seleccionada su ruta que tiene tipo en ella y elegir tipo y luego escribir en una ruta. Vamos a elegir tipo en opciones de ruta. Voy a activar Preview y voy a dar clic en “Flip”. Lo que eso hace es lo mismo que estábamos haciendo. Simplemente voltea el texto a lo largo de la línea. Volvamos a ponerlo de la forma en que vino. También puede cambiar las opciones alineadas a ruta en el momento en que se establece en línea de base. El punto de referencia de este texto va a aparecer justo a lo largo de esta línea. Si fuéramos a seleccionar centro, entonces ellos toman estarán centrados a lo largo de la línea. También podemos elegir Ascender. En este caso, el texto está alineado para que el Ascender, la parte más alta de la fuente, esté a lo largo de la línea. Parece que los personajes que he seleccionado aquí posiblemente no sean los más altos de esta fuente, razón por la cual hay un hueco aquí, que no es lo que estamos diciendo cuando seleccionamos la línea de base, por ejemplo, se puede ver aquí con línea de base seleccionada, estos personajes tienen su destino muy firmemente a lo largo del camino. Si desea seleccionar al remitente, podría pensar que las tapas de estos caracteres deben estar a lo largo del camino. En algunos casos ese puede ser el caso en este caso de fuentes, no lo es. También puedes ajustar el espaciado sobre ellos. Esta lista desplegable, tienes opciones de espaciado. Se puede aumentar o disminuir el espaciado aquí, para ajustar el texto. Elegir diferentes valores podría darte un mejor ajuste para tu texto a lo largo del camino. Simplemente voy a restablecer eso a auto, voy a dar clic en “Ok”. 3. Tipo en un trayecto: parte 2: Ahora que ya sabes crear texto en camino, es hora de mirar una situación práctica en la que tal vez quieras hacer esto. Esta es una de las imágenes de banner que he creado. En realidad tengo un video sobre cómo crear esos. Si quieres usar tu propia imagen de banner de ese video, siéntete libre de hacerlo. También te voy a dar el enlace para que descargues esta imagen tú mismo, para que la utilices si no tienes una imagen de banner para usar. Yo sólo voy a abrir la paleta de Capas aquí porque tenemos que decir lo que tenemos aquí dentro. Lo que tenemos es un símbolo aquí que es esta parte trasera de la cinta. Vamos a bloquear eso porque no queremos que se mueva. También voy a bloquear el fondo a cuadros aquí y la cinta superior por ahora. El único que es movible es esta forma circular. Esta es solo una sola forma de la que se trataba el video, te mostraba cómo crear esto como una sola forma. Queremos poner nuestro texto a través de la parte superior de esto. Vamos a tomar un duplicado de estas formas. Sólo voy a arrastrarlo y soltarlo sobre el nuevo icono aquí. Voy a bloquear la versión trasera de la misma. La forma de la espalda está bloqueada. Sólo voy a presionar la letra D por defecto para establecer esto en los colores predeterminados, el segundo ahora ha perdido todos sus bits y pasos de fantasía. Tenemos que escalar esto hacia adentro. Voy a sostener Shift +Alt, esa opción Shift en un Mac. Sólo voy a arrastrarlo porque quiero colocar eso donde quiera que esté mi tipo. Podría ser más fácil en esta etapa si realmente hice esto, digamos tirar en el medio. Yo sólo me voy a quitar el relleno para que sólo podamos decir el trazo. Creo que necesita ser aún un poco más pequeño. Voy a escribir ilustrarlo para el almuerzo a través de la mitad superior de esta forma. Podríamos hacerlo justo como hemos estado, pero también puedes cortar las formas en dos piezas solo para que sea un poco más fácil aún. Voy a agarrar la herramienta de tijeras aquí. Ella tiene una posición de barra de herramientas con las matrices en absoluto. Con la herramienta de tijeras, solo quiero hacer clic en un ancla. Solo estoy ubicando el punto de anclaje en este tamaño del círculo y haciendo clic una vez en él. Voy a volver a hacer clic en este punto de anclaje de este lado. Por lo que ahora esto se corta en dos pedazos. Entonces hay un semicírculo aquí y un semicírculo aquí en la parte superior. Vamos a usar el de arriba. Entonces de nuevo, voy a mi tipo en una herramienta de camino. Tengo mi semicírculo seleccionado, así que solo voy a dar clic para empezar a escribir. Sabemos que esto está funcionando porque hemos perdido el trazo alrededor esta forma y este pequeño cursor intermitente aquí definitivamente está a lo largo del camino. Por lo que sólo voy a escribir ilustrado para el almuerzo. Voy a seleccionar sobre el texto y sólo aumentar el tamaño de la fuente aquí. Yo quiero centrar esto entre estos dos puntos. Voy a dar clic a la Herramienta Centro. no me parece centrado, así que vamos a investigar los problemas con eso en un minuto. Simplemente vamos a hacer clic lejos del tipo. Si necesitas cambiar el color del tipo o la fuente como lo hago yo, volverás a seleccionar en la forma y volverás a la Herramienta Tipo. Lo que tienes que hacer es localizar el punto en el que termina este texto. Yo sólo voy a dar clic y arrastrar. Si obtienes algo que no esperas solo presiona Control o comando Z para deshacerlo e inténtalo de nuevo. Puede ser un poco juguetón hasta que sepas exactamente dónde hacer clic. Por lo que voy a hacer blanco mi texto. Vamos a hacer click aquí. Al hacer clic en esta forma, se puede ver que el punto final para este tipo está por aquí, pero el punto de partida está por aquí, razón por la que se centra de una manera tan peculiar. Bueno, voy a ir aquí a localizar el indicador que me va a dejar mover este punto. Tengo mi barra con mi flecha apuntando en esa dirección. Yo sólo voy a mover esta marca hacia arriba por lo que es aproximadamente opuesto a este marcador. Por lo que el texto ahora está centrado entre el margen izquierdo y el margen derecho para el tipo. Eso se va a dar un clic de distancia. Eso se ve bastante bien. En realidad voy a hacer click para bloquear ese texto. Ya no necesito este camino de fondo, así que solo puedo hacer clic y eliminarlo. A mí me gustaría un poco de texto por aquí aunque. Lo que quiero hacer es encontrar un camino que sea la forma de esta cinta. Por eso voy a deshacer o desbloquear esta pieza superior. Este es este trozo de cinta. Lo que quiero hacer es que quiero conseguir la parte superior de la misma. En realidad voy a simplemente hacer clic de distancia de la forma. Voy a dar click en esta parte de la línea. Aquí hay un poco más. Voy a desplazar click sobre él. Ahora he seleccionado todo desde este punto de anclaje aquí, todo el camino a través de este punto de anclaje aquí. No está del todo claro que eso es lo que he seleccionado, pero será en tan solo un minuto. Voy a elegir editar copiar y luego editar pegar en su lugar. Lo que ha pasado es que ahora tengo una línea que he copiado y pegado en su lugar y tiene un relleno y sin trazo. Por eso estamos viendo este ritmo de color aquí. Bueno, voy a voltear el relleno y acariciarme. Voy a seleccionar el trazo y lo voy a hacer negro o algún color que podamos ver más claramente. Voy a las herramientas de selección. Quiero seleccionar toda la línea. Yo sólo lo voy a mover hacia abajo. Esto me da un camino que es copia exacta de la parte superior de esta forma de cinta. Voy a ir a mi cinta, que es este ritmo aquí. Yo sólo voy a cerrar eso. Si le das un vistazo a la última paleta aquí, verás, tengo dos formas diferentes. Lo que necesito hacer es unirlos para que se conviertan en un camino por el que pueda fluir mi texto. Voy a elegir ruta de objeto join. Eso les va a hacer un solo camino que ahora podemos poner texto. Por lo que quieres asegurarte de que si tienes múltiples líneas, por ejemplo, formando un camino que realmente las unas antes de iniciar este proceso. Volvamos atrás y seleccionemos esto ahora. click en la herramienta Tipo, pinchemos en la línea, y toda la línea pierde su trazo, diciéndonos que en realidad vamos a estar escribiendo de aquí a aquí, o potencialmente podríamos escribir de aquí a aquí. He escrito crear tipo en una ruta en Illustrator y no ha cabido. Sabemos que hay algunos textos que no han cabido en nuestro camino porque tenemos una cajita aquí con un signo más en ella y es de color rojo. Pero voy a seleccionar mi texto antes de irme de aquí y sólo hagámoslo del color que queremos que sea. Yo quería ser un color de relleno, no un trazo. Simplemente podría querer oscurecer un poco mi color de relleno. Vuelvo a la Herramienta de Selección y podemos ver lo que está pasando aquí. Bueno, este es el borde izquierdo de nuestro tipo y se puede ver que está bien en el pasado. Vamos a querer moverlo a través para que potencialmente podamos encajar más texto aquí. Entonces busco que el indicador sea la línea apunta hacia adentro y sólo voy a arrastrar esto hacia fuera. Aquí está el otro margen aquí, y está bastante bien posicionado al final del camino aquí. Voy a asegurarme de haber seleccionado el centro y este texto ahora está centrado a lo largo del camino. Aquí hay un par de cosas que tener en cuenta. Una es que a veces puede ser realmente, realmente difícil recoger estos punteros aquí. Si encuentras que son difíciles de recoger y realmente debes ver esa línea con la flecha o de lo contrario simplemente no va a funcionar, puedes cambiar a la Herramienta de Selección Directa. A veces he encontrado que el uso de la Herramienta de selección directa en lugar de la Herramienta de selección hace que sea un poco más fácil pasar el cursor sobre esta forma y encontrar el puntero exacto del mouse que estás buscando. Entonces si estás teniendo dificultad, puede ayudar a cambiar entre estas herramientas y solo ver si puedes conseguir que una funcione donde la otra no está. Por lo que aquí hay un texto añadido a nuestra forma. Si crees que esto no está posicionado correctamente, entonces podemos usar la Herramienta de Selección para volver atrás y seleccionar esta ruta. En este caso, tendrás que elegir la Herramienta de Selección porque quieres elegir la ruta completa. Entonces se puede mover un poco el camino hacia arriba a medida que se mueve el camino, ese texto que se adjunta a ese camino va con él. 4. Tipo en un camino: parte 3: Antes de terminar vamos a mirar y ver cómo crearíamos dos piezas de texto en un camino. Vamos a tener textos yendo en esta dirección y algunos textos al otro lado de abajo aquí. De nuevo, si no tienes una forma similar a ésta que puedas usar, te voy a dar una que puedas descargar. Voy a abrir el último palé para que veamos qué está pasando. Esto es sólo una sola forma. De nuevo vamos a duplicar esto. Voy a arrastrarlo al nuevo icono de capa, voy a bloquear la versión inferior. Voy a seleccionar la versión superior y presionar la letra “D” para obtener mis colores predeterminados. Nuevamente, mantenga pulsado “Alt” y “Shift”, esa es la opción “Shift” en el Mac. Yo sólo voy a arrastrar todo aquí. En realidad voy a hacer que no se llene así de nuevo, puedo ver más o menos dónde estoy arrastrando. Este es el camino que voy a utilizar. Pero en este caso, quiero cortar el camino en un lugar diferente. Me ayudará a cortarlo en el mismo lugar si uso la regla. Voy a elegir “Ver” y luego “Gobernantes”, y luego hacer clic en “Mostrar reglas”. Yo sólo voy a arrastrar una línea de regla aquí abajo. Simplemente lo voy a arrastrar hacia abajo para que pueda marcar muy claramente donde necesito cortar este camino. Ahora, tengo la guía seleccionada en este momento, así que quiero seleccionar la ruta. Yo sólo voy a dar click en esto. Guías en Illustrator son sólo líneas como cualquier otra cosa. Voy a la herramienta de tijeras y sólo voy a dar click para cortar el camino en este punto guía. Voy a dar clic para cortarlo aquí también. Una vez que haya hecho eso, debería tener dos mitades. Medio círculo aquí, bueno, poco menos de medio círculo y poco más de medio círculo aquí. Ya no necesito mi guía, así que sólo voy a arrastrar y soltar eso en el basurero. Ahora voy a añadir un trozo de texto en la parte superior aquí. De nuevo, escribe en una herramienta de ruta, tengo mi ruta seleccionada, solo voy a dar clic aquí, y voy a empezar a escribir. Simplemente escribe mi texto, solo lo voy a seleccionar y ampliarlo. Ahora voy a seleccionar una fuente extendida porque quiero que esto se extienda bastante. Se puede ver que el texto va a consumir más de medio círculo, así que por eso creamos un camino un poco más grande que para este texto. Yo sólo voy a aumentarlo un poco de tamaño. He salido corriendo del borde aquí, pero tenemos mucho espacio para mover nuestro texto. Ahora antes de terminar con el texto ahora mismo, voy a volver a colorearlo. Sólo voy a seleccionar un color azul oscuro y vamos a hacerlo un poco más oscuro de lo que era. Vuelvo a la herramienta de selección. Voy a seleccionar aquí y lo que busco es este marcador. Se puede ver que tenemos un pequeño marcador rojo por aquí que indica que hay algún texto aquí que no es apropiado. Yo sólo voy a arrastrar esto hacia atrás. Voy a arrastrarlo todo el camino de vuelta al punto de partida porque el marcador de borde derecho para el texto está por aquí. Si ahora centro el texto, va a funcionar perfectamente. Ahí está nuestra mejor categoría de restaurantes de negocios locales. Aquí abajo vamos a teclear 2015-2016. Voy a seleccionar esto. Voy a seleccionar mi tipo en una herramienta de ruta, vamos a hacer clic aquí, y empecemos a escribir. Ahora el texto va en la dirección equivocada, pero eso está bien. Ahora voy a seleccionar sobre el texto. Para ello, estoy presionando “Shift” y la flecha izquierda tal y como lo haría si los textos estuvieran arriba por el camino correcto. Quiero colorearlo de la misma manera que este otro texto está coloreado. Yo sólo voy a ir a buscar la herramienta cuentagotas. Sólo voy a dar clic en ese texto para pedir prestado su formato. Vuelvo a mi herramienta de selección y puedes ver aquí que los marcadores están aquí y aquí. Bueno, quiero este marcador todo el camino por aquí. De nuevo, voy a coger ese pequeño indicador cuando sea la barra y la flecha y simplemente arrastrarlo hasta aquí. Ahora mi texto está centrado. Está centrado pero está al revés así que ahora solo lo voy a dar la vuelta al otro lado de la línea. haberla volteado a través de la línea, claro que ahora no es donde quiero que esté, pero puedo empujarlo ahí abajo usando el tipo en una opción de ruta. Voy a seleccionar “Type”, “Type on a Path”, “Type on a Path Options”. Voy a dar click en “Vista previa” para que podamos verlo. Voy a ajustar esto a “Ascender” en lugar de “Basal”. Eso simplemente lo empuja aquí abajo. Ahora hay otra forma en que podrías hacerlo. Voy a volver a ponerlo aquí arriba con línea de base. Sólo voy a dar clic en “Cancelar” para salir de aquí. Lo que podrías hacer es ir al diálogo de personajes aquí con el texto seleccionado, y puedes empujarlo hacia abajo por la página con un cambio de línea base. Lo que voy a hacer es que voy a disminuir la línea de base aquí. De nuevo, eso empuja el texto a esta zona. También empuja un poco los números. Habiendo hecho eso, es posible que desee disminuir el rastreo. Es posible que desee acercar un poco el seguimiento para que los números estén un poco más juntos. Tienden a separarse un poco si alteras la línea de base. Pero esa es otra opción para que reorganices el texto para que parezca que está sentado correctamente entre estas líneas. Tu proyecto para esta clase va a ser reproducir estos banners con el texto en un camino. Ahora puedes usar tus propios pancartas o puedes usar los míos. Simplemente descárgalos de los enlaces que encontrarás en el área de proyectos de clase. Cuando hayas terminado con tus diseños, puedes publicarlos en el área de proyectos para que todos los veamos. Espero que hayas disfrutado de este curso y que hayas aprendido un poco sobre colocar texto en un camino en Illustrator. Si sí disfrutaste el curso y si ves un prompt para recomendar esta clase a otros, por favor dale un pulgar arriba. Esto ayuda a otros a identificar esto como una clase que tal vez quieran tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios 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.