Facebook Twitter RSS Reset

Diseño StarWars — Photoshop

Bienvenidos a mi nuevo post!

Gracias por los comentarios y los puntiilos del post anterior!, si no lo viste aca te dejo el link Diseña como un Campeon –Photoshop En esta oportunidad haremos el diseño de la famosa pelicula StarWars un poco retro y sin la fuente que ya viene editada.

Diseño StarWars -- PhotoshopGIF

Este Seria el Diseño FINAL!.

Diseño StarWars -- Photoshop

Voy a dejar los activos que utilizaremos en este tutorial.

http://www.1001fonts.com/sf-distant-galaxy-font.html Fuente SF Distant Galaxy Font Family

http://mediumanalog.deviantart.com/art/we-own-the-sky-152651003 Fondo de Estrellas

http://webtreatsetc.deviantart.com/art/8-Tileable-Metal-Textures-143911133 8 Texturas Metalicas

http://mysticemma.deviantart.com/art/Stars-And-Flares-Brush-Set-379548180 Pinceles de Estrellas

http://supertuts007.deviantart.com/art/Free-Pack-6000-photoshop-gradients-324102403 Paquete de Librerías (Usaremos DIALS.grd, CHROMES.grd)

Diseño StarWars -- PhotoshopGIF

Creamos el Fondo

Paso 1

Creamos un nuevo documento de 950 x 550 (pixeles) y le ponemos el fondo de Estrellas Archivo –> Colocar elementos incrustrados

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 2

Hacemos doble clic en la capa de la imagen de estrellas para aplicar un efecto de Superposición de color. Cambiar el modo de fusión a Multiplicar y el color a #a6a6a6 .

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 3

Oscureceremos la imagen un poco. Creamos una nueva capa de relleno

Diseño StarWars -- Photoshop

Pondremos el color #fced82 , y luego cambiamos el modo de mezcla de la capa de ajuste a Multiplicar y su opacidad al 25%.

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 4



Crear el texto usando la fuente SF Distant Galaxy. Las letras S y T, del principio y del final las ponemos en mayúsculas y las letras que siguen en minúscula

Vamos Ventana–> Carácter) para cambiar algunos de los ajustes. El color es #f2ece6 , el tamaño es de 36 pt, La distancia entre los dos sera 25 pt.

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 5

Vamos a Texto> Convertir en forma

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 6

Elige la herramienta Selección directa y hacemos click para seleccionar los dos puntos de anclaje del final de la letra R superior.

Diseño StarWars -- Photoshop

y nos deberia quedar asi:

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 7

Duplicamos la capa de texto y le damos valor de relleno a 0, y duplicamos una vez más.

Diseño StarWars -- Photoshop

Hagan doble clic en la capa de texto original aplicamos el estilo de capa siguiente:

Añadir un bisel y relieve con estos valores:

Estilo: Relieve del Trazo

Tecnica Cincel Blando

Tamaño: 3

Contorno de resplandor: Gausssiano

Marcamos la casilla suavizado

Resalte Modo: Luz intensa

Diseño StarWars -- Photoshop

Añadimos un contorno con estos valores:

Contorno: Pendiente hacia abajo

Marcamos la casilla de suavizado

Diseño StarWars -- Photoshop

Ahora vamos por el Trazo

Tamaño: 10

Posición: Central

Tipo de relleno: Gradiente

Estilo: Reflejado

Ángulo: 35

Utilizamos el Gold Dial Top X11 ,y a continuación, hacemos clic en el cuadro de degradado para editarlo.

Tendremos que hacer doble clic en cada luz de color y usar el color #e1ca71 en lugar de #f5e5a6 .

Diseño StarWars -- Photoshop

Ahora vamos por una sombra interior

Añadimos una sombra interior con estos valores:

Opacidad: 50%

Distancia: 0

Tamaño: 1

Diseño StarWars -- Photoshop

AñadimosDiseño StarWars -- Photoshop una Superposición de degradado con estos valores:

Hacemos click en el Degradado y lo hacemos a medida con los siguientes valores.

Color -Ubicacion

#ede1b1 – 5%

#ecd98f – 75%

#e1ca71 – 88%

#be8936 – 100%

Nos quedaria asi,

Diseño StarWars -- Photoshop

Paso 7

Vamos a la primer capa de copia del texto y aplicamos el estilo de capa siguiente:

Añadimos trazo con estos valores:

Tamaño: 10

Posición: Centro

Modo de mezcla: Superponer

Tipo de relleno: Degradado y seleccionamos el Faucet 110 que estan en los degradados que bajamos

Estilo: Reflejado

Ángulo: 90

Diseño StarWars -- Photoshop

Añadimos una superposición de degradado con estos valores:

Modo de mezcla: Luz fuerte

Marcamos la casilla Invertir

Degradado: Gold Dial Tops X7

Diseño StarWars -- Photoshop

Añadimos una superposición de motivo con estos valores:

Modo de mezcla: Superposición

Patrón: metal_6-512px.jpg lo encontraremos en el activo que descargamos de metal

Diseño StarWars -- Photoshop

Resultado final de Copia texto

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 8

Vamos ahora a la segunda copia del texto

Añadimos un bisel y relieve con estos valores:

Estilo: Relieve del Trazo

Tamaño: 3

Contorno de resplandor: Anillo

Marcamos la casilla suavizado

Resalte Modo: Luz intensa

Diseño StarWars -- Photoshop

Añadimos un Contorno con estos valores:

Contorno: Desnivel Profundo

Marcamos suavizado

Diseño StarWars -- Photoshop

Añadimos un Trazo con estos valores:

Tamaño: 10

Posición: Centro

Modo de mezcla: Superponer

Tipo de relleno: Degradado Gol dial top x11

Estilo: Reflejado

Ángulo: 5

Diseño StarWars -- Photoshop

Asi nos tendria que quedar.

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 9

Duplicamos la segunda copía del texto y, a continuación, hacemos clic derecho y elegir Rasterizar capa de estilo.

Cambiar el nombre de la capa de datos de trama a brillar, y cambiar su valor relleno a 0.

Diseño StarWars -- Photoshop

Hacemos doble clic en la capa de Brillar para aplicar un efecto de resplandor exterior con los siguientes valores:

Modo de mezcla: Luz lineal

Color: #e7bf2a

Tamaño: 3

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Paso 10

Ajustamos el color de primer plano a #ead994 , elegir la herramienta Pincel, y recoger la punta S & F-16 o el que quieran ustedes eso lo conseguimos en los activos de estrellas.

Diseño StarWars -- Photoshop

Diseño StarWars -- PhotoshopGIF

Espero que les haya sido util!.

Hasta la proxima!

[/b][/b][/b]

No comments yet.

Leave a Comment