Advertisement
  1. Design & Illustration
  2. Text Effects

Como Crear un Efecto de Texto Metálico Puntiagudo en 3D en Adobe Photoshop

Scroll to top
Read Time: 13 min

Spanish (Español) translation by Leareny Guerrero (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Este tutorial le mostrará cómo usar las herramientas y configuraciones 3D de Photoshop para crear un efecto de texto puntiagudo con texto y mallas preestablecidas, así como algunas texturas, capas de ajuste y filtros. ¡Empecemos!

Este efecto de texto se inspiró en los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los sguientes recursos fueron usados durante la producción de éste tutorial:

1. Cómo Crear Texto en 3D

Paso 1

Cree un nuevo documento de 1000 x 850 px con un fondo blanco.

Crea el texto Todo en Mayúsculas con la fuente Squada One. Cambia el Tamaño a 250 pt y el seguimiento a 150.

Create the TextCreate the TextCreate the Text

Paso 2

Vaya a 3D > Nuevo 3D Extrusión desde la Capa Seleccionada

New 3D Extrusion from Selected LayerNew 3D Extrusion from Selected LayerNew 3D Extrusion from Selected Layer

2. Cómo Trabajar Con la Escena 3D

Paso 1

Para acceder a las propiedades y configuraciones de malla 3D, deberá abrir dos paneles: el panel 3D y el panel Propiedades (ambos se encuentran en el menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuando usted hace clic en el nombre de cualquiera de ellos, podrá acceder a su configuración en el panel Propiedades. Así que asegúrese de seleccionar siempre la pestaña del elemento que desea modificar en el panel 3D antes de cambiar su configuración en el panel de Propiedades.

3D and Properties Panels3D and Properties Panels3D and Properties Panels

Paso 2

Si usted selecciona la Herramienta Mover, usted encontrará un conjunto de Modos 3D a la derecha de la barra de Opciones.

Cuando elige uno de ellos, puede hacer clic y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Use esos modos para cambiar la Vista Actual en el ángulo que desee.

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

3. Cómo Ajustar la Malla 3D y Configuración de la Tapa

Paso 1

Seleccione la pestaña de malla de texto en el panel 3D y cambie la Profundidad de Extrusión en el panel Propiedades a 55 px.

Extrusion DepthExtrusion DepthExtrusion Depth

Paso 2

Haga clic en el ícono de Tapa en la parte superior del panel Propiedades. Cambie los Lados al Frente y Atrás, el Ancho del Bisel al 5% y el Contorno a la Mitad.

Cap SettingsCap SettingsCap Settings

4. Cómo Crear un Cono de Malla 3D

Paso 1

Cree un nueva capa en la parte superior de la capa 3D, rellene con Blanco y llamela Cono

Create the Cone LayerCreate the Cone LayerCreate the Cone Layer

Paso 2

Vaya a 3D > Nueva Malla desde Capa > Preconfiguración de Malla > Cono

Create the Cone 3D MeshCreate the Cone 3D MeshCreate the Cone 3D Mesh

Paso 3

Seleccione la pestaña Vista Actual en el panel 3D, y elija el nombre de la capa de texto desde el menú Vista en el panelde Propiedades.

Change the Current ViewChange the Current ViewChange the Current View

Paso 4

Seleccione ambas capa 3D, y vaya a 3D > Combinar capas 3D

Merge 3D LayersMerge 3D LayersMerge 3D Layers

5. Cómo Escalar las Mallas 3D

Paso 1

Seleccione la pestaña Malla de Cono, elija la Herramienta Mover y use el Eje 3D para escalar el cono en el tamaño que desee.

Las flechas en los extremos del eje mueven la malla, la parte debajo de ellas se usa para rotación, y los cubos se usan para escalar. El cubo en el centro se usa para escalar el objeto de manera uniforme. Todo lo que necesita hacer es hacer clic y arrastrar la parte que desea usar.

3D Axis3D Axis3D Axis

Paso 2

También puede hacer clic en el ícono de Coordenadas en la parte superior del panel de Propiedades para usar valores numéricos.

Haga clic en el icono Escala y desmarque la opción Escala Uniforme si no desea escalar el cono uniformemente.

Scale the 3D MeshScale the 3D MeshScale the 3D Mesh

Paso 3

Necesitamos lograr un cono largo y delgado, por lo que el valor de la Escala Y debe ser mayor que los otros dos.

El tamaño final depende de usted, según la cantidad de conos que planea agregar y el tamaño que le gustaría que fueran.

Change the Y ScaleChange the Y ScaleChange the Y Scale

6. Cómo usar Diferentes Vistas de Cámara

Paso 1

Después de crear el cono que desea usar, es hora de duplicarlo y colocarlo en todo el texto.

Para ayudarlo a colocar los conos con mayor precisión, puede usar las diferentes opciones de visualización de la cámara.

Seleccione la pestaña Vista Actual en el panel 3D y elija Delante en el menú desplegable Ver en el panel Propiedades.

Front Camera ViewFront Camera ViewFront Camera View

Paso 2

Después de elegir una vista de cámara, puede acercar o alejar, o mover la escena usando los Modos 3D de la Herramienta Mover.

Una vez que obtenga una vista clara de la parte del texto que desea trabajar, seleccione la pestaña de malla de cono y colóquela donde sea necesario.

Inicialmente puede usar el Eje 3D y luego puede usar los valores de las Coordenadas para obtener un resultado más preciso.

Move the ConeMove the ConeMove the Cone

Paso 3

Otra vista útil de la cámara es la vista Superior. Le ayudará a colocar los conos a lo largo de la parte extruida.

Top Camera ViewTop Camera ViewTop Camera View

7. Cómo Instanciar Objetos

Paso 1

Haga clic con el botón derecho en la pestaña malla de Cono y elija Objetos de Instancia.

Esto creará una copia vinculada que refleja los cambios realizados en la malla original, como la configuración del material, por ejemplo.

Instance ObjectsInstance ObjectsInstance Objects

Paso 2

Mueva la copia a lo largo del Eje Z para empujarla detrás del cono original.

Move Along the Z AxisMove Along the Z AxisMove Along the Z Axis

Paso 3

Instancie tantos objetos como sea necesario para cubrir la extrusión detrás del cono original.

Si el cono necesita cambiar el tamaño para ajustarse dentro del área de extrusión, use los valores de Coordenadas para escalarlo, y aplique los mismos valores a las copias.

Asegúrese de terminar con una línea de conos espaciados uniformemente a lo largo de la extrusión del texto.

Adjust the Extrusion ConesAdjust the Extrusion ConesAdjust the Extrusion Cones

8. Cómo Crear un Efecto Puntiagudo

Paso 1

Seleccione todas las pestañas de malla de Cono creadas, haga clic derecho en ellas y elija Instanciar Objectos. Esto los duplicará a todos juntos, y también puede transformarlos como una unidad.

Utilice las vistas de cámara, el Eje 3D y Coordenadas para mover y rotar las copias junto a las mallas originales.

Rotate the Copy MeshesRotate the Copy MeshesRotate the Copy Meshes

Paso 2

Instanciar y mover tantas mallas de cono como sea necesario para colocar picos en todo el texto.

Add More SpikesAdd More SpikesAdd More Spikes

Paso 3

Una vez que haya terminado, puede seleccionar una malla de cono aleatorio y cambiar el valor de la Escala Y para hacerlo más largo.

Change the Y ScaleChange the Y ScaleChange the Y Scale

Paso 4

Use las diferentes vistas de cámara para ajustar su posición y después escalar

Adjust the PositionAdjust the PositionAdjust the Position

Paso 5

Repite eso para aumentar un par de otros conos aleatorios.

Scale More ConesScale More ConesScale More Cones

9. Cómo Crear un Material de Cono Metálico

Paso 1

Seleccione la pestaña Cone_Material en el panel 3D, haga clic en su icono de textura Difusa en el panel Propiedades para elegir Reemplazar Textura y abra la imagen 9.jpg del paquete de texturas sin costura de metal (Metal seamless textures).

Replace TextureReplace TextureReplace Texture

Paso 2

Haga clic en la textura Difusa nuevamente y elija Editar Textura.

Edit TextureEdit TextureEdit Texture

Paso 3

Esto abrirá el archivo de textura. Agregue una capa de relleno de Color Sólido, use el Color # ffae21 y cambie el Modo de Fusión de la capa a Subexposición Lineal.

Guarde y cierre el archivo.

Color the TextureColor the TextureColor the Texture

Paso 4

Use estas configuraciones para el resto de los valores (los valores de color utilizados están en RGB):

  • Especular: 191, 191, 191
  • Brillo: 80%
  • Reflexión: 50%
  • Rugosidad: 3%
Material SettingsMaterial SettingsMaterial Settings

10. Cómo Guardar Materiales 3D

Paso 1

Haga clic en el cuadro Selector de Material, haga clic en el icono del menú emergente y elija Nuevo Material.

New MaterialNew MaterialNew Material

Paso 2

Escriba Cone_Material en el campo Nombre y haga clic en Aceptar. Esto agregará el material al selector para que pueda volver a aplicarlo más adelante.

Save the MaterialSave the MaterialSave the Material

11. Cómo Crear un Material de Inflación Frontal

Paso 1

Seleccione la pestaña Material de Inflación Frontal del texto, haga clic en su icono de textura Difusa y elija Cargar Textura para abrir la imagen 15.jpg del paquete Paquete de texturas sin costura 5 (Metal seamless textures pack 5).

Load TextureLoad TextureLoad Texture

Paso 2

Haga clic en el ícono de textura Difusa nuevamente y elija Editar Propiedades UV.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 3

Utilice los valores de Mosaico que desee y haga clic en Aceptar.

Change the Tile ValuesChange the Tile ValuesChange the Tile Values

Paso 4

Use estos valores para el resto de la configuración:

  • Especular: 100, 100, 100
  • Brillo: 50%
  • Reflexión: 5%
Material SettingsMaterial SettingsMaterial Settings

12. Cómo Agregar un Efecto Bump

Paso 1

Haga clic en el icono de la carpeta Bump y elija Cargar Textura para abrir la imagen 10.jpg del paquete Metal seamless textures pack 5 (Paquete de texturas de metal sin costura 5).

Load TextureLoad TextureLoad Texture

Paso 2

Cambie el valor de Bump a 25 y edite las Propiedades de UV de su textura para que coincidan con las de Difuso.

Guarde el material una vez que haya terminado.

Bump SettingsBump SettingsBump Settings

Paso 3

Seleccione la pestaña Material de Extrusión del texto, abra el Selector de Material, desplácese hacia abajo hasta el icono del Material de Inflado Frontal y haga clic en él para aplicarlo al Material de Extrusión.

Extrusion MaterialExtrusion MaterialExtrusion Material

13. Cómo Ajustar más Configuraciones de Material

Paso 1

Seleccione la pestaña de malla de texto y cambie su Mapa de Textura a Mosaico.

Texture MappingTexture MappingTexture Mapping

Paso 2

Seleccione nuevamente la pestaña Material de Extrusión y edite las Propiedades de UV de las texturas Difusa y Abultada según sea necesario.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 3

Seleccione ambas pestañas de Material de Bisel y aplique el Cone_Material (Material de cono) a ellas. Además, aplique el Material de Inflado Frontal al Material de Inflado Posterior.

Apply MaterialsApply MaterialsApply Materials

14. Cómo Ajustar la Iluminación de una Escena 3D y Renderizarla

Paso 1

Seleccione la pestaña Luz Infinita 1, y cambie su Intensidad al 60% y la Suavidad de la Sombra al 30%.

Infinite Light SettingsInfinite Light SettingsInfinite Light Settings

Paso 2

Use la Herramienta Mover o los valores de Coordenadas para mover la Luz Infinita hasta que obtenga el resultado que desea.

Move the Infinite LightMove the Infinite LightMove the Infinite Light

Paso 3

Seleccione la pestaña Entorno, haga clic en el ícono de textura IBL, elija Reemplazar Textura y abra la imagen de la Sala de Estar.

Environment LightEnvironment LightEnvironment Light

Paso 4

Cambie la Intensidad al 50% y mueva la imagen para obtener el resultado que desee.

Puede ir y venir entre las luces Infinita y Entorno, y cambiar su configuración o moverlas, hasta que obtenga el resultado que desea.

Environment Light SettingsEnvironment Light SettingsEnvironment Light Settings

Paso 5

Coloque la imagen Modern wood texture background design (Diseño de fondo de textura de madera moderna) debajo de la capa 3D, cambie el nombre de su capa a Textura de Fondo, cambie el tamaño para que quepa en el documento y ajuste el ángulo de la cámara 3D en consecuencia para elegir una vista final de cámara.

No se preocupe por las áreas vacías que aparezcan, ya que las recortaremos más adelante.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Paso 6

Una vez que te guste el resultado final, ve a 3D > Renderizar Capa 3D. La renderización puede llevar un tiempo, pero puedes detenerla en cualquier momento presionando la tecla Esc.

Después de que finalice la renderización, haga clic con el botón derecho en la capa 3D y elija Convertir en Objeto Inteligente para evitar realizar cambios accidentales.

Render the 3D LayerRender the 3D LayerRender the 3D Layer

15. Cómo Aplicar una Superposición de Textura

Paso 1

Coloque la imagen Concrete rough texture (Textura áspera de hormigón) encima de la capa 3D, cambie el nombre de su capa a Superposición de Texturas, cambie su Modo de Fusión a Subexponer de Color, cambie el tamaño según sea necesario y haga clic con el botón derecho para elegir Crear Máscara de Recorte.

Texture OverlayTexture OverlayTexture Overlay

Paso 2

Haga Doble clic en la capa Superposición de Textura para obtener el cuadro Estilo de Capa.

Vamos a ajustar los controles deslizantes de la Capa Subyacente en la sección Mezcla Si. Mantenga presionada la tecla Opción y haga clic y arrastre el control deslizante izquierdo para dividirlo. A medida que mueve los extremos del control deslizante, notará cómo la textura comienza a combinarse mejor con el texto. Lo que hace este control deslizante es proteger las áreas más oscuras del texto para que no se vean afectadas por la textura.

Blend IfBlend IfBlend If

16. Cómo Ajustar una Textura de Fondo

Paso 1

Seleccione la Herramienta Recortar, desmarque el cuadro Eliminar Píxeles Recortados en la barra de Opciones y arrastre los lados del cuadro delimitador para eliminar las áreas vacías que se encuentran fuera de la imagen de textura de fondo.

Presiona la tecla Return para aplicar el recorte.

Crop the ImageCrop the ImageCrop the Image

Paso 2

Seleccione la capa Textura de Fondo, y vaya a Imagen > Ajustes > Niveles. Cambie el valor de los Niveles de Salida a 147.

LevelsLevelsLevels

Paso 3

Vaya a Imagen > Ajustes > Tono/Saturación. Cambia el Tono a -13, la Saturación a -31 y la Luminosidad a -40.

HueSaturationHueSaturationHueSaturation

Paso 4

Haga Doble clic en la capa Textura de Fondo para aplicar un efecto de Superposición de Color con estas configuraciones:

  • Color: # 655d52
  • Modo de Fusión: Superposición
Color OverlayColor OverlayColor Overlay

17. Cómo Agregar una Viñeta

Paso 1

Crea una nueva capa encima de la capa Textura de Fondo y nómbrala Viñeta.

Seleccione la Herramienta Pincel y establezca el Color de Primer Plano en # b7b7b7.

Create the Vignette LayerCreate the Vignette LayerCreate the Vignette Layer

Paso 2

Cambia el Modo de Fusión de la capa Viñetas a Subexposición Lineal y su Opacidad al 70%.

Elija una punta grande y suave para pincel redondo, y cambie su valor de Opacidad en la barra de Opciones al 10%. Pinta alrededor del documento para agregar la viñeta. Puede cambiar los valores de la Opacidad si desea un resultado más sutil.

Add the VignetteAdd the VignetteAdd the Vignette

18. Cómo agregar un Rápido Subexponer y Sobreexponer

Paso 1

Agregue una nueva capa de ajuste de Curvas en la parte superior de todas las capas y seleccione la miniatura de la máscara.

Add a Curves LayerAdd a Curves LayerAdd a Curves Layer

Paso 2

Ve a Imagen > Aplicar Imagen. Establezca la Capa en Fusionada, el Canal en RGB y la Fusión en Sobreexposición Lineal.

Apply ImageApply ImageApply Image

Paso 3

Cambia el Modo de Fusión de la capa Curvas a Luminosidad y arrastra el centro de la curva ligeramente hacia arriba para iluminar un poco las áreas más claras.

Brighten the ImageBrighten the ImageBrighten the Image

Paso 4

Duplique la capa Curvas y arrastre el centro de la curva ligeramente hacia abajo para oscurecer las áreas más oscuras.

Para afectar las áreas más oscuras, necesitas invertir la máscara. Entonces haz clic en la miniatura de la máscara y presiona Comando-I.

Darken the ImageDarken the ImageDarken the Image

19. Cómo aplicar Paso Alto y Filtros de Ruido

Paso 1

Crea una nueva capa en la parte superior de todas las capas y nómbrala Paso Alto.

Presione las teclas Shift-Opcion-Comando-E para crear un sello, y cambie su Modo de Fusión a Luz Suave.

High Pass LayerHigh Pass LayerHigh Pass Layer

Paso 2

Vaya a Filtro > Otro> Paso Alto, y cambie el Radio a 1

High Pass FilteHigh Pass FilteHigh Pass Filte

Paso 3

Cree otra capa nueva en la parte superior de todas las capas y asígnele el nombre Ruido.

Vaya a Edición > Relleno, cambie los Contenidos a 50% Gris y haga clic en Aceptar.

Fill with GrayFill with GrayFill with Gray

Paso 4

Convierta la capa de Ruido a un Objeto Inteligente y cambie su Modo de Fusión a Luz Suave.

Noise LayerNoise LayerNoise Layer

Paso 5

Vaya a Filtro > Ruido > Agregar Ruido, cambie la Cantidad a 3 y la Distribución a Uniforme, y marque la casilla Monocromática.

Add Noise FilterAdd Noise FilterAdd Noise Filter

Paso 6

Duplique la capa Superposición de Textura, arrastre la copia sobre todas las capas y cambie su Opacidad al 50%.

Duplicate the Texture OverlayDuplicate the Texture OverlayDuplicate the Texture Overlay

¡Felicitaciones! Ya has Terminado

En este tutorial, creamos texto en 3D y mallas cónicas, ajustamos su configuración y creamos sus materiales.

Luego, ajustamos la iluminación, agregamos un fondo y renderizamos la escena en 3D. Después de eso, usamos texturas, capas de ajuste y estilos de capa para ajustar el color y el contraste del efecto.

Finalmente, utilizamos filtros de paso alto y de ruido para finalizar el efecto.

Por favor, siéntase libre de dejar sus comentarios, sugerencias y resultados a continuación.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads