You can see I’m quite enjoying making video posts – this is the second one in 4 hours!
This time we’re looking at how a gradient can be added to the edges of a background image so that it seamlessly fades into the background color of your HTML page.
Basically we will be turning the image below, and to the left, into the image on the right – apologies in advance for the long-winded video – I’m still getting the hang of talking while I’m working and sometimes it’s hard to remember what I want to say while I’m concentrating! Bear with me…
And a big thanks to Matt for letting me play with his really nice pool table background image – you can see the background in action at Matt’s Pool and Snooker site – click here.
I should also add that the software used for image editing in this video is Adobe Fireworks – You could use similar techniques to achieve the same effect in Photoshop, Gimp, etc.