Skip to main content

Ultimate Guide to Photo Shop

Ever wanted to learn how to use Adobe Photoshop, but had no idea where to start?

Most Adobe Photoshop tutorials (including my own) are for people who are already familiar with Adobe Photoshop. This tutorial goes right back to the DAWN OF TIME! :) ...and is designed for the Adobe Photoshop beginner.

This basic, thirty-minute tutorial is not a comprehensive instruction manual. It only gives you the very basic features you need to know to start using Adobe Photoshop. From there, you'll quickly discover most of the other features of the program.

The images in this tutorial are from Adobe Photoshop 7.0, but they're very similar to those from earlier versions of Photoshop.

Let's get the tutorial started...

Click File > New, and create a new image of any size you desire.

1 – Setting Adobe Photoshop's Undo option

Press Ctrl+K to bring up the Preferences window. (In Adobe Photoshop 5.0, you'll need to click on the Settings tab, on the File menu.)

Change your "Redo Key" to Ctrl+Shift+Z. This enables you to press Ctrl+Z while working to undo your last actions. Remember this.

2 – Using Adobe Photoshop's Layers window

The Layers window shows the various layers that your image is made up of.

To make a new layer, click the New Layer button, as shown by the red arrow.

To work on a different layer, click on that layer. The eyeball will apear next to that layer.

You can drag layers up and down the list.

Remember – create a new layer for each part of your image. This allows you to go back and edit the layers individually. Every Adobe Photoshop novice at some time makes a masterpiece, only to find out that they did it all on one layer, and now they can't remove those pink clouds they put on it.

3 – Learning about Selection

One of the most important concepts in Adobe Photoshop is Selection.

This is the Rectangular Selection Tool.

Use this tool on your image to select an area of the image. This lets Photoshop know that that's the area you want to work on.


4 – Adding to a Selection and making a square

To add to a selection, hold Shift before dragging.

To make the selection exactly square, start dragging, then hold Shift.

You can press Ctrl+D to "deselect" and remove the selection at any time.


5 – Elliptical Selections and subtracting Selections

Hold down on the Selection Tool on the Toolbar, and choose the Ellipse.

To move the selection, just click inside it and drag.

Holding Alt while selecting subtracts that area from the selection. I've done that with the Ellipse Selection Tool.

6 – A Selection exercise

If you're following this tutorial in Adobe Photoshop, see if you can make these shapes.

7 – Choosing a colour

Now that you know how to select an area in Adobe Photoshop, we can look at some tools that can do something with that area.

Before we get started on colouring your selection, you'll need to pick a colour.

This part of the Toolbox is where you select your colours.

The top square is the foreground colour. If you use a brush or paint bucket, it will apply this colour.

The bottom square is the background colour. It has various purposes, but it's also a good place to store a second colour that you're using.

Click on either square to change its colour.
Click the arrow to swap the two colours.
Click the little squares to reset the colours to black and white.

8 – The Paint Bucket and Gradient tools

These two tools are on separate buttons in Adobe Photoshop 5.0, but share a button in Adobe Photoshop 6.0 and Adobe Photoshop 7.0. To select one, click and hold.

On a new layer, just click the Paint Bucket tool inside the area of your selection to fill it with the colour you've selected.

Click and drag from one area to another to fill the area. The point where you started to click will be the colour of your foreground colour, and the point where you took your finger off the mouse button will be the colour of your background colour. The area in between will gradually change from one colour to the other.

In this case, I went from corner to corner, with the default white and black selected.

9 – A colour exercise

With what you've learned so far, you should be able to recreate this piece of hippy history. :)

Remember to create each step on a new layer.

10 – Adding Effects

Now that you know the basics, it's time to start adding some easy special effects.

To demonstrate Adobe Photoshop's special effects, here's an unembellished button for a website.

Each part of this image is on a separate layer.

11 – Key Adobe Photoshop Blending Options

In the Layers list, right-click on a layer, and select Blending Options (Adobe Photoshop 6.0 & Adobe Photoshop 7.0) or Effects (Adobe Photoshop 5.0.)

This is a picture of the left-hand portion of the Blending Options window that will appear. (The window is much smaller in Photoshop 5.0.)

Drop Shadow
Selecting this option will make your layer cast a shadow on layers below it.

Bevel and Emboss
Makes the layer like a block of gold bullion - raised in the centre, with edges that slope down. (This is a good effect for creating buttons.)

Texture
Makes the surface of the layer look like it's made of wood, stone etc. Use the "Overlay" setting.

Stroke
Stroke is just another word for "outline". A Stroke is useful to make an object stand out from its background. (In Adobe Photoshop 5.0, this option doesn't exist. Use Outer Glow as an alternative.)

12 – The end result

Other than using some of the Blending Options, nothing else has been done to this button.

It's really that easy.

A final few Adobe Photoshop features

Zoom: Press (Ctrl and +) to zoom in. Press (Ctrl and -) to zoom out. This is very useful if you're a bit of a pixel pirate :)

Transformation: To Transform (resize/rotate/distort) an object, press Ctrl+T. To Transform a selection, click Select > Transform Selection. Use the Shift key while transforming to stop the image distorting.

"Special Message"

I hope this tutorial has helped you get the idea of Adobe Photoshop. You can now face the "wall of random icons and palettes" with confidence. :)

Happy Photoshopping! And More advanced tutorials of Adobe Photoshop will be thrown in the next post.>>>>>>>To be continued.............................

Popular posts from this blog

Using Latitude and Longitude with Google Maps

Whether you want to quickly add a waypoint to your GPS, or view a map of a known location, it can often be convenient to use real latitude and longitude values with Google Maps instead of dealing with street addresses.



Rerieving a map for a lat/lon value is simple enough with Google Maps. You can simply enter the decimal latitude and longitude into the search form instead of a street address.However, if you're viewing a map and you want to retrieve the lat/lon location, there unfortunately isn't a convenient "get latitude and longitude" button. Google Maps deals with latitude and longitude locations internally, though, so with this little snippet of javascript, you can easily get the job done: javascript:void(prompt('',gApplication.getMap().getCenter()) This will return the coordinates of the map's center point. You might want to double-click a position on the map before running the above code. Doing so will reposition that point to the center of the map …

310+ Essential readings, tools and Resources for Bloggers

I was looking for them and then I found them at Problogger, mashable and others from Matt Huggins. While some of you might be aware of some of them, for others it may be a new world. But then these tips help everyone.

Essential Readings

Can You Make a Living Blogging? (Graywolf SEO)Five Beginner’s Blogging Tips (John Chow)The First 7 Days of Blogging (Pronet Advertising)Put on Your Game Face (Pronet Advertising)How to “Announce” a Blog (Blog Traffic School)How to Use Social News Aggregators as a Source for Content Ideas (Dosh Dosh)5 Ways to Building a Better Blog (Pronet Advertising)Bring Your A-game to Write for Blogs (Freelance Switch)What Are You Learning from Leading Edge SEO Bloggers? (Graywolf SEO)How Great Headlines Score Traffic (Copyblogger)10 Sure-Fire Headline Formulas that Work (Copyblogger)Declaring War on Blogger Apathy (ProBlogger)How to Market Your Blog in 2007 (ProBlogger)21 Tactics to Increase Blog Traffic (SEOmoz)Five Steps to a Truly Unique Blog That Attracts Reader…

Social Bookmarking Widget for Blogger

On a social bookmarking system or network, users store lists of Internet resources that they find useful. These lists can be accessible to the public by users of a specific network or website. Other users with similar interests can view the links by topic, category, tags, or even randomly. Other than web page bookmarks, services specialized to a specific subject or format - feeds, books, videos, shopping items, map locations, wineries, etc. - can be found.


The biggest way of increasing traffic to small blogs is Social networking. As such social bookmarking becomes very essential for small blogs such as ours. With that said, it is very important to provide the readers with a very easy way to bookmark the articles they find useful. As you may have seen till yesterday, this blog used Addthis social bookmarking tool which the most of bloggers at blogspot use. But it needs an extra click as compared to thesocial bookmarking widget of wordpress.com blogs and hence comes this article to the …