martes, 27 de enero de 2015

BOTON

Botón con sombra.

Paso 1. Crea un nuevo documento de Flash. En Propiedades del documento establece las dimensiones de 200 pixeles por 100 pixeles y una velocidad de fotogramas de 12 fps. Si queremos que la figura del botón cubra todo el escenario debemos ajustar las medidas de ambos.
Paso2. Clic en la herramienta Rectángulo (R) y clic en Establecer radio de esquina cuyo icono aparece en la parte inferior de la barra de herramientas. Aparece un panel para establecer las propiedades. En el panel establecemos un radio de 4 puntos. Ve la siguiente figura.
Paso 3. El la sección de Colores de la barra de herramientas, bloquear Color de trazo. Debe aparecer un pequeño cuadro con una línea diagonal. Elegimos el color de releno #50ADEA y dibujamos un pequeño rectángulo.
Paso 4. Aún seleccionado el rectángulo ir al panel Alinear y proceder a alinear el botón con el fondo.
Paso 5. Después de eso, y con el rectángulo aún seleccionado nos vamos al panel Mezclador de colores y elegimos las siguientes opciones:

a. Clic en el icono Cubeta para ver el color seleccionado.
b. En el menú Tipo, elegir la opción Lineal.
c. Clic sobre el color interior del relleno radial. Es el cuadrado en el lado izquierdo de la barra.
d. Escribir el código hexadecimal del color: #50ADEA
e. Para el cuadrado derecho establecer: #317082
Paso 6. Damos clic sobre la Herramienta Texto (T) y en panel de Propiedades elegimos las siguientes opciones:
1. Elegir Texto Estático.
2. Elegir un tipo de fuente.
3. Elegir el tamaño apropiado de la fuente.
4. Seleccionar el color de la fuente.

Paso 7. Escribe el texto del botón. En este ejemplo "Botón"
Paso 8. Con la herramienta Selección selecciona tanto el texto como el rectángulo y oprime F8 para convertirlos en "botón".
Paso 9. Aún seleccionado el botón, ir al panel Propiedades y establecer las siguientes propiedades:
  1. Seleccionar la pestaña de Filtros, luego clic en el icono Añadir filtro y luego seleccionar Sombra del menú que se despliega.
  2. Establecer Desenfocar X y Y en 10.
  3. Establecer Intensidad 100%.
  4. Elegir Calidad Baja.
  5. Escoger el color Negro.
  6. Angulo: 45.
  7. Distancia: 5.
Paso 10. Elegimos la herramienta Selección y luego damos doble clip sobre el símbolo del Botón. Ahora ya estamos "dentro" del botón. La siguiente imagen nos muestra el resultado.
Paso 11. Clic derecho sobre el fotograma Sobre y elegir Insertar Fotograma clave. Después, y con el botón seleccionado nos vamos al Mezclador de colores y hacemos lo siguiente:
1. Clic en el color interior que se encuentra a mitad de la barra.
2. Establecer la propiedad Alfa a 80%.
Paso 12. Clic con botón derecho sobre el fotograma Presionado y elegir Insertar Fotograma clave del menú contextual. Luego clic sobre la herramienta Selección y seleccionamos el botón. Enseguida seleccionamos la herramienta Transformación Libre y nos aparecen unos cuadros de control. Con las teclas de dirección movemos el botón ligeramente hacia abajo.
Finalmente regresar al escenario Principal (Escena 1) y probar nuestro botón con CTRL + ENTER

No hay comentarios:

Publicar un comentario