tutorial book sample

Upload: mwarnesdesign

Post on 04-Jun-2018

237 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/13/2019 Tutorial Book Sample

    1/57

  • 8/13/2019 Tutorial Book Sample

    2/57

  • 8/13/2019 Tutorial Book Sample

    3/57

  • 8/13/2019 Tutorial Book Sample

    4/57

    Published in 2013 by

    Maria Warnes Publishing Ltd

    Sample Road

    Sampleton

    AB912 3CD

    Email: [email protected]

    www.mariawarnesdesign.co.uk

    Copyright 2013

    Maria Warnes

    All rights reserved. No part of this

    publicaon may be reproduced or

    transmied in any form or by any means,

    electronic or mechanical, including

    photocopy, recording, or any informaon

    storage and retrieval system, without

    permission in wring from the publisher.

    Designed by Maria Warnes

    Cover Model: Ma Warnes

    Printed in England

  • 8/13/2019 Tutorial Book Sample

    5/57

    Easy

    Intermediate

    Hard

    Expert

    Change Background

    Change Colour

    Remove Objects

    Restore Damaged Photographs

    2427

    2833

    3445

    Introduction

    Authors Notes

    Keys

    Colour

    Saving

    Layers

    Accessing your Images

    Page Layout

    67

    89

    1011

    1213

    1419

    2021

    2223

    4655

  • 8/13/2019 Tutorial Book Sample

    6/57

  • 8/13/2019 Tutorial Book Sample

    7/57

    Most tutorial books out there at the moment

    are aimed at professionals or complete

    beginners. What I aim to do with my book is to

    cater to as many people of as many dierent

    levels and abilies as possible, because I think

    the magic of Photoshop should be available to

    anyone willing to learn it.

    Authors Notes

    For my family, for always being there and for

    pung up with my Photoshop rants.

  • 8/13/2019 Tutorial Book Sample

    8/57

    x

    x

    Keys

    Mac

    Windows

  • 8/13/2019 Tutorial Book Sample

    9/57

    = Undo

    = Step Backward

    = Step Forward

    = Cut

    = Copy

    = Paste

    = Close

    = Open

    = Close All

    = Save

    = Save As

    = Print

    = New

    = Zoom In

    = Zoom Out

    Tip: If you want undo more than once use

    Step Backward.

  • 8/13/2019 Tutorial Book Sample

    10/57

    When prinng in CMYK, tones of colour are

    represented by individual dots, this eect

    is called Half-tone. Each colour prints at

    a dierent angle, if the dots all printed on

    top of each other the print would look very

    speckly and would have big gaps. This way

    the dots are evenly spread around the image.

    If you want to see half-tone dots yourself

    simply look closely at a newspaper.

    Newspapers are printed with a low dpi whichmeans the print is of a low quality and you

    can see the individual dots with the naked

    eye.

    Colour

    There are two main types of colour mixing i

    Photoshop; RGB and CMYK.

    RGBstands for Red, Green and Blue

    CMYKstands for Cyan, Magenta, Yellow

    and Key (which means Black).

    CMYK is used for prinng colours.

    Combining cyan, yellow, magenta and black

    gives us the vast majority of colours we nee

    for example yellow and cyan give us green.

    We can use less of yellow and cyan to get a

    lighter green and add black to get a darker

    green.

    CMYK RGB

    Close-up of

    printed dots

    Angles used for prinng CMYK

    Magenta: 75

    Black: 45

    Cyan: 15

    Yellow: 0

  • 8/13/2019 Tutorial Book Sample

    11/57

    What happens if you want a specic colour?

    To get over this problem the PANTONE

    MATCHING SYSTEM was developed.

    The PANTONE MATCHING SYSTEM is

    made up of three parts; a computer library of

    colours, special inks and colour swatch books.

    x

    x

    Visible SpectrumRGBCMYK

    Camera/

    Scanner

    Ink-jet

    Printer

    Prinng

    Press

    Pixels used for a yellow

    Smiley Face

    1 Pixel

    RGB is used for showing colours on screen.

    Screens are made up of pixels and each pixel

    has a red, green and blue light. If we wanted

    a yellow colour the green and red light would

    be on and the red light would be o.

    Dierent devices and printers have dierent

    colour ranges. These ranges can be represented

    on a Gamut. A Gamut chart represents the

    colours we can see with the human eye.As you can see with these charts, not all the

    colours produced in a CMYK document will print

    on an Ink-jet Printer or a Prinng Press.

    The process from choosing a colour to geng

    that colour printed goes like this:

    A Pantone Colour is selected from a swatch

    book.

    That colour is applied to a digital document.

    The document is sent to print.

    Special inks are mixed to achieve the

    Pantone colour.

    The document is printed through the press.

  • 8/13/2019 Tutorial Book Sample

    12/57

    Saving

    Save and Save As can be found in File

    Navigaon Window

  • 8/13/2019 Tutorial Book Sample

    13/57

    When you have nished with an image you

    need to save it. When saving your image

    for the rst me go to File > Save and a

    navigaon box will appear for you to select

    the folder in which you want to save your

    image.

    Photoshop gives you the opon to save in

    several le formats, but the only ones you are

    likely to use are Photoshop (.PSD), JPEG and

    PNG.

    If you are working on a layered document and

    want to save all of the layers to work on later,

    save your image as a Photoshop format.

    If you have nished eding an image and

    want to email it to someone save it as a JPEG.

    Aer clicking Save Photoshop will show

    you a slider which gives you the opon tocompress your image to a size that your email

    programme will be able to send quickly.

    If you have nished eding and want to save

    the image for home prinng, or viewing in

    high-quality on screen, choose to save your

    image as a PNG. PNGs are a higher quality

    than JPEGs and will preserve a lot more detail.

    If you have nished eding your image and

    need a very high quality image for large sizes

    like those used for professional prinng or

    projecng, use TIFF. A TIFF le will preserve

    all of the detail of your image. However it will

    have a very large le size so is unsuitable for

    emailing and is not any more detailed than

    PNG when working on images at A4 size.

    x

    PNG Compressed JPG Highly Compressed JPG

  • 8/13/2019 Tutorial Book Sample

    14/57

  • 8/13/2019 Tutorial Book Sample

    15/57

  • 8/13/2019 Tutorial Book Sample

    16/57

  • 8/13/2019 Tutorial Book Sample

    17/57

  • 8/13/2019 Tutorial Book Sample

    18/57

  • 8/13/2019 Tutorial Book Sample

    19/57

  • 8/13/2019 Tutorial Book Sample

    20/57

    Accessing your Images

    Go to www.mariawarnesdesign.co.uk/

    photoshop_unlocked

    Once there, a screen similar to this one will

    appear asking for a password:

    Type in the code on the opposite page in and

    press OK.

    You will then be taken to another page,

    scroll to the boom and click Download

    Files.

  • 8/13/2019 Tutorial Book Sample

    21/57

    Your Password:mariawarnes

    When the le has downloaded open the

    zipped le with an unzipping program.

    This will open the zipped le and give you

    the main folder.

    Open the le to check the contents. There

    should be 5 images.

  • 8/13/2019 Tutorial Book Sample

    22/57

    One of the key features of Photoshop is the use of

    Layers. Layers are a way of working on mulple parts

    of an image while being able to put them on top or

    behind each other.

    On the right is an example of a layered document

    with 3 layers.

    You can add a New Layer by going to Layer >

    New > Layer. When starng with an image it will

    automacally be a locked Background layer. If you

    want to move the Background layer above another

    layer you need to right-click it select Layer from

    Background

    Tutorial Layout

    Diculty Rang TitleEsmated Comple

    Introducon Tools Used

    Change Background

    Taken a photo but the weather wasnt going your way that

    day? In this tutorial Ill show you how to change the sky

    in your photo, whether youre aer a clear blue sky or a

    stormy, dramac backdrop.

    Time: 5 mi

  • 8/13/2019 Tutorial Book Sample

    23/57

    Taken a photo but the weather wasnt

    going your way that day? In this tutorial Ill

    show you how to change the sky in your

    photo, whether youre aer a clear blue

    sky or a stormy, dramac backdrop.

    x

    Task Picture

    Task Number Basic Task

    Details

    File > Open > Click Pantheon > Open.

    1

  • 8/13/2019 Tutorial Book Sample

    24/57

    Before

    After

  • 8/13/2019 Tutorial Book Sample

    25/57

    Change Background

    Taken a photo but the weather wasnt going your way that

    day? In this tutorial Ill show you how to change the sky in

    your photo, whether youre aer a clear blue sky or a stormy,

    dramac backdrop.

    1File > Open > Click Pantheon > Open.

    2

    Right-click Background > Layer from

    Background > Name the layer Pantheon

    > OK.

    As you can see with this image the main

    subject is dramac and interesng but the

    sky is dull. The image would look more

    dramac overall with a cloudier sky.

    Time: 5 minutes

    3Click the Pantheon layer. Go to File >

    Place > Click Sky > Right-Click > Place.

    Placing an image is the easiest way of

    adding a second image to your current

    Photoshop document. Photoshop will

    automacally resize your image to t the

    canvas you are working on, meaning you

    wont have to spend me shrinking your big

    photos down.

    You can nd the layers in the Layer panel

    at the right-hand side. Layers are how we

    place images on top or behind each other.

    Turning the Background into a layer will

    mean that we can move it. Photoshop

    will automacally give each new layer a

    number, naming the layers as you create

    them makes it easier to keep track of which

    layer is which.

  • 8/13/2019 Tutorial Book Sample

    26/57

    Click on the sky. Hold down Shi and then

    click on any of the sky that is unselected.

    Drag the Sky layer under the Pantheon

    layer.

    Click on the Pantheon layer. Select the

    Magic Wand Tool.

    The layers palee can be found at the

    right-hand side of Photoshop.

    The Pantheon layer needs to be on top

    of Sky so that when the sky in Pantheon

    is deleted the image from Sky will show

    through.

    Change the Tolerance to 60.

    Making the tolerance higher will mean that

    the Magic Wand Tool will select an area

    of more similar colours. If we lowered the

    Tolerance to 0 the Magic Wand Tool would

    only select an area of exactly the same

    colour. If we put the Tolerance right up to

    100 the Magic Wand Tool would select

    every colour.

    The Magic Wand Tool automacally selects

    a similar area of colour to where you click.

    You can nd it in the le-hand toolbar.If there is an icon of brush and a circle

    there instead just click and hold that icon,

    it should bring up the selecon of Quick

    Selecon Tool or Magic Wand Tool, click

    Magic Wand Tool.

    4

    5

    6

    7

    When using any of the selecon tools,

    holding down Shi will add onto anything

    selected. Holding down Alt will remove

    anything from the selecon.

  • 8/13/2019 Tutorial Book Sample

    27/57

    Click Rene Edge. Change Smooth to 10.

    Click OK.

    Press Delete. Go to Select > Deselect.

    Changing the smoothness will make the

    edges of the selecon less bumpy. This will

    make the images look more seamless.

    Select the Sky layer. Go to Edit > Free

    Transform.

    Free Transform lets you change the

    dimensions of whatever is selected.

    Holding down Shi while dragging a

    corner of a selecon will make sure that

    the height and width of the image will stay

    proporonately the same however small

    or large the image is scaled to (this is called

    the aspect rao).

    Here you can see all the unwanted sky has

    been deleted and the new sky is showing

    through, but there are some unwanted

    buildings showing through so we are goingto ip the image.

    We need to deselect the selecon before

    ipping the image otherwise Photoshop will

    try and ip the space we just deleted.

    8

    9

    10

    Change the Width from 100% to -100%

    > Right-click > Place.

    Changing the width to -100% will ip the

    image from right to le. Before the image

    had some buildings showing through from

    the Sky image, but when ipped they are

    all hidden behind the Pantheon image and

    only the sky shows through.

    11

    Tip: You can also get to Free Transform by

    Cmd/Ctrl and T.

  • 8/13/2019 Tutorial Book Sample

    28/57

    Before

    After

  • 8/13/2019 Tutorial Book Sample

    29/57

    Change Colour

    Ever wanted to see what your hair would look like blonde? Or

    what that t-shirt looked like in blue on you? Or wondered if

    those owers would look beer in orange? Well Im going to

    show you how to make that all possible.

    1File > Open > Click Flower > Open.

    2

    Select > Colour Range.

    Here we have a photo of purple owers. By

    the end of the tutorial we will have turned

    the owers from purple into orange.

    Time: 15 minutes

    3From the drop-down list select Magentas

    > OK.

    As purple is nearest to Magenta we choose

    Magentas. By doing this we are telling

    Photoshop that we only want Magenta

    colours selected.

    As we are only going to be changing

    the purple secon of this image we are

    selecng a colour range.

    Tip: If you want to change a colour that isnt on the

    can sample it by choosing Sampled Colors and c

    the colour on the canvas with the Eyedropper Tool.

  • 8/13/2019 Tutorial Book Sample

    30/57

    Select the Brush Tool, right-click anywhere

    on the canvas and change the Size to 400

    px and the Hardness to 100%.

    Select > Rene Edges.

    Change Feather to 2.0, Contrast to 50

    and Shi Edge to +45.

    As you can see our selecon of Magentas

    doesnt cover the whole of the owers. To

    do this we need to Rene our selecons

    edges.

    Layer > New > Layer > Name the layer

    Colour > OK.

    Now we have a our selecon we need to

    add a new layer so that we can add our

    new colour on top.

    Increasing Feather means that the edges of

    the selecon look soer, which helps make

    the new colour look more natural.Increasing Contrast will make the

    selecon more opaque. If we added a

    colour on top without doing this, some of

    the purple would show through.

    Increasing Shi Edge means our

    selecon has increased. 45% covers all of

    the owers.

    4

    5

    6

    7

    We are colouring in a selecon we need

    to change the brush to a large brush so

    that it will take less me. By increasing the

    Hardness our brush will have a sharper

    edge. This will make it easier to see if there

    are any gaps in the colour.

    Tip: If you want to paint a detailed area

    use a small brush with a low hardness

    and opacity.

  • 8/13/2019 Tutorial Book Sample

    31/57

    Click the foreground colour palee.

    Change the colour to #f99c34 > OK.

    The foreground palee can be found on

    the boom le-hand side of Photoshop, at

    the boom of the toolbox. The foreground

    colour is the upper most box. When using

    the Brush Tool or the Paint Bucket Tool the

    colour in this box is what will be used to

    paint.

    Click and hold and Brush over all of the

    selecon once. Go to Select > Deselect.

    To use the Brush Tool click and hold the le

    mouse buon and drag the cursor around

    the canvas. The brush will ll our selecon

    with the orange colour we chose and leave

    the rest of the canvas blank.

    In the colour palee you can select a

    colour in several ways. The box with # in

    front of it is where colour codes known as

    hex codes can be added. Hex codes arecodes that correspond to colours. In this

    case #f99c34 is a light orange.

    When selecng colours yourself it is

    easiest to use the Hue and Saturaon

    boxes. These are the colourful boxes at the

    le of the colour palee.

    8

    9

    10

    Enter the Quick Mask Mode.

    Quick Mask Mode can be found at the

    boom-le of Photoshop at the boom of

    the toolbox.

    Quick Mask Mode lets you make a

    selecon using the Brush Tool.

    11

  • 8/13/2019 Tutorial Book Sample

    32/57

    Change the Radius to 5.0 > OK > Select >

    Deselect.

    Select the Brush Tool, right-click anywhere

    on the canvas and change the Size to 30

    px and the Hardness to 100%.

    Click and hold and Brush Tool to paint

    over the edges shown here. Exit Quick

    Mask Mode. Go to Select > Inverse.

    We need a brush of 30 px and a Hardness

    of 100% so that we can see where we are

    brushing and so that we denitely get the

    edges in our selecon.

    Go to Filter > Blur > Gaussian Blur.

    To remedy the sharp edges we are going

    to add a Gaussian Blur. There are several

    methods of blurring in Photoshop but

    Gaussian Blur is the easiest to control and

    has the most realisc blur eect.

    You can exit Quick Mask Mode by clicking

    the Quick Mask Mode buon again.Weve selected these areas because

    these areas are where the owers are

    further away, in the background. If we

    le the selecon as it is the orange edges

    would look too sharp and wouldnt match

    up with the edges of the ower in the

    photo.

    12

    13

    14

    15

    Giving the Gaussian Blur a radius of 5.0

    means that for a distance of 5 px around

    the edges of the image in the selecon a

    blur will be added. If we increased this to

    something larger there would be a more

    blur because we are telling Photoshop to

    blur more of the pixels.

    Tip: If you go into Quick Mask Mode and

    use the Gradient Tool you can make a

    gradient selecon.

  • 8/13/2019 Tutorial Book Sample

    33/57

    Select the Colour Layer and click

    Normal from the drop-down list and

    select Linear Light.

    The layers palee can be found at the

    right-hand side of Photoshop.

    Blending modes are dierent ways

    of adding layers to each other. By using

    Linear Light the highlights and shadows

    from the purple owers come through

    onto our orange.

    16

  • 8/13/2019 Tutorial Book Sample

    34/57

    Before

    After

  • 8/13/2019 Tutorial Book Sample

    35/57

    Remove Objects

    Lined up that perfect shot and then someones walked into the

    middle of it? Taken a photo of a beauful sunrise but that tree

    is ruining the shot? Here are some ps and tricks for removing

    unwanted objects.

    1File > Open > Click Ducks > Open.

    2

    Select the Spot Healing Brush Tool.

    In this photo we have 4 perfectly aligned

    ducks, but a h has wandered into the

    shot too and is ruining it. There are also

    people walking in the background andducks in the water which I will show you

    how to get rid of.

    Time: 15 minutes

    3Right-click anywhere on the canvas and

    change the Size to 80 px and the Hardness

    to 100%.

    As we are going to be removing the stray

    duck from the photo we need a relavely

    big brush so that it doesnt take ages to

    brush over. A Hardness of 100% will help

    us to see any gaps in the brush strokes.

    The Spot Healing Tool can be found in the

    le-hand side of Photoshop, in the toolbox.

    It is underneath the Eyedropper Tool and

    above the Brush Tool.

  • 8/13/2019 Tutorial Book Sample

    36/57

    Select the Clone Stamp Tool.

    Click and hold to brush over the ducks

    head.

    Brush over the head and legs.

    When removing large objects it is

    somemes easiest to remove them in

    secons. Here the head make a convenient

    rst secon.

    Brush over any remaining duck.

    There will probably be some areas le over

    that have not turned into gravel like the

    rest, just keep brushing over any remaining

    parts unl they disappear.

    Next we can remove the rest of the duck.

    You can brush over the main body and

    then the legs if you nd it easier.

    4

    5

    6

    7

    You can nd the Clone Stamp Tool in the

    le-hand side of Photoshop, underneath

    the Brush Tool and above the History

    Brush.

  • 8/13/2019 Tutorial Book Sample

    37/57

    Hold down Alt and click on an area of

    darker gravel by the third duck, then

    release Alt and click on the lighter gravel

    to copy that area.

    Go to Layer > New > Layer.

    Some of the gavel is darker, use the Clone

    Stamp Tool to make the gravel look more

    uniform. Holding down Alt and clicking

    tells Photoshop that you want to use that

    part of the photo as the source. Clicking

    normally will copy an area from that

    source.

    Name the Layer Bush > OK. Click on the

    Background Layer.

    Naming the layer will help us keep track of

    what is on each layer.

    We are adding a new layer so that when

    we Clone some of the bush over the

    walkers we can erase bits that go over any

    of the ducks we want to keep. If we didthis without adding a new layer it would

    be dicult to get those parts of the duck

    back.

    8

    9

    10

    Hold down Alt and click on an area of

    green bush on the top right, then release

    Alt. Select the Bush Layer and click on

    the furthest right walker to copy that

    area.

    Here we are telling Photoshop to source

    the brush from the Background Layer and

    to copy it to the areas we brush in the

    Bush Layer.

    11

    Tip: You can also get to a New Layer by pressing

    Cmd, Shi, N.

  • 8/13/2019 Tutorial Book Sample

    38/57

    Erase the edges of the new bush area so

    that it blends in with the rest.

    Select the Polygonal Lasso Tool

    Go to Edit > Copy and then Edit > Paste.

    Move the bush over the legs of the

    walkers > Press Enter.

    The Polygonal Lasso Tool can be found

    in the toolbox on the le-hand side of

    Photoshop, underneath the Marquee

    Tools and above the Quick Selecon/Magic

    Wand Tool.

    Select the Eraser Tool, right-click

    anywhere on the canvas and change the

    Size to 40 px and the Hardness to 0%.

    As we are going to be erasing the edges

    of the bush we need medium sized brush

    with so edges .

    When copying large secons of a

    background it is easier to copy a largepart of it with a Lasso or a Marquee Tool

    rather than using the more complicated

    Clone Tool. However for close-up, detailed

    copying, the Clone Tool is beer.

    12

    13

    14

    15

    The so edges of the brush have meant

    that now our bushes blend together

    seamlessly.

  • 8/13/2019 Tutorial Book Sample

    39/57

    Select the Bush Layer. Change the Layers

    Opacity to 50%.

    Select the Eraser Tool. Right-click

    anywhere on the canvas and change the

    Size to 20 px.

    As you can see, some of the bush has come

    over the top of the ducks head. Lowering

    the opacity of the Bush Layer enables us

    to see where the ducks head is.

    Click and hold to erase the parts of the of

    the bush covering the ducks head.

    Here we have removed the secon of the

    bush obscuring the ducks head whilst sll

    covering up the walkers feet.

    We only need a small brush for this as we

    dont want a lot of bush being removed.We also want the edges of the erased

    secons so be smooth so we need a

    Hardness of 0%.

    16

    17

    18

    Right-click the Bush layer and select

    Merge Down.

    We dont need to work on the Bush layer

    by itself any more so we can merge it into

    the Background layer.

    19

    If you are working on an image with lots of layers

    you can hide some by clicking the eye icon.

  • 8/13/2019 Tutorial Book Sample

    40/57

    Go to Edit > Copy then Select > Deselect

    then Edit > Paste.

    Select the Clone Stamp Tool. Right-click

    anywhere on the canvas change the size

    to 40 px.

    Use the Clone Stamp Tool to copy the

    wooden rail and bush into areas where

    there are sll bits of the walkers le.

    Now that we have a lot more source area

    to work with we can use the Clone Stamp

    Tool to remove the rest of the walkers.

    Select the Polygonal Lasso Tool and select

    a part of the wire fencing below the duck

    you want to get rid of.

    This will be the part of fencing youll use

    to cover up one of the ducks in the water.

    Selecng a secon where the colour is the

    closest to the areas around the duck will

    help the selecon blend in.

    Remember, to source an area to copy hold

    down Alt and then click, then just clickto copy that area. When cloning make

    sure parts like the wooden rail line up,

    otherwise that secon will look unrealisc.

    20

    21

    22

    23

    This has now placed a copy of the selecon

    onto a new layer on the canvas.

  • 8/13/2019 Tutorial Book Sample

    41/57

    Select the Move Tool and click, hold and

    move the cursor to drag the selecon over

    the duck.

    Go to Edit > Transform > Warp.

    We need to move the layer on top of the

    duck so that the duck is hidden.

    Click, hold and drag the cursor to pull the

    corners and centre of the selecon to

    align the wire meshing.

    Pulling dierent parts of the Warp grid

    will warp those parts of the layer. For

    example if you pull the top right of the

    layer outwards it will stretch the layer

    outwards in that direcon too.

    Because the edges of the layer and the

    original wire fencing dont match up we

    are going to use Warp to align them.

    24

    25

    26

    Repeat steps 2226 for the other oang

    Duck.

    Using steps 2226 will ensure that both

    ducks are covered.

    27

  • 8/13/2019 Tutorial Book Sample

    42/57

    Select the Brush Tool. Right-click

    anywhere on the canvas and change the

    Size to 80 px and the Hardness to 0%.

    Select the Eraser Tool and erase the edges

    of the fencing on top of the ducks.

    Right-click any layer in the Layers panel.

    Select Flaen Image.

    Make sure you have the correct layer

    selected when erasing; if you are erasing

    from the rst selecon you used make

    sure Layer 1 is selected, and Layer 2 for the

    second selecon.

    Enter the Quick Mask Mode.

    Rather than selecng with a hard edges

    tool like the Polygonal Lasso Tool, we want

    a so selecon. Quick Mask Mode is great

    for this.

    We want to work on the image as a whole

    now rather than individually, so we can

    aen the layers together into one.

    28

    29

    30

    31

    We need a big brush as the patches of dark

    are quite big. We also want so edges so

    our Hardness needs to be at 0%.

    Tip: If you are working on a transparent

    image, clicking Flaen Image will give

    your image a white background.

  • 8/13/2019 Tutorial Book Sample

    43/57

  • 8/13/2019 Tutorial Book Sample

    44/57

    Select Use Legacy, Increase the

    Brightness by 15 and the Contrast by 10.

    Select the Clone Stamp Tool. Use it to get

    rid of any dark or light spots.

    Photoshop has two ways of brightening

    and darkening; it can brighten/darken each

    pixel (An older method), or only brighten

    highlights/darken shadows (A newer

    method). The older method of brightening

    and darkening is turned on when Use

    Legacy is cked. For this parcular

    selecon Use Legacy looked more natural.

    As we have copied two large background

    areas there are going to be odd looking

    repeats of highlights and shadows in theimage. These repeats can be removed with

    the Clone Tool.

    36

    37

  • 8/13/2019 Tutorial Book Sample

    45/57

  • 8/13/2019 Tutorial Book Sample

    46/57

    Before

    After

  • 8/13/2019 Tutorial Book Sample

    47/57

    Restore Damaged Photographs

    Only have one photo of your great-grandparents but it looks like its been

    through a bush backwards? Dropped tea on your photo album? In this

    tutorial I am going to show you how you can restore your photographs to

    their former glory.

    1File > Open > Click Three Uniformed Men

    > Open.

    2

    Crop out the white edges.

    As you can see this photo has a lot of noise

    and creases. We are going to reduce as

    much of the noise as we can and get rid ofthe creases.

    Time: 60 minutes

    3Image > Adjustments > Desaturate.

    The image was originally black and white,

    but due to fading and/or the scanning

    process it looks purple. Here we have

    made the photo black and white.

    The edges of the photo have rips and

    secons we dont need. We can just crop

    all of these out. You can nd the crop

    tool in the le-hand of Photoshop in the

    toolbox above the Eyedropper Tool.

  • 8/13/2019 Tutorial Book Sample

    48/57

    Filter > Noise > Reduce Noise.

    Select the Spot Healing Brush Tool.

    Right-click anywhere on the canvas and

    change the Size to 15 px and the Hardness

    to 0%.

    As we are going to be removing the creases

    in the image we need to use the Spot

    Healing Brush Tool. The Spot Healing Brush

    Tool takes parts of the image from around

    the edges of the healing area and puts

    them over the top of the crease.

    Use the brush to go over the creases.

    The creases that you should brush over

    with the Spot Healing Brush Tool are

    shown here in red.

    We need a small brush here as we are

    going to be doing detailed brush work.

    4

    5

    6

    7

    The image is very speckly, the more

    speckles an image has the more noisy it

    is. The Reduce Noise funcon will help us

    get rid of these speckles.

  • 8/13/2019 Tutorial Book Sample

    49/57

    Change Strength to 10, Preserve Details

    to 0%, Remove Colour Noise to 100% and

    Sharpen Details to 0%.

    Select the Polygonal Lasso Tool.

    These sengs enable us to blur out as

    much of the noise as possible.

    Select the light area of the back of the

    chair.

    Select the light part of the chair and some

    of the background area.

    We need to correct some of the photo that

    has Spot Healed wrong. The back of the

    chair has a dark area that makes the chair

    back look strange.

    8

    9

    10

    Edit > Copy > Edit > Paste.

    We are going to copy the good side of the

    chair back and use it to become the other

    side of the chair back too.

    11

  • 8/13/2019 Tutorial Book Sample

    50/57

    Select the Eraser Tool.

    Edit > Free Transform.

    Change the width to -100%.

    We need to move the copied chair back

    and change the angle, to do this we need

    the Free Transform Tool.

    Change the angle to 17.

    Changing the angle to 17 will mean that

    the copied part of the chair back will look

    like it is the correct perspective.

    Changing the width to -100% will mirror

    the selecon.

    12

    13

    14

    15

    The edges of the selecon are very sharp,

    using the Eraser Tool will help to make the

    new chair back look more natural.

    Tip: If you change the Height value from

    100% to -100% it will ip the image

    from boom to top.

  • 8/13/2019 Tutorial Book Sample

    51/57

    Right-click anywhere on the canvas and

    change the size to 20px.

    Erase the edges of the copied selecon.

    We need a larger brush so that we can

    erase the edges of the selecon. Make sure

    the Hardness is 0% otherwise the Eraser

    Tool will takes chunks of the selecon out

    and will look unnatural.

    Right-click Layer 1 in the layer panel >

    Merge Down.

    Pasng the chair back created a new layer,

    we dont need to edit that layer by itself

    any more so we can merge the layers

    together.

    Here we can see that the chair back looks a

    lot more natural now.

    16

    17

    18

    Select the Clone Tool.

    There is seam along the edges of the chair

    back, to get rid of it we need to use the

    Clone Stamp Tool.

    19

  • 8/13/2019 Tutorial Book Sample

    52/57

    Select the Colour Replacement Tool.

    Use the Clone Tool to get rid of the dark

    patch above the chair back and the line

    going through the middle.

    Image > Adjustments > Levels.

    Geng rid of this seam makes the back of

    the chair look a lot more natural.

    Change Shadows to 13, Midtones to 1.00

    and Highlights to 130 > OK.

    This has increased the amount of contrast

    in the image, improving it.

    When restoring a photo of your own, stop

    here if you do not wish to add colour to

    your photograph.

    The original image has a very low contrast,

    the image could be improved by adjusng

    its Levels.

    20

    21

    22

    23

    We are going to put colour back into the

    image. To do this we need the Colour

    Replacement Tool. This will change our

    Background Colour to our Foreground

    Colour.

  • 8/13/2019 Tutorial Book Sample

    53/57

    Change the foreground colour to #e7d2cd.

    Select the Brush Tool. Paint the skin.

    This is the colour we are going to be using

    to colour in the skin, the nearer to white

    the colour is the more desaturated the

    colour will be when replaced. With this

    colour selected, light grey will become like

    pink and dark grey will become dark pink.

    Change the foreground colour to #533a33.

    #533a33 is a shade of Brown. This will be

    the colour for the hair and eyebrows.

    Make sure the skin on the faces and hands

    of all three men are painted. Change the

    brush size to a smaller size and zoom in

    (Cmd/Ctrl, +) and out (Cmd/Ctrl, -) topaint the detailed areas.

    24

    25

    26

    Paint the hair and eyebrows.

    Make sure to paint the moustache of the

    man on the far right.

    27

  • 8/13/2019 Tutorial Book Sample

    54/57

    Paint the ankle wraps.

    Change the foreground colour to #455449.

    Paint the uniform.

    This will be the colour for the uniform.

    If you are unsure what colour to paint

    anything look at colour photos from the

    era if available or photos from historic

    restoraon or lms.

    Change the foreground colour to #5b564a.

    #5b564a is a Tan colour. This will be the

    colour for the ankle wraps.

    Try not to paint over any of the skin on

    background when painng in the uniform

    as it will make them green.

    28

    29

    30

    31

    Make sure to dene the edges of the wraps

    and to not paint over any of the boots.

  • 8/13/2019 Tutorial Book Sample

    55/57

    Change the foreground colour to #cdb19e.

    Paint the wooden chair on the right.

    #cdb19e is a shade of Brown. This will be

    the colour for the wooden chair.

    Change the foreground colour to #444039.

    #444039 is a shade of Brown that will

    appear as an o-white. This will be the

    colour for the walls.

    We can clearly see the edges of most of

    the chair now, this means that we can

    paint within the edges of the chair easily.

    32

    33

    34

    Paint the walls.

    We dont know what colour the walls

    would have been, but painng them in this

    o-white gives the photo a more natural

    look, as the oor and the walls would

    probably not have been the same colour.

    35

  • 8/13/2019 Tutorial Book Sample

    56/57

    Glossary

    Anchor point:The point from which the

    image will pivot when rotated.

    An-Aliased/An-aliasing: When the

    edges of a selecon are smoothed.

    Bounding Box: The outer edges of the

    image.

    Burn: Darkens the image/parts of the

    image.

    Compress: Compressing and image

    reduces the quality. The more compressed

    an image is, the less space on your

    computer it will take up.

    Contrast: The more contrast an image has

    the darkens the shadows and the lighterthe highlights.

    Crop: Making the Bounding Box of the

    image larger or smaller.

    Channels: Each base colour (RGB or CMYK)

    has a channel which shows the amount

    and locaon of that colour.

    Dodge: Lightens the image /parts of the

    image.

    DPI: Dots Per Inch. The higher the DPI

    the more dots there are in the image the

    beer quality it will be.

    Exposure: When taking a photo the higher/

    longer the exposure is, the more light

    taken in, this results in a

    Eyedropper: The Eyedropper Tool picks

    up a colour from one area ready to be

    dropped into the desired area.

    Feather: An edge that is feathered lookssoer.

    Gamut: Chart for represenng the amount

    of colour a device can print or display.

    Gradient: One colour blending into

    another.

    Saturaon: The more saturaon a

    colour has, the brighter it looks. The less

    saturated a colour is, the closer to grey it

    becomes.

    Hardness: When using a brush tool the

    harder a brush is the sharper its edges will

    be.

    Half-tone: The process of creang an

    image from small coloured dots.

    HDR: High Dynamic Range. This is the

    method of combining a low, mid and high

    exposure photograph of the same thing

    and combining them to achieve a highly

    detailed image.

    Highlights: The lighter parts of an image.

    Hue: Dierent colours. If the colour orange

    is selected, changing the Hue value will

    make it more red or more yellow and

    beyond.

    Jused: When text is always touching

    the edges of its text box. The spaces in

    between the words are adjusted so that

    this can happen, each line will likely have

    a dierent amount of space in between

    words.

    Levels: Levels allow us to adjust the

    amount of highlights, midtones and

    shadows are in our image.

    Marquee: The area that is selected with a

    selecon tool.

    Midtones: The colours that are neither

    light nor dark.

    Negave: An image with the opposite

    colours to that of real life, for example blue

    sky in a negave would look orange.

    Node: The point at which a path changes

    direcon from.

    Noise: Speckles in a photograph. This is

    usually found in low-light photographs.

    Opacity: How transparent an something

    is. The lower the opacity is, the more

  • 8/13/2019 Tutorial Book Sample

    57/57