Gire y escale las letras individuales en el texto

Gire y escale las letras individuales en el texto

Girar, voltear y escalar letras individuales en texto - Tutorial de Photoshop

Photoshop facilita la rotación, el giro y la escala de palabras o líneas enteras de texto en un documento, pero ¿qué pasa si queremos transformar una sola letra en una palabra, o transformar diferentes letras de manera diferente, rotando algunas, girando otras horizontal o verticalmente, y escalando otras? Suena como si fuera un trabajo bastante sencillo para el comando Free Transform de Photoshop, pero si alguna vez has intentado hacerlo, sabes 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 de gradiente:

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

El documento original.

Si miramos mi panel de Capas, vemos que el documento está compuesto por 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 algo de interés) y el gradiente en la capa de Fondo debajo de ella:

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

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

Normalmente, para voltear, rotar o escalar el texto, usaríamos el comando Transformación Libre de Photoshop. Lo seleccionaré subiendo al Edit en la barra de menú en la parte superior de la pantalla y eligiendo Free transformation:

Eligiendo el comando Transformación Libre del menú Edición en Photoshop. Imagen © 2011 Photoshop Essentials.com.

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

Esto coloca la caja delimitadora de la Transformación Libre y las asas alrededor de la palabra, y aquí radica nuestro problema. Quiero transformar las letras individuales de la palabra, pero la Transformación Libre selecciona la palabra entera como un todo, colocando el cuadro delimitador y las manijas 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 rotarlo, la palabra entera rota, no sólo una letra individual:

Rotando el texto con Transformación Libre. Imagen © 2011 Photoshop Essentials.com.

Transformación Libre rota la palabra entera porque seleccionó todo el contenido de la capa de texto.

Presionaré el Esc en mi teclado para cancelar la rotación. Intentemos dar la vuelta a una letra. Con Transformación Libre aún activa, yo clic con el botón derecho del ratón (Win) / Control-clic en cualquier lugar dentro del documento y elegiré Voltear verticalmente del menú que aparece:

Seleccionando el comando Flip Vertical del menú contextual de Transformación Libre. Imagen © 2011 Photoshop Essentials.com.

Escogiendo Flip Vertical del menú contextual.

De nuevo, nos encontramos con el mismo problema. Transformación Libre está afectando a toda la palabra, así que la palabra entera se pone al revés:

El texto de Photoshop se volteó verticalmente en el documento. Imagen © 2011 Photoshop Essentials.com.

Transformación Libre una vez más afecta a toda la palabra.

Presionaré Esc en mi teclado para cancelar el comando de Voltear Vertical. Intentemos escalar una letra. Mantendré pulsado Shift+Alt (Win) / Shift+Opción (Mac) mientras hago clic en una de las manijas de las esquinas de Transformación Libre y me arrastro hacia el centro del cuadro delimitador. Manteniendo pulsada la tecla Shift mientras arrastro, mantendré intactas las proporciones originales del texto mientras lo redimensiono, mientras que la tecla Alt (Win) / Option (Mac) le dice a Photoshop que escale el texto desde su centro. Y no es una sorpresa, nos encontramos con el mismo problema de antes. La palabra entera está siendo reducida en su totalidad:

FILE Efecto de texto con ráfagas de luz de colores con Photoshop CS6

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

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

Puede parecer que la transformación libre es el problema aquí, ya que no nos da ninguna manera de seleccionar las letras individuales de 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. 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 sigue 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 un texto? Bueno, podríamos convertirlo en pixeles rasterizándolo, pero esa no es la mejor solución porque perderemos los bordes afilados y nítidos de las letras, especialmente una vez que empecemos a rotarlas y escalarlas. Una solución mucho mejor es convertir el texto en un forma. Como forma, seguirá pareciendo un texto, y mantendrá sus bordes afilados sin importar lo que le hagamos. La única desventaja menor es que una vez que hayamos convertido el texto en una forma, ya no será editable, así que asegúrate primero de que todo esté bien escrito.

Para convertir el texto en una forma, asegúrese de que la capa de Tipo está seleccionada en el panel de Capas, luego suba al Cloak at the top of the screen, choose Scribey luego elige… Convert to shape:

Convirtiendo el tipo de letra a una forma en Photoshop con el comando Convertir en forma. Imagen © 2011 Photoshop Essentials.com.

Ir a Capa; Escribir; Convertir a Forma.

