Rotar, voltear y escalar letras individuales en texto con Photoshop

Girar y escalar letras individuales en texto - Tutorial de Photoshop

Rotar, voltear y escalar letras individuales en texto con Photoshop

Photoshop hace que sea fácil rotar, voltear y escalar palabras enteras o líneas de texto en un documento, pero ¿qué pasa si queremos transformar solo una letra en una palabra, o transformar letras diferentes de manera diferente, rotando algunas, volteando otras horizontal o verticalmente? y escalar a otros? Parece que debería ser un trabajo bastante sencillo para el comando Transformación libre de Photoshop, pero si alguna vez ha intentado hacerlo, sabrá que no es tan sencillo como parece. Echemos un vistazo al problema.

Aquí hay un documento que tengo abierto en mi pantalla: un diseño simple con la palabra «letras» delante de un fondo degradado:

Texto original de Photoshop.  Imagen © 2011 Photoshop Essentials.com.

El documento original.

Si miramos mi panel Capas, vemos que el documento se compone de dos capas: una capa de Tipo normal en la parte superior que contiene la palabra «letras» (con un estilo de capa de sombra paralela aplicado para agregar algo de interés) y el degradado en el Capa de fondo debajo de ella:

El panel Capas en Photoshop que muestra la capa de texto y la capa de fondo.  Imagen © 2011 Photoshop Essentials.com.

El panel Capas que muestra la capa Tipo sobre la capa Fondo.

Por lo general, para voltear, rotar o escalar el texto, usaríamos el comando Transformación libre de Photoshop. Lo seleccionaré subiendo al Editar menú en la barra de menú en la parte superior de la pantalla y seleccionando Transformación libre:

Elegir el comando Transformación libre del menú Editar en Photoshop.  Imagen © 2011 Photoshop Essentials.com.

Elegir el comando Transformación libre en el menú Editar.

Esto coloca el cuadro delimitador de Transformación libre y los identificadores alrededor de la palabra, y aquí radica nuestro problema. Quiero transformar letras individuales en la palabra, pero Free Transform selecciona la palabra completa como un todo, colocando el cuadro delimitador y los tiradores a su alrededor. Si muevo el cursor del mouse fuera del cuadro delimitador, luego hago clic y arrastro con el mouse para rotarlo, la palabra completa gira, no solo una letra individual:

Rotar el texto con Transformación libre.  Imagen © 2011 Photoshop Essentials.com.

Free Transform rota toda la palabra porque seleccionó todo el contenido de la capa de texto.

Presionaré el Esc en mi teclado para cancelar la rotación. Intentemos voltear una carta al revés. Con Free Transform aún activo, lo haré botón derecho del ratón (Ganar) / Control-clic (Mac) en cualquier parte del documento y elegiré Voltear vertical en el menú que aparece:

Seleccionando el comando Voltear verticalmente en el menú contextual Transformación libre.  Imagen © 2011 Photoshop Essentials.com.

Elegir Voltear verticalmente en el menú contextual.

Nuevamente, nos encontramos con el mismo problema. Free Transform está afectando a toda la palabra, por lo que toda la palabra se invierte:

Texto de Photoshop volteado verticalmente en el documento.  Imagen © 2011 Photoshop Essentials.com.

Free Transform una vez más afecta a toda la palabra.

Voy a presionar Esc en mi teclado para cancelar el comando Voltear verticalmente. Intentemos escalar una letra. Yo aguantaré Mayús + Alt (Ganar) / Mayús + Opción (Mac) cuando hago clic en uno de los controles de las esquinas de Free Transform y lo arrastro hacia el centro del cuadro delimitador. Mantener presionada la tecla Shift mientras arrastro mantendrá intactas las proporciones originales del texto mientras lo cambio de tamaño, mientras que la tecla Alt (Win) / Opción (Mac) le dice a Photoshop que escale el texto desde su centro. Y no es de extrañar, nos encontramos con el mismo problema que antes. La palabra completa se está reduciendo como un todo:

Escalar texto en Photoshop con el comando Transformación libre.  Imagen © 2011 Photoshop Essentials.com.

Sin una forma de seleccionar una letra específica, toda la palabra se hace más pequeña.

