Ultimate Photoshop Crash Course – Part III

Hi there! I’m happy to bring to you the third and last part of our Adobe Photoshop crash course. Remember that this is a basic and fast course for people that aren’t used to the software, but are interested in starting to use it. Today we are going to see the (much anticipated) retouching tools, painting tools, type tool, filters and a lot of  extra tips. Get ready!

RETOUCHING TOOLS

It’s time to start working with the retouching tools. The first one is the Healing Brush Tool (J). I have to say that this tool combined with the clone stamp tool (next one) can work miracles for retouching skin and even “erasing” intruders in photos.

Clipboard01

So, how does it work? This tool copies pixels from a specific area to another. You have to select the source, called the origin, a clean, ‘good’ place  near the area that you will retouch. In the image below (originally from epydenver) I want to retouch the big pimple on the nose. The nearest clean area is right below it, so it’s going to be my source. To define the origin all I have to do is hold the Alt key and click.

Clipboard06

And now, to “paste” those pixels, just click and drag over the area you want to change. You’ll see that this tool copies the texture and blends it with the new area. That’s how the healing tool works.

Clipboard07

Here I used the tool over in the whole image to correct imperfections:

retouch2

A similar tool is the Clone Stamp Tool (S). It also works with origins and destinations (alt+click / click+drag).

Clipboard08

See the same treatment using the Clone Stamp Tool:

retouch3
Tip: A good thing about the Clone Stamp is that you can lower its opacity on the properties bar.

Now we have the Blur/Sharpen/Smudge tools, used to affect specific areas, functioning like a brush. Just click and drag in the areas you want to modify.

Clipboard09

See what each one can do.

Blur Tool (applied to the nose and cheeks)

retouch35

Sharpen Tool (applied in the nose)

retouch4

Smudge Tool (applied in the boy’s fingernails)

retouch5

Another interesting group of tools is the Dodge/Burn/Sponge tools group.

What they do:

Dodge Tool (make the image lighter)

retouch6

Burn tool (make the image darker)

retouch7

Sponge tool (saturates or desaturates the image – applied here to the whole image, except the lips)

retouch8

Tip: Always use the Properties Bar for new effects and settings.


PAINTING TOOLS

The first tool you think of when it comes to painting is the Brush Tool (B).  It’s a quite simple and powerful tool.

Clipboard11

The default brush is a round and smooth brush, but there are many different brushes to work with. If you click on the upper-left arrow in the Properties bar you can see some brush presets that Photoshop offers.

Clipboard12

Have you noticed the Hardness slider? Below is an example of the difference between a 0% hard brush and a 100% one:

painting2

To change the color, just click on the Foreground Color at the tool bar and choose a color in the dialogue box.

Clipboard125

Clipboard13

If you want to paint, it’s also important to learn how to erase, using the Eraser Tool (E).

Clipboard14

Let me show you an interesting use of the eraser, apart from painting. I opened a photo of an eye, duplicated the background layer and desaturated the new layer (remember Part II?). Then I erased the iris of the second layer, revealing the layer below. Notice the transparent hole in that layer’s thumbnail.

Clipboard15

Next is the Gradient Tool (G).

Clipboard16

There are some gradient presets already in Photoshop. Go to the properties bar, click on the arrow near the gradient example and browse some of them.

Clipboard17

If you want to create your own, click on the gradient in the Properties bar and edit the colors in the gradient editor.

Clipboard18

You can create gradients with a loooooot of colors, like this ugly one that is one of the Photoshop presets:

Clipboard20

And also gradients with transparency (opacity).

Clipboard21

You also need to know that there are some different kinds of gradients. Check the Properties bar:

Clipboard23

See how each one looks.

Linear

painting5

Radial

painting6

Angle

painting7

Reflected

painting8

Diamond

painting9

DRAWING TOOLS

Some of the most important, but also most complex and advanced tools in Photoshop, are the drawing tools. Especially tricky is the Pen Tool.

Clipboard24

This tool and its fellows deserve our full attention, so we won’t talk about them here. We already have a How To that teaches everything you need to know to start using the Pen Tool: How to create a “Fake Vector” image in Photoshop.

Lets continue with the related tools. These two arrows are used to select objects. Like Illustrator, the black Path tool will select a larger object than the white Direct tool, which is used for vector points.

Clipboard25

There’s another tool group that creates vectors in basic and custom shapes that can be very useful for drawing.

First thing, I strongly recommend beginners go to the Properties bar and set the the mode to “Fill Pixels” (highlighted below):

Clipboard27

I also recommend always creating a new layer (Ctrl + Shift + N) before drawing, so you can work freely with isolated objects.

Here I used the Rectangle Tool:

Clipboard28

Round Rectangle Tool

Clipboard29

Ellipse Tool

Clipboard30

Polygon Tool (notice that it’s set for 5 sides)

