These hints and tutorials are all based on the tools available in Adobe Photoshop CS5

28 Jun 2011

Comic Pop Art

This tutorial shows you how to turn your photograph into a Roy Lichenstein-style image.

Above is the original and final image.

The photograph I used in this tutorial can be found here:


 STEP 1
Begin by duplicating your image (ctrl + J).



STEP 2
Change the levels of your image. To do this, go to image>adjustments>levels. Improve the levels of the image – the values I used can be seen above.

The difference in image can be seen above, with the original image on the left, and new image on the right.



STEP 3
We want to give an aged affect – in order to do this, we will apply a grain. To do this, go to filters>artistic>film grain. For this image I used: Grain – 6, highlight area – 2, Intensity – 6. If using a different image, experiment with these values to suit your image.



STEP 4
Duplicate this layer (ctrl + J), and rename it HALFTONE. To rename your layer, double-click the layer name.



STEP 5
Now, we will add the dots, giving a comic book-feel to the image. To do this, go to filter>pixelate>color halftone.



Change the max radius to 8, leaving all the other values as their defaults. Then set the layer style to darken.



STEP 6
To make it more cartoony, we want to make the colour of the image more vibrant. We will start with the eyes...

Start by creating a new layer – to do this use the new layer button at the bottom of the layers menu (shown above). Rename this layer EYES.

Click the colour selector box (shown by a red box at the bottom left of the image above), and choose a shade of green (as her eyes are green). You don’t want the colour to be too bright, nor too dark. Choose a middle shade. Then click ok.

Click the brush tool. As you can see from the image above, I set the size to 63, keeping the mode on normal and opacity at 100%. I chose 63px as it is close to the size of her iris.

Click over both of her eyes, making sure you are quite accurate.

Change the layer style to hue, and opacity 70%.



STEP 7
Now we want to change the hair.

Create another new layer using the new layer button, and rename it as HAIR.
Using the colour selector box again, choose a shade of yellow. Then click the brush tool. The settings will have remained the same as last time – the size of brush can be changed in order to fit the area. Try to be quite neat along the lines of her face.

Change the layer style to multiply ,with an opacity of 100%. Edges can be tidied up using the rubber tool.



STEP 8
Now we want to change the lips.

Create another new layer using the new layer button, and rename it as LIPS.
Using the colour selector box again, choose a shade of red. Then click the brush tool. I find it is best to use a small brush size for this, as it will give the most accurate finish.

NOTE: zooming in to this area will allow you to be more accurate in your painting.

Change the layer style to soft light,with an opacity of 75%. Again, edges can be tidied up using the rubber tool.



That is the image completed.

26 Jun 2011

Tilt and Shift Effect

Tilt and shift photography makes the subject of the photo look as if it is miniature. Although this can be done using a special lens, Photoshop can create the same effect.

NOTE: as this effect gives the impression of a miniature model, it is best to use photographs that are taken from above. Buildings, cars and roads work particularly well with this effect.

Above, you can see the original and edited images. Additionally, a larger final image can be see at the end of the tutorial.



 STEP 1
With your image open on Photoshop, enter the Quick Mask Mode, which can be found at the bottom of the tool palette (as shown above)


STEP 2
Select the gradient tool, choosing the reflective gradient.


STEP 3
With your gradient tool, draw a vertical line... the starting point will be the centre of the in-focus area, and the end point will be the end of the transition to out-of-focus. 

As you can see from my image, the line starts just below the white van and ends just above the green spire.
After you release the mouse, a red band will appear across your screen. This shows the area that will be in focus.


STEP 4
Take a look at the red band – the middle of the band will be in focus, gradually becoming out of focus where the red ends. 
If this is not where you want it to be, simply draw another line until the area you want is covered.
NOTE: the out-of-focus is not yet applied. This will be applied in later steps.


STEP 5
Return to standard mode by clicking the quick mask mode button again. The area that will be made out-of-focus will be selected by a rectangular box/boxes.


STEP 6
Go to filter>blur>lens blur



Experiment with the radius and other settings until you achieve the look you want. Once happy with the effect, click OK. This will bring you back to your image.


STEP 7
Use ctrl+D  to deselect the selected area.



STEP 8
As miniature models are usually painted bright colours, you may want to increase the saturation of the image to improve the effect. To do this, go to image>adjustments>hue/saturation.



Again, experiment with these values until you achieve the look you want.