No parece que haya pasado mucho en la ventana del documento, pero si miramos en el panel de Capas, vemos que la capa de Tipo se ha convertido en un Capa de formalo que significa que nuestro texto ha sido convertido con éxito en una forma:

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

The Type layer is now a Shape layer.

Con el texto ahora en forma, podemos seleccionar fácilmente cualquiera de las letras individuales. Para seleccionar una letra, necesitamos el Route selection tool (la flecha negra) que puedes agarrar desde el panel de herramientas:

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

Seleccione la herramienta de selección de ruta.

Luego, con la herramienta de selección de camino en 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 anclaje (pequeños cuadrados) alrededor de la letra para mostrar que ahora está seleccionada:

FILE Crear un efecto de texto dorado en Photoshop CC y CS6

Seleccionando la letra

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

Con la letra seleccionada, ahora puedo transformarla de la manera que quiera usando Transformación Libre. Presionaré Ctrl+T (Win) / Command+T (Mac) en mi teclado para mostrar rápidamente el cuadro delimitador y los mangos 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 las asas de la Transformación Libre aparecen alrededor de la carta. Imagen © 2011 Photoshop Essentials.com.

Free Transform puede ahora trabajar con cartas individuales.

Yo… rotate la letra de la misma manera que roté la palabra entera antes, haciendo clic en cualquier lugar fuera de la caja de límites de Transformación Libre y arrastrando con mi ratón. Lo giraré en sentido contrario a las agujas del reloj. Cuando termines de transformar una letra, pulsa Enter (Win) / Returns (Mac) para aceptar el cambio y salir de Free Transform:

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

Girando 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 en ella con la herramienta de selección de ruta, luego presionaré Ctrl+T (Win) / Command+T (Mac) para sacar la caja de la Transformación Libre y las asas a su alrededor. Para girarlo, haré clic fuera del cuadro delimitador y lo arrastraré con el ratón. Esta vez, giraré la letra en el sentido de las agujas del reloj. Cuando termine, presionaré Enter (Win) / Returns (Mac) en mi teclado para aceptar el cambio y salir de Free Transform:

Rotando la segunda letra

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

¿Y si quiero flip una carta, ya sea horizontal o vertical? Con el texto 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) / Command+T (Mac) para colocar la caja de Transformación Libre y las asas a su alrededor. Para voltear la carta, yo clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier parte 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:

Eligiendo Flip Horizontal en el menú contextual. Imagen © 2011 Photoshop Essentials.com.

Seleccionando Flip Horizontal en el menú contextual.

Presionaré Enter (Win) / Returns (Mac) para aceptar el cambio, y así como así, la carta se voltea:

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 que está delante de ella.

To scale (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) / Command+T (Mac) para sacar a relucir «Transformación Libre». Haz clic en cualquiera de las cuatro manijas de las esquinas, mantén pulsada tu Change para mantener la forma original de la letra intacta al cambiar su tamaño, y luego arrastrar el mango para hacer la letra más grande o más pequeña. Mantén pulsada Alt (Win) / Option (Mac) también mientras arrastras el mango para redimensionar la letra desde su centro. Aquí, estoy escalando la letra «r» y haciéndola más grande. Presiona Enter (Win) / Returns cuando hayas terminado de aceptar el cambio:

FILE Cómo colocar múltiples imágenes en el texto con Photoshop

Redimensionando la letra 'r' con Transformación Libre. Imagen © 2011 Photoshop Essentials.com.

Arrastrando una manija de esquina hacia afuera para aumentar el tamaño de la letra.

Dado que las letras son formas, no píxeles, puedes seguir rotando, volteándolas y escalándolas tanto como quieras sin perder calidad de imagen, así que siéntete libre de seguir seleccionando letras y jugando con Free Transform hasta que estés contento con los resultados. También puedes mover las letras dentro del documento, si es necesario, simplemente seleccionándolas con la herramienta de selección de ruta y arrastrándolas con el ratón. Free Transform no es necesario si todo lo que estás haciendo es mover una carta.

Cuando termines de transformar y mover las letras, haz clic en cualquier otra capa del panel de capas para deseleccionar la forma. Esto eliminará cualquier contorno visible o puntos de anclaje de las letras. Como sólo tengo dos capas en mi documento, haré 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 un poco más las letras con Transformación Libre:

Gire, voltee y escale las letras en una palabra con Photoshop. Imagen © 2011 Photoshop Essentials.com.

El resultado final.

A dónde ir después…

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

Go up

We use our own and third party cookies to improve the user experience. More Informaticon