Crear un Brillante Efecto de Texto 3D con el Filtro Forge y Photoshop

En este tutorial, le mostraremos como combinar Photoshop con Filter Forge para crear un efecto de texto 3D resplandeciente. Empezaremos por mostrarle como crear formas básicas en Photoshop, luego le mostraremos como convertirlas a 3D y, finalmente, cómo añadir los toques finales usando Filter Forge y algunas características básicas de Photoshop. ¡Comencemos!

Recurso del Tutorial

Los siguiente recursos fueron usados durante la producción de este tutorial.

• La fuente Sanchez.
• La fuente UKIJ Kufi Yay.
• Textura de bloque - 44 vía AGF81.
• 3 Way Color Correction vía tinkerpixel.

Descargue el Filtro Forge y los filtros utilizados

Primero, necesita descargar Filter Forge desde el sitio web plugin. Una vez que lo descargó, ejecute el archivo .exe ¡y eso es todo! Será agregado dentro de Photoshop debajo del menú Filtros. Es súper fácil de instalar.

Para agregar el filtro, clic en su enlace en la sección "Recursos de Tutorial", luego haga clic en el botón "Open this filter in Filter Forge", para instalar el filtro. Si recibe un mensaje pidiéndole su confirmación, sólo haga clic en Yes o OK. Entonces el filtro será añadido a los otros filtros que usted tiene.

1. Crear el Texto y las Variaciones de Formas básicas

Paso 1

Crear un documento nuevo de 1280 x 1024 px y rellene el Background con el color #a1a1a1. Luego, haga el texto usando la fuente Sanchez. El color es #e6e6e6 y el Tamaño con 335 pt.

Paso 2

Vaya a Texto > Convertir a Forma.

Paso 3

Duplique la capa de forma y luego seleccione la Herramienta de Selección Directa. Esto mostrará los Shape Attributes en la barra de Opciones. Desde ahí, ajuste el Relleno a Ninguno y cambie el color de Contorno a #959595 y su Tamaño a 3 pt.

Paso 4

Abra el cuadro Opciones de Contorno y elija Centrar desde la Alineación: menú desplegable.

Paso 5

Duplique la copia de la capa de forma (la que tiene el contorno) y cambie el color de Contorno a #464646, luego abra el cuadro Opciones de Contorno nuevamente y haga clic en el botón Más Opciones.

Paso 6

Ajuste la Alineación a Interior, Caps a Redondas, haga clic en el cuadro Dashed Line y ajuste el primer valor de Dash a 0 y el primer Gap al valor 25.

Esto creará un contorno punteado sencillo con grandes huecos entre ellos. Puede probar diferentes valores para el Gap si usted quiere.

2. Crear el Trazo Interior del Texto

Paso 1

Haga una capa nueva arriba de todas las capas y llamela Path. Seleccione la herramienta Pluma y escoja la opción Path en la barra de Opciones. Vamos a crear un trazo desde una orilla del documento, pasar a través del texto y luego, terminar en la otro orilla.

Haga clic una vez para agregar puntos de anclaje.

Paso 2

Clic y arrastre para crear curvas. El trazo no tiene que ser perfecto, ya que también lo modificaremos de todas formas.

Paso 3

Intente no crear demasiadas curvas en de texto. Un par debería de ser suficiente.

Paso 4

Escoja la herramienta de Selección Directa, luego haga clic en los puntos de anclaje para moverlos o, si quiere, puede hacer clic en los Puntos de Dirección que están al final de los dos Controladores de Dirección y luego moverlos para cambiar la orientación de la curva, o arrastrelos hacia fuera o hacia adentro para hacer la curva más ancha o más estrecha.

Paso 5

Solamente asegúrese que las curvas fluyen con suavidad sin ninguna esquina brusca.

3. Contornee y Re-cree el Trazo

Paso 1

Escoja la herramienta Pincel y abra el Panel Pinceles (Ventana > Pinceles). Seleccione un pincel redondo duro, ajuste su Tamaño a 10px y su Espaciado a 1%.

Paso 2

Escoja la herramienta de Selección Directa, luego clic-derecho en el trazo y escoja la opción Contornear Trazo.

Paso 3

Escoja Pincel desde el menú desplegable Herramientas y asegúrese que el cuadro Simulate Pressure está desactivado, luego haga clic en OK. Esto contorneará el trazo con los 10 px del pincel. Presione la tecla ENTER/RETURN  para quitar el trayecto de trabajo.

Paso 4

CTRL/CMD + Clic en la miniatura de la capa Path para crear una selección.

Paso 5

Abra el panel Paths (Ventana > Trazos) presione y mantenga presionada la tecla ALT/OPTION, luego haga clic en el icono Hacer trayecto desde la selección que está en la parte inferior del panel Paths. Los valores más pequeños crean trazos más precisos, pero en este caso, un valor muy pequeño creará bordes dentados. El valor de 1 funcionará bien aquí. Pero puede continuar y probar otros valores si es necesario.

Paso 6

Haga la capa Path invisible haciendo clic en el icono de ojo a la par de ella.

Paso 7

Usted podría necesitar modificar algunas partes del trazo usando la herramienta de Selección Directa. Además, podría conseguir algunas esquinas puntiagudas. Para arreglar eso, use la herramienta Convertir Punto para hacer clic y arrastrar esos puntos, que los convertirá a curvas en lugar de puntiagudo.

Paso 8

Aunque esto podría haber sido hecho usando solamente la herramienta Pluma, sin embargo para los principiantes, o aquellas personas que podrían encontrar que la herramienta Pluma es un poco difícil de usar para crear formas perfectas, esto es un método mucho más fácil y, también, más exacto.

4. Convertir las Capas Forma a Capas 3D

Paso 1

Empezando con el trazo modificado, vaya a 3D > New 3D Extrusion from Selected Path.

Paso 2

Repita eso también para todas las capas de forma.

Paso 3

Para acceder a las configuraciones de mezcla y propiedades 3D, necesitará abrir dos paneles: El panel 3D, y el panel Propiedades (los dos se encuentran dentro del menú Ventana).

El panel 3D tiene todos los componentes del ambiente 3D y cuando haga clic en el nombre de cualquiera de ellos, usted podrá acceder a sus configuraciones en el panel Propiedades. Así que asegúrese siempre de seleccionar el nombre del elemento que quiere modificar en el panel 3D antes de cambiar sus ajustes en el panel Propiedades.

Seleccione la capa Path, luego seleccione la pestaña con el nombre mezcla 3D que está en el panel 3D. Escoja el preset Pillow Inflate desde el selector Shape Preset Extrusion.

Paso 4

Haga clic en el icono Cap que está en la parte de arriba del panel Propiedades, luego debajo de la opción Inflate, cambié el Angle a 90° y la Strength a 20.

5. Edite los valores de la intensidad de la extrusión

Paso 1

Seleccione la capa copia 2, también la pestaña con el nombre Mesh en el panel 3D, luego cambie su Extrusion Depth a 50 en el panel Propiedades. 

Paso 2

Repita los mismos pasos para la capa copia, pero cambie el valor Extrusion Depth a 20.

Paso 3

Como en el original, ajuste el valor Extrusion Depth a 30.

Paso 4

Luego haga clic en el icono Cap y debajo de Bevel, cambie Width a 20% y escoja el Cone - Inverted Contour.

6. Haga la capa de fondo y combinela con las capas 3D en una escena 

Paso 1

Duplique la capa Background y coloque la capa copia arriba de todas las capas. Después diríjase al menú 3D > New Mesh from Layer > Postcard.

Paso 2

Seleccione todas las capas 3D (haga clic en la que está arriba, luego presione y mantenga presionado la tecla SHIFT, y haga clic en la última capa 3D que está al fondo del panel), luego diríjase al menú 3D > Merge 3D Layers.

Paso 3

Seleccione la herramienta Move. Notará algunos iconos 3D nuevos en el extremo del lado derecho de la barra de Opciones. Esos iconos son los ajustes de los Modos 3D. Cuando seleccionar una de ellos, puede hacer clic y arrastrar para realizar cambios en los elementos 3D seleccionados.

Por lo tanto, puede hacer clic y arrastrar en cualquier área vacía de la escena 3D para cambiar la vista de la cámara, sin embargo, todavía no gire la mezcla 3D.

Paso 4

Lo que vamos hacer a continuación es mover la malla 3D hacia arriba para que el Plano no esté visible en la vista de cámara que usted quiere reproducir.

Las Sombras del Ground Plane puede ser desactivadas en la pestaña Environment, pero en caso que quiera añadir texto a la escena, entonces es mejor mover la malla 3D hacia arriba en lugar de desconectar las Sombras.

Empiece seleccionando todos los grupos de nombres de las mallas en el panel 3D, luego seleccione la herramienta Move y use el eje 3D para hacer los cambios.

Las flechas en los extremos de los eje mueven la malla, la parte debajo de ellas es utilizada para la rotación y los cubos son usados para la escala. El cubo en el centro es utilizado para hacer más grande el objeto uniformemente. Todo lo que necesita hacer es hacer clic y arrastrar sobre la parte deseada.

Por ahora, solamente mueva la malla hacia arriba, luego seleccione la pestaña Vista de Cámara para cambiar la vista de la cámara por consiguiente, hasta que el Plano de la Escena ya no esté visible.

7. Guardando la Vista Final de la Cámara

Paso 1

A través de las partes que quedan del tutorial, necesitaré cambiar la vista de cámara mucho más. Sin embargo, una vista final debe ser guardada para que podamos ver cómo lucirán las cosas y, por consiguiente, colocarlas.

Así que elija la vista de cámara que le guste, luego en el panel Propiedades, haga clic en el menú desplegable Vista y seleccione Guardar.

Paso 2

Escriba un nombre para la vista y haga clic en OK.

Paso 3

La vista será agregada al menú desplegable, así como también el fondo del panel 3D. Así que cuando cambie la vista mientras esté trabajando en los objetos 3D, usted puede regresar a guardar la vista haciendo clic en su nombre en el panel 3D, o seleccionándolo desde el menú Vista en el panel Propiedades.

8. Colocando las Mallas

Paso 1

Para ver las cosas más claramente y para mover los elementos con más suavidad, seleccione la pestaña Escena en el panel 3D, y luego seleccione la opción Hidden Wireframes desde el menú desplegable en Presets en el panel Propiedades.

Paso 2

Empiece ubicando los elementos como se muestran a continuación. Asegúrese que la cuerda está en el medio y que no intersecta o traslapa con el texto. Cambia la vista de cámara y luego regrese a la vista final para revisar como lucen las cosas.

Paso 3

Cuando esté listo, cambie de vuelta el Preset a Default Scene.

9. Aplicando Materiales

Paso 1

Empiece seleccionando todos lo materiales de la capa original, luego haga clic en el icono de la textura Diffuse y seleccione Remove Texture.

Paso 2

Después de quitar la textura, cambié el color Diffuse a #bababa, Specular a #c1c1c1, la Illumination a #080808 y el Ambient a #000000. Luego cambie el valor Shine a 70, la Reflection a 35 y la Roughness a 5 y la Refraction a 2.

Paso 3

Los mismos materiales para la primer copia, quite la textura, cambie el color Difuse a #e4bb52, el Specular a #fff0a9, la Illumination a #1d0000 y el Ambient a #454545. Después cambie el valor de Shine a 82 y la Reflection a 24 y la Refraction a 1.76.

Paso 4

Aplique el mismo material a la segunda capa copia.

Paso 5

Para los materiales de la cuerda, también elimine la textura, cambie el color Diffuse a #ffffff, el Specular a #c1c1c1, la Illumination a #080808 y el Ambient a #000000. Después, cambie el valor de Shine a 95, la Reflection a 15, la Opacity a 32 y la Refraction a 1.5.

Paso 6

Esto es lo que debería de conseguir después de todos los materiales aplicados.

10. Textura del Fondo

Paso 1

Seleccione la pestaña de materiales del Background y luego haga clic en el icono textura Diffuse y escoja Editar Textura.

Paso 2

Esto abrirá la textura del archivo original. Coloque la imagen con la Textura de Ladrillos arriba de la capa Background y en el centro del documento. No se preocupe sobre las partes vacías en la parte de arriba o abajo de la imagen.

Paso 3

Diríjase a Image > Adjustments > Levels, luego cambie el valor Gamma a 0.70 para oscurecer la textura un poco.

11. Añadiendo el Texto al Fondo.

Paso 1

Haga el texto que quiere añadir a la escena usando la fuente UKIJ Kufi Yay. El color de la fuente es #c78c04 y el Tamaño es 70pt. Haga cada línea en una capa separada, luego coloque las capas inicialmente donde usted cree que deberían estar.

Paso 2

Cambie el Blend Mode de las capas de texto a Color Burn. Luego guarde los cambios (Archivo > Guardar).

Paso 3

Todavía no cierre el archivo textura, sino regrese al documento original para ver cómo se ven los textos.

Paso 4

Luego, cambie su posición en el archivo textura.

Paso 5

Podría tomar un par de veces hacerlo bien.

12. Modificando el Texto del Fondo

Paso 1

Haga clic en cada capa de texto de forma separada, luego vaya a Layers > Rasterize Type. Después, seleccione la herramienta Erase.

Paso 2

Abra el panel Pinceles y luego seleccione el pincel Spatter de 59 pixeles y cambie el Spacing a 2.

Paso 3

Debajo de Shape Dynamics, cambie tanto los valores Size Jitter como los Angle Jitter a 100%.

Paso 4

En cada capa de texto rasterizada, borre algunos puntos aquí y allá. Necesitará hacer clic en una vez o hacer clic y arrastrar ligeramente para borrar esas partes. Solamente asegúrese que el texto queda legible.

Paso 5

Guarde los cambios y cierre el archivo textura cuando esté hecho (Archivos > Cerrar).

13.  Ajustando la Iluminación y Reproduciendo la Escena

Paso 1

Vuela al archivo original, haga clic en la pestaña Infinite Light 1, que está abajo en el panel 3D, luego cambie su valor Shadow Softness  a 30% en el panel Propiedades.

Paso 2

Haga clic en el icono Add new Light to Scene que está abajo en el panel 3D y luego escoja New Point Light.

Paso 3

Cambie el color de los Point Light's a #ff823d, su Intensity a 50% y desactive su cuadro Shadows.

Paso 4

Coloque la luz arriba, para que toque el borde superior del documento. Puede rotar la vista de la cámara para ayudar a ubicarlo mejor.

Paso 5

Repita los mismos pasos y configuraciones para crear otro Point Light idéntico, y coloquelo a la par del primero. Las luces deberían iluminar la mayor parte del texto. Así que si está usando más letras, entonces podría necesitar añadir otro Point Light.

Paso 6

Asegúrese que las luces lucen bien en la vista final de la cámara.

Paso 7

Regrese a Infinite Light y ajuste sus Coordinates si es necesario. A continuación están los valores utilizados en el tutorial (necesitará hacer clic en el icono Coordinates en la parte de arriba del panel Propiedades).

Paso 8

Una vez que esté listo con las luces, vaya a 3D > Render. Esto podría tomar algo de tiempo, pero puede detener el procesamiento en cualquier momento al hacer clic en cualquier parte dentro del documento.

Cuando la reproducción esté terminada, guarde el archivo, y luego guardelo como una imagen .jpg y abrá esa imagen para continuar trabajando.

14. Añadiendo puntos de luz a la cuerda transparente.

Paso 1

Ajuste el color del Foreground a #fff7e5. Seleccione la herramienta Brush, escoja un pincel suave con un tamaño de 70px y en la barra de Opciones, cambie el Blend Mode a Overlay.

Paso 2

Haga clic para añadir puntos de luz junto a las partes cercanas de la cuerda.

Paso 3

Reduzca el tamaño del pincel a 60px. luego añada los puntos de luz al resto de la cuerda.

(No olvide cambiar el Blend Mode del pincel de regreso a Normal).

15.  Aplicando el Filtro Forge

Paso 1

Diríjase a Filter > Filter Forge > Filter Forge 3, y luego escoja el filtro 3 Way Color Correction bajo la categoría Photo.

Escoja el preset que se muestra debajo, luego debajo de la pestaña Settings, cambie la gama del color a #FBF6E0.

Paso 2

Esto aplicará una mejora de color estupenda para el resultado final. Puede probar los otros presets y jugar con los valores si lo desea. Es probable que consiga al diferente, pero en realidad es asombroso.

En conclusión.

En este tutorial usamos varias herramientas de Photoshop para crear un texto 3D resplandeciente. Usamos la herramienta de vectores de Photoshop para crear trazos básicos, las herramientas 3D para aplicar extrusión a esos trazos y, finalmente, usamos Filter Forge para agregar los toques finales.

Por favor, siéntase libre de dejar sus comentarios, sugerencias y resultados abajo.