This is the finished image.

ADDITIONALLY:
To improve the layout of the image, you can crop it down.


To do this, use the rectangular marquee tool to highlight the section of the area you want to crop. Then go to image>crop.






Art Fragmentation

This is a simple way of turning any photograph into a beautiful piece of art.

Above, you can see the original image, and the image created in this tutorial. The image used can be found here: 


  
   STEP 1 
Duplicate the background layer right click on the layer > duplicate layer 
(or use shortcut ctrl + J).


STEP 2
Change the layer style to Overlay


The image should look a little something like this...


 STEP 3
Duplicate the layer again (ctrl + J), this time changing the style  to screen.


STEP 4
Merge these layers together to make one layer.
Right click on a layer > merge visible.


STEP 5
Now it is time to create the blur. Duplicate this new merged layer (ctrl + J). For this you will use a filter called Gaussian Blur Filter>blur>Gaussian blur.
    Change the radius of the pixels to your desired choice. I think it’s good to be blurred enough to be different from the image, but not so much that you can’t tell it’s the same image. For this I used 7px.


STEP 6 
Using the rectangular marquee tool, make a selection similar to that shown above.


STEP 7
Hit the delete button, which will remove that part of the image.
To remove the selection go to Select>deselect (or shortcut ctrl + D). 
This is how your image should be looking. 


STEP 8
The final step is to create the border. 
To do this go to Layer>layer style> stroke


To create the frame, we will use these values. 
Choose a light colour for the frame



That is your image completed. You can experiment with different layer styles, and the size/shape of the blurred border!

23 Jun 2011

Basic Image Touch-up

This tutorial will show you how to enhance your photo, removing blemishes, spots, wrinkles.


This shows the original photograph and the end result.
The photo I worked with can be found here: http://www.huffingtonpost.com/2009/10/27/lindsay-lohan-the-big-pic_n_335422.html


Step 1:
Duplicate your image ctrl + J. (This gives you a copy in case you need the original again)


Step 2:
Crop the image. To do this, use the rectangular marquee tool to make a selection, then go to image>crop.  Use ctrl + D to deselect the image, then use the zoom tool to fit to screen


Step 3:
We want to cover up the freckles and wrinkles on her forehead. To do this, use the clone stamp tool. Using the zoom tool, zoom in to the area you wish to retouch – this makes it easier to pin point the exact area. To use the clone stamp tool you first need to choose a point to take the colour replacement from. It is best to choose somewhere close by, to achieve the best effect. To choose this point alt + left click. Then, paint over the area you wish to cover.

NOTE: It is best to work in small sections. You may have to redefine your point as you go along – this will give the most realistic result. Work from the middle out, gradually reducing the opacity as you get further out. I used opacity of 30% on the areas around her hair line.



Step 4:
To lighten the areas under her eyes, use the dodge tool, setting the range to highlights and the exposure to 12%. Left click and drag over the darker area.


Step 5:
To remove the blemishes on her skin, use the spot healing brush tool. Set the mode (along the top tool bar) to replace. For this, it is best to use a small brush, tackling each area individually (the size of the brush can also be set along the top tool bar.)

Step 6:
Duplicate Layer 1 (ctrl + J).


Step 7:
We want to change the levels of this new layer. Go to image>adjustments>levels. The values I used can be seen above.

Set the layer style of this layer to soft light with opacity 50%. This enhances the dark and light areas.


Step 8:
Hide the background layer by clicking the eye beside the layer icon. Then right click on layer 1 and choose merge visible.



18 Jun 2011

Shortcuts

This list of shortcuts makes life a little easier when using Photoshop.

New document       -        ctrl + N
Save                     -        ctrl + S
Save As                 -        shift + ctrl + S
Cut                       -        ctrl + X
Copy                     -        ctrl + C
Paste                    -        ctrl + V
Undo                     -        ctrl + z
Step backwards      -        shift + ctrl + T
Resize                   -        ctrl + T
Deselect                -        ctrl + D
Select inverse         -       
shift + ctrl + I

Adjustments
Levels                    -        ctrl + I
Invert                    -        ctrl
Desaturate             -        shift + ctrl + U
Black & white         -        alt + shift + ctrl + B

Layers
New layer              -        shift + ctrl + N
Layer via copy        -        ctrl + J
Merge Down           -        ctrl + E
Merge visible          -        shift + ctrl + E

