Crea un efecto de tipografía 3D rápido y sencillo

Índice
  1. Paso 1: comience en Illustrator
  2. Paso 2: Hazlo 3D
  3. Paso 3 – Llévalo a Photoshop
  4. Paso 4 – Terminando en Photoshop
  5. Paso 5 – Agregar luz y sombras

El tipo de letra 3D limpio y moderno es un efecto genial, y es sorprendentemente rápido y fácil de crear. Con la combinación de Photoshop e Illustrator, este efecto se puede crear en minutos. Veamos cómo se hace. Aquí tienes un vistazo a lo que vamos a crear.

Paso 1: comience en Illustrator

Abre Illustrator y escribe una sola palabra. Elegí "Estilo" y 75 % negro como color. Estoy usando una fuente llamada Lobster, que puedes descargar aquí . A continuación, vamos a convertir el texto en una sola forma. Selecciona el tipo y haz clic en (Tipo | Crear contornos). Luego, haz clic en el modo de forma "Unificar" en el panel Buscatrazos.

Paso 2: Hazlo 3D

Ahora tenemos una forma sólida. Agreguemos la parte 3D haciendo clic en (Efecto | 3D | Extrusión y bisel). He resaltado los cambios que se deben realizar en la ventana de opciones 3D. Ahora debería tener algo como esto. Para mover la parte 3D del texto a Photoshop, necesitaremos convertirlo en una forma. Haga clic en (Objeto | Expandir apariencia). Ahora, con todo aún seleccionado, haga clic en (Objeto | Desagrupar). Es posible que tenga que desagrupar 2 o 3 veces para liberar por completo todas las formas entre sí.

Paso 3 – Llévalo a Photoshop

Ahora que tenemos nuestras formas, llevémoslas a Photoshop. Primero, selecciona el texto original sin la parte 3D. Presiona (Cmd+C) para copiarlo. En un nuevo documento de Photoshop (el mío es de 558x400) pega la forma del texto (Cmd+V). Cuando se te dé la opción, selecciona pegar como píxeles. Nota: no cambies el tamaño de la forma, presiona Enter para pegarla tal como está. De regreso a Illustrator, selecciona solo la parte 3D y cópiala y pégala en una capa debajo de la forma del texto en Photoshop. Ahora alinea las dos capas para que aparezcan como una sola forma. Igual que estaban en Illustrator. Cuando termines, deberías tener algo como esto. Nota: Hice la forma del texto un poco más oscura para que puedas ver que están alineadas.

Paso 4 – Terminando en Photoshop

En la capa de forma de tipo superior, apliqué los siguientes estilos. Los colores para el degradado son del 878787 al 222525. Debería quedar algo como esto.

Paso 5 – Agregar luz y sombras

Vamos a añadir un poco de luz a la escena. Primero tenemos que añadir algo de gris al fondo para que se vea nuestra luz. Rellena la capa de fondo con #838383. Incluso puedes añadir un toque de ruido, si lo deseas, haciendo clic en (Filtro | Ruido | Añadir ruido). No utilices más de 2-3 para la cantidad. Ahora vamos a añadir un resaltado superior eligiendo un pincel blanco grande y suave y haciendo clic una vez en el centro del documento en una capa por encima del fondo. Tendrás que establecer el modo de fusión de esta capa en Superponer. Como puedes ver en la forma 3D, la luz viene de la parte inferior izquierda. Así que nuestras sombras deberían reflejar eso. (Cmd+Clic) la capa de forma de texto superior para hacer una selección. Ahora crea una nueva capa y colócala debajo de la capa de forma 3D. Desenfocala ligeramente usando (Filtro | Desenfocar | Desenfoque gaussiano). Establece la cantidad en 2%, luego colócala 1-2 píxeles hacia arriba y hacia la derecha. Ahora deberías tener una sombra sutil como la que se muestra a continuación. Ahora duplica esta capa de sombra y difumínala aún más usando (Filtro | Desenfoque gaussiano) con la cantidad establecida en 5. Ahora, usando (Editar | Transformar | Escalar), arrastra la sombra ligeramente hacia la derecha y hacia arriba. ¡ Eso es todo! Un efecto 3D rápido y fácil que puedes aplicar no solo a texto, sino a cualquier objeto vectorial. ¡Feliz diseño!

SUSCRÍBETE A NUESTRO BOLETÍN 
No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Este sitio web utiliza cookies para mejorar tu experiencia mientras navegas por él. Este sitio web utiliza cookies para mejorar tu experiencia de usuario. Al continuar navegando, aceptas su uso. Mas informacion