Julio 18, 2004
Cómo hacer un Favicon
A raíz de un post sobre el favicon de esta web surgió cierto interés en saber cómo se hacía exactamente este pequeño gráfico.
Este es un pequeño tutorial de cómo hacer un favicon usando el programa Microangelo en este caso, por ser el más idóneo para la tarea. Una opción gratuita al micrangelo es Icon Art; no lo he probado pero tiene buenos comentarios de los que lo han bajado.
Un favicon como el de esta web:
Puedes bajar una version de prueba del Microangelo de aquí. Tiene traducciones por si el inglés no les va cómodo.
Abrimos el MICROANGELO STUDIO. Nos vamos a ARCHIVO-->NUEVO: TIpo de imagen: ICONO.
Luego en el menú nos vamos a HERRAMIENTAS y de allí a NUEVO FORMATO DE IMAGEN. Escogemos 256 colores y de tamaño 16x16.
Click en ACEPTAR y ya tenemos el lienzo listo.
El resto depende de nuestra imaginación y uso de la increíble paleta que nos brinda Microangelo.
Lo bueno que tiene la paleta es que maneja muy bien los tonos medios o en degradé. Asi manejandolo podemos hacer bonitos efectos de sombreado, por ejemplo esto hice yo para mi favicon, fíjense en el efecto de sombreado.
No es nada del otro mundo. Practicamente es dibujar y pintar a píxe (cuadradito por cuadradito). El programa cuenta con herramientas precisas de dibujo y pintura.
Guardas el archivo con el nombre "favicon" y lo subes a la raíz de tu servidor donde alojes tu página web. Luego en la página principal de tu web pones esta línea entre los tags <head>:
<link rel="shortcut icon" href="favicon.ico" />
Y listo. Tienes un favicon visible en los navegadores, en la barra de herramientas o en los favoritos.
Otras opciones para manejar iconos
Posteado por Jesus en Diseño Julio 18, 2004 12:54 AM|Menéame