Rotar, voltear y escalar letras individuales en el texto con Photoshop

Rotar, voltear y escalar letras individuales en el texto - Tutorial de Photoshop
Escrito por Steve Patterson.

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

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

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

El documento original.

Si nos fijamos en mi panel Capas, vemos que el documento se compone de dos capas – una capa normal de Tipo en la parte superior que contiene la palabra «letras» (con un estilo de capa de sombra aplicada para añadir un poco de interés) y el gradiente en la capa de Fondo por debajo:

El panel Capas en Photoshop mostrando la capa de texto y la capa de Fondo. Imagen © 2011 Photoshop Essentials.com.

El panel Capas mostrando la capa Tipo por encima de la capa Fondo.

Normalmente, para voltear, rotar o escalar el texto, utilizaríamos el comando Transformación libre de Photoshop. Lo seleccionaré subiendo al menú Edición en la barra de menús de la parte superior de la pantalla y eligiendo Transformación libre:

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

Elegir el comando Transformación libre del menú Edición.

Esto coloca el cuadro delimitador de Transformación libre y los manejadores alrededor de la palabra, y aquí radica nuestro problema. Quiero transformar las letras individuales de la palabra, pero Transformación libre selecciona toda la palabra como un todo, colocando el cuadro delimitador y los manejadores alrededor de ella. Si muevo el cursor del ratón fuera del cuadro delimitador, y luego hago clic y arrastro con el ratón para girar, toda la palabra gira, no sólo una letra individual:

Rotando el texto con Transformación libre. Image © 2011 Photoshop Essentials.com.

Transformación libre gira toda la palabra porque ha seleccionado todo el contenido de la capa de texto.

Presiono la tecla Esc de mi teclado para cancelar la rotación. Intentemos voltear una letra al revés. Con Transformación libre aún activa, haré clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier parte del documento y elegiré Voltear vertical en el menú que aparece:

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

Seleccionando Voltear vertical en el menú contextual.

De nuevo, nos encontramos con el mismo problema. Transformación libre está afectando a toda la palabra, por lo que toda la palabra se voltea al revés:

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

Transformación libre vuelve a afectar a toda la palabra.

Pulsaré Esc en mi teclado para cancelar el comando Voltear vertical. Probemos a escalar una letra. Mantendré pulsadas las teclas Shift+Alt (Win) / Shift+Option (Mac) mientras hago clic en uno de los tiradores de las esquinas de Transformación libre y arrastraré hacia el centro del cuadro delimitador. Si mantenemos pulsada la tecla Mayúsculas mientras arrastramos, mantendremos intactas las proporciones originales del texto mientras lo redimensionamos, mientras que la tecla Alt (Win) / Opción (Mac) indica a Photoshop que escale el texto desde su centro. Y no es de extrañar que nos encontremos con el mismo problema que antes. Toda la palabra se está reduciendo como un todo:

Escalando el texto en Photoshop con el comando Transformación libre. Image © 2011 Photoshop Essentials.com.

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

Puede parecer que Transformación libre es el problema aquí, ya que no nos da ninguna manera de seleccionar las letras individuales en la palabra, pero el verdadero problema es en realidad el propio texto. O, más específicamente, el problema es que la palabra es texto. Esto puede sonar extraño. Es decir, por supuesto que es texto, ¿no? 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 tenemos que hacer para poder trabajar con letras individuales es convertir el texto en otra cosa. Bueno, podríamos convertirlo en píxeles rasterizándolo, pero esa no es la mejor solución porque perderemos los bordes nítidos y definidos de las letras, especialmente cuando empecemos a rotarlas y escalarlas. Una solución mucho mejor es convertir el texto en una forma. Como forma, seguirá pareciendo un texto, y mantendrá sus bordes nítidos independientemente de lo que hagamos con él. El único inconveniente menor es que una vez que hemos convertido el texto en una forma, ya no será editable, por lo que sólo asegúrese de tener todo correctamente escrito primero.

Para convertir el texto en una forma, asegúrese de que la capa Tipo está seleccionada en el panel Capas, a continuación, vaya al menú Capa en la parte superior de la pantalla, elija Tipo, a continuación, elija Convertir en forma:

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

Vaya a la capa > Tipo > Convertir en forma.

No parece que haya ocurrido gran cosa en la ventana del documento, pero si miramos en el panel Capas, veremos que la capa Tipo se ha convertido en una capa Forma, lo que significa que nuestro texto se ha convertido con éxito en una forma:

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

La capa Tipo es ahora una capa Forma.

Con el texto convertido en una forma, podemos seleccionar fácilmente cualquiera de las letras individuales. Para seleccionar una letra, necesitamos la Herramienta de Selección de Trayectoria (la flecha negra) que puedes coger del panel de Herramientas:

Seleccionando la Herramienta de Selección de Trayectoria del panel de Herramientas en Photoshop. Image © 2011 Photoshop Essentials.com.

Selecciona la Herramienta de Selección de Trayectoria.

