Archive for the ‘Techniques - Web’ Category

Collapse multiple layer sets keyboard shortcut

Tuesday, August 19th, 2008

When you are working with lots of layers, it makes sense to use layer groups so you don’t end up with just a huge list of unorganised layers in the palette. However, as you are building more complex files in Photoshop, the problem you can get is too many layer groups!! I’ve experienced this with very complex compositions and in-particular when I’m designing website visuals.

(more…)

Photoshop troubleshooting - Avoiding shift in colours when saving for web

Friday, July 4th, 2008

I have read a-lot about this around the Internet, and there is a-lot of debate about how to stop this shift in colours when you use the ’save for web’ function. I will explain what I do in as easy to understand manner as possible! This is something that is really annoying for Photoshop users, especially those that have little or no understanding of colour profiles and ’soft proofing’.

Here is the scenario - you have an image that you have colour corrected to your hearts content. You the go to ’save for web’ and disaster strikes - the contrast can go a bit wishywashy, saturation is lost and all-in-all your perfect image doesn’t look so perfect anymore! Don’t panic, just follow my simple step to perfect web colour!

(more…)

Creating a solid background - the sensible way!

Saturday, May 24th, 2008

I often see Photoshop files where the background is filled with a flat colour. The simple way to do this is to simply select all and fill with the desired colour - but what if you change your canvas size… back to step one because your left with a rectangle filled with one colour surrounded by your background colour! There is a simpler, more flexible way of-course!

(more…)

Watch out when you are resizing GIF images in Photoshop!

Saturday, January 19th, 2008

This is a tip I had almost forgotten about, until I resized down a simple GIF image, and remembered why it had come out such bad quality!

(more…)

Protecting your digital images from unauthorised usage Part 1

Thursday, December 22nd, 2005

Protecting your hard work from unauthorised usage is of great importance to digital artists and photographers and there is many ways to effectively make your images viewable for approval, but almost unusable for anything else! (more…)

Changing the surrounding background colour in full screen mode

Tuesday, September 20th, 2005

This is not so much an Easter Egg in the traditional sense, more of a little known hidden feature - as this one may actually be occasionally useful, especially for web designers! When you are working in full screen mode you can change the default surrounding canvas colour (the area around the image) of neutral gray (more…)

Web image slicing the quick and easy way

Tuesday, August 16th, 2005

All web developers have been through the painful and slow process of cutting up images into sections, individually optimising them for the web and then constructing a table to hold them all together in a HTML design application. Fortunately Adobe have realised that this is a common task and have given us a quick and easy way to perform boring job! (more…)

Designing flexible website visuals

Thursday, August 11th, 2005

Almost web designers begin their layout designs in Photoshop - its so much more flexible than jumping straight into your actual web design application like Dreamweaver or Go Live. Well, here are some great tips for when you are working up visuals that have personally saved me a-lot of headaches and repetition of work! (more…)

Editing multiple layers of type together

Tuesday, June 14th, 2005

Here is a very rarely documented feature-when you are working with text in Photoshop, you often have lots of different layers containing it. It’s always a hassle if you want to change some or all of them to update a design or try out new design options quickly (more…)


Scampenstein - Internet community funded animation project