Cristalab

Cómo crear Iconos Glossy en Flash CS3

   Foros de discusión -> Tips, ¡Envía tus trucos aquí!
Mensaje Autor
Mensaje Publicado: Sab Jul 07, 2007 4:15 pm     Citar   firefox 
Creo que la mayoría sabemos que es el estilo Glossy pero para los que no sepan Glossy es el estilo en el cual se añaden transparencias a los gráficos para que "brillen", como se puede ver en la imagen inferior:



Empezaremos abriendo Flash y creando un nuevo documento. Cambiamos las dimensiones del área de trabajo a 50x50 y lo guardamos como GlossyIcons.fla.

Tomamos la herramienta rectángulo Primitivo, creamos un cuadrado de 50x50 y en propiedades cambiamos el radio de la esquina a 10px.



Después proseguimos a añadir el Glossy, seleccionamos el cuadrado y vamos a Modificar>Forma>Expandir relleno, colocamos un 4(px) y seleccionamos contraer, cambiamos el color a Linear (blanco), en el primer selector de color establecemos un Alpha de 60 y en el segundo de 0, rotamos con la herramienta Transformación de degradado hasta quedar verticalmente.



Ahora sólo debes añadir el icono o imagen de tu preferencia y colocar el Glossy por encima de él.



NOTA: Hemos utilizado FlashCS3, pero de igual manera lo puedes hacer en una versión anterior.

Carloz.Yanez
SWAT Team

Héroes SWAT
clabLevel: 2374
Entrance to Hell
3 Tutoriales
31 Tips

MP Email         
Volver arriba
Mensaje Publicado: Sab Jul 07, 2007 11:53 pm     Citar   firefox 
Ya habia un tip de esto en photoshop, otro en fireworks y ahora en flash, vaya solo falta el paint

buen tip miau
 _________________
División "Artes Gráficas" . -
// Like BOFHs but "a little" less evil (Also i know the Color Theory, pretty c00ld)//

Victor-Nael


clabLevel: 1027 Genero:Masculino
I Am Hajime Nael Ippo

7 Tips

MP Email Web     Google Talk  MSN Messenger  
Volver arriba
Mensaje Publicado: Dom Jul 08, 2007 3:24 am     Citar   msie 

Victor-Nael escribió:

Ya habia un tip de esto en photoshop, otro en fireworks y ahora en flash, vaya solo falta el paint...

Al rato yo lo posteo !!!...
Riendo
 _________________

//- No tengo NPI de que poner aqui... <-- ¿Sugerencias?

M@U

Premio_Secretos
clabLevel: 1618
Toon Clab ™
1 Tutoriales
6 Tips

MP Email     Google Talk  MSN Messenger  
Volver arriba
Mensaje Publicado: Dom Jul 08, 2007 8:38 am     Citar   firefox 
ja quisiera verlos hacer esto con en paint

adolgo_blog
Invitado






        
Volver arriba
Mensaje Publicado: Dom Jul 08, 2007 12:35 pm     Citar   firefox 

M@U escribió:

Victor-Nael escribió:

Ya habia un tip de esto en photoshop, otro en fireworks y ahora en flash, vaya solo falta el paint...

Al rato yo lo posteo !!!...
Riendo


Estoy esperado ese tip con muchas ansias miau mmmm
 _________________
División "Artes Gráficas" . -
// Like BOFHs but "a little" less evil (Also i know the Color Theory, pretty c00ld)//

Victor-Nael


clabLevel: 1027 Genero:Masculino
I Am Hajime Nael Ippo

7 Tips

MP Email Web     Google Talk  MSN Messenger  
Volver arriba
Mensaje Publicado: Dom Jul 08, 2007 1:36 pm     Citar   firefox 
está muy chido el tip... gracias. Muy Feliz
 _________________
:Bicho_Ofuscado:

bicho_O


clabLevel: 30 Genero:Masculino
México


MP     Google Talk    
Volver arriba
Mensaje Publicado: Dom Jul 08, 2007 6:44 pm     Citar   firefox 
Y ahora que lo pienso, Riendo Te lo pregunte a ti!
Gracias!!!!!!!!! De verdad

Jaleru_blog
Invitado






        
Volver arriba
Mensaje Publicado: Dom Jul 08, 2007 6:44 pm     Citar   firefox 
Yo abia preguntado en el foro esto Gracias

Jaleru_blog
Invitado






        
Volver arriba
Mensaje Publicado: Lun Jul 09, 2007 3:40 am     Citar   msie 
y por q especificar q es por cs3 acaso no se puede hacer en flash 8 ??????????????
 _________________
http://ideasweb.sifaref.com/

johndoe20


clabLevel: 106 Genero:Masculino
la habitacion de al lado

1 Tips

MP     Google Talk  MSN Messenger  
Volver arriba
Mensaje Publicado: Lun Jul 09, 2007 4:00 am     Citar   firefox 

NOTA: Hemos utilizado FlashCS3, pero de igual manera lo puedes hacer en una versión anterior.


La única diferencia es que Flash CS3 tiene la herramienta de Rectángulo Primitivo, pero es igual para las versiones anteriores.
 _________________

Carloz.Yanez
SWAT Team

Héroes SWAT
clabLevel: 2374
Entrance to Hell
3 Tutoriales
31 Tips

MP Email         
Volver arriba
Mensaje Publicado: Jue Jul 12, 2007 7:57 am     Citar   safari 
Bueno yo no consigo que el icono me quede igual, yo creo que os habeis colado algo.

De todas formas la pagina esta genial

Os habeis colado algo._bl
Invitado






        
Volver arriba
Mensaje Publicado: Jue Jul 12, 2007 6:19 pm     Citar   msie 
deberian de ser un poco mas grafico y no tan "codigo", eh visto otros tutoriales y hasta dan ejemplos en .fla, una sugerencia

juan car4los_blog
Invitado






        
Volver arriba
Mensaje Publicado: Jue Jul 12, 2007 7:31 pm     Citar   firefox 
No damos el .Fla porque se trata de que el trabajo lo hagas tu para que asi puedas aprender.
Pero igual envié el Fla a ejemplos. Sólo esperemos a que lo publiquen.
 _________________

Carloz.Yanez
SWAT Team

Héroes SWAT
clabLevel: 2374
Entrance to Hell
3 Tutoriales
31 Tips

MP Email         
Volver arriba
Mensaje Publicado: Jue Jul 12, 2007 7:50 pm     Citar   firefox 

juan car4los_blog escribió:

deberian de ser un poco mas grafico y no tan "codigo"
¿Cual código? Son puros gráficos...
 _________________

Freddie
BOFH

Admin
clabLevel: 44770
Red Synapse
25 Tutoriales
6 Tips
43 Ejemplos

MP Email Web     Google Talk    
Volver arriba
Mensaje Publicado: Sab Jul 14, 2007 9:32 pm     Citar   opera 
Ya habia un tip de esto en photoshop, otro en fireworks y ahora en flash, vaya solo falta el paint...


Ahora sí que no hay excusa para no abusar de este efecto.

xiglasple_blog
Invitado






        
Volver arriba
Mensaje Publicado: Sab Jul 14, 2007 9:32 pm     Citar   opera 
la url..
http://www.mahudsblog.ourgardenpath.com/?p=4

xiglasple_blog
Invitado






        
Volver arriba
Mensaje Publicado: Vie Ago 24, 2007 12:25 am     Citar   msie 
Es agradable el tipo de diseño, ay que se utliza como un estilo de moda. Hay que seguir practicando y utlizando las mejores herramientas, según las necesidades de nuestros proyectos. Gracias por el tuto y el tip..

mativonne_blog
Invitado






        
Volver arriba
Mensaje Publicado: Vie Ago 24, 2007 1:18 am     Citar   firefox 

xiglasple_blog escribió:

la url..
http://www.mahudsblog.ourgardenpath.com/?p=4


Ahora sí, ya estamos todos... Riendo Confundido
 _________________
Se decente, no uses loadMovie...
Nunca maestro, siempre aprendiz...

The Fricky!

Premio_Secretos
clabLevel: 1878
Piccola Venezia...

3 Tips

MP Email Web     Google Talk    
Volver arriba
Mensaje Publicado: Jue Nov 22, 2007 6:58 pm     Citar   firefox 
como pongo el glossy arriba del icono, soy nuevo ¡¡¡¡¡no se!!!!!!!!!

manuels
Invitado






        
Volver arriba
Mensaje Publicado: Mie Ene 23, 2008 3:16 am     Citar   msie 
como se crean iconos

aj_blog
Invitado






        
Volver arriba
Mensaje Publicado: Sab Feb 16, 2008 6:59 am     Citar   firefox 
ni madres noi me quedo deberian poner recortes de las herramientas o donde se cambian los valores

gmer_blog
Invitado






        
Volver arriba
Mensaje Publicado: Mar Mar 04, 2008 10:02 pm     Citar   msie 
me sirvio ta gueno

yda_blog
Invitado






        
Volver arriba
Mensaje Publicado: Sab May 10, 2008 7:46 pm     Citar   firefox 
Bueno, tengo un pequeño problema, me eh quedado en esta parte:

"y seleccionamos contraer, cambiamos el color a Linear (blanco), en el primer selector de color establecemos un Alpha de 60 y en el segundo de 0, rotamos con la herramienta Transformación de degradado hasta quedar verticalmente."

No se donde esta ese tal "contraer", voy a Modificar, forma, expandir relleno, pongo los valores con "Expandir" (no se especifico ahi asi que fue el que puse) pero no aparece el estimado contraer

Espero que alguien me pueda ayudar, soy un poco novato en Flash pero, de vez en cuando me pongo a ver que puedo hacer con el.

Un saludo, y desde ya muchas gracias.

Maltray-blog
Invitado






        
Volver arriba
Responder al tema    Foros de discusión -> Tips, ¡Envía tus trucos aquí! Todas las horas son GMT
Página 1 de 1

Respuesta Rapida
Nick: 

  Citar el ultimo mensaje
Adjuntar tu firma

Mostrar mensajes de anteriores:
  

 


Cristalab BloodBerry Style © 2006 Cristalab
Powered by phpBB © 2001, 2002 phpBB Group