¿Cómo Crear un Efecto de Texto Inspirado de Bola de Disco en Adobe Photoshop?

Este tutorial te mostrará cómo crear una textura de relieve simple, y usar herramientas 3D de Photoshop y configuraciones, con un par de texturas y capas de ajuste para crear un efecto de texto inspirado en una bola de disco.

Este tutorial fue inspirado por los muchos Estilos de Capa disponibles en Envato Market.

¡Comencemos!

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

• Fuente Doughnut Monster G
• Cheering crowd at concert (Pequeño) por erika8213
• Luces de disco abstractas - Vector Gratuito por freepik
• Paquete gratuito de 6000 degradados de Photoshop por Supertuts007 (cargar el archivo CSP True Sky Gradients.grd)

1. Crear el Motivo de Relieve

Paso 1

Crea un documento con fondo blanco de 35 x 35 px.

Coge la Herramienta Marco Rectangular y da click en Añadir a la Selección en la barra de Opciones.

Lo siguiente que haces es crear un selección amplia de 1 px en los bordes del documento. Puedes hacer zoom para hacer las cosas más fáciles.

Paso 2

Rellena la selección con el color #020202, y presiona Comando-D para deseleccionar.

Paso 3

Luego, necesitarás repetir este proceso para crear tres selecciones más hacia el interior y rellenarlas con los colores #373737, #bababa y #f7f7f7, para obtener el resultado de abajo.

Paso 4

Una vez hecho, ve a Edición > Definir Motivo, escribe Relieve, y da click en OK.

Paso 5

Crea un nuevo documento de 980 x 980 px, coge la Herramienta Bote de Pintura, escoge el Motivo para rellenar en la barra de Opciones, carga el motivo Relieve y rellena el documento con el.

Guarda el documento con el nombre Textura de Relieve y ciérralo.

2. Crear el Fondo

Paso 1

Crea un nuevo documento de 1000 x 1000 px, y duplica la capa de Fondo.

Paso 2

Da doble click en la capa Fondo copia para aplicar un efecto de Superposición de Degradado  con la configuración por defecto.

Usa los colores #03010c a la izquierda y #240333 a la derecha para crear el relleno de degradado.

Esto aplicará un un degradado lineal simple al fondo.

3. Crea la Forma de Texto

Paso 1

Crea el texto usando la fuente Doughnut Monster G. El Color es #ececec y el Tamaño es 150 pt.

Paso 2

Ve a Texto > Convertir a Forma.

4. Crea la Capa 3D

Paso 1

Ve a 3D > Nueva Extrusión 3D a Partir de Trazo Seleccionado.

Paso 2

Para accesar a la configuración y propiedades de la malla 3D necesitarás abrir dos paneles: el panel 3D y el panel de Propiedades (ambos encontrados debajo del menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuando des click en el nombre de ellos, serás capaz de accesar a su configuración en el panel de Propiedades. Asegúrate de siempre seleccionar la pestaña de los elementos que quieres modificar en el panel 3D antes de cambiar su configuración en el panel de Propiedades.

Paso 3

Si seleccionas la Herramienta Mover, encontrarás un grupo de Modos 3D a la derecha de la barra de Opciones.

Cuando escoges una de ellos, puedes dar click y arrastrar para hacer cambios (en el elemento seleccionado en el panel 3D).

Usa esos modos para cambiar la Vista Actual en el ángulo que te parezca.

5. Edita la Configuración de Malla y Tapa

Paso 1

Selecciona la pestaña de malla 3D en el panel 3D, y luego, en el panel de Propiedades, cambia el Mapeo de Textura a Escala y la Profundidad de la Extrusión a 50.

Paso 2

Da click en el icono de la Tapa en la parte superior del panel de Propiedades y luego cambia la Anchura de Bisel a 2%, el Contorno a Semi-Redondo, y la Intensidad del Inflado a 10%.

6. Modifica la Configuración del Material

Paso 1

Selecciona todas las pestañas de material en el panel 3D, y cambia sus valores en el panel de Propiedades como se muestra:

• Especular: 135, 135, 135
• Brillo: 100
• Reflejo: 100
• Dureza: 10
• Relieve: 20
• Reflexión: 1.3

Paso 2

Selecciona la pestaña de Material de Inflación Frontal y luego da click en la carpeta de Relieve y escoge Cargar Textura, y carga la Textura de Relieve que creaste en el Paso 1.

Paso 3

Da click en el icono de Textura de Relieve y escoge Editar Propiedades UV.

Paso 4

Ajusta los valores de Escala para que la textura parezca escalada en el texto.

Debes obtener algo similar a esto.

Paso 5

Selecciona el resto de las pestañas de material, da click en el icono de Relieve y escoge la Textura de Relieve de la lista.

Paso 6

Es probable que necesites ajustar las Propiedades UV para el Material de Extrusión luego de aplicar la textura.

7. Modificar la Iluminación

Paso 1

Selecciona la pestaña de Luz Infinita, y cambia la Intensidad a 20% y la Suavidad de la Sombra a 30%.

Paso 2

Selecciona la pestaña de Entorno, da click en el icono de textura IBL y escoge Reemplazar Textura.

Paso 3

Carga la imagen Cheering crowd at concert y cambia la Intensidad a 30%.

Paso 4

Puedes usar la Herramienta Mover para mover la textura de las luces de Entorno alrededor hasta que obtengas el resultado que quieras.

8. Añadir el Fondo

Paso 1

Pon la imagen 10637-NMQKXB.jpg en la carpeta de abstract disco lights background Free Vector encima de la capa Fondo copia, y cambia su tamaño como te parezca para adecuarla dentro del documento.

Cambia el Modo de fusión de la capa a Sobreexposición Lineal (Añadir) y su Opacidad a 50%.

Paso 2

Ve a Filtro > Desenfoque > Desenfoque Gaussiano y cambia el Radio a 2.7.

9. Interpreta la Escena

Paso 1

Ve a 3D > Interpretar para interpretar (renderizar) la escena. Este proceso puede tomar un momento, pero puedes parar en cualquier momento presionando la tecla Esc.

Paso 2

Da click en el icono de Crear nueva capa de relleno o de ajuste en la parte inferior del panel de Capas y escoge Niveles.

Paso 3

Da click en el icono de Recortar en Capa y cambia el valor de Sombras a 45 e Iluminación a 225.

Puedes usar cualquier otro valor que pienses que se mire mejor para el resultado.

10. Añadir Destello

Paso 1

Coge la Herramienta Pincel, y escoge una de las puntas de pincel de Grupo de Pincel Estrellas y Destellos, cambia su Tamaño a una cantidad alrededor de 100 px, y luego abre el panel de Pincel (Ventana > Pincel).

En la pestaña Forma Dinámica, cambia la Variación de Tamaño a 50%. y la Variación de Ángulo a 100%.

Esto te ayudará a obtener tamaños y ángulos diferentes para el destello cada vez que das click para añadir una.

Paso 2

Crea una nueva capa encima de todas las capas, llámalas Destello y cambia el Modo de Fusión a Luz Intensa.

Cambia el Color Frontal a #eaeaea y comienza dando click encima de las áreas brillantes del texto para añadir los destellos.

11. Ajustar la Iluminación y Recortar el Resultado Final

Paso 1

Da click en el icono de Crear nueva capa de relleno o de ajuste y escoge Mapa de Degradado.

Paso 2

Escoge el relleno de degradado abajo y marca la casilla de Tramado y cambia el Modo de Fusión a Color y su Opacidad a 5%.

La diferencia que esto hace es muy sutil, pero puedes cambiar el relleno de degradado y/o el valor de Opacidad para obtener resultados diferentes.

Paso 3

Finalmente, guarda el resultado final como una imagen, y luego abre la image y usa la Herramienta Cortar para cortarla al tamaño que te guste.

¡Felicidades! Lo haz hecho.

En este tutorial, creamos un motivo de cuadrados simples y usamos en el una textura. Luego creamos el texto y lo convertimos en una capa 3D.

Luego de eso, modificamos la malla, material e iluminación 3D, añadimos el fondo e interpretamos la escena. Finalmente, añadimos el destello y un par de capas de ajuste para terminar con el resultado final.

Siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.