Cristalab

Cómo crear Iconos Glossy en Flash CS3

Por: Carloz.Yanez + 07.07.2007

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.

Etiquetas flash

Comentarios | Enviar un comentario
Ya habia un tip de esto en photoshop, otro en fireworks y ahora en flash, vaya solo falta el paint

buen tip miau
Por: Victor-Nael

Victor-Nael :

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
Por: M@U
ja quisiera verlos hacer esto con en paint
Por: adolgo_blog

M@U :

Victor-Nael :

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
Por: Victor-Nael
está muy chido el tip... gracias. Muy Feliz
Por: bicho_O
Y ahora que lo pienso, Riendo Te lo pregunte a ti!
Gracias!!!!!!!!! De verdad
Por: Jaleru_blog
Yo abia preguntado en el foro esto Gracias
Por: Jaleru_blog
y por q especificar q es por cs3 acaso no se puede hacer en flash 8 ??????????????
Por: johndoe20

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.
Por: Carloz.Yanez
Bueno yo no consigo que el icono me quede igual, yo creo que os habeis colado algo.

De todas formas la pagina esta genial
Por: Os habeis colado algo._bl
deberian de ser un poco mas grafico y no tan "codigo", eh visto otros tutoriales y hasta dan ejemplos en .fla, una sugerencia
Por: juan car4los_blog
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.
Por: Carloz.Yanez

juan car4los_blog :

deberian de ser un poco mas grafico y no tan "codigo"
¿Cual código? Son puros gráficos...
Por: Freddie
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.
Por: xiglasple_blog
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..
Por: mativonne_blog

xiglasple_blog :



Ahora sí, ya estamos todos... Riendo Confundido
Por: The Fricky!
como pongo el glossy arriba del icono, soy nuevo ¡¡¡¡¡no se!!!!!!!!!
Por: manuels
como se crean iconos
Por: aj_blog
ni madres noi me quedo deberian poner recortes de las herramientas o donde se cambian los valores
Por: gmer_blog
me sirvio ta gueno
Por: yda_blog
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.
Por: Maltray-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.