Transcripciones
1. Texto en un recorrido en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para Almuerzo Clase, Crear Texto en un Camino en Adobe Photoshop. diseño gráfico para el 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 buscando crear texto en un camino en Photoshop. Vamos a trabajar con las herramientas de texto para ver cómo puedes agregar texto a una ruta en Photoshop. Entonces en realidad vamos a ver un ejemplo práctico de hacer justamente eso. 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 a más personas que al igual que tú, quieren aprender más sobre Photoshop. 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. Ahora empecemos a crear tipo en un camino en Photoshop.
2. Texto en un trazado: parte 1: Para empezar a crear tipo en una ruta en Photoshop, acabo de crear un documento que tiene un tamaño de 1,000 por 1,000 píxeles, y tengo una capa inferior que está llena de blanco. Iba a hacer click para añadir una nueva capa y vamos a poner nuestro texto en esto. Pero antes que nada vamos a dibujar un camino para nuestro texto y vamos a la temida Pen Tool. Te prometo que esto va a ser realmente sencillo. Voy a dar clic en la “Herramienta Pluma” y sólo voy a dar clic y arrastrar hacia arriba rumbo hacia la esquina superior derecha del documento. Voy a ir a sobre esta posición aquí y hacer clic y arrastrar hacia abajo. No quiero que sea un arrastre muy largo, solo
quiero que se ponga una bonita curva ahí. Entonces volvamos a subir aquí, y vamos a hacer clic y arrastrar para terminar con una bonita curva. Tienes esta curva loopy. Voy a presionar “Escape” sólo para terminar de dibujar mi camino. Si no te gusta el camino que has creado solo puedes seleccionar sobre él y pulsar “Eliminar” y volver a empezar. Aunque me voy a quedar con éste. A continuación voy a la Herramienta Texto, y voy a pasar el cursor sobre el camino. En Photoshop, vas a utilizar la Herramienta Texto. No hay tipo en una Herramienta de Trayectoria, solo
es la Herramienta de Tipo Horizontal. Vas a mantener el puntero del ratón sobre el camino hasta que obtengas el puntero I-beam con esta línea wiggly a través de él. Eso te dice que Photoshop está reconociendo que ahí hay un camino, y si haces clic ahora, vas a agregar texto a esa ruta. Empecemos a escribir. Ahora muy rápido vas a encontrar que te quedas sin espacio para tu texto y sin importar cuánto escribas simplemente va a desaparecer. El motivo de esto es que estos tres pequeños marcadores, son el borde izquierdo, central, y derecho de mi texto. No hay mucho espacio para mi texto. Ahora o bien podría seguir escribiendo ahora y
solucionarlo más adelante o podría solucionarlo ahora. Ya que realmente apesto a escribir quiero solucionarlo ahora porque
necesito ver las cosas a medida que escribo para poder corregir mis errores. Ahora voy a seleccionar aquí en la Herramienta de Selección Directa, esa es la Herramienta de flecha blanca. Ahora solo puedo pasar el cursor sobre estas formas aquí, y puedo ver los punteros que me permiten manejar mi tipo. Bueno, el de aquí que al pasar el rato sobre él tiene una pequeña flecha apuntando hacia la derecha, es el margen izquierdo del texto y está tan lejos de esa línea como puede ser. Ese no es el que necesito moverme, es éste de aquí. Simplemente estoy colocando el ratón sobre él hasta que veo un puntero de haz en I con una flecha señaladora a la izquierda. Ese es el margen correcto para mi texto. En cuanto lo vea, puedo hacer click y arrastrarlo todo hasta el final de mi camino. Ahora voy a ignorar el hecho de que está rodando por encima de mi camino porque si solo me muevo hacia arriba, puedo volver a meterlo. movimiento vertical aquí va a voltear el texto a lo largo del camino. Pero lo que quiero hacer es asegurarme de que esta forma aparezca justo al final así que tengo mucho espacio para mi texto. Ahora vuelvo a mi Herramienta de texto, y probablemente puedas adivinar que he enviado un texto encendido, porque este texto ahora está centrado entre el margen izquierdo y el margen derecho. Si fuera a elegir alineación a la izquierda el texto se
moverá y nos sentaremos en el margen izquierdo, el pequeño marcador aquí que marca el margen izquierdo del texto. Si hago clic en la alineación derecha que va a aparecer por aquí en el margen derecho. Vuelvo al texto central y solo voy a dar click con mi tipo Herramienta justo después de la letra S para que pueda recoger donde estoy escribiendo. El puntero del ratón ahora está en un ángulo con respecto a la línea y está parpadeando encendido y apagado así que eso me está diciendo que estoy de vuelta en mi texto en un modo de escritura de línea. Puedo seguir tipeando. Cuando hago clic lejos de la línea usando una Herramienta como la Herramienta Marquee, puedes ver que no estás viendo una línea pero estás viendo texto en la línea. Aquí en el palé de camino verás que tienes tu camino. Este es el camino que está controlando el texto. Si fueras a ir a la Herramienta de Selección Directa aquí, y dar click en cualquiera de estos puntos de la trayectoria, en realidad
puedes ajustarlos para que puedas hacer la línea más o menos curvada, y puedes alterar cualquiera de estos puntos igual que podrías cualquier camino en Photoshop. Cuando alteras esto, el texto se va a reformar por ese camino. Si vas a la Herramienta de selección de caminos aquí, entonces solo puedes hacer click en el camino. Quieres asegurarte de que el indicador sea esta flecha negra, no ninguno de estos textos en las Herramientas de Ruta este no es el que quieres. Quieres esta flecha, y ahora puedes seleccionar tu camino y moverlo. Cuando haces el texto viene con él, el texto está bastante fijo a esta ruta. Esto es un poco complicado a veces para asegurarte de que realmente
tienes la ruta seleccionada y no uno de estos textos en una ruta de herramientas. También puede crear texto en un trazado circular. Voy aquí a la Herramienta Elipse, y voy a dar clic en “Camino”. En versiones anteriores de Photoshop tendrías tres iconos aquí no el menú desplegable, pero solo quieres ruta. Va a mantener Shift mientras arrastro un círculo. Voy a mi Herramienta de texto, voy a pasar el cursor sobre el camino y empezar a escribir. Trabajar con texto en una forma circular en Photoshop, puede ser un poco desafiante hasta que te des cuenta de qué dibujo de Photoshop. Vamos a conseguir la Herramienta de Selección Directa. Voy a pasar el cursor sobre este indicador en particular, y dependiendo a dónde mueva el ratón, realidad
hay dos indicadores en este punto, y hay que tener claro cuál es el control de cuál. La flecha señaladora izquierda está controlando el margen derecho del tipo, y la flecha señaladora derecha está controlando el margen izquierdo. Ahora tengo una flecha apuntando a la derecha, así que está controlando esto por aquí. Quiero asegurarme de que cuando hago clic y lo arrastre, solo lo muevo un poco. Si voy en esta dirección, el desastre golpea. Tan solo ten en cuenta que esto está controlando este punto aquí. Ahora que los hemos dividido, se van a comportar perfectamente. Con cualquiera de estos seleccionados, puede simplemente girar el texto sobre la trayectoria simplemente arrastrando el marcador de punto justo sobre la línea, dentro de la línea y fuera de la línea. Ahora que hemos creado texto en una ruta y texto en un círculo vamos a ir y realmente crear texto en una forma, para que podamos ver cómo funcionaría todo esto en la práctica.
3. Texto en un trazado: parte 2: Antes de terminar, veamos
una situación del mundo real en la que podríamos querer poner texto en un camino. Este es un banner de premio, similar a uno que creamos en una de mis otras clases. Si tienes este banner de premio, siéntete libre de usar el tuyo propio. Si no lo tienes, te voy a dar un enlace en el área de proyecto de clase donde puedes descargar esta imagen para usarte. Ahora voy a poner todo en la parte superior aquí porque
quiero asegurarme de que mi texto esté por encima de todo lo demás. Solo voy a dar clic para agregar una nueva capa aquí. Queremos crear un camino alrededor del cual podamos escribir nuestro texto. Voy a la herramienta Ellipse, y quiero asegurarme de que aquí tengo seleccionado Path. En versiones anteriores de Photoshop, tendrás tres iconos y quieres el icono Path. Voy a mantener presionada la tecla Mayús mientras empiezo a arrastrar un círculo, y tiene que ser sólo un poco más grande que el círculo interior aquí. Para hacerlo más fácil, tiro de esto, estoy usando la barra espaciadora para mover la forma a medida que la dibujo. Simplemente mantienes la barra espaciadora hacia abajo y luego puedes mover tu forma y luego soltar la barra espaciadora y puedes seguir dibujando tu forma. A través de todo esto, claro que estoy manteniendo el dedo en la tecla de turno porque quiero que este sea un círculo perfecto. Ahora, no está centrado, pero no me preocupa eso en este momento, solo
quiero el círculo de tamaño correcto. Simplemente voy a soltar el botón izquierdo del ratón, y luego soltar la tecla de turno. Ahora voy a la Herramienta de Selección de Ruta aquí, voy a arrastrar la forma para que esté centrada en el documento, el propio banner de premio está justo en el centro del documento. Eso hace que sea fácil posicionar el camino exactamente donde quieres que esté. Ahora para mi texto, quiero algo de texto a lo largo de la parte superior aquí, pero también quiero algo de texto a lo largo de la parte inferior. Voy a tener que romper este camino en dos pedazos para que sea fácil hacer justamente eso. Voy a la Herramienta Pluma aquí y lo que quiero es la Herramienta Agregar Punto de Anclaje, así que solo voy a dar clic en eso. Voy a hacer clic para Agregar un punto de anclaje justo encima de esta cinta, y luego hacer clic para Agregar otro justo debajo de la cinta. Voy a hacer lo mismo de este lado, uno encima de la cinta y otro justo debajo de la cinta. Ahora voy a la Herramienta Selección Directa, y ahora puedo seleccionar sobre sólo esta línea que está sobre la parte superior de la cinta y presionar Eliminar. Eso rompe la línea en dos en ese punto. Yo voy a hacer lo mismo aquí, Delete. Si echamos un vistazo en ellos trazan palet, verás que tu trayectoria de trabajo es de dos líneas distintas, una en la parte superior y otra en la inferior. Porque tenemos dos líneas, podemos tener textos yendo en ambos sentidos. Ahora vamos a conseguir la Herramienta Texto, aquí
tengo texto blanco seleccionado, voy a pasar el cursor sobre el camino y esperar hasta que diga
el puntero I-beam con una línea wiggly a través de él y luego voy a dar clic una vez. Tengo texto centrado, selecciona esto, así que solo voy a escribir mi texto. Ahora como sucedió anteriormente, los marcadores aquí están tan unidos que no tengo espacio para mi texto. Voy a mi Herramienta de Selección Directa aquí, solo
voy a encontrar el punto de ajuste para este marcador, ahí está. Es un I-beam con una flecha que apunta a la izquierda, así que solo voy a dar clic y arrastrar. Pero preocupado de que mi texto esté volteado por encima de la línea, pero sólo voy a tomar el punto de meta a la derecha hasta el final de la línea. Entonces voy a arrastrar hacia afuera hacia el borde de esta forma y eso sólo dará la vuelta al texto. Volvamos a la Herramienta Texto, voy a posicionar poco más del final de mi texto, voy a seleccionar mi texto porque quiero usar algo un poco más pequeño. Yo sólo voy a terminar esto a unos 36 puntos. Ahora no se ve particularmente bien centrado para mí aquí, así que sólo voy a entrar en este marcador y simplemente moverlo un poco para que los dos marcadores de la izquierda y la derecha sean más o menos iguales. Si no estás seguro de que sean iguales, si tienes tus gobernantes visibles eligiendo Ver y luego Rulers, solo
puedes arrastrar una regla hacia abajo y simplemente revisar dos veces. Cuando hayas terminado, puedes elegir Ver, Borrar guías, y la guía simplemente desaparecerá. Ahora que hemos hecho nuestra primera pieza de texto, estamos listos para hacer la segunda pieza de texto. Si has perdido tu camino, solo
puedes hacer clic en el Camino de trabajo aquí en la paleta de caminos para volver a recogerlo. Vamos a la Herramienta Texto, vamos a dar click en la línea aquí y luego vamos a teclear 2016. De nuevo, quiero centrar esto en la línea, así que voy a la Herramienta de Selección Directa, busco recoger el marcador, solo
voy a arrastrarlo hasta que esté aproximadamente opuesta al marcador en el otro extremo y porque el texto está centrado, está apareciendo en una posición perfecta excepto que está al revés. Bueno, voy a agarrar el punto medio aquí y simplemente arrastrarlo para que esté por encima de la línea. El texto ahora está del lado derecho arriba, pero debería estar aquí abajo y no sobre la línea. Bueno, voy a volver a la Herramienta Texto, y voy a seleccionar ya sea mi texto. Ahora voy a volver aquí a la barra de opciones de herramientas y voy a abrir el panel Carácter porque el panel de caracteres me permitirá empujar mi texto hacia abajo. Para ello, voy a ajustar este ajuste aquí, que es el desplazamiento de línea base. Esta es una diapositiva de fregado, así que solo puedo hacer clic y arrastrar sobre las palabras y si arrastro en una dirección negativa, voy a tirar el texto hacia abajo según venga. Yo sólo voy a dar click Away para decir si eso está en una buena posición, que es. Ahora solo puedo seleccionar otra herramienta para anular la selección de todo. Tenemos texto en la parte superior del círculo, tenemos texto en la parte inferior del círculo, hemos visto cómo cortar un camino en dos, y estamos listos para seguir adelante ahora y solo para crear algunos textos a lo largo de este banner.
4. Texto en un trazado: parte 3: Para poner el texto en esta cinta volvemos a la paleta Caminos porque
tenemos una ruta de cinta que se creó y guardó con el documento. El camino no está en el lugar correcto pero está ahí así que esa es la mitad del trabajo realizado. Vamos a la Herramienta de Selección de Senderos. Simplemente lo voy a arrastrar hacia abajo a su posición porque quiero posicionarlo justo sobre la cinta y justo donde quiero que esté el texto. Ahora vuelvo a mi Herramienta de Selección de Ruta porque quiero seleccionar en mi camino. Necesito asegurarme de que mi camino esté seleccionado. Voy a dar clic en la Herramienta Texto y pasar el cursor sobre la línea hasta que consiga mi puntero I-beam con mi línea wiggly a través de ella. Voy a dar click una vez y empezar a escribir. Ahora de inmediato puedo decir que el cambio de línea base que
tenía antes en su lugar todavía se está aplicando a esta línea. Simplemente voy a volver a la flecha sobre mi texto y voy a poner esto en 0. Eso traerá la copia de seguridad del texto a la línea. Volver a mi Herramienta de texto, click en la línea y seguir escribiendo. Ahora de nuevo mi texto ha desaparecido porque las fronteras para mi texto están tan juntas. Esta vez seguí adelante y mecanografié todo. Ahora voy a la Herramienta de Selección Directa. Voy a pasar el cursor sobre este punto buscando el puntero de viga en I con la flecha señaladora izquierda porque eso controla el borde derecho de mi texto. Simplemente voy a empezar a arrastrarlo y como lo hago debería
volver a aparecer mi texto y puedo voltearlo por encima de la línea simplemente arrastrando hacia arriba hacia la parte superior del documento. Voy a iniciar posición de mi texto por aquí volviendo a este extremo de la línea,
buscando el cursor en
I que apunta a la derecha para que esto esté controlando el borde izquierdo del texto. Sólo voy a arrastrarlo en un poquito. He perdido mi texto por encima de la línea así que sólo voy a encontrar un puntero y arrastrar en dirección hacia arriba y luego hacer clic de distancia. Si has estado en mi clase donde creamos esto a bordo insignia y cinta ya verás lo útil que es
haber guardado el camino que está a lo largo de la línea de esta cinta para
que lo tengamos a mano en la paleta Paths y podríamos usarlo en cualquier momento que quisiéramos. Tu proyecto para esta clase va a ser crear texto en una ruta. Eres bienvenido a descargar esta imagen y utilizarla o puedes usar cualquier imagen de tu elección. Publica tu proyecto en el área de proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido a crear texto en un camino y también texto en un círculo en Photoshop. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo 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 para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
