After analyzing the website structure and design of AND website. I figured that the suitable favicon for the website would need to be simple like its website. With the color combination of the website being a whitish/silverfish color with dark font, I decided to make the icon with similar color.

With the use of Adobe Photoshop CS6. I created a canvas with the pixel of 32 x 32. With the help of the Text tool. I created the favicon pixel by pixel. The design consisted of the acronym ‘&’ between two letters ‘A’ and ‘D’. After consent with the project supervisor. I sent it to the project supervisor.

With the use of Adobe Photoshop CS6, I created a simple file with the preset based for a website. I created three different layers for the icon. Each layer consisting a letter (i.e. AND).  After creating the letters and placed them accordingly with each other on the canvas, I merged all of the layers into a single layer. I saved the Photoshop file in a PNG format. Then I converted it into .ico format with the help of the website ‘converticon’ www.convertico.com.

 

The favicon will be added to the necessary locations of the website code.

Creating favicon for AND website

Leave a Reply

Your email address will not be published. Required fields are marked *