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!

Just updated your iPhone to iOS 18? You'll find a ton of hot new features for some of your most-used Apple apps. Dive in and see for yourself:

Be the First to Comment

Share Your Thoughts

  • Hot
  • Latest