Puede parecer que Free Transform es el problema aquí, ya que no nos da ninguna forma de seleccionar letras individuales en la palabra, pero el problema real es en realidad el texto en sí. O, más específicamente, el problema es que la palabra es texto. Eso puede sonar extraño. Quiero decir, por supuesto que es texto, ¿verdad? Sin embargo, es un problema porque Photoshop no nos permite seleccionar letras individuales en una línea de texto. Al menos, no mientras el texto siga siendo texto, lo que nos lleva a la solución. ¡Todo lo que necesitamos hacer para poder trabajar con letras individuales es convertir el texto en otra cosa!

Entonces, ¿en qué podemos convertirlo y que siga pareciendo texto? Bueno, podríamos convertirlo en pixeles rasterizándolo, pero esa no es la mejor solución porque perderemos los bordes nítidos y nítidos de las letras, especialmente una vez que comencemos a rotarlas y escalarlas. Una solución mucho mejor es convertir el texto en un forma. Como forma, seguirá pareciendo texto y mantendrá sus bordes afilados sin importar lo que le hagamos. El único inconveniente menor es que una vez que hayamos convertido el texto en una forma, ya no será editable, así que primero asegúrese de tener todo correctamente escrito.

Para convertir texto en una forma, asegúrese de que la capa Tipo esté seleccionada en el panel Capas, luego suba al Capa menú en la parte superior de la pantalla, elija Escribe, entonces escoge Convertir a forma:

Convertir texto en una forma en Photoshop con el comando Convertir a forma.  Imagen © 2011 Photoshop Essentials.com.

Vaya a Capa> Texto> Convertir a forma.

No parecerá que haya sucedido mucho en la ventana del documento, pero si miramos en el panel Capas, vemos que la capa Tipo se ha convertido en una Capa de forma, lo que significa que nuestro texto se ha convertido correctamente en una forma:

El panel Capas que muestra la capa Tipo convertida en una capa Forma.  Imagen © 2011 Photoshop Essentials.com.

La capa Tipo ahora es una capa Forma.

Con el texto ahora una forma, podemos seleccionar fácilmente cualquiera de las letras individuales. Para seleccionar una letra, necesitamos el Herramienta de selección de ruta (la flecha negra) que puede tomar del panel Herramientas:

Seleccionando la herramienta de selección de ruta del panel Herramientas en Photoshop.  Imagen © 2011 Photoshop Essentials.com.

Seleccione la herramienta de selección de ruta.

Luego, con la herramienta de selección de ruta en la mano, simplemente haga clic en la letra que desee. Haré clic en la primera letra «e» de la palabra para seleccionarla. Aparecerán puntos de ancla (pequeños cuadrados) alrededor de la letra para mostrar que ahora está seleccionada:

Seleccionando la letra 'e' en la palabra con la herramienta de selección de ruta.  Imagen © 2011 Photoshop Essentials.com.

Haga clic con la herramienta de selección de ruta en la letra que desea seleccionar.

Con la letra seleccionada, ahora puedo transformarla como quiera usando Free Transform. Voy a presionar Ctrl + T (Ganar) / Comando + T (Mac) en mi teclado para que aparezca rápidamente el cuadro delimitador y los controles de Transformación libre (es más rápido que elegir Transformación libre en el menú Editar), y esta vez, en lugar de aparecer alrededor de toda la palabra, aparecen alrededor de la letra que seleccioné:

El cuadro delimitador y los tiradores de Transformación libre aparecen alrededor de la letra.  Imagen © 2011 Photoshop Essentials.com.

Transformación libre ahora puede trabajar con letras individuales.

voy a girar la letra de la misma manera que roté la palabra completa antes, haciendo clic en cualquier lugar fuera del cuadro delimitador de Transformación libre y arrastrando con el mouse. Lo giraré en sentido antihorario. Cuando haya terminado de transformar una letra, presione Ingresar (Ganar) / Regreso (Mac) para aceptar el cambio y salir de Free Transform:

El cuadro delimitador y los tiradores de Transformación libre aparecen alrededor de la letra.  Imagen © 2011 Photoshop Essentials.com.

Girando la letra en sentido antihorario.

