How To: Make a favicon for your site in Photoshop CS3

Make a favicon for your site in Photoshop CS3

In this Computers & Programming video tutorial you will learn how to make a favicon for your site in Photoshop CS3. A favicon is a little symbol that shows up on url bars and also on browser tabs. Open a new project in Photoshop by pressing ctrl+N. Select height and width to 64 pixels and click OK. Now open the title tool and type in whatever you want. In the video, it is ‘F’. Open the background layer and do a color overlay of black. Now change the color of the title to white so that it is visible. Again open the title tool and type in ‘D’ and change its color to red. Drag the ‘F’ and ‘D’ so that both are visible. Then go to image > image size and set height and width to 15 pixels and ‘resample image’ for ‘best for reduction’. Now go to file and save it as ‘.ico’ file. That’s it!

Want to master Microsoft Excel and take your work-from-home job prospects to the next level? Jump-start your career with our Premium A-to-Z Microsoft Excel Training Bundle from the new Gadget Hacks Shop and get lifetime access to more than 40 hours of Basic to Advanced instruction on functions, formula, tools, and more.

Buy Now (97% off) >

Our Best Phone Hacks

Gadget Hacks' tips — delivered daily.

Be the First to Comment

Share Your Thoughts

  • Hot
  • Latest