elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  Tutorial: Hacer botón vistoso en flash
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Tutorial: Hacer botón vistoso en flash  (Leído 1,691 veces)
SirLanceCC


Desconectado Desconectado

Mensajes: 1.093


Ver Perfil WWW
Tutorial: Hacer botón vistoso en flash
« 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"

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.


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...


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:


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í:


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


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
[Ayuda] Hacer que al apretar F1/F2 Active/Desactive un Botón
Programación Visual Basic
.DarkStyle 7 5,801 Último mensaje 6 Diciembre 2010, 03:11 am
por raul338
¿En Windows 7 cómo logro que la opción apuntada tenga un color vistoso? « 1 2 »
Windows
Tachikomaia 14 7,144 Último mensaje 16 Junio 2021, 03:18 am
por Tachikomaia
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines