際際滷

際際滷Share a Scribd company logo
Workthrough




Combining photographic elements with traditional hand drawn
images can be a challenge but with a little help from photoshop,
the results can come out quite well. Over the next few pages, Ill
try and show you the process that I went through in order to create
this composition.
This particular piece was part of a personal project which is still very much on-going.
Originally starting out as an experiment to see how well different forms of media can
work together, the eventual aim is now to take the project into animation.




www.gregorlouden.com                                                                      Showcase 2010
Workthrough




01 So, I started by scanning the            02 Then I duplicated the layer. I done       03 What I wanted to do here was to
original drawing into photoshop.            this by clicking the layer called            get rid of all the white areas so that all I
Remember, the larger the better! I          "Background" and dragging it to the          was left with was the black lines from
never scan in an image any smaller          new layer icon(circled) at the bottom of   the drawing. This was done by
than 200 Resolution. 300 is best.           the layer window.                            destaturating the image and increasing
                                                                                         the tone by using the curves option.




04 By holding down command and              05 After inverting the selection(to          06 I then-whilst making sure I was
clicking on the channels pallete, I was     select the black areas), I created a new     working on the new layer-filled the
able to select all the white areas of the   layer.                                       selected areas with black. I named this
illustration.                                                                            layer line art.




07 Finally, I created two new layers.       08 Working on the line art layer, I        09 Now I was ready to add colour to
Filled one with white and one with a        used the Eraser Tool to get rid of any       the visual.
light shade of blue. I renamed these        unnecessary lines or marks.
layers white backing and                  This was just to help the lines to be
blue backing. I dragged both of these     more clear.
layers under the "line art" layer.


www.gregorlouden.com                                                                                            Showcase 2010
Workthrough




10     I created a fill layer for each      11 The colour picker box was then           12    I then renamed this layer as the
colour for the figure. This is done by      revealed. After selecting the desired       section I wanted to colour, In this
clicking on the icon above.                 colour, I then clicked on OK.               instance, it was skint-tone.




13 Working on this layer, I then            14 I selected white, selected the           15     It was then just a matter of
filled it with black which ensures that     paint brush tool, and started painting in   repeating this process for all the
the colour is temporarily hidden.           the areas I wanted.                         colours I wanted to add. If the colour I
                                                                                        was adding was too close to white, I
                                                                                        would then use the light blue backing
                                                                                        layer.




16       If at any stage I wanted to        17      Now I had all my colours,           18 It was now time to create the
change one of the colours, then it was      it was now important to start making        shadows on the figure. Like before
just a matter of double clicking on the     the illustration come to life.              where I added the flat colours, I clicked
fill layer and reselecting an alternative                                               on the icon above. Only this time, I
colour.                                                                                 clicked on hue/saturation.




www.gregorlouden.com                                                                                          Showcase 2010
Workthrough




19     I moved the saturation slider to     20 Then I had to clip this layer to        21       I could then add the shadows by
the right and the lightness to the left.    the appropriate colour layer by creating   filling the layer with black, selecting
This can always be re-adjusted later        a clipping mask(hold down alt and        white, selecting the paint brush,
on.                                         hover the cursor between both layers       lowering the opacity and then painting
                                            the click).                                in the areas desired. This takes a bit of
                                                                                       practice.




22 Adding the highlights is almost          23 I now had my figure pretty much         24     Once I had added it to the
an identical process to adding the          complete. It was now a matter of           background, I duplicated the layer.
shadows. Only this time, after selecting    adding the photograph to the               I made sure that the layer with the
the hue/saturation fill layer, you must     background. Id had this one in mind       figure(now flattened to one layer) was
move the stauration to the left and the     from the beginning which I had taken in    between them both.
lightness to the right.                     Philadelphia.




25     On the duplicate layer of the        26    Using the same process for           27 And there it is. This process
photograph, I then masked out               rendering that Id used on the figure, I   takes a bit of patience and practice but
everything in the photograph except         added a few objects to the background      it can produce some pretty cool results
the street light. This helped to give the   to add to the chaos of it all.             if youre willing to invest a little bit of
impression that the figure was within                                                  time.
the photograph.



