Transformar Texto en Photoshop: Efectos de Distorsión y Perspectiva 3D

Escrito por Steve Patterson.

¡En este tutorial, le 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 texto. Pero aquí, te mostraré un truco simple para desbloquear ambos comandos y mantener tu texto completamente editable.



estoy usando el última versión de Photoshop CC pero cualquier versión reciente funcionará. ¡Empecemos!






¡Descargue este tutorial como un PDF listo para imprimir!

Agregando el texto

Lo primero que tenemos que hacer es añadir algo de texto. Aquí hay una imagen que abrí en Photoshop para usar como fondo para mi efecto. yo descargué Éste de Adobe Stock:



  La imagen delante de la cual se colocará el texto. Crédito de la foto: Adobe Stock. La imagen de fondo. Crédito de la foto: Adobe Stock.

Y si miramos en el Panel de capas , vemos que también me he adelantado y he añadido algo de texto encima de la imagen. Lo activaré haciendo clic en la capa Tipo icono de visibilidad :

  Activar la capa Tipo en el documento en Photoshop Activando el texto.

Y aquí está mi texto:



  Se ha añadido texto delante de la imagen en Photoshop. El texto aparece delante de la imagen.

Estoy usando una fuente llamada Orbitron Bold que descargué de Adobe Typekit:

  La fuente Orbitron Bold utilizada en el efecto. La fuente utilizada en el efecto.

Los comandos Distorsionar y Perspectiva

Lo que me gustaría hacer es darle a mi texto una apariencia 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 Photoshop Perspectiva dominio.

Para llegar a ella, subiré a la Editar menú en la barra de menús y elegiré Transformar . Aquí es donde encontramos todos los diversos 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 en gris:



  photoshop's Distort and Perspective transform options are unavailable. Las opciones Distorsionar y Perspectiva no están disponibles.

Convertir la capa Tipo

La razón es que Photoshop no nos permitirá usar Distorsión o Perspectiva con una capa de Tipo. Entonces, antes de que pueda agregar una perspectiva 3D a mi texto, primero necesito convertir mi capa Tipo en 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 al haciendo clic derecho (Victoria) / Control-clic (Mac) directamente en el capa de tipo :

  Hacer clic con el botón derecho (Win)/Control-clic (Mac) en la capa Tipo en Photoshop Haga clic derecho (Win) / Control-clic (Mac) en la capa Tipo.

Y luego elegir Tipo rasterizar del menú:



  El comando Rasterizar tipo en Photoshop El comando Rasterizar tipo.

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 en una forma

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



  El comando Convertir a forma en Photoshop El comando Convertir en forma.

El beneficio que un la forma tiene más de 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 por elección Convertir a objeto inteligente del menú:



  Convertir la capa Texto en un objeto inteligente en Photoshop Elegir Convertir en objeto inteligente.

Photoshop convierte la capa Texto en una objeto inteligente , y sabemos que por la icono de objeto inteligente en la parte inferior derecha de la miniatura:

  La capa Tipo se ha convertido en un objeto inteligente en Photoshop La capa Texto ahora es un objeto inteligente.

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

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

Distorsionar

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

  Los comandos Distorsionar y Perspectiva están disponibles Tanto Distorsionar como Perspectiva están disponibles después de convertir el texto en un objeto inteligente.

Empezaré eligiendo Distorsionar :

  Elegir el comando Distorsionar en Photoshop Elegir el comando Distorsionar.

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

  Distorsionar el texto en Photoshop usando el comando de transformación Distorsionar En el modo Distorsionar, arrastre los tiradores de las esquinas de forma independiente.

Cancelar una transformación

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

  El comando de transformación Distorsionar ha sido cancelado. Presione Esc para cancelar una transformación.

Perspectiva

Lo que yo desear hacer es hacer que el texto se vea como si se estuviera inclinando hacia el horizonte, algo así como el texto que se desplaza al principio de una película de Star Wars. yo pudo hágalo con el comando Distorsionar, pero el comando Perspectiva lo hará más fácil.

Para seleccionarlo, volveré a subir a la Editar menú, yo elijo Transformar , y luego elegiré Perspectiva :

  Elegir el comando de transformación de perspectiva en Photoshop Yendo a Edición > Transformar > Perspectiva.

Distorsionar vs Perspectiva

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

Observe que si arrastro el controlador en la esquina superior izquierda hacia arriba, el controlador en el abajo la esquina izquierda se mueve hacia abajo:

  Arrastrar un controlador de esquina hacia arriba en el modo Perspectiva mueve el controlador opuesto hacia abajo Arrastrar un controlador hacia arriba mueve el controlador opuesto hacia abajo.

