Search
Recommended Sites
Related Links






   

Informative Articles

Advantages of an Online Site Builder
There are numerous choices when it comes to building web sites. One of the first choices you will have to make is whether to use an online or offline site builder. Site Builders Site builders can be divided into two categories, online and...

Create a Google Sitemap for your Web Site
Google Sitemaps is a simple and fast way for your site to be constantly indexed and updated by Google. This article will discuss the benefits of implementing this new technology, who should use it, how it works and how to create a Google Sitemap...

Empower Web clients, Increase your profits
Static Websites, Static Content In the early days of websites and webdesign, if (when) there was a need to change, add or modify published information on a clients website we'd get a call (or email) from the client with a markup of proposed...

How to Add a Search Engine to Your Site
When visitors arrive at your web site you want them to find the information quickly otherwise they will lose patience and move on. A great way achieve this is to add a search engine or search box to your web site. Since most visitors are already...

Putting Sound on your Web Site - Part 2
In the prior article I discussed the fact that MIDI is the best choice when adding background music to autoplay on your web site. Choruses of favourite songs can be looped to play while images and text are loading. MIDI is the best choice as it...

 
Making Nice Looking Thumbnails for HTML Photo Albums.

Learn how to create non-rectangular nice looking thumbnails with frames, bevels and masks for your web photo galleries.


Several years ago I spent a nice summer in Europe, visiting great countries like Spain, France and Netherlands. I brought a huge collection of digital photos from this trip and wanted to share them with my friends and relatives. I started to look for the software that can generate photo albums to upload them to my homepage and was quite dissapointed with the quality of the thumbnails pages - even though the pages themselves looked fine - the small pictures were just resized originals, rectangles, the one-pixel frame around them was the best that I could found those times. What I wanted is something like bevel effect or frame effect around the thumbnail and a shadow to make it look more 3D, alive and fancy.


Then I thought that it could be easily done just saving a script in Paint Shop Pro with bevel, frame and shadow effects, and then running batch on all my gallery photos. But I figured out that I can't create HTML pages along with my generated thumbnails.


So I decided that we might develop that kind of software ourselves. At that times we were a team of software developers that were working on projects for the offshore business. I talked to guys and after some planning we started on this project.


The main goal was to create nice looking, stylish thumbnails, so we started with a picture frame. The frame looks like a conventional picture frame, so you can specify frame thickness, give it round edges, specify the frame height, light direction, overlay any texture - for example any wood or marble and give it 3D shape. But if you want - you can create all sorts of fancy frames with acid textures and irregular borders - it depends on what style do you want!
Another effect I always wanted was Bevel - it is an effect that makes your picture look three dimentional, thus more effective and striking. Also - rounded edges together with bevel give us nice and extreemly good-looking thumbnails. Almost what I wanted...


But what about other shapes ? Rounded rectangle was not enough for me, so here is where the masks come out ! I was really amazed, I remember, how effective the masked thumbnail looks together with beveled edges, just pick a mask and bevel does the rest. Or create a frame and apply a mask to make irregular shape for the frame.


Also we created many other features like HTML gallery templates, e-mail sending, batch processing and others, here I just wanted to point out why we started this project - we wanted our galleries to look unique, stylish and fancyScience Articles, and we think we did it ! You can try it yourself - the program is called Photo Shaman.


ABOUT THE AUTHOR
Mark Loumbert - Communication Director and CEO, Brave Orange. http://www.photoshaman.com