Neon como los de Coches de Tuning

Tutorial Photoshop Dibujo e Ilustración

Tutorial por Humbert3m2

Humbert3m2 no enseña con este tutorial a crear una barra de neon como la de los coches de tuning y animarla usando image ready.

1. Creamos un documento de fondo negro (200 x 200 pxl)

2. Con el Polygonal Lasso creamos nuestro neón.

3. Creamos una nueva capa, sin desactivar la selección del neón y en esa nueva capa, con el bote de pintura lo pintamos de blanco:

4. Vamos a Layer > Layer Style > Outer Glow - y lo ponemos asi:

5. Vamos a Layer > Layer Style > Inner Glow - y lo ponemos igual igual que a Outer Glow, todo lo mismo menos el tamaño (Size) que lo pondremos asi:

6. Vamos a Layer > Layer Style > Color Overlay - lo dejamos en Blend Mode: Normal y de color pondremos este:

7. Luego apretamos 2 veces a (Control + J) para duplicar la Capa(Layer).

8. Seguido de eso, seleccionamos la capa superior, vamos a Outer Glow y le cambiamos el tamaño(Size) a 10.

9. Seleccionamos la capa que esta debajo de esta, vamos a Outer Glow y le cambiamos el tamaño(Size) a 15.

10.Seleccionamos la que esta debajo de estas dos y le cambiamos el tamaño (Size) de Outer Glow a 20.

11.Lo pasamos todo a ImageReady:

12.En animations duplicamos la capa y nos quedara algo asi:

13.Seleccionamos la primera, y en Layers ponemos el ojito en la primera capa y el fondo negro:

14.Seleccionamos la segunda en animations, y en Layers le ponemos el ojo solo a la segunda y al fondo negro.

15.Seleccionamos la tercera en animations, y en Layers lo mismo pero el ojo solo a la tercera, asi aremos que cuando le des a play, las animaciones se iran seleccionando solas para poder hacer el gif. Cuando la selección se ponga encima de la primera se vera una capa y el fondo negro, cuando pongamos la segunda animación se vera la segunda capa y el fondo negro, y lo mismo con la tercera. Eso ara que la imagen sea un gif.

Acabamos y el resultado final es este:

Guardamos el Gif : File > Save Optimized As... y ya tenemos nuestro gif de un neón.

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 28/10/2007  MATADOR_CBA escribió:
MUY BUEN TUTORIAL MAN .. ME COSTO UN POCO POR Q LO TNGO EN ESPAÑOL.. PERO LO HICE.. ME GUSTARIA SABER COMO HACER EL MISMO EFECTO PERO A LETRAS O DIBUJOS SIMPLES.. GRACIAS MAN

 Fecha: 30/10/2007  ZUR2_8 escribió:
Esta muy bien este tutorial pero no lo he podido terminar. Tengo una duda, soy principiante y tengo la version cs3 en español y no se como pasar todo a imageready. Si me pudiera alguien explicar lo agradeceria mucho. Saludos.

 Fecha: 30/10/2007  ALICCIA_SARO escribió:
Muy bueno, me sirvió bastante, mis felicitaciones. Continúe haciendo tutoriales. Gracias

 Fecha: 08/11/2007  BIFRONTE escribió:
MATADOR_CBA: si lo puedes hacer utilizando la herramienta máscara de texto por citar una manera y el resto lo mismo de este tutorial. ZUR2_8

 Fecha: 08/11/2007  BIFRONTE escribió:
sorry ZUR2_8: me equiveque de tecla, para decirte que a partir del CS3 Adobe ha eliminado (enterrado, finiquitado, liquidado) a ImageReady y ni modo está ampliamente reemplazado por Adobe Macromedia Flash, Flex, DW y otros más, pena por eso además IR casi no tenia aplicación alguna entre los programas de Adobe, cest´la vie. y .... mi estimado Humbert3m2, "apretar" es un verbo muy horrible para usarlo en enseñanza, lo mejor y apropiado es decir "pulsar"

 Fecha: 03/12/2007  CARE_LECHE escribió:
esos diseños se puede hacer con cualker photoshop?? y si no por favor diganme cual es el programe gracias.

 Fecha: 24/01/2008  ZORRITO22 escribió:
Hola soy nuevo en esto me podrias decir donde o que es imageready tengo cs en español y no se como culminar eta practica :S

 Fecha: 12/02/2008  ELWACHO escribió:
hola yo soy nuevo en este sitio pero pude terminar el tuto la verdad es un poco dificil porq yo tngo la version castellano y muchas veces no entendi nada. ZORRITO22 el imageready esta abajo de todo de la barra de herramientas

 Fecha: 26/02/2008  JUANPABLO00 escribió:
hey esta super vacano, y entendible, lo hice incluso con mi sobrinito de 7 años

 Fecha: 23/04/2008  LORENLAB escribió:
la verdad q cuesta un poco!! tendria q estar en castellano poer igual muy bueno esta!! saludos!

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.