Haré lo mismo con la segunda letra «e» de la palabra. Primero, lo seleccionaré haciendo clic en él con la herramienta de selección de ruta, luego presionaré Ctrl + T (Ganar) / Comando + T (Mac) para que aparezca el cuadro Transformación libre y los controles que lo rodean. Para rotarlo, haré clic fuera del cuadro delimitador y lo arrastraré con el mouse. Esta vez, rotaré la letra en el sentido de las agujas del reloj. Cuando termine, presionaré Ingresar (Ganar) / Regreso (Mac) en mi teclado para aceptar el cambio y salir de Free Transform:

Rotar la segunda letra 'e' con Transformación libre.  Imagen © 2011 Photoshop Essentials.com.

Girando la segunda letra «e», esta vez en el sentido de las agujas del reloj.

Y si quiero voltear una letra, ya sea horizontal o verticalmente? Con el texto ahora una forma, ¡es fácil! Nuevamente, solo necesito hacer clic en la letra con la Herramienta de selección de ruta para seleccionarla. Seleccionaré la segunda letra «t» de la palabra. Entonces presionaré Ctrl + T (Ganar) / Comando + T (Mac) para colocar el cuadro Transformación libre y los tiradores a su alrededor. Para voltear la letra, lo haré botón derecho del ratón (Ganar) / Control-clic (Mac) en cualquier lugar dentro del documento y seleccionaré una de las dos opciones (Voltear horizontalmente o Voltear verticalmente) en la parte inferior del menú que aparece. Yo elegiré Flip horizontal:

Elegir Voltear horizontalmente en el menú contextual.  Imagen © 2011 Photoshop Essentials.com.

Seleccionando Voltear horizontalmente en el menú contextual.

Voy a presionar Ingresar (Ganar) / Regreso (Mac) para aceptar el cambio, y así, la letra se invierte:

La letra de la palabra se ha volteado horizontalmente.  Imagen © 2011 Photoshop Essentials.com.

La segunda letra «t» es ahora un reflejo de espejo de la letra que tiene delante.

Para escala (cambiar el tamaño) de una letra, nuevamente simplemente haga clic en ella con la herramienta de selección de ruta, luego presione Ctrl + T (Ganar) / Comando + T (Mac) para abrir Free Transform. Haga clic en cualquiera de las cuatro manijas de las esquinas, mantenga presionada la Cambio para mantener intacta la forma original de la letra a medida que la cambia de tamaño, luego arrastre el controlador para agrandar o reducir la letra. Sujetar Alt (Ganar) / Opción (Mac) también mientras arrastra el controlador para cambiar el tamaño de la letra desde su centro. Aquí, estoy escalando la letra «r» y agrandándola. prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado de aceptar el cambio:

Cambiar el tamaño de la letra 'r' con Transformación libre.  Imagen © 2011 Photoshop Essentials.com.

Arrastrar un tirador de esquina hacia afuera para aumentar el tamaño de la letra.

Dado que las letras son formas, no píxeles, puede continuar girándolas, volteándolas y escalando todo lo que quiera sin perder calidad de imagen, así que siéntase libre de seguir seleccionando letras y jugando con Free Transform hasta que esté satisfecho con la resultados. Tú también puedes moverse las letras dentro del documento si es necesario, simplemente seleccionándolas con la Herramienta de selección de ruta y arrastrándolas con el mouse. Free Transform no es necesaria si todo lo que está haciendo es mover una letra.

Cuando haya terminado de transformar y mover las letras, haga clic en cualquier otra capa en el panel Capas para anular la selección de la forma. Esto eliminará los contornos visibles o puntos de anclaje de las letras. Como solo tengo dos capas en mi documento, haré clic en la capa Fondo para seleccionarla:

Seleccionando la capa Fondo en Photoshop.  Imagen © 2011 Photoshop Essentials.com.

Haga clic en una capa diferente para ocultar los contornos o puntos de anclaje alrededor de las letras cuando haya terminado.

Así es como se ve mi palabra ahora después de mezclar un poco más las letras con Free Transform:

Rotar, voltear y escalar letras en una palabra con Photoshop.  Imagen © 2011 Photoshop Essentials.com.

El resultado final.


A dónde ir después …

¡Y ahí lo tenemos! ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!