Diseñando el botón del feed en Fireworks

Leo en CommunityMX un tutorial (en inglés) para crear el ícono del RSS de nuestro sitio. Si bien en Internet hay un montón de éstos muy atractivos decidí crear el propio por dos razones: la primera porque no encontré uno que se adaptara a lo que quería, y la otra que me ayuda a conocer más el Fireworks. A continuación el tutorial.

Abre el Fireworks y crea un nuevo documento de 100 píxeles por 100 píxeles. Para que puedas ver bien lo que estás haciendo es recomendable convertir el color del lienzo a negro.

tutorial-boton-feed-1.jpg

Selecciona la herramienta Elipse y dibuja un círculo de 40 píxeles por 40 píxeles. En las propiedades del objeto cambia el relleno a transparente y la línea a un grosor de 3 píxeles. Dibuja un círculo con idénticas propiedades al anterior pero con diferentes dimensiones: 24 píxeles por 24 píxeles y sitúalo en el centro del otro. Tendría que quedarte algo como esto:

tutorial-boton-feed-21.gif

Selecciona ahora los dos que has hecho y elije la herramienta Cuchilla y realiza dos cortes perpendiculares entre sí.

tutorial-boton-feed-31.gif

Elimina los excesos y por último dibuja otro círculo de 10 píxeles por 10 píxeles de color blanco.

tutorial-boton-feed-4.gif

Eso es todo, ahora puedes agregarle un fondo degradado o algún detalle que te guste.

tutorial-boton-feed-51.gif

2 Comentarios publicados

  1. SpamLoco (March 19, 2008 a las 12:02)

    Muy bueno el tuto.

  2. Martín (March 19, 2008 a las 12:02)

    @SpamLoco: Muchas gracias! Espero te sea útil. Saludos.