Tutorials

This tutorial will show you how to make some really great fireworks using Photoshop. It’s a great technique to use on celebration cards and posters, as well as graphics pertaining to holidays such as New Years and Independence Day.

In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. Parallax scrolling is frequently used in most 2D animation and games, where the background images and foreground images scroll at different rate of speed. This will create an illusion of depth as the background images are moving slower than the foreground images.

This is a very nice roll-over photo gallery that uses nothing but CSS. While I'm a huge fan of jquery, and have built this sort of thing with it, there is definitely a need for better photo galleries and it’s very simple to add a image gallery like this one, that only rely on CSS

They’re the corkscrew in every graphic designer’s Swiss Army knife. Much used, oft maligned but always popular, drop shadows are a staple of graphic design.

Although easy to accomplish with image-editing software, they’re not of much use in the fast-changing world of web design. On the web, adaptability and ease of use dictate trends — and static images with a fixed background effect are not very adaptable.

Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by its icon. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy. The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.

Overlapping navigation is a real problem in CSS with the box model and browser support. It is possible though. This technique is advanced CSS and the tutorial assumes a good level of understanding of both CSS and XTHML.

While page curls have been abused by some designers, sometimes they can be useful. Here, Veerle, shows one way of creating page curls in Photoshop

This useful little tutorial shows how to use SyntaxHighlighter to add nicely numbered and highlighted code snippets to your blogger posts.

Nick La at Web Designer Wall has put together a great tutorial for those designers out there that have heard the buzz and want to try for themselves. Nice one.

My colleague Lyn found this one, and used the technique for a project. Nice tutorial showing how to create a filmstrip effect using basic shapes, a photo and some 3d mapping.