www.gregorlouden.com                                                                                          Showcase 2010
Ad

Recommended

Mtm by dalibor lekin
Mtm by dalibor lekin
Nomer Adona
Mini The Making of H hauz _VRAY 1.6 beta rendering challenge winner
Mini The Making of H hauz _VRAY 1.6 beta rendering challenge winner
Nomer Adona
The making of iwasa house by ernesto delgado
The making of iwasa house by ernesto delgado
Nomer Adona
Winston ellosca kitchen
Winston ellosca kitchen
Nomer Adona
MTM3 Leo Valenzuela
MTM3 Leo Valenzuela
Nomer Adona
Post Processing A 3 D Render
Post Processing A 3 D Render
Daniel Kreimer
Cartooning yourself using photoshop
Cartooning yourself using photoshop
cristy nazareno
Leo valenzuela mtm 2
Leo valenzuela mtm 2
Muhammad Rijal Muttaqien
6. production reflection
6. production reflection
MatthewBurniston
Computer Techniques In Photoshop 1
Computer Techniques In Photoshop 1
moncrief
Photoshop
Photoshop
mopish
Image manipulation
Image manipulation
Clipping Path Adobe
Photoshop techniques
Photoshop techniques
Daniel Blair
3 d color at photoshop
3 d color at photoshop
nova arianty
Honeymoon suite bedroom tutorial ferry
Honeymoon suite bedroom tutorial ferry
Nomer Adona
Tutorial in gimp
Tutorial in gimp
OscarContreras102
My mini the making bathroom louie castillo
My mini the making bathroom louie castillo
Nomer Adona
Unity workflow
Unity workflow
DarylBatesGames
Coke can tutorial
Coke can tutorial
IsabelleHuang9
technologies
technologies
poppysm
Retrato Pop Art Guia Creativa
Retrato Pop Art Guia Creativa
Pedro Espinoza Hurtado
Experiments
Experiments
OliverColeman12345
How to create a film poster
How to create a film poster
HG17
Working with photoshop
Working with photoshop
Anto Torres
Adobe Photoshop: Painting Tools
Adobe Photoshop: Painting Tools
Divine Joy Pe単ascosas
Making of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugianto
Nomer Adona
Complete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on Photos
Pj Dhanoa
Thought Leadership And Wisdom London
Thought Leadership And Wisdom London
Kate Spiers
6 Stappen Naar Meer Omzet
6 Stappen Naar Meer Omzet
AdHocData
H:\Facts\Role Models
H:\Facts\Role Models
guest8cf388

More Related Content

What's hot (19)

6. production reflection
6. production reflection
MatthewBurniston
Computer Techniques In Photoshop 1
Computer Techniques In Photoshop 1
moncrief
Photoshop
Photoshop
mopish
Image manipulation
Image manipulation
Clipping Path Adobe
Photoshop techniques
Photoshop techniques
Daniel Blair
3 d color at photoshop
3 d color at photoshop
nova arianty
Honeymoon suite bedroom tutorial ferry
Honeymoon suite bedroom tutorial ferry
Nomer Adona
Tutorial in gimp
Tutorial in gimp
OscarContreras102
My mini the making bathroom louie castillo
My mini the making bathroom louie castillo
Nomer Adona
Unity workflow
Unity workflow
DarylBatesGames
Coke can tutorial
Coke can tutorial
IsabelleHuang9
technologies
technologies
poppysm
Retrato Pop Art Guia Creativa
Retrato Pop Art Guia Creativa
Pedro Espinoza Hurtado
Experiments
Experiments
OliverColeman12345
How to create a film poster
How to create a film poster
HG17
Working with photoshop
Working with photoshop
Anto Torres
Adobe Photoshop: Painting Tools
Adobe Photoshop: Painting Tools
Divine Joy Pe単ascosas
Making of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugianto
Nomer Adona
Complete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on Photos
Pj Dhanoa
6. production reflection
6. production reflection
MatthewBurniston
Computer Techniques In Photoshop 1
Computer Techniques In Photoshop 1
moncrief
Photoshop
Photoshop
mopish
Photoshop techniques
Photoshop techniques
Daniel Blair
3 d color at photoshop
3 d color at photoshop
nova arianty
Honeymoon suite bedroom tutorial ferry
Honeymoon suite bedroom tutorial ferry
Nomer Adona
My mini the making bathroom louie castillo
My mini the making bathroom louie castillo
Nomer Adona
technologies
technologies
poppysm
How to create a film poster
How to create a film poster
HG17
Working with photoshop
Working with photoshop
Anto Torres
Making of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugianto
Nomer Adona
Complete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on Photos
Pj Dhanoa

Viewers also liked (8)

Thought Leadership And Wisdom London
Thought Leadership And Wisdom London
Kate Spiers
6 Stappen Naar Meer Omzet
6 Stappen Naar Meer Omzet
AdHocData
H:\Facts\Role Models
H:\Facts\Role Models
guest8cf388
Creative Folio
Creative Folio
Gregor_1977
从舒从舒 于亠亳 02.06.16 1
从舒从舒 于亠亳 02.06.16 1
亳亰仆亠-仂仄弍亟仄亠仆 仂仂亰仂于
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
LinkedIn
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
Luminary Labs
Thought Leadership And Wisdom London
Thought Leadership And Wisdom London
Kate Spiers
6 Stappen Naar Meer Omzet
6 Stappen Naar Meer Omzet
AdHocData
H:\Facts\Role Models
H:\Facts\Role Models
guest8cf388
Creative Folio
Creative Folio
Gregor_1977
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
LinkedIn
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
Luminary Labs
Ad

Similar to Colouring in Photoshop (20)

Evaluation Question 4
Evaluation Question 4
RobertWragg
More photoshop skills
More photoshop skills
mopish
POP ART Tutorial Guide
POP ART Tutorial Guide
Pedro Espinoza Hurtado
Edgy Colors
Edgy Colors
snshnangel04
Andy warhol presentation
Andy warhol presentation
js1productionstm
Andy warhol presentation
Andy warhol presentation
js1productionstm
Andy warhol presentation
Andy warhol presentation
js1productionstm
Schemingwith warholfulldocument
Schemingwith warholfulldocument
Victor Junior/Senior High School
Dramatic Wrinkles effect Tutorial
Dramatic Wrinkles effect Tutorial
RAVE19u3
Ps zen mj
Ps zen mj
Mohammed Jogie
Lighting with Photoshop
Lighting with Photoshop
NYCCTfab
Step-By-Step
Step-By-Step
maximummedia
Tutorial in gimp
Tutorial in gimp
MaTheresaFlorendo
Skills development
Skills development
HannahPenton
Skills development
Skills development
HannahPenton
Case Study and Tutorials
Case Study and Tutorials
MrLawler
Photoshop tutorial - Getting Started and Magic Wand
Photoshop tutorial - Getting Started and Magic Wand
Jenna9
Tutorial in Gimp 2.10.2
Tutorial in Gimp 2.10.2
RalphEmmanuelBaesa
Paths, Masks And Blend Modes
Paths, Masks And Blend Modes
Shan
Photoshop skills
Photoshop skills
mopish
Evaluation Question 4
Evaluation Question 4
RobertWragg
More photoshop skills
More photoshop skills
mopish
Andy warhol presentation
Andy warhol presentation
js1productionstm
Andy warhol presentation
Andy warhol presentation
js1productionstm
Andy warhol presentation
Andy warhol presentation
js1productionstm
Dramatic Wrinkles effect Tutorial
Dramatic Wrinkles effect Tutorial
RAVE19u3
Lighting with Photoshop
Lighting with Photoshop
NYCCTfab
Skills development
Skills development
HannahPenton
Skills development
Skills development
HannahPenton
Case Study and Tutorials
Case Study and Tutorials
MrLawler
Photoshop tutorial - Getting Started and Magic Wand
Photoshop tutorial - Getting Started and Magic Wand
Jenna9
Paths, Masks And Blend Modes
Paths, Masks And Blend Modes
Shan
Photoshop skills
Photoshop skills
mopish
Ad