Tools and their uses

This is a rundown of each of the tools and what they are used for. The tool bar can be found (usually) down the left hand side of the screen.


Many of the tools have a small black arrow on the bottom left hand corner of the button – right clicking on these buttons gives more options for the tool.


This is the move tool (shortcut V). The name says it all – this is used to move your images.
When you have finished typing using the type tool, you can click this move tool to continue working.


This is the rectangular marquee tool, which is used to make a selection. If you want to make your selection square, hold in shift – this keeps the proportions.

By right clicking on the rectangular marquee tool, you have the options of;
  • ·          elliptical marquee tool (this creates a circular selection – holding shift will also keep these proportions)
  • ·       single row marquee tool (this selects a small horizontal line)
  • ·         single column marquee tool (this selects a small vertical line)

If you want to deselect any area created by a marquee tool, go to select>deselect (or use shortcut ctrl + D)


This is the lasso tool, which is a freehand way of selecting an area. To use this, click and hold the mouse while surrounding the area you wish to select. When you have your desired area, simply let go of the left-click.

By right clicking on lasso tool, you have the options of;
  • ·         Polygonal Lasso Tool (this creates polygon selections. To use this click and release on a point of your desired area. Then move to another section, and once again click and release – this will create a straight line between the two points. Continue until you have selected your whole area, and finish on your starting point)
  • ·         Magnetic Lasso tool (this tool clings to edges in the image. Place your first point on an edge, and simply drag your mouse around the line of the image. This tool will automatically select points, but you can also click and place your own points. If one of the points is incorrect, simply hit delete or backspace.


This is the Magic wand tool, yet another way to make a selection. This tool selects areas of the same tone/colour. To use this, simply click on part of the area. If you do not want this selection, press ctrl + D.

By right clicking on magic wand tool, you have the option of;
  • ·         Quick selection tool (this will select areas you roll your mouse over. To use this, click and drag. Once again, it you do not want this selection press ctrl + D.


This is the crop tool, which is used to crop (cut a picture down to just the piece you want). To use this tool, click and drag over the image to make your selection. A grid with dotted lines will appear over your selection – this can be resized if needed. Once you have the desired area, hit enter. This will crop your image.

By right clicking on crop tool, you have the options of;
  • ·         Slice tool (this lets you create hot spots/select particular pieces of an image on a grid. This is typically used in web design)
  • ·         Slice select tool (this lets you make modifications to the slices you created using the slice tool


This is the Eye dropper tool, which is used to select a colour from your image. To use this, simply click on the colour you wish to use.

By right clicking on eye dropper tool, you have the options of;
  • ·         Colour sampler tool (this is used in the same way as the eye dropper tool. However, this tool generates the RGB numbers for each colour. Up to 4 samples can be taken at one time using this tool.)
  • ·         Ruler tool (this is used to measure the length of a line. To use this, click at one end of your line, and then at the point you wish to measure to – the measurements of your line can be found along the top tool bar)
  • ·         Note tool (this is used to make notes on your image. To use this, click the area you want to make a note on and type into the box. A note can be made visible/hidden by clicking on the note icon created)
  • ·         Count tool (this is used to individually count objects within your image. To use this, click on each object you wish to be counted and Photoshop will automatically keep count of your clicks – these can be viewed along the top tool bar)


This is the Spot healing brush, which is used to correct blemishes. To use this, left click on the mouse and drag over the blemish. Photoshop will retouch this area to its closest proximity. NOTE: this works best on small areas.

By right clicking on spot healing brush tool, you have the options of;
  • ·         Healing brush tool (this is used to correct blemishes too, with more control. This uses a pre-defined area to replace the blemish. To use this, first alt + click on the area you wish to replicate [it is best to use an area close to the blemish to achieve the best effect]. Then click the blemish and drag over the area until it is corrected.
  • ·         Patch tool (this is used to ‘patch’ an area with something different. To use this, click and hold the mouse while dragging around the area you wish to patch. You can then insert a pattern using the tool bar at the top. To do this, select your pattern from the options, then click use pattern.
  • ·         Red eye tool (this is used to remove red eyes from photographs. To use this, click the red eye. The pupil size and darken amount can be set along the top toolbar to suit your needs. 

This is the brush tool, which is used to draw with. The thickness of the brush etc can be set along the top tool bar, and the colour down the bottom left. To draw a straight line with this tool, hold shift and click while dragging in the direction you want the line to go.

By right clicking on brush tool, you have the options of;
  • ·         Pencil tool (this is used to draw thinner lines. This is used in the same way as the brush tool)
  • ·         Colour replacement tool (this is used to replace the colour of areas. To use this, alt +left click on the area of colour you wish to use, then left click and paint the area you wish to cover)
  • ·         Mixer brush tool (This allows you to blend colours on the image in a painterly way. To use this, first select your painting option on the top tool bar [for example, wet, light mix]. Then simply left click and paint over the photograph you are using)



This is the clone stamp tool, which is used to clone areas of your image. To use this you must first select the area you wish to clone from. To do this, alt + left click the area. Then you go to the area you wish to clone into, and left click to paint. You may need to redefine your points as you paint to achieve the best effect [simply alt + click on a different area])

By right clicking on clone stamp tool, you have the option of;
  • ·         Pattern stamp tool (this is used to paint in sections of pattern. To do this, first select the pattern you wish to use from the top tool bar. Then simply left click and paint over the section you wish to cover)



This is the history brush tool, which is used to erase any marks to reveal the original image. To use this, hold down a left click and drag over the area you wish to erase.

By right clicking on history brush tool, you have the option of;

  • ·         Art history brush tool (this works much the same as the history brush tool, but as well as erasing the mark, it applies a painterly style effect to the original image)


This is the eraser tool, which is used to erase areas of the image/object. To use this, left click and hold while dragging over the area you wish to erase.

By right clicking on eraser tool, you have the options of;

  • ·         Background eraser tool (this is used in the same way as the eraser tool)
  • ·         Magic eraser tool (this eraser tool erases areas that Photoshop picks up. It’s tolerance can be set along the top tool bar)


This is the paint bucket tool, which is used to paint areas/sections of your image/object. The colour can be set down at the bottom left of the side tool bar.

By right clicking on paint bucket tool, you have the option of;

  • ·         Gradient tool (this is used to create a gradient. To use this, select your gradient from the top tool bar. Then left click where you want your gradient to start, followed by another left click where you want it to end. You can change the colour of any of the gradients by clicking on the coloured part of the gradient button on the top tool bar)


This is the blur tool, which is used to blur parts of your image. This is used the same as the paint brush tool – click and hold while dragging over the area you wish to blur. Size and hardness can be set on the top tool bar.


By right clicking on blur tool, you have the options of;
  • ·         Sharpen tool (this is used to sharpen sections of your image. Click and hold while dragging over the area you wish to sharpen. Size and hardness can be set on the top tool bar)
  • ·         Smudge tool (this is used to smudge sections of your image. Click and hold while dragging over the area you wish to smudge)



This is the Dodge tool, which is used to lighten the areas you ‘paint’. To use this, click and hold while dragging over the area you wish to lighten.

By right clicking on dodge tool, you have the options of;

  • ·         Burn tool (this is used to darken areas of your image. To use, click and hold while dragging over the area you wish to darken.
  • ·         Sponge tool (this is used to either saturate or desaturate a colour, which can be selected on the top tool bar. To use, click and hold while dragging over the area you wish to saturate/desaturate)


This is the pen tool, which is used to draw lines using points. To use, place your first point by left clicking. Then, move to another place, and create another point. The lines can be bent by holding one of the dots on the line and dragging into your desired position. Also, extra point can be created on one of your lines to create an extra bend.

By right clicking on pen tool, you have the options of;

  • ·         Freedom pen tool (this allows you to draw a free-hand line. To use, click and hold while drawing your line)
  • ·         Add anchor point tool (this tool allows you to add points to a line, which in turn can be used to change the shape of the line)
  • ·         Delete anchor point tool (this tool removes anchor points you have previously created. To use, click the anchor point you wish to remove)
  • ·         Convert point tool (this is used to change the shape of your line. To use, click an anchor point, hold and drag to your desired position)


This is the horizontal type tool, which is used to add text. To use, click where you want the text to go, then type. When you have finished typing, click the move tool. Alternatively, if you want text to be confined to a certain space, after clicking the type tool, click and hold, and drag into the shape you want the text to fill – this will create a text box, and your type will automatically conform to this shape. Font and text size can be controlled at the top tool bar. You can also resize your text by using ctrl + T (if using this, don’t forget to hold shift to keep the proportions!)

By right clicking on type tool, you have the options of;

  • ·         Vertical type tool (this is used to create vertical text, and is used in the same way as the horizontal type tool)
  • ·         Horizontal type mask tool (this creates a horizontal type mask, which can then be used to ‘cut out’ your words from an image/object. NOTE: this will be covered in a tutorial)
  • ·         Vertical type mask tool (this creates a vertical type mask, which can then be used to ‘cut out’ your words from an image/object. NOTE: this will be covered in a tutorial)


This is the path selection tool, which is used to select any path component. To use, select the path by clicking anywhere inside the path component you want.

By right clicking on path selection tool, you have the option of;

  • ·         Direct selection tool (this is used for moving and reshaping segments in a path. To use, click an anchor point to select it, and drag to reshape/move)


This is the rectangle tool, which is used to create rectangular objects. To use, click and hold, while dragging into your desired rectangle shape. To create a square, hold shift while clicking and dragging – this will keep the proportions.

By right clicking on rectangle tool, you have the option of;

  • ·         Rounded rectangle tool (this creates a rectangle with rounded corners, and is used in the same way as the rectangle tool)
  • ·         Ellipse tool (this creates circular objects, and is used in the same way as the rectangle tool)
  • ·         Polygon tool (this creates a polygonal shape. The number of sides can be set on the top tool bar. This is used in the same way as the rectangle tool)
  • ·     Line tool (this creates a line. To use, left click where you want the line to start, and hold and drag to where you want the line to end. Holding shift will create a straight line)
  • ·         Custom shape tool (this creates a shape, as selected on the top tool bar. More shapes can be seen by clicking the small arrow on the right hand side of the shape drop down box. This is used in the same way as the rectangle tool.)


This is the 3d object rotate tool, which rotates 3d objects. To use, hold down a left click and drag up or down, which rotates the object on its x-axis, or side to side, which rotates the object on its y-axis.

By right clicking on 3d object rotate tool, you have the options of;

  • ·         3d object roll tool (this is used to roll the model around its z-axis. To use, click and hold while dragging side to side)
  • ·         3d object pan tool (this moves the model. Click and drag side to side to move the model horizontally, or up and down to move vertically)
  • ·         3d object slide tool (this moves the model sideways and closer/further away. Click and drag side to side to move horizontally, or up and down to move closer/further away)
  • ·         3d object scale tool (this changes the scale of the model. Click and drag up and down to make the model larger or smaller.)


This is the camera rotate tool, which is used to change the view of the 3d camera. To use, click and drag to orbit the camera on its x or y axis.

By right clicking on 3d camera rotate tool, you have the options of;

  • ·         3d camera roll tool (click and drag to roll the camera)
  • ·         3d camera pan tool (click and drag to pan the camera horizontally or vertically)
  • ·         3d camera walk tool (click and drag to walk the camera)
  • ·         3d camera zoom tool (click and drag to change the field of view)


This is the hand tool, which is used to move objects etc. To use, click and hold while dragging to your desired position.

By right clicking on hand tool, you have the option of;

  • ·         Rotate view tool (this is used to rotate the canvas non-destructively – this means that only the canvas rotates.


This is the zoom tool, which is used to zoom in/out of your image. To zoom, simply click the image. Zoom in/out and be chosen at the top tool bar. This also gives the option to zoom to actual pixels, fit to screen, fill screen and print size.




This is used to choose colours. The top colour (black) is the foreground colour, and the bottom colour (white) is the background colour.
To chose a colour, click one of the coloured boxes.
The rounded arrow can be used to reverse these colours quickly.  


_______________________________________________________

These icons are found at the bottom of the layers menu (usually situated down the right hand side of the screen)

  1. This is used to link layers. This can only be used when two or more layers are selected. Multiple layers can be selected by holding ctrl while clicking the layer names.
  2. This is used to add a layer style. A drop down menu appears with style options.
  3. This is used to add a layer mask
  4. This is used to create a new filler adjustment layer.
  5. This is used to create a new group. Rather than merging layers, this is a good way to group layers. Select the layers you want to make into a group and drag onto this icon.
  6. When clicked, this creates a new layer. If you want to duplicate a layer, you can drag it onto this icon, and a duplicate will be made.
  7. This is used to delete a layer. You can either click this icon while the layer you want to delete is highlighted, or you can drag the layer/layers onto this icon.