Entonces, con la Herramienta de Selección de Trayectoria en la mano, simplemente haz clic en la letra que quieras. Yo haré clic en la primera letra «e» de la palabra para seleccionarla. Los puntos de anclaje (pequeños cuadrados) aparecerán alrededor de la letra para mostrar que ahora está seleccionada:

Seleccionando la letra

Haz clic con la Herramienta de Selección de Trayectoria en la letra que quieras seleccionar.

Con la letra seleccionada, ahora puedo transformarla como quiera utilizando Transformación Libre. Pulsaré Ctrl+T (Win) / Comando+T (Mac) en mi teclado para que aparezca rápidamente el cuadro delimitador y los tiradores de Transformación libre (es más rápido que elegir Transformación libre en el menú Edición), y esta vez, en lugar de aparecer alrededor de toda la palabra, aparecen alrededor de la letra que he seleccionado:

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

La Transformación libre puede trabajar ahora con letras individuales.

Giraré la letra de la misma manera que giré la palabra entera antes, haciendo clic en cualquier lugar fuera del cuadro delimitador de la Transformación libre y arrastrando con el ratón. La giraré en sentido contrario a las agujas del reloj. Cuando haya terminado de transformar una letra, pulse Intro (Win) / Retorno (Mac) para aceptar el cambio y salir de Transformación Libre:

El cuadro delimitador de Transformación Libre y las asas aparecen alrededor de la letra. Imagen © 2011 Photoshop Essentials.com.

Rotando la letra en sentido contrario a las agujas del reloj.

Haré lo mismo con la segunda letra «e» de la palabra. Primero, la seleccionaré haciendo clic sobre ella con la Herramienta de Selección de Trayectoria, luego presionaré Ctrl+T (Win) / Comando+T (Mac) para que aparezca el cuadro de Transformación Libre y los manejadores alrededor de ella. Para girarlo, haré clic fuera del cuadro delimitador y arrastraré con el ratón. Esta vez, giraré la letra en el sentido de las agujas del reloj. Cuando haya terminado, presionaré Enter (Win) / Return (Mac) en mi teclado para aceptar el cambio y salir de Transformación Libre:

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

Rotando 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? Como el texto es ahora una forma, es fácil. De nuevo, sólo tengo que hacer clic en la letra con la herramienta de selección de ruta para seleccionarla. Seleccionaré la segunda letra «t» de la palabra. Luego presionaré Ctrl+T (Win) / Comando+T (Mac) para colocar la caja de Transformación Libre y los manejadores alrededor de ella. Para voltear la letra, haré clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar del documento y seleccionaré una de las dos opciones (Voltear horizontal o Voltear vertical) en la parte inferior del menú que aparece. Elegiré Voltear horizontal:

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

Selecciono Voltear horizontal en el menú contextual.

Presiono Intro (Win) / Retorno (Mac) para aceptar el cambio, y así la letra queda volteada:

La letra de la palabra ha sido volteada horizontalmente. Imagen © 2011 Photoshop Essentials.com.

La segunda letra «t» es ahora un reflejo de la letra de enfrente.

Para escalar (cambiar el tamaño) de una letra, de nuevo simplemente haga clic en ella con la Herramienta de Selección de Trayectoria, luego presione Ctrl+T (Win) / Comando+T (Mac) para que aparezca Transformación Libre. Haz clic en cualquiera de los cuatro tiradores de las esquinas, mantén pulsada la tecla Shift para mantener intacta la forma original de la letra mientras la redimensionas, y luego arrastra el tirador para hacer la letra más grande o más pequeña. Mantén pulsada la tecla Alt (Win) / Opción (Mac) mientras arrastras el asa para cambiar el tamaño de la letra desde su centro. Aquí, estoy escalando la letra «r» y haciéndola más grande. Pulsa Intro (Win) / Retorno (Mac) cuando hayas terminado para aceptar el cambio:

Redimensionar la letra 'r' con Transformación libre. Imagen © 2011 Photoshop Essentials.com.

Arrastrando el asa de una esquina hacia fuera para aumentar el tamaño de la letra.

Como las letras son formas, no píxeles, puedes seguir girándolas, volteándolas y escalándolas todo lo que quieras sin perder calidad de imagen, así que no dudes en seguir seleccionando letras y jugando con Transformación libre hasta que estés contento con los resultados. También puedes mover las letras dentro del documento si lo necesitas, simplemente seleccionándolas con la herramienta de selección de ruta y arrastrándolas con el ratón. La Transformación libre 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 deseleccionar la forma. Esto eliminará cualquier contorno o punto de anclaje visible de las letras. Como sólo tengo dos capas en mi documento, voy a hacer clic en la capa de Fondo para seleccionarla:

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

Haz clic en una capa diferente para ocultar cualquier contorno o punto de anclaje alrededor de las letras cuando hayas terminado.

Así es como se ve mi palabra ahora después de revolver las letras un poco más con Transformación libre:

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

El resultado final.

A dónde ir ahora…

¡Y ahí lo tenemos! ¡Consulta nuestras secciones de Efectos de Texto o Efectos de Foto para ver más tutoriales de efectos de Photoshop!

¡Obtén todos nuestros tutoriales de Photoshop en PDF! Descárguelos hoy mismo!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.