Clipboard32

Polygon Tool (now using the Star property)

Clipboard33

Polygon Tool (now using Star and Smooth Corners properties)

Clipboard34

Line Tool (several lines with different weighs)

Clipboard35

Custom Shape Tool (you can use one from the preset gallery or create your own using paths)

Clipboard37

Remember that all these features can be changed using the configurations in the Properties bar.

TYPE

Working with type in Photoshop is really easy. You’ll usually only need the Horizontal Type Tool.

Clipboard38

There are two ways to create text: point text and paragraph text. The first one is more commonly used for solo words, titles or small phrases. The second one is used for a larger amount of text, like paragraphs.

To create point text, all you need to do is to click anywhere and start typing. Hit enterto finish.

Clipboard39

To create paragraph text, you must click and drag, creating a box, and then start typing.

Clipboard41

Clipboard42

You always need to hit Enter after typing to confirm and release your text. Then the box disappears and only reappears if you click on it with the Type Tool to edit it.

Clipboard43

The configurations are also simple, much like we’re used to in common text editors. Just remember to highlight the text (click and drag like in other software) before setting the font, size, spacing, etc.

Clipboard45

Go to the menu Window > Character. Here are the settings for your text. You can change the font, size, spacing, make it bold, italic and more.

Clipboard46

And going to the menu Window > Paragraph you’ll see this other panel where you can set the alignment, paragraph spacing and even hyphenation.

Clipboard47

SELECTIONS WITH QUICK MASK

In the first part of this crash course we’ve seen basic selection tools. Now you’re able to make selections that are a little more complex, using the Quick Mask (Q). The Quick Mask is a mode in which you can “paint” a selection. Let me show you how.

These are the symbols for the QM mode. When you click on it, the symbol will transform to the second icon below, indicating that you’ve entered the QM mode. You just need to click on it again to exit.

Clipboard51

You will mainly work with brushes, and ONLY in black and white (maybe gray shades, but not right now). I selected a round 200px brush 40% hard.

Clipboard53

I’ve opened this image (from SXC.hu) and now I want to select the sofa. All I need to do is use the Brush  Tool (color: black / opacity: 100%) to paint that area. Notice that as I painted the sofa using the black brush, a red color overlay appeared indicating the selection.

Clipboard54

As I’m done with the “painting”part, I can leave the Quick Mask mode (remember that button?). Automatically, Photoshop creates a selection around the area I painted.

Clipboard55

The selected part is the outside, not the inside. So we must go to the menu Select > Inverse (Ctrl + Shift + I) to invert the selection. Now we can make changes to only the couch.

Clipboard56

From here, there are plenty of possibilities. I can duplicate the sofa onto a new layer (Ctrl + J) and apply effects without (or only) affecting this layer. Here you see the two layers:

Clipboard57

I can make adjustments in one layer, without affecting the other one.

Clipboard58

I can even delete or disable the background and get a transparency.

Clipboard59

See how cool Quick Mask can be?

FILTERS

To complete this basic Photoshop Crash Course we’re going to talk about filters. Actually, there’s not too much to talk about, they are effects and effects are meant to be seen.

There are a loooot of filters in Photoshop, divided into categories under the menu Filter.

Clipboard60

You can try them one by one, or use the Filter Gallery.

I’ll show you what some of them can do to this apple:

Clipboard61

Watercolor

watercolor

Diffuse Glow

diffuse glow

Glass

glass

Charcoal

charcoal

Glowing Edges

glowing edges

Stained Glass

stained glass

Gaussian Blur

gaussian blur

Unsharp Mask

unsharp mask

In the filter gallery you can see the effects in real time, before you apply them to the image, and also change their settings.

Clipboard03

Well guys, that’s what I can teach you in three “express” lessons. Remember that the more you learn about Photoshop, the more it gets interesting and powerful. There’s a whole universe of tools, resources and things you can do beyond what we’ve seen in the three parts of this crash course. I hope you’ll keep working at it, because Photoshop is really worth the effort. And  remember, Snap2Objects will be here to help you. ;)

6 Responses to Ultimate Photoshop Crash Course – Part III

  1. bendami December 10, 2009 at 4:37 am #

    walid bendami bonjour

  2. Philouseb December 14, 2009 at 11:20 am #

    Merci pour toutes ces informations et désolé de ne pas écrire en anglais.

  3. Skripstiite January 6, 2010 at 5:48 am #

    Thank you very much for this course! I really appreciate your job!

  4. antivirus key February 12, 2010 at 11:37 am #

    Wow thank you for showing us this cool plugins, the outcome was great!

  5. car wraps February 27, 2010 at 4:27 am #

    Thanks for all the 3 parts. I suck at Photoshop but now i suck a little less.

  6. Rino March 18, 2010 at 6:25 am #

    Man I love this little tutorial. Although I have a lot to learn this helps me out!