Colouring in Photoshop

  • 1. Workthrough Combining photographic elements with traditional hand drawn images can be a challenge but with a little help from photoshop, the results can come out quite well. Over the next few pages, Ill try and show you the process that I went through in order to create this composition. This particular piece was part of a personal project which is still very much on-going. Originally starting out as an experiment to see how well different forms of media can work together, the eventual aim is now to take the project into animation. www.gregorlouden.com Showcase 2010
  • 2. Workthrough 01 So, I started by scanning the 02 Then I duplicated the layer. I done 03 What I wanted to do here was to original drawing into photoshop. this by clicking the layer called get rid of all the white areas so that all I Remember, the larger the better! I "Background" and dragging it to the was left with was the black lines from never scan in an image any smaller new layer icon(circled) at the bottom of the drawing. This was done by than 200 Resolution. 300 is best. the layer window. destaturating the image and increasing the tone by using the curves option. 04 By holding down command and 05 After inverting the selection(to 06 I then-whilst making sure I was clicking on the channels pallete, I was select the black areas), I created a new working on the new layer-filled the able to select all the white areas of the layer. selected areas with black. I named this illustration. layer line art. 07 Finally, I created two new layers. 08 Working on the line art layer, I 09 Now I was ready to add colour to Filled one with white and one with a used the Eraser Tool to get rid of any the visual. light shade of blue. I renamed these unnecessary lines or marks. layers white backing and This was just to help the lines to be blue backing. I dragged both of these more clear. layers under the "line art" layer. www.gregorlouden.com Showcase 2010
  • 3. Workthrough 10 I created a fill layer for each 11 The colour picker box was then 12 I then renamed this layer as the colour for the figure. This is done by revealed. After selecting the desired section I wanted to colour, In this clicking on the icon above. colour, I then clicked on OK. instance, it was skint-tone. 13 Working on this layer, I then 14 I selected white, selected the 15 It was then just a matter of filled it with black which ensures that paint brush tool, and started painting in repeating this process for all the the colour is temporarily hidden. the areas I wanted. colours I wanted to add. If the colour I was adding was too close to white, I would then use the light blue backing layer. 16 If at any stage I wanted to 17 Now I had all my colours, 18 It was now time to create the change one of the colours, then it was it was now important to start making shadows on the figure. Like before just a matter of double clicking on the the illustration come to life. where I added the flat colours, I clicked fill layer and reselecting an alternative on the icon above. Only this time, I colour. clicked on hue/saturation. www.gregorlouden.com Showcase 2010
  • 4. Workthrough 19 I moved the saturation slider to 20 Then I had to clip this layer to 21 I could then add the shadows by the right and the lightness to the left. the appropriate colour layer by creating filling the layer with black, selecting This can always be re-adjusted later a clipping mask(hold down alt and white, selecting the paint brush, on. hover the cursor between both layers lowering the opacity and then painting the click). in the areas desired. This takes a bit of practice. 22 Adding the highlights is almost 23 I now had my figure pretty much 24 Once I had added it to the an identical process to adding the complete. It was now a matter of background, I duplicated the layer. shadows. Only this time, after selecting adding the photograph to the I made sure that the layer with the the hue/saturation fill layer, you must background. Id had this one in mind figure(now flattened to one layer) was move the stauration to the left and the from the beginning which I had taken in between them both. lightness to the right. Philadelphia. 25 On the duplicate layer of the 26 Using the same process for 27 And there it is. This process photograph, I then masked out rendering that Id used on the figure, I takes a bit of patience and practice but everything in the photograph except added a few objects to the background it can produce some pretty cool results the street light. This helped to give the to add to the chaos of it all. if youre willing to invest a little bit of impression that the figure was within time. the photograph. www.gregorlouden.com Showcase 2010