Search
Recommended Sites
Related Links






Valid XHTML 1.0 Transitional

Valid CSS!
   

Informative Articles

10 Tips on designing a fast loading web site
Tips and tricks on effective web design The Number 1 rule that every web designer should follow is to create a fast loading web site. You might have a great design but very few people are going to see it if it takes a long time to load. While...

Browser Compatibility
Internet Explorer, created by microsoft has been the most popular web browser for many years. But the gap is shrinking with the release of Mozilla Firefox, by an open source community. At the last count it is said that there are 64 million firefox...

Building Links For Search Engine Optimization (SEO)
In the past all you had to do to get good rankings in Google and the other search engines was to trade links with several other web sites using your key words in the link text. Although this still holds true today, I have reason to believe sites...

CSS or Tables?
The 30 minute CSS tutorial. What is CSS? CSS is the technology used to make the layout for webpages. They are Cascading Style Sheets, used to style your HTML documents. They are slowly replacing tables as the preferred medium to...

Fun CSS Tricks You Can Use
CSS or Cascading Style Sheets allow you to implement a few neat effects on your webpages easily. You can implement these CSS effects on your site by simply copying and pasting the code. ROLLOVER COLOR TEXT LINKS Have your text links...

 
Creating nice looking thumbnails for HTML photo albums.

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.

Picture Frame: 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!

Bevel: 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...

Mask: 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 fancy, 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

Sign up for PayPal and start accepting credit card payments instantly.