Lo desharé subiendo a la Editar menú y elección Deshacer , o presionando Ctrl+Z (Victoria) / Comando+Z (Mac). Esto deshará el último paso pero aún me mantendrá en modo Perspectiva:

  Deshacer el último paso en modo Perspectiva en Photoshop Yendo a Edición > Deshacer.

Para que parezca que el texto 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 debido a que estamos en modo Perspectiva, el controlador opuesto en la esquina superior derecha también se mueve hacia adentro:

  Inclinando el texto en una perspectiva 3D con Photoshop Al arrastrar un controlador hacia la derecha, se mueve el controlador opuesto hacia la izquierda.

Cambiar entre los comandos Transformar

También quiero estirar el texto verticalmente para que ocupe más espacio en la parte inferior. Para hacer eso, necesito cambiar del comando Perspectiva al comando Escala. Puede cambiar rápidamente entre los comandos Transformar haciendo clic derecho (Victoria) / Control-clic (Mac) en cualquier lugar dentro del documento y eligiendo una opción diferente de la lista. elegiré Escala :

  Cambiar del modo de transformación de perspectiva al comando Escala en Photoshop Cambiar de perspectiva a escala.

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

  Escalar el texto arrastrando el controlador central inferior hacia abajo en Photoshop Escalar el texto arrastrando el controlador central inferior hacia abajo.

Aceptar la transformación

Para aceptarlo y cerrar mi comando Transformar, presionaré Ingresar (Victoria) / Devolver (Mac):

  El texto en Photoshop después de aplicar transformaciones de Perspectiva y Escala El texto después de aplicar las transformaciones de Perspectiva y Escala.

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

Adición de 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 mezcla de mi objeto inteligente de Normal a Cubrir :

  Cambiar el modo de fusión del texto a Superposición en Photoshop Cambiar el modo de fusión a Superposición.

Esto mezcla el texto con la imagen:

  El texto después de cambiar el modo de fusión de capas a Superposición en Photoshop El texto después de cambiar el modo de fusión a Superposición.

Agregar un brillo exterior

Luego agregaré un resplandor al texto haciendo clic en el Estilos de capa icono (el efectos especiales icono):

  Al hacer clic en el ícono de estilos de capa para agregar un brillo al texto Haciendo clic en el icono Estilos de capa.

y eligiendo Brillo externo :

  Elegir un estilo de capa de Resplandor exterior para el texto Elegir un estilo de capa de Resplandor exterior.

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

  Cambiar el color del brillo exterior alrededor del texto Al hacer clic en la muestra de color.

Luego moveré el cursor de mi mouse hacia la imagen y haré clic en un color verde para seleccionarlo:

  Muestreo de un color de la imagen para el resplandor exterior Muestreo de un color de la imagen para el resplandor exterior.

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 resplandor a 60 píxeles y el Opacidad a 50% :

  Las opciones de Resplandor exterior para el texto en Photoshop Las opciones de brillo exterior.

Haré clic en Aceptar para cerrar el cuadro de diálogo y este es el resultado:

  Cómo agregar distorsión y perspectiva al texto en Photoshop El texto con el Resplandor exterior aplicado.

Cómo editar el texto

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

  Abriendo el objeto inteligente para editar el texto en Photoshop Abriendo el objeto inteligente.

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

  El texto se abre en un documento separado. El texto se abre en un documento separado.

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

  La capa de texto original está segura dentro del objeto inteligente La capa de Texto original está segura dentro del objeto inteligente.

Editando el texto

Selecciona el Tipo de herramienta desde la barra de herramientas:

  La capa de texto original está segura dentro del objeto inteligente Selección de la herramienta Tipo.

Luego haga doble clic en el texto para resaltarlo e ingrese su nuevo texto. Cambiaré el mío de 'SPACE' a 'ALIEN'. Prensa Ingresar (Victoria) / Devolver (Mac) para aceptarlo:

  Edición del texto dentro del objeto inteligente en Photoshop Editando el texto dentro del objeto inteligente.

Relacionado: Cómo editar objetos inteligentes

Guardando el cambio

Para que el cambio aparezca en el documento principal, debemos guardar y cerrar el objeto inteligente. sube a la Expediente menú y elige Ahorrar :

  Guardar el objeto inteligente después de editar el texto en Photoshop Yendo a Archivo > Guardar.

Y luego volver a la Expediente menú y elige Cerca :

  Cerrar el objeto inteligente después de editar el texto en Photoshop Yendo a Archivo > Cerrar.

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

  El mismo efecto de perspectiva después de editar el texto en Photoshop El mismo efecto después de editar el texto.