Header Banner
WonderHowTo Logo
WonderHowTo
Photoshop
wonderhowto.mark.png
Gadget Hacks Next Reality Food Hacks Null Byte The Secret Yumiverse Invisiverse Macgyverisms Mind Hacks Mad Science Lock Picking Driverless
Home
Photoshop

How to 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!

Apple's iOS 26 and iPadOS 26 updates are packed with new features, and you can try them before almost everyone else. First, check Gadget Hacks' list of supported iPhone and iPad models, then follow the step-by-step guide to install the iOS/iPadOS 26 beta — no paid developer account required.

Related Articles

Comments

No Comments Exist

Be the first, drop a comment!