En este tutorial, te muestro cómo transformar texto con los comandos Distorsionar y Perspectiva en Photoshop. Normalmente, Photoshop no nos permite usar Distorsión o Perspectiva con capas de tipos. Pero aquí, te mostraré un truco simple para desbloquear ambos comandos y mantener tu texto completamente editable.

Estoy usando la última versión de Photoshop CC, pero cualquier versión reciente funcionará. ¡Empecemos!

Descargue este tutorial como un PDF listo para imprimir!

Añadir el texto

Lo primero que tenemos que hacer es añadir algo de texto. Esta es una imagen que abrí en Photoshop para usarla como fondo para mi efecto. He descargado esta de Adobe Stock:

Y si miramos en el panel Capas, vemos que también he seguido adelante y agregado algo de texto encima de la imagen. Lo activaré haciendo clic en el icono de visibilidad de la capa de tipo:

Y aquí está mi texto:

Estoy usando una fuente llamada Orbitron Bold que he descargado de Adobe Typekit:

Los comandos Distorsionar y Perspectiva

Lo que me gustaría hacer es darle a mi texto un aspecto más 3D, como si se estuviera inclinando hacia el horizonte, lo que significa que quiero cambiar su perspectiva. Y la forma más fácil de agregar perspectiva es usando el comando Perspectiva de Photoshop.

Para llegar a ella, subiré al menú Editar en la Barra de menús y elegiré Transformar. Aquí es donde encontramos todos los comandos de transformación de Photoshop. Pero tenga en cuenta que, si bien podemos acceder a cosas como Escalar, Rotar, Sesgar e incluso Deformar, las dos opciones más interesantes, Distorsionar y Perspectiva, están atenuadas:

Convertir la capa de tipos

La razón es que Photoshop no nos permite usar Distorsión o Perspectiva con una capa de tipos. Por lo tanto, antes de poder agregar una perspectiva 3D a mi texto, primero necesito convertir mi capa de tipos a otra cosa.

Opción 1: Rasterizar el texto

Una cosa que podría hacer es rasterizar mi texto, lo que significa convertir mi tipo en píxeles. Y podría hacer eso en el panel Capas haciendo clic con el botón derecho (Win) / Control-clic (Mac) directamente en la capa de tipo:

Y luego elegir Rasterizar Tipo en el menú:

Pero aquí está el problema. Si convierto mi tipo en píxeles, pierdo la capacidad de editar mi texto. Y, cuando aplicamos cualquier tipo de transformación a una imagen basada en píxeles, podemos perder calidad. Por lo tanto, rasterizar el tipo no es una buena opción.

Opción 2: Convertir el tipo a una forma

Otra opción que se encuentra en el mismo menú es Convertir a forma:

El beneficio que tiene una forma sobre los píxeles es que podemos transformar una forma tanto como queramos sin pérdida de calidad. Pero aún tendríamos un problema porque aún perderíamos la capacidad de editar nuestro texto. Por lo tanto, convertirlo en una forma tampoco es la mejor opción.

Opción 3: Convertir el tipo en un objeto inteligente

Pero una tercera opción es convertir nuestro texto en un objeto inteligente eligiendo Convertir a objeto inteligente en el menú:

Photoshop convierte la capa de tipos en un objeto inteligente, y sabemos que por el icono de objeto inteligente en la parte inferior derecha de la miniatura:

Los objetos inteligentes no son destructivos, por lo que podemos transformarlos tanto como queramos sin pérdida de calidad. Y nuestra capa de tipos ahora está incrustada dentro del objeto inteligente, lo que significa que podemos abrir el objeto inteligente y editar nuestro texto cuando lo necesitemos. Pero antes de aprender a hacer eso, veamos cómo usar los comandos Distorsionar y Perspectiva con nuestro objeto inteligente.

Relacionados: Cómo cambiar el tamaño de las imágenes sin perder calidad

Distorsionar

Volveré al menú Editar y volveré a elegir Transformar. Y esta vez, todas las opciones de transformación, incluidas Distorsionar y Perspectiva, están disponibles:

Comenzaré eligiendo Distorsionar:

El comando Distorsionar nos permite hacer clic y arrastrar cualquiera de los manejadores de esquina alrededor del texto independientemente unos de otros. Podemos arrastrarlos en cualquier dirección para distorsionar el texto en diferentes formas:

Cancelar una transformación

Eso no es realmente lo que quiero hacer, así que cancelaré el comando Distorsionar sin hacer ningún cambio presionando la tecla Esc en mi teclado. Y ahora vuelvo a la forma original del texto:

Perspectiva

Lo que quiero hacer es hacer que el texto parezca que se inclina hacia el horizonte, como el texto en desplazamiento que ves al principio de una película de Star Wars. Podría hacer eso con el comando Distorsionar, pero el comando Perspectiva lo hará más fácil.

Para seleccionarlo, voy a volver hasta el menú Edición, voy a elegir a Transformar y, a continuación, voy a elegir Perspectiva:

Distorsionar vs Perspectiva

La diferencia entre Distorsionar y Perspectiva es que en el modo Distorsionar, podemos arrastrar los controladores de esquina en cualquier dirección, y podemos arrastrarlos por separado unos de otros. En el modo Perspectiva, seguimos arrastrando los tiradores de esquina, pero solo podemos arrastrarlos hacia arriba y hacia abajo, o hacia la izquierda y la derecha, y el tirador de la esquina opuesta se moverá junto con él en la dirección opuesta.

Observe que si arrastro el mango de la esquina superior izquierda hacia arriba, el mango de la esquina inferior izquierda se mueve hacia abajo:

Lo desharé subiendo al menú Editar y seleccionando Deshacer, o presionando Ctrl + Z ( Win) / Comando+Z (Mac). Esto deshará el último paso, pero me mantendrá en modo de perspectiva:

Para que el texto parezca que se inclina hacia atrás, haré clic en el mismo controlador en la parte superior izquierda, pero esta vez, lo arrastraré hacia adentro hacia la derecha. Y como estamos en modo Perspectiva, el controlador opuesto en la parte superior derecha también se mueve hacia adentro:

Cambiar entre comandos de transformación

También quiero estirar el texto verticalmente para que ocupe más espacio a lo largo de la parte inferior. Para hacer eso, necesito cambiar del comando de perspectiva al comando de escala. Puede cambiar rápidamente entre los comandos de transformación haciendo clic con el botón derecho (Win) / Control-clic (Mac) en cualquier parte del documento y eligiendo una opción diferente de la lista. Elegiré Escala:

Luego haré clic en el controlador inferior y lo arrastraré hacia abajo:

Aceptar la transformación

Para aceptarla y cerrar mi comando Transformar, presionaré Enter (Win) / Return (Mac):

Relacionados: Aprenda las habilidades esenciales de Transformación libre de Photoshop

Agregar efectos al texto

Antes de ver cómo editar el texto, agregaré rápidamente un par de efectos.

Cambiar el modo de fusión

Volveré al panel Capas y cambiaré el modo de fusión de mi objeto inteligente de Normal a Superpuesto:

Esto mezcla el texto con la imagen:

Agregar un brillo exterior

Luego agregaré un brillo al texto haciendo clic en el icono de Estilos de capa (el icono fx):

Y elegir Brillo exterior:

En el cuadro de diálogo Estilo de capa, haré clic en la muestra de color para cambiar el color del resplandor:

Luego moveré el cursor del ratón hacia la imagen y haré clic en un color verde para seleccionarlo:

Haré clic en Aceptar para cerrar el Selector de color. Y luego de vuelta en el cuadro de diálogo Estilo de capa, aumentaré el Tamaño del brillo a 60 px y la Opacidad al 50%:

Haré clic en Aceptar para cerrar el cuadro de diálogo, y aquí está el resultado:

Cómo editar el texto

Finalmente, para editar el texto, abra su objeto inteligente haciendo doble clic en su miniatura en el panel Capas:

Esto abre el contenido del objeto inteligente (en este caso, nuestro texto) en un documento separado:

Y si miramos en el panel Capas, vemos nuestra capa de tipo:

Editar el texto

Seleccione la herramienta Tipo de la barra de herramientas:

Relacionado: Cómo editar objetos inteligentes

Guardar el cambio

Para que el cambio aparezca en el documento principal, necesitamos guardar y cerrar el objeto inteligente. Ir al menú Archivo y seleccione Guardar:

Y, a continuación, vuelva al menú Archivo y seleccione Cerrar:

Y de vuelta en el documento principal, ahora aparece el mismo efecto con el nuevo texto:

¡Y ahí lo tenemos! ¡Así es como se agregan efectos de distorsión y Perspectiva a su texto en Photoshop! ¡Echa un vistazo a nuestras secciones de Efectos de texto para obtener más tutoriales! Y no olvides que todos nuestros tutoriales de Photoshop ya están disponibles para descargar como PDF.