Crear una escena Texto oscuro Grunge 3D en Photoshop

Aug 16 201047 CommentsBy Tyler Denis

En este tutorial de Photoshop, usted va a aprender a crear un texto 3D usando solamente

Photoshop. El estado de nimo que nos esforzaremos en incorporar en nuestra pieza es oscuro
y sucio. Vamos a utilizar la iluminacin constante, estilos de capa para crear sombras para
nuestro tipo, filtros de Photoshop, y ms. Vamos a terminar nuestra escena aadiendo una
textura de fondo oscuro que parece desvanecerse a medida que se acerca al borde del lienzo una tcnica de diseo popular.
Prevista
Puede hacer clic en la imagen en miniatura de abajo para que puedas ver la composicin de la
escala completa.

Recursos Tutorial
Textura: Lava Rock Textura 01 por Bill Cmaras
Textura: Grunge Experimental por Zen Textures
Paso 1: Abrir Photoshop y configurar su lienzo

Abrir Photoshop y crear un nuevo documento de 1200x1200px a 72 dpi.

Paso 2: Agregar el texto

A continuacin, queremos crear un poco de texto, por lo que vamos a usar la herramienta de
tipo horizontal (T) que escriba el texto "TIPO" con Franklin Gothic Heavy, o una fuente
pesada similar.
Vamos a cambiar el texto de un color rojo (# CC3333) para que se destaca sobre el fondo
negro que crearemos ms adelante.
Tambin vamos a ajustar el kerning de nuestro texto, mantenga pulsada la tecla Alt / Opcin y
utilizando las flechas izquierda y derecha para que el espacio entre las letras son de su

agrado.

Paso 3: Duplicar el texto

Para empezar a hacer el efecto 3D, vamos a duplicar el texto que tenemos pulsando Ctrl
/ Cmd + J. Debemos ajustar el color as que vamos a ser capaces de diferenciar la cara
de texto y los lados de texto.
Tambin, el color del texto de esta capa de texto ser el color base para los lados ms
oscuros de texto, por lo que vamos a usar un color rojo ms oscuro (# 990000).
Tambin vamos a encoger el texto ms oscuro, ya que ser ms lejos de nosotros, en
trminos de perspective.Use el comando Transformacin libre (Ctrl + T / Cmd),
mantenga pulsada la tecla Alt / Opcin + Mays y reducir el tamao del texto abajo un
poco (a alrededor del 90%). Utilice la herramienta Mover (V) para moverlo un poco y

para que podamos dar nuestro texto la profundidad y el grosor que queramos.

Paso 4: Conexin del texto

Queremos dar la vuelta a cada letra y conecte las esquinas para que cree los lados del
texto. Crear una nueva capa (Capa> Nueva> Capa), y el uso de la herramienta Lazo
Poligonal (L) hacer una forma que conecta las dos esquinas como se muestra a

continuacin, luego llenarlo con nuestro color rojo oscuro (# 990000).

Paso 5: Rompiendo las caras de texto Apart

Ahora que tenemos nuestro texto 3D todo listo, queremos romper los lados para que
podamos aadir una sombra a ellos individualmente. En primer lugar, tenemos que tomar
el texto de color rojo oscuro y los lados que hemos creado y fusionar las dos capas
juntas. As que asegrese de que la capa de texto est en la parte superior (del orden
de apilamiento que debe tener es la luz roja de texto> Texto rojo oscuro> lados de color
rojo oscuro) e ir a Capa> Combinar hacia abajo (Ctrl / Cmd + E).
Asegrese de que tiene la capa de texto de color rojo oscuro se selecciona, a
continuacin, utilizando la herramienta Lazo Poligonal (L) hacer una forma alrededor de
un lado de la parte de texto.
Una vez que haya seleccionado una zona, utilice Ctrl / Cmd + J para duplicarla. Esto
crear una nueva capa con slo la pieza que selecciona de manera que podamos tener
cada lado en su propia capa.
Repita esto para cada lado de nuestro texto. A medida que avanza, asegrese de
nombrar cada capa de manera apropiada para mantener su trabajo ordenado e intuitivo,
y tambin poner cada letra en su propia carpeta (Capa> Nueva> Grupo) de modo que ser

ms fcil para trabajar con a medida que avanzamos.

Paso 6: Agregue las Sombras

Ahora podemos empezar a trabajar en nuestras sombras; vamos a tener una fuente de
luz que viene de la parte superior derecha de nuestro lienzo, as que vamos a ajustar
nuestro lado en consecuencia, con las partes ms oscuras de la parte inferior izquierda y
el ms claro en la parte superior derecha.
Haga clic en el primer lado e ir a Capa> Estilo de capa> Superposicin de degradado.
Vamos a ajustar el ngulo de cada lado para que la parte ms clara es el ms cercano a

la fuente de luz en la parte superior derecha.

Paso 7: Corrija las Sombras

Aunque queremos que todas las sombras para ser el ms alejado de la fuente de luz, hay
algunas excepciones. Una excepcin es el lado izquierdo de la letra T - queremos que la
sombra de que sea el ms cercano a la mitad porque la parte media de la carta bloquear
el brazo izquierdo.
Paso 8: Oscurecimiento las Sombras
Ahora queremos tomar los lados que van a ser bloqueado el mximo provecho de la
fuente de luz y hacerlos ms oscuro. Para oscurecer estos lados, ir a Capa> Estilo de
capa> Superposicin de colores. Cambia el color a negro y ajustar la opacidad a entre

20% y 60%.

Paso 9: Grabacin en relieve la cara del texto

Vamos a aadir algunos efectos a nuestro rostro texto. Haga clic en la capa de la cara
de texto en el panel Capas para que sea nuestra capa activa, y luego ir a Capa> Estilo
de capa> Bisel y relieve. Asegrese de que el ngulo del bisel est apuntando hacia la
parte superior derecha de modo que nuestra iluminacin es consistente.

Paso 10: Ajuste la vista del texto

Ahora, para agregar un poco de luz a la cara de nuestro texto, vamos a darle un
gradiente por ir a Capa> Estilo de capa> Superposicin de degradado.
Paso 11: Adicin de una textura para el fondo
Ahora podemos empezar a trabajar en nuestro fondo. Primero, sin embargo, cambiar el
relleno de la capa de fondo a negro. Una forma de hacer esto es presionar Ctrl / Cmd +
A para seleccionar todo el lienzo, y luego presionar Shift + F5 para abrir la ventana de
dilogo, que se puede utilizar para llenar la seleccin con negro (# 000000) Rellenar.
Ir y obtener la textura de la roca de la lava 01 para nuestro fondo (que es de la
seccin Diseo Instruya Freebies, por cierto). Traiga la textura en nuestro documento.
Girar la textura usando Transformacin libre (Ctrl / Cmd + T), as como reducir el
tamao hacia abajo de modo que sea igual a la anchura de nuestra lienzo.
Paso 12: Atenuar la textura
Vamos a desaparecer la textura, y para hacer esto, primero que desee encontrar el
centro de la tela. Vaya a Ver y asegrese de Snap est activada (se puede alternar
Snap on y off pulsando Mays + Ctrl / Cmd +;).
Ahora trae una gua horizontal al centro; cuando el gua llega al centro, que debe
encajar en su lugar. Haga lo mismo con una gua vertical.
Ahora ir a Capa> mscara de capa> Descubrir todas. Llene la mscara de negro y, a
continuacin, utilizar la herramienta de degradado (G) con su gradiente se establece en
blanco, transparente para hacer un gradiente empezando por el centro.
Haga clic en la capa de mscara, y el uso de la libre comandos (T Ctrl / Cmd +)
Transformar, traer la parte superior e inferior en haciendo clic y arrastrando la parte

superior a transformar el control mientras mantiene Alt / Opcin para que ninguno de los
bordes de la textura apareci.
Usted debe terminar con la textura desapareciendo en una forma oval como se pone ms
cerca del borde de nuestro lienzo.
Paso 13: Aadir Sombras acuerdo con el Texto
Para agregar las sombras bajo el texto, vamos a Ctrl / Cmd + clic en cada capa de
texto en el panel Capas para producir un recuadro de seleccin alrededor de su edgest.
A continuacin, cree una nueva capa y rellenar el rea seleccionada con negro (#
000000).
Duplicar esta capa pulsando Ctrl / Cmd + J para que tengamos 2 capas de texto negro.
Mueva estas capas detrs de todas las otras capas de texto.
Ir a Filtro> Blur> Motion Blur y asegrese de que el ngulo va desde la parte superior
derecha de la parte inferior izquierda de modo que sea el mismo ngulo que la fuente de
luz.

Step 14: Make the Shadow Darker

Duplicate the shadow layer by pressing Ctrl/Cmd + J. Now link the two layers together and go
to Layer > Merge Layers.

Step 15: Blur the Shadow

With the other black text layer, go to Filter > Blur > Gaussian Blur and adjust the Radius to
12.0.

Step 16: Mask Away Parts of the Shadow

Go to Layer > Layer Mask > Reveal All. Using a black, 100px brush with Hardness at 0%, start
painting away the black parts of the shadow on the top and right, where the light source
would be for each black layer.

Step 17: Adding a Texture to the Text

Get the grungy texture from Zen Textures and bring it into Photoshop. Size the texture so
that it is a little bit bigger than the width of the text.
Ctrl/Cmd + click on each layer and go to Layer > Layer Mask > Reveal All. This will make the
texture show up only on the text.
Change the Blend Mode of this layer to Soft light and turn the Opacity down to 40%.

Step 18: Add a Gradient Map Adjustment Layer

Go to Layer > New Adjustment Layer > Gradient Map. Add a Blue to Yellow gradient and drop
the Opacity down to 10%.

Step 19: Adding the Sub Text

Using Franklin Gothic Demi Condensed (or a similar font of your choice), lets type out
"DESIGN INSTRUCT" in white.
Change the Blend Mode of the text layer to Overlay, and duplicate the text by pressing
Ctrl/Cmd + J. This will give us a sort of lighted text look.

Step 20: Adding a High Pass

Alright, final step: We are going to go to Layer > Flatten Image to make one layer from all
the layers weve created thus far. Duplicate this layer (Ctrl/Cmd + J) and then go to Filter >
Other > High Pass. Change the Blend Mode to Soft Light to finish off our piece.

Tutorial Summary
With the use of simple Photoshop techniques and some stock textures, we were able to
create a high-impact dark scene that has 3D text. We added shadows using a variety of
techniques, made certain that our lighting is consistent throughout the way, used a few
filters, and incorporated textures to make our scene more interesting. I hope you enjoyed
this tutorial and found a few tricks that you can utilize in your workflow.