Adding drop shadow to your images.

build a websiteAdding drop shadow to core images on your primary pages can add depth and life to your pages. From a website builders’ point of view aswell as visitors, it makes images far more aesthetically pleasing than just a straight image with a simple line border. You can add shadow to images in your header now too with Reason8’s amazing new template builder. But how do you add them to your website pages? You can use a selection of free image editing programmes available online including or professional image editing programmes including Paint Shop, Adobe, etc., etc.

If you haven’t already got an image editing programme, we recommend a programme called Paint.NET is free image and photo editing software for computers that run Windows. You can download it by typing into your browser and clicking on the Getpaint link. Find and click the Download button. It should only take a couple of minutes.  It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools.

Once you are in you’ll find a help button, which provides links to tutorials and to plug ins and added features.

Drop Shadow can be downloaded very simply as build a websitea patch to your software, again for free. The "Drop Shadow" effect (once downloaded) is found under the Object effect menu and offers setting inc., offset, widening, blur, opacity and a colour picker.

Open Paint.Net and open the image you want to add a shadow to. If your image includes the background border and you want to add a shadow to the bottom right square edge, then go to Image > Canvass Size and add 10 pixels to both the height and width, then select a top left Anchor point in the option at the bottom.

Next select the Magic Wand from your Tools menu, select a tolerance of about 5% and click on the new extra background you have just added. Then go to Edit > Invert Selection. Then go to Effects > Object > Drop Shadow. Select the size and depth and blur of your shadow then click OK.

Now save your new image to a folder on your computer and upload it to you website as you normally would.

If you have an image of an object on a white or other solid background and you want to add the shadow to the object itself, then use the Magic wand tool again and click in the background. Go to Edit > Invert Selection. Then to Effects > Object > Drop Shadow. Again select the size and depth and blur of your shadow then click OK. Save your new image to a folder on your computer, then upload and place your image into your website pages.

build a website

Comments (Comment Moderation is enabled. Your comment will not appear until approved.)
This blog is running version
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','','ga'); ga('create', 'UA-2227312-2', 'auto'); ga('send', 'pageview');