Creación de botones en Adobe Fireworks con efectos

Una de las actividades más frecuentes en Adobe Fireworks es la creación de botones. En esta breve guía se abordará más que el proceso funcional, el proceso creativo.

1. Para este ejemplo vamos a crear un área de trabajo de 300x300 pixeles. Dibuje en el centro del área un rectángulo de unos 200x100 pixeles.
   
   
2. Redondee el rectángulo a gusto (30pixeles para este ejemplo).
   
   
3. Selecciones el rectángulo y en el panel de Properties seleccione Linear como el tipo de relleno. Haga clic en la opción de Fill Color Swatch en el panel de propiedades, y seleccione el control negro. Ingrese #CC9900 en la caja de texto (puede ser cualquier color).
   
   
4. Rote el gradiente para que el color amarillo quede en la parte arriba del rectángulo. Vaya a la sección Effects en el panel de propiedades y selecciones Shadow > Inner Shadow reduciendo la distancia o 0 pixeles y la opacidad a 65%.
   
   
5. Agregue el efecto Drop Shadow, reduciendo la distancia a 2 y la opacidad a 50%.
   
   

Efecto Glossy

El efecto glossy permite darle un acabado de brillo al botón.

• Dibuje un rectángulo redondeado a lo largo de la sección superior del botón, y llénelo con un gradiente de blanco y negro.
  
  
• En la paleta de layers defina el blending mode en Screen.
  
  
• Si fuera necesario. rote el gradiente para que la sección más clara quede en la parte superior.