Cómo Crear un Efecto de Texto de Escalones en 3D
Spanish (Español) translation by Javier Salesi (you can also view the original English article)



Estamos rindiendo homenaje a Alemania, a su idioma y a su cultura esta semana ¡con motivo del lanzamiento de la versión alemana de Envato Elements!
Este tutorial te mostrará cómo usar los ajustes de las formas, las herramientas 3D, y capas de ajuste de Adobe Photoshop para crear un efecto de texto de escalones en 3D. ¡Comencemos!
Este efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.
Recursos del Tutorial
Los siguientes recursos fueron usados durante la producción de este tutorial:
- Fuente Built Titling
- Motivo Handmade paper (papel hecho a mano) elaborado por Le Marquis
- Ilustración del interior de una recepción de un hotel spa elaborada por hemul75
- Texturas Cement Grit elaboradas por ghostlypixels
- Fondos Abstract Spotlight elaborados por M-e-f
1. Cómo Crear el Fondo y las Capas de Texto
Paso 1
Crea un nuevo documento de 1000 x 1000 px, haz clic en Crear relleno nuevo o en el ícono de capa de ajuste en la parte inferior del panel Capas, elige Color Uniforme y usa el relleno de Color #02031a
.



Paso 2
Crea el texto usando la fuente Built Titling Semi Bold, y establece el Tamaño en 250 pt.



2. Cómo Crear las Guías de Sección
Paso 1
Toma la Herramienta Línea y establece la Anchura en la barra de Opciones en 1.
Crea una línea horizontal que se extienda por todo el documento, y colócala exactamente debajo del texto que tienes.
Cambia el Color de la línea a rojo
, para que puedas verla mejor.



Paso 2
Duplica la capa de la forma de la línea, y coloca la nueva línea exactamente arriba del texto que tienes.



Paso 3
Duplica la capa de la forma original otras cuatro veces.



Paso 4
Selecciona todas las capas de líneas, asegúrate que esté activa la Herramienta Mover, y haz clic en el ícono Central verticalmente en la barra de Opciones, para colocar el resto de las líneas entre las primeras dos.



Paso 5
Coloca las capas de Línea en un grupo y nómbralo Guides.



3. Cómo Crear las Formas de Sección
Paso 1
Toma la Herramienta Rectángulo, y crea un rectángulo que encaje entre dos líneas verticalmente y cubra el texto horizontalmente.



Paso 2
Oculta el grupo Guides, duplica la capa del rectángulo, y coloca la copia exactamente arriba de la original.
Repite eso para crear más rectángulos y apílalos uno arriba de otro, hasta que cubran el texto completo.



Paso 3
Haz clic derecho en la capa de texto y elige Convertir en Forma.



Paso 4
Duplica la capa de la forma de texto cuatro veces.



Paso 5
Coloca las capas de la forma de rectángulos en orden de abajo a arriba, y mueve las capas de la forma de texto duplicado para colocar cada una debajo de una de las capas de los rectángulos.



4. Cómo Crear las Secciones de la Forma de Texto
Paso 1
Selecciona la capa de la primera forma del rectángulo y su capa de forma de texto y ve a Capa > Combinar Formas > Unificar Formas Superpuestas.
Repite eso para el resto de las capas que tienes.



Paso 2
Toma la Herramienta Selección Directa, y por cada capa de forma combinada que tengas, selecciónala, haz clic en el ícono de las operaciones de Trazado en la barra de Opciones, y haz clic en Combinar Componentes de Forma.



Paso 3
Renmbra las capas de forma de abajo a arriba con números del 1 al 5.



5. Cómo Crear las Capas de Malla 3D
Paso 1
Por cada capa de forma, selecciónala y ve a 3D > Nueva Extrusión 3D a partir de Trazado Seleccionado.



Paso 2
Selecciona todas las capas 3D, ve a 3D > Combinar Capas 3D, y renombra la capa combinada a 3D Scene.



Paso 3
Para acceder a los ajustes y las propiedades de malla 3D, necesitarás abrir dos paneles: el panel 3D y el panel Propiedades (ambos encontrados en el menú Ventana).
El panel 3D tiene todos los componentes de 3D scene, y cuando haces clic en el nombre de cualquiera de esas, podrás acceder a sus ajustes en el panel Propiedades. Así que asegúrate siempre de seleccionar la pestaña del elemento que quieres modificar en el panel 3D antes de cambiar sus ajustes en el panel Propiedades.



Paso 4
Selecciona la Herramienta Mover para acceder a sus Modos 3D a la derecha de la barra Opciones.
Después de que elijas uno de esos, puedes hacer clic-arrastrar para realizar cambios en el elemento seleccionado en el panel 3D.
Usa los Modos 3D para cambiar la Vista Actual a un ángulo que quieras.



Paso 5
Selecciona todas las pestañas de la malla 3D en el panel 3D, y cambia su Profundidad de Extrusión en el panel Propiedades a 1.



6. Cómo Crear los Escalones en 3D
Paso 1
Selecciona la malla número 2, haz clic en el ícono Coordenadas en la parte superior del panel Propiedades, y cambia el Ángulo de Rotación X a 90.
Repite también eso para la malla número 4.



Paso 2
Selecciona la pestaña Vista Actual en el panel 3D, y elige el ajuste prestablecido de Vista Derecha del menú Ver en el panel Propiedades.



Paso 3
Haz un acercamiento en la malla que quieres mover, toma la Herramienta Mover, y usa el Eje 3D para colocar las mallas arriba una de la otra para crear la forma de los escalones.
Las flechas en los extremos del eje mueven la malla, la parte de abajo de ellas es usada para rotación, y los cubos son usados para escalar. El cubo en el centro es usado para escalar el objeto de manera uniforme. Todo lo que necesitas hacer es dar clic y arrastrar la parte que quieres usar.



Paso 4
Una vez que termines, regresa a la vista de la cámara Predeterminada.
Selecciona todas las pestañas de malla 3D, y haz clic en el ícono del menú del panel 3D para elegir Mover Objeto a Plano de Tierra.



7. Cómo Crear el Material 3D
Paso 1
Selecciona todas las pestañas Material que tengas, y usa estos ajustes de material (los valores de color usados están en RGB):
- Difusión: 128, 128, 128
- Especular: 51, 51, 51
- Brillo: 80%
- Reflejo: 25%
- Rugosidad: 60%



Paso 2
Selecciona la pestaña Material de Inflación Frontal 1, haz clic en el ícono de la textura Difusión y elige Editar Textura.



Paso 3
Cuando se abra el archivo, haz doble clic en la capa de la forma para aplicar un efecto de Superposición de Motivo al establecer el Motivo en Handmade paper.



Paso 4
Haz clic derecho en la capa que tiene el estilo, y elige Copiar Estilo de Capa.
Guarda y cierra el archivo.



Paso 5
Después de eso, por cada Material de Inflación Frontal que tengas, selecciona su pestaña, haz clic en su ícono de textura Difusión, y elige Editar Textura para abrir su archivo de textura.
Luego, haz clic derecho en la capa de la forma en el archivo de textura, elige Pegar Estilo de Capa, y guarda y cierra el archivo.



8. Cómo Ajustar la Iluminación en la capa 3D Scene
Paso 1
Haz clic en la pestaña Luz Infinita 1, cambia su Intensidad a 60% y desmarca la casilla Sombra.



Paso 2
Usa la Herramienta Mover para mover la luz hasta que obtengas un resultado que te guste, o puedes hacer clic en el ícono Coordenadas en la parte superior del panel Propiedades y mejor usa valores numéricos.



Paso 3
Selecciona la pestaña Ambiente, haz clic en el ícono de la textura IBL, y elige Remplazar Textura para cargar la imagen de la IIlustración 3D del Interior de la recepción de un hotel spa.



Paso 4
Cambia la Intensidad a 50% y mueve a luz para obtener un resultado que te guste.



Paso 5
Elige el ángulo final de la cámara que quieres para la escena, y ve a 3D > Interpretar Capa 3D. El renderizado podría tardar un poco, pero puedes detenerlo en el momento que quieras presionando la tecla Esc.



9. Cómo Agregar Texturas y Realizar Ajustes
Paso 1
Una vez que termina la interpretación, haz clic-derecho en la capa 3D Scene, y elige Convertir en Objeto Inteligente para evitar realizar cualquier cambio accidental.



Paso 2
Coloca la imagen Cement07-byGhostlyPixels.png del paquete Texturas Cement Grit arriba de la capa 3D Scene, redimensiónala como sea necesario, y recórtala con ella.
Cambia el Modo de Fusión de la capa de textura a Subexponer Color y su Opacidad a 16%.



Paso 3
Ve a Filtro > Desenfocar > Desenfoque Gaussiano, y usa el valor de Radio que gustes.



Paso 4
Agrega una capa de ajuste de Niveles arriba de todas las capas y cambia el valor de Sombras a 30 y las Iluminaciones a 245.



Paso 5
Agrega una capa de ajuste de Consulta de Colores, elige la tabla FoggyNight.3DL del menú 3DLUT File, y cambia la Opacidad de la capa a 30%.



Paso 6
Agrega otra capa de ajuste de Consulta de Colores y elige la tabla 2Strip.loook del menú 3DLUT File.



Paso 7
Coloca la imagen 2.jpg del paquete Fondos Abstract Soptlight arriba de todas las capas, redimensiónala como sea necesario, y cambia el Modo de Fusión de su capa a Subexponer Color y su Opacidad a 50%.



¡Felicidades! Terminaste
En este tutorial, usamos formas y opciones de forma para crear un texto seccionado que fue convertido a mallas 3D. Luego, colocamos las mallas para crear los escalones, ajustamos los parámetros del material, y modificamos la iluminación de la escena para renderizar el resultado final. Por último, añadimos un par de texturas y capas de ajuste para finalizar todo.
Por favor no dudes en dejar tus comentarios, sugerencias, y resultados abajo.



- Efectos de TextoCómo Crear un Efecto de Texto de Banner que Asemeja la Técnica de Estarcido en Adobe PhotoshopRose
- Efectos de TextoCómo Crear un Efecto de Texto de Letrero de Hollywood en Adobe PhotoshopRose
- Efectos de TextoCómo Crear un Efecto de Texto Asemejando la Técnica de Papel CortadoRose
