Saturday, December 02, 2006


One of the biggest misunderstood feature in Photoshop is layers. It can appear very complicated but once it is explained, you will see that it is not very complicated and very useful. Layers permit you to do all kinds of fantastic stuff to an image.

For this purpose, I'll use a black and white copy of my Norman soldier drawing to illustrate this in a simple fashion.

Before we go off in the juicy stuff, let me give you a definition. Layers are used to give an image different levels on wich to work with. Imagine your image broken up into acetates on a projector. One could be the background, the second one a face and the third one would have some text. That's what layers are.

In photoshop, layers can be rearranged, there opacity modified, they can be copied, merged, locked with each other, created, deleted, you name it. There are two things to look for, the layer button on the top of the program window and the layer "toolbox" in the window.

Let's pic a jpg file in a folder an open it.

1. First step is to make 2 layers of this image. In the layer toolbox you'll notice that you have one layer named "background". Right click in the blue box that says "background" and click on "duplicate layer".

2. Second, now you have two layers. Click in the layer named "background" to select it, go to select/all and click on that. Now press "delete" to erase everything in your background layer.

3. Third step, you deleted the entire background but you still see the image! Your duplicate is on top of that layer and this is what you see. Your background being blank, you can now put stuff in there to show behind the soldier.

4. Fourth, now click in the "background copy" layer box to select it and with the magic wand I selected the white around the soldier to delete it. Even though it's white, it doesn't mean that it's transparent, you have to erase it. Remember that whatever you do happens in the layer that is selected, the one that is highlited in blue. You can also make a layer invisible by clicking on the eye in the box on the left. This helps sometimes, just click in it again for the layer to reappear.

5. Fifth, to drive the point home, I have made a brush stroke in the background layer to show you what the end result is. I will dump all kinds of stuff in that layer to make a background image for my soldier. Look in the background layer box and you will see one straight brush stroke, but in the image you only see what is not hidden by the soldiers layer.

6. Sixth, I've added some text to demonstrate that whenever you paste something or add some text, it automatically creates a new layer on top of the one that is selected. If I would have made the text with the background selected, the letters would have been between the soldier and the background. If you make the mistake, not to worry. Just go to layers/arrange/bring to front and it will go on top of the next layer.

Once you are done with your image, you can save it with all the separate layers in a psd file or you can go to layers/flatten image. This will return your image to one layer and you can save it as a jpg.

Remember to try stuff and make mistakes, lotsa of them. Success is a poor teacher.



Most newbies to Photoshop, or any other graphic program, are sometimes overwhelmed by the number of options, doodads, bells and whistles that come with it. I agree that it can be very intimidating. It doesn't have to be. The key is in the approach. What you want is to find out what you can make the software do and not what the software does.

I started out with Photoshop 2 many years ago with a 5 minute crash course from my cousin and a background in traditional pen and paper graphic design. I played with it for endless hours without any desire to make anything great, but just have some fun. That's the mindset you should have if you are just starting out with Photoshop or if you have it and never really dared to try it out.

First of all, choose an image that you like and make a copy. Now you can use this image and go nuts. Try everything that is in this program. You cannot do any mistakes. If you don't like what you end up with, just close without saving and start over. Fear of mistakes is the number one enemy of any artist, it prevents talent to shine. Fear is powerful to the point when sometimes you will not even commit the pen to a blank piece of paper. This kills any chance that you have of learning anything.

Second, choose an image that you want to modify, make a copy and go. It can be something simple like removing an ex from a good picture. Just figure it out and do it.

Just remember that when you are satisfied with the results, you have to do like Jesus...and save. Nothing sucks more than loosing an hours work to a power failure. Been there, done that and bought the T-Shirt.

This was not a very technical post, but it is something that everyone should be made aware of before we move along. Anybody that can push a mouse can do Photoshop, it's that simple.


p.s. The image was drawn with pen and paper and colored in Photoshop. It just shows you what is possible.

Wednesday, November 29, 2006


I've been playing around for 6 months trying to find a way to render a cartoon effect to my pictures using Photoshop and lately I think that I've come up with something that produces a decent result. Here I will share with you how I do it and feel free to experiment yourself with this technique. On with the show...

First of all, this tutorial uses Photoshop Elements 1 because that's the one I have and the tutorial is possible to accomplish with just about any version of Photoshop, I think.

1. Open an image and duplicate the background into another layer so you have the same picture in two layers. The top one will be the "ink" and the bottom one will be the "color".

2. We'll start by making the "ink" first. Go into filter/blur/smart blur, use the settings in the image I've posted to start and experiment later.

3. After applying this filter, go to filter/sharpen/sharpen edges. This will better define the basic edges of your image.

4. Go to filter/other/highpass and use the settings in the image posted. This will turn the layer into a barely recognisable gray tone image.

5. Go to image/adjustment/threshold, this will turn the layer into a black and white line drwaing of the image. Play with the setting until you are satisfied with what you see. Once that is done, with the magic wand select a white area. Go to select/similar to to select everything white in the image. Press delete and your "ink" layer is done.

6. Now go back and click on your Background layer and go to filter/blur/smart blur and use the same settings as presented in the image. You can also play with the color settings of the background layer after you do this to make the colors brighter.

That's it, you're done. Add some background color, some letters, whatever you want. This is the basic way to do it. The image I chose for the tutorial is not the best one, but it shows that you can do this with just about any image. Bright colors and sharp lines make the best "cartoons".

For more of my stuff, check out my Photoblog: TakingPictures101.

Have fun and don't be afraid to experiment.