Efectos de distorsión y perspectiva 3D

Efectos de distorsión y perspectiva 3D

En este tutorial, les muestro cómo transformar el texto con los comandos Distorsión y Perspectiva en Photoshop! Normalmente, Photoshop no nos permite usar Distorsión o Perspectiva con capas de tipo. Pero aquí, le mostraré un simple truco para desbloquear ambos comandos y mantener su texto totalmente editable.

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

Añadiendo el texto

Lo primero que tenemos que hacer es añadir algo de texto. Aquí hay una imagen que he abierto en Photoshop para usarla como fondo para mi efecto. He descargado es ist de Adobe Stock:

La imagen que el texto será colocado delante. 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 sobre la imagen. Lo encenderé haciendo clic en el tipo de capa icono de visibilidad:

Al activar la capa de tipo en el documento en Photoshop

Encendiendo el texto.

Y aquí está mi texto:

El texto ha sido añadido 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 de Distorsión y Perspectiva

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

Para llegar a ella, subiré al Edita en la barra de menú y elegiré Transformar. Aquí es donde encontramos todos los diversos comandos de transformación de Photoshop. Pero note que, mientras podemos acceder a cosas como Escala, Rotación, Desviación, e incluso Warp, las dos opciones más interesantes…Distorsionar j Perspectiva-están canosos:

Las opciones de transformación de distorsión y perspectiva de Photoshop no están disponibles.

Las opciones de Distorsión y Perspectiva no están disponibles.

Convertir la capa de tipo

La razón es que Photoshop no nos permite usar la distorsión o la perspectiva con una capa de tipo. Así que, antes de poder añadir una perspectiva 3D a mi texto, primero tengo que convertir mi capa de 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 de Capas por haciendo clic con el botón derecho del ratón en (Win) / Control – clic (Mac) directamente en el Tipo de capa…:

Haciendo clic con el botón derecho (Win) / Control (Mac) en la capa de Tipo en Photoshop

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

Y luego eligiendo Tipo de rasterización del menú:

El comando Rasterize Type en Photoshop

El comando Tipo Rasterizar.

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.

DATEI Cinemagraph o fotografías en movimiento

Opción 2: Convertir el tipo en una forma

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

El comando

El comando Convertir en forma.

El beneficio que una forma tiene sobre los píxeles es que podemos transformar una forma tanto como queramos sin ninguna pérdida de calidad. Pero aún así tendríamos un problema porque seguiríamos perdiendo 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 del menú:

Convertir la capa de tipo en un objeto inteligente en Photoshop

Eligiendo Convertir en Objeto Inteligente.

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

La capa de tipo ha sido convertida en un objeto inteligente en Photoshop

La capa de Tipo es ahora un objeto inteligente.

Los objetos inteligentes no son destructivos, por lo que podemos transformarlos tanto como queramos sin perder calidad. Y nuestra capa de tipo está ahora incrustada dentro de el objeto inteligente, lo que significa que podemos abrir el objeto inteligente y editar nuestro texto cuando lo necesitemos. Pero antes de aprender a hacerlo, veamos cómo usar los comandos de Distorsión y Perspectiva con nuestro objeto inteligente.

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

Distorsionar

Volveré a subir al Edita menú y volveré a elegir Transformar. Y esta vez, todas las opciones de transformación, incluyendo Distorsión y Perspectiva, están disponibles:

Están disponibles los comandos Distorsión y Perspectiva

Tanto la distorsión como la perspectiva están disponibles después de convertir el texto en un objeto inteligente.

Empezaré eligiendo Distorsionar:

Eligiendo el comando Distorsionar en Photoshop

Eligiendo el comando Distorsionar.

El comando Distorsionar nos permite hacer clic y arrastrar cualquiera de los manijas de las esquinas alrededor del texto de forma independiente. Podemos arrastrarlos en cualquier dirección para distorsionar el texto en diferentes formas:

Distorsionar el texto en Photoshop usando el comando Distorsionar transformar

En el modo Distorsión, arrastra las manijas de las esquinas de forma independiente.

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:

El comando de transformación de distorsión ha sido cancelado.

Presione Esc para cancelar una transformación.

Perspectiva

Lo que yo quiere es hacer que el texto parezca que se inclina hacia el horizonte, algo así como el texto en movimiento que se ve al principio de una película de La Guerra de las Galaxias. I podría lo hace con el comando Distorsión, pero el comando Perspectiva lo hará más fácil.

Para seleccionarlo, volveré a subir al Edita menú, elegiré Transformary luego elegiré Perspectiva:

Eligiendo el comando de transformación de la perspectiva en Photoshop

Ir a Edición; Transformación; Perspectiva.

Distorsión vs. Perspectiva

La diferencia entre Distorsión y Perspectiva es que en el modo Distorsión, podemos arrastrar las manijas de las esquinas en cualquier dirección, y podemos arrastrarlas por separado una de otra. En el modo Perspectiva, seguimos arrastrando las manijas de las esquinas, pero sólo podemos arrastrarlas arriba y abajo, o izquierda y derecha, y la manija de la esquina opuesta se moverá junto con ella en la dirección opuesta.

DATEI Cómo agregar estrellas en Photoshop |

Fíjese que si arrastro el mango de la esquina superior izquierda hacia arriba, el mango de la abajo La esquina izquierda se mueve hacia abajo:

Arrastrando una manija de la esquina hacia arriba en el modo de perspectiva se mueve la manija opuesta hacia abajo

Arrastrando un mango hacia arriba se mueve el mango opuesto hacia abajo.

Desharé eso subiendo al Edita menú y eligiendo Deshacero presionando Ctrl+Z (Win) / Comando+Z (Mac). Esto deshará el último paso pero me mantendrá en modo de perspectiva:

Deshacer el último paso en el modo Perspectiva en Photoshop

Ir a Edición; Deshacer.

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

Inclinar el texto en una perspectiva 3D con Photoshop

Arrastrando un mango a la derecha se mueve el mango opuesto a la izquierda.

Cambiar entre los comandos de transformación

También quiero estirar el texto verticalmente para que ocupe más espacio en la parte inferior. Para ello, necesito cambiar del comando Perspectiva al comando Escala. Puedes cambiar rápidamente entre los comandos de Transformar haciendo clic con el botón derecho del ratón en (Win) / Control – clic (Mac) en cualquier lugar del documento y eligiendo una opción diferente de la lista. Elegiré Escala:

Cambiando del modo de transformación de la perspectiva al comando Escala en Photoshop

Cambiando de perspectiva a escala.

Entonces haré clic en la manija inferior y lo arrastraré hacia abajo:

Escalando el texto arrastrando el mango central inferior hacia abajo en Photoshop

Escalando el texto arrastrando el mango central inferior hacia abajo.

Aceptando la transformación

Para aceptarlo y cerrar mi comando de transformación, presionaré Entra en (Win) / Devuelve (Mac):

El texto en Photoshop después de aplicar la perspectiva y la escala se transforma

El texto después de aplicar la perspectiva y la escala se transforma.

Relacionado: Aprende las habilidades esenciales de Transformación Libre de Photoshop

Añadiendo efectos al texto

Antes de ver cómo editar el texto, voy a añadir rápidamente un par de efectos.

Cambiando el modo de mezcla

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

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

Cambiando el modo de mezcla a Superposición.

Esto mezcla el texto con la imagen:

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

El texto después de cambiar el modo de mezcla a Overlay.

Añadiendo un brillo exterior

Entonces añadiré un brillo al texto haciendo clic en el Estilos de capas (el icono fx …y el icono de la «C»):

Haciendo clic en el icono de estilos de capas para añadir un brillo al texto

Haciendo clic en el icono de Estilos de Capa.

Y la elección El brillo exterior:

Elegir un estilo de capa de brillo exterior para el texto

Eligiendo un estilo de capa de brillo exterior.

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

Cambiar el color del brillo exterior alrededor del texto

Haciendo clic en la muestra de color.

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

DATEI Ikea, cuentos de Navidad

Muestreando un color de la imagen para el Resplandor Exterior

Muestreando un color de la imagen para el Resplandor Exterior.

Haré clic en OK para cerrar el Selector de Colores. Y luego de vuelta en el cuadro de diálogo de Estilo de Capa, aumentaré el Tamaño del brillo a 60 px y el Undurchsichtigkeit a 50%:

Las opciones de Outer Glow para el texto en Photoshop

Las opciones de brillo exterior.

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

Cómo añadir Distorsión y Perspectiva al texto en Photoshop

El texto con el Resplandor Exterior aplicado.

Cómo editar el texto

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

Abrir 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 de Capas, vemos nuestra capa de Tipo:

La capa del Tipo original está segura dentro del objeto inteligente

La capa del Tipo original está segura dentro del objeto inteligente.

Editar el texto…

Seleccione el Tipo Herramienta de la barra de herramientas:

La capa del Tipo original está segura dentro del objeto inteligente

Seleccionando la herramienta de tipo.

Luego haga doble clic en el texto para resaltarlo e introduzca su nuevo texto. Cambiaré el mío de «ESPACIO» a «ALIEN». Presione Entra en (Win) / Devuelve (Mac) para aceptarlo:

Editar el texto dentro del objeto inteligente en Photoshop

Editar el texto dentro del objeto inteligente.

Relacionado: Cómo editar objetos inteligentes

Guardando el cambio

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

Guardar el objeto inteligente después de editar el texto en Photoshop

Ir a Archivo; Guardar.

Y luego volver a la Archivo menú y elegir Cerrar:

Cerrar el objeto inteligente después de editar el texto en Photoshop

Ir a Archivo; Cerrar.

Y en el documento principal, el mismo efecto aparece ahora 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.

¡Y ahí lo tenemos! ¡Así es como se agregan efectos de distorsión y perspectiva a tu texto en Photoshop! ¡Comprueba nuestras secciones de efectos de texto para ver más tutoriales! Y no olvides que todos nuestros tutoriales de Photoshop están disponibles para ser descargados en formato PDF.

Hinaufgehen

Wir verwenden unsere eigenen Cookies und Cookies von Drittanbietern, um die Benutzererfahrung zu verbessern. Mehr Informaticon