Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: SirLanceCC en 26 Junio 2006, 00:21 am



Título: Tutorial: Hacer botón vistoso en flash
Publicado por: SirLanceCC en 26 Junio 2006, 00:21 am
Buenas...
Casi no me aparezco por el foro de diseño grafico pero me animé a hacer un tutorial sobre como hacer un vistoso botón en flash...
Espero que mi aporte sirva de algo.  :P

Paso1
Antes que nada creamos un nuevo documento de flash, en blanco.
Creamos un nuevo símbolo y comenzamos a editarlo.
Seleccionamos la "Herramienta Rectángulo (R)" y en opciones le damos clic en "Establecer radio de la esquina"
(http://mx.geocities.com/super_culero/Tuto-boton-flash/1.GIF)
Como valor de radio de la esquina pongale el número que deseen, yo en este caso le puse 5 (creo)

Paso 2
Ahora dibujen un rectángulo SIN bordes, del color que sea. En este caso el tamaño es de 250x100 pixels
Luego seleccionan la "Herramienta Cubo de Pintra (K)" y en el "Panel Color"ajustan el color a un degradado...
El degradado debe de ser de un tono oscuro a uno mas claro del mismo color
El chiste es que quede como este...
Pueden usar el color que mas les guste.
(http://mx.geocities.com/super_culero/Tuto-boton-flash/2.gif)

Paso 3
En una nueva capa, con la "Herramienta Rectángulo (R)" crean un rectángulo más pequeño, adentro del que ya habiamos hecho.
Este debe de ser tambien SIN bordes, y de color degradado, PERO el degradado debe de ser al revés: donde hay un tono oscuro pon un tono claro

y viceversa...
Las imagenes hablan mas que las palabras...
(http://mx.geocities.com/super_culero/Tuto-boton-flash/3.gif)

Paso 4
En otra capa (nueva) creamos otro rectángulo con el mismo ancho que el mayor, pero solo la mitad de alto.
Lo posicionamos sobre la mitad superior de nustro boton.
SIN bordes el rectángulo lo llenaremos de un degradado blanco usando alfa (transparencia pues).
Asi va el degradado:
(http://mx.geocities.com/super_culero/Tuto-boton-flash/4.gif)

Paso 5
Hacemos prácticamente lo mismo que en el paso anterior.
Hacemos un rectangulo de las mismas dimensiones que el enterior (en una nueva capa? claro!) y lo ponemos en la mitad inferior del botón.
Ahora esta vez lo rellenamos con un degradado simple desde una transparencia total hasta una transparencia del 50% en de un azul oscuro.
Así:
(http://mx.geocities.com/super_culero/Tuto-boton-flash/5.gif)

Listo!
Ahora podemos jugar con los degradados y las transparencias, para hacer que luzca mejor (o peor).
Haz los demás estados del botón.. y te quedara algo asi:
http://mx.geocities.com/super_culero/Tuto-boton-flash/boton.html