create a dark grunge 3d text scene in photoshop

19
Crear una escena Texto oscuro Grunge 3D en Photoshop Aug 16 201047 CommentsBy Tyler Dens ! "n este tutoral #e Photoshop$ uste# %a a apren#er a crear un texto 3D usa Photoshop& "l esta#o #e 'nmo (ue nos es)or*aremos en ncorporar en nuestr y suco& +amos a utl*ar la lumnac,n constante$ estlos #e capa para nuestro tpo$ )ltros #e Photoshop$ y m's& +amos a termnar nuestra escena textura #e )on#o oscuro (ue parece #es%anecerse a me##a (ue se acerca al una t cnca #e #se.o popular& Pre%sta Pue#e hacer clc en la magen en mnatura #e a-a o para (ue pue#as %er la escala completa& ecursos Tutoral Textura a%a oc5 Textura 01 por Bll C'maras Textura Grunge "xpermental por en Textures Paso 1 A-rr Photoshop y con)gurar su len*o

Upload: daniel

Post on 05-Nov-2015

218 views

Category:

Documents


0 download

DESCRIPTION

tutorial 3D

TRANSCRIPT

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 DarkerDuplicate the shadow layer by pressing Ctrl/Cmd + J. Now link the two layers together and go to Layer > Merge Layers.

Step 15: Blur the ShadowWith 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 ShadowGo 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 TextGet the grungytexture from Zen Texturesand 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 LayerGo 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 TextUsing 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 PassAlright, 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 SummaryWith 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.