designbump

In this tutorial, I thought I would show you a simple process of manipulating a image with lighting effects and incorporating brushes too. This tutorial will bid you a step by step guide on how to achieve the illustrated outcome

Image optimization is crucial for any website. Non-optimized images are bloated, take up bandwidth, and actually drive away web traffic. In today’s competitive web, no one can afford to lose visitors for any reason, so we’ve gone around and rounded up the 16 most powerful image optimization tools, to help enhance your website performance and save you some bandwidth.

Without regurgitating too much history behind image sprites and how and why we should use them, we’re going to create something practical that you can implement into your projects immediately. We’re going to skip the history lesson and get you started using CSS image sprites today.

A great tutorial introduction to the usage of css-sprites for web sites. The article uses a image-based navigation as an example and shows the detailed html/css and photoshop work necessary to achieve the result.