Antes de comenzar … Esta versión de nuestro tutorial Type On A Path es para Photoshop CS5 y versiones anteriores. ¿Usa Photoshop CS6 o CC? Querrás ver la versión actualizada.
En este tutorial de Photoshop Basics, aprenderemos cómo agregar tipos a lo largo de una ruta . Adobe primero le dio a Photoshop la capacidad de agregar texto en una ruta en la versión CS, por lo que necesitará CS o posterior para seguir. Usaré Photoshop CS5 para este tutorial, pero cualquier versión de CS en adelante funcionará.
Para agregar tipo a una ruta, primero necesitamos una ruta, y Photoshop nos ofrece algunas formas diferentes de dibujar una. Podemos usar las herramientas de forma estándar como la herramienta Rectángulo o la herramienta Elipse, podemos crear una ruta a partir de formas personalizadas y podemos dibujar una ruta de forma libre con la herramienta Pluma . El método que use para dibujar su ruta no hace ninguna diferencia en cuanto a cómo agregamos texto porque una ruta es una ruta sin importar cómo se creó y los pasos para agregarle tipo son siempre los mismos.
Para simplificar las cosas para este tutorial, nos quedaremos con las herramientas de forma básicas de Photoshop, pero una vez que haya visto cómo agregar texto a una ruta, si está interesado en aprender cómo funciona la herramienta Pluma, la cubro en gran detalle en nuestro tutorial Hacer selecciones con la herramienta Pluma. También puede obtener más información sobre cómo dibujar trazados a partir de formas personalizadas en nuestro tutorial Formas personalizadas como marcos de texto, que se encuentran en nuestra sección Conceptos básicos de Photoshop.
Aquí está la imagen a la que agregaré mi ruta y texto, que está disponible en la biblioteca de imágenes de Fotolia, o puede usar una imagen diferente si lo prefiere:
La imagen original
¡Empecemos!
Paso 1: selecciona la herramienta Elipse
Como mencioné hace un momento, los pasos para agregar texto a lo largo de una ruta son los mismos, no importa cómo haya creado la ruta, pero para este tutorial, mantendremos las cosas simples. Seleccione la herramienta Elipse en el panel Herramientas. Por defecto, se esconde detrás de la Herramienta Rectángulo, así que haga clic en la Herramienta Rectángulo y mantenga presionado el botón del mouse durante un segundo o dos hasta que aparezca un menú desplegable, luego seleccione la Herramienta Elipse de la lista:
Haga clic y mantenga presionada la Herramienta Rectángulo, luego elija la Herramienta Elipse del menú.
Paso 2: Seleccione la opción "Rutas"
Con la herramienta Elipse seleccionada, la barra de opciones en la parte superior de la pantalla cambia para mostrarnos varias opciones para trabajar con la herramienta. Cerca del extremo izquierdo de la barra de opciones hay una serie de tres iconos, cada uno de los cuales representa un tipo diferente de forma que podemos dibujar en Photoshop. Podemos dibujar formas basadas en vectores, trazados o formas basadas en píxeles. Haga clic en el medio de los tres íconos para elegir la opción Rutas :
Elija la opción Rutas en la barra de opciones.
Paso 3: dibuja tu camino
Con la herramienta Elipse seleccionada y las rutas elegidas en la barra de opciones, haga clic dentro de su documento y arrastre una ruta elíptica. Si mantiene presionada la tecla Mayús mientras arrastra, forzará el camino hacia un círculo perfecto. Para dibujar la ruta desde su centro en lugar de hacerlo desde una esquina, mantenga presionada la tecla Alt mientras arrastra. Si necesita reposicionar la ruta mientras la dibuja, mantenga presionada la barra espaciadora, arrastre la ruta a una nueva ubicación, luego suelte la barra espaciadora y continúe arrastrando.
En mi caso, voy a dibujar un camino circular alrededor de la pelota de golf. El camino aparece como un contorno delgado:
Arrastre una ruta dentro de su documento.
Paso 4: selecciona la herramienta Tipo
Con nuestro camino dibujado, podemos agregar nuestro texto. Seleccione la herramienta Tipo en el panel Herramientas:
Seleccione la herramienta Tipo.
Paso 5: elige tu fuente
Con la herramienta Tipo seleccionada, elija la configuración de fuente en la barra de opciones. Voy a usar Futura Condensed Medium establecido en 13 pt. Mi color de texto está configurado en blanco:
Seleccione su fuente, tamaño y color de texto de la barra de opciones.
Paso 6: Mueve el cursor sobre el camino
Mueva la herramienta Tipo directamente sobre la ruta. El icono del cursor cambiará a una viga en I con una línea ondulada punteada a través de él. Esto nos dice que estamos a punto de agregar texto directamente a la ruta en sí:
La línea ondulada punteada nos dice que estamos agregando texto a la ruta.
Paso 7: haga clic en la ruta y agregue su tipo
Haga clic en cualquier parte del camino y comience a agregar su texto. El lugar en el que hace clic es donde comenzará el texto, pero no se preocupe si ha hecho clic en el lugar equivocado porque podemos mover fácilmente el texto en la ruta una vez que lo hayamos agregado, como veremos en un momento. A medida que escribe, el texto sigue la dirección de la ruta:
El texto sigue la forma del círculo.
Continúa agregando tu texto a lo largo del camino. Cuando haya terminado, haga clic en la marca de verificación en la barra de opciones para aceptarlo y salir del modo de edición de texto de Photoshop:
Haga clic en la marca de verificación en la Barra de opciones cuando haya terminado de agregar texto.
El texto ahora se agrega a la ruta, aunque en este momento está en un ángulo un poco extraño:
El texto sigue la ruta pero necesita ser reposicionado.
Paso 8: Seleccione la herramienta de selección de ruta
Para reposicionar el texto a lo largo de la ruta, elija la Herramienta de selección de ruta en el panel Herramientas:
Seleccione la herramienta de selección de ruta.
Mueva el cursor de la Herramienta de selección de ruta a cualquier lugar sobre el texto. Verá que el cursor cambia de una flecha negra a una viga en I con una pequeña flecha a un lado apuntando hacia la izquierda o hacia la derecha. Simplemente haga clic en su texto y arrástrelo hacia adelante y hacia atrás a lo largo de la ruta con el mouse. Aquí, estoy arrastrando mi texto en sentido horario alrededor del círculo:
Mueva la herramienta de selección de ruta sobre su texto, luego haga clic y arrástrela a lo largo de la ruta.
Sin embargo, mira lo que sucede si arrastro mi texto demasiado lejos. Algo se corta al final:
Al arrastrar el texto demasiado lejos, el final se cortó.
El final se cortó porque moví el texto más allá del área de texto visible en la ruta. Para solucionar el problema, busque un pequeño círculo en el camino en el lugar donde se corta el texto. El círculo marca el final del área visible:
Busque un círculo pequeño donde se corta el texto.
Simplemente haga clic en el círculo con la Herramienta de selección de ruta y arrástrelo más abajo en la ruta hasta que todo su texto sea visible nuevamente. Aquí, mientras arrastro el círculo en el sentido de las agujas del reloj a lo largo del camino, vuelve a aparecer el texto cortado:
Arrastrando el círculo en el sentido de las agujas del reloj a lo largo del camino para revelar el texto cortado.
Voltear el texto sobre el camino
Tenga cuidado al arrastrar el texto por la ruta que no arrastra accidentalmente por la ruta. Si lo hace, el texto cambiará al otro lado y revertirá la dirección:
Arrastrar por el camino voltea e invierte el texto.
Dependiendo del efecto que esté buscando, voltear e invertir el texto de esta manera puede ser lo que quería hacer, pero si no lo hizo a propósito, simplemente arrastre de regreso por la ruta con la Herramienta de selección de ruta y su texto volverá al lado original. También volverá a su dirección original.
Ocultando el camino
Cuando haya terminado de colocar su texto y esté satisfecho con los resultados, oculte la ruta en el documento seleccionando cualquier capa que no sea su capa Tipo en el panel Capas. En mi caso, mi documento solo tiene dos capas, la capa Tipo y la capa Fondo que contiene mi imagen, así que haré clic en la capa Fondo para seleccionarla:
Seleccione cualquier capa que no sea la capa Tipo para ocultar la ruta en el documento.
Con mi camino ahora oculto y el texto volteado a su lado original, aquí está mi resultado final:
El resultado final.
Tenga en cuenta que aunque hemos agregado el texto a una ruta, Photoshop no ha hecho nada elegante con el texto en sí. Todavía es solo texto, lo que significa que puede volver en cualquier momento y editarlo, o cambiarlo por completo si es necesario. Puede elegir una fuente diferente, cambiar el tamaño o el color de la fuente, ajustar el inicio, el interletraje y el seguimiento, el cambio de línea de base y cualquier otra cosa que pueda hacer con el texto. La edición de texto en Photoshop va un poco más allá del alcance de este tutorial en particular, pero solo recuerde que, a diferencia de muchos efectos de texto que requieren que convirtamos el texto a otro formato, como formas o píxeles, no hay nada que pueda hacer con el texto normalmente. no se puede hacer con texto en un camino.