Rendering A Model Image in Photoshop: Lectuer No: Sheet Title

Overview of Workshops
Workshop 1 - Draughting
- Draughting and a technical analysis of the marine and architectural draughting techniques
- Analysis of concept sketching
- Task to be completed
Workshop 2 – Intro Photoshop – Starting a Photoshop File

- Overview of Typologies - AOC, Archigram, Toh Shimazaki
- Getting started. Opening a file (generally a scan or image file) in Photoshop
- Crucial Pallets – Tools, Tool Options, Layers, History.
- Selection Tools – Rect. Marquee, Polygon Lasso, Crop, Magic Wand, Move Tool, Zoom Tool, Pan Tool, Navigator Pallet
- Transforming a layer – edit transform - size, shape, skew, flip horiz/ vert
- Exercise - Setting up an image in Photoshop
Workshop 3 – Rendering a Model Image in Photoshop

– Overview of typologies
- Brush tools – Brush, Eraser, Healing Brush, Clone Stamp,
- Exercise - Rendering a model image in Photoshop
- Cleaning up the image, adding materials, renders, adding figures
Workshop 4 – 3D Hand Drawing/ Axo/ Perspective Rendering in Photoshop

- Overview of Typologies
- 3D Hand Dawings with Models, with Sketchup
- Colour/ Opacity and Gradient Tools
- Exercise - Working on the drawngs in Photoshop
Workshop 5 – Further Photoshop Techniques

- Overview of Typologies
- Advanced rendering techniques
- Exercise - Rendering an internal space - light effects, renders
Workshop 6 – Overview of Photoshop Techniques

– Overview of typologies
- Look at layer effects, layer styles, text styles and effects
- Exercise - Working up a Presentation using these tools
3
RENDERING A MODEL IMAGE IN PHOTOSHOP LECTUER NO:
SHEET TITLE:
SHEET NO:
DATE: 29.10.10
TYPOLOGY 1 - RCR ARQUITECTES - CASA RURAL, SPAIN
1.1 Rendered model image 1.4
1.3
3
SHEET TITLE: Typology 1
SHEET NO: 1
DATE: 29.10.10
TYPOLOGY 3 - Ozmin Architecture - Villa Natalin Poland
3.1 - Model Photoshopped into context photograph 3.2 Photoshopped render of interior
3.3
3
SHEET TITLE: Typology 3
SHEET NO: 3
DATE: 29.10.10
BRUSH AND ASSOCIATED TOOLS EXAMINED IN THIS WORKSHOP
1. Eyedropper Tool (I)
2. Paintbrush Brush Tool (B)
3. Paintbucket Brush Tool
4. Eraser Tool (E)
5. Healing Brush Tool (J)
6. Clone Stamp Tool (S)
3
SHEET TITLE: Tools
SHEET NO: 5
DATE: 29.10.10
EYEDROPPER TOOL (I)
- Use this tool to select a colour by clicking on the image, it will pick up the colour attributes at that point.
- The colour will appear in the front colour box in bottom of the tool pallet. Fig 6.2a It will be the active colour.
- The colour boxes can be switched bringing the back to the front and making it active by pressing the swotch arrow symbol. Fig 6.2a
PAINTBRUSH TOOL (B)

- Basic paint tool, will paint in the colour in the front 'active' box Fig 6.6a.
- Double click on this box tp select other colours
- Great variety of colours and brush sizes and shapes to choose from. Opacity can also be set in the tool option pallette. Fig. 6.2b
6.2b
PAINTBRUSH TOOL (B)
EYEDROPPER TOOL (I)
6.2a
6.1 6.2a
3
SHEET TITLE: Eyedropper/ Paintbrush
SHEET NO: 6
DATE: 29.10.10
PAINTBUCKET TOOL
-This tool will drop a uniform colour over an entire layer or selected area. Fig 7.1
- Again, the colour order can be switched seding the front wine colour to the back and making the white active. Fig 7.1a
7.1a
7.1
3
SHEET TITLE: Paintbucket
SHEET NO: 7
DATE: 29.10.10
PAINTBUCKET TOOL
-This tool will drop a uniform colour over an entire layer or selected area. Fig 7.1
- Again, the colour order can be switched seding the front wine colour to the back and making the white active. Fig 7.1a
7.1a
7.1
3
SHEET TITLE: Paintbucket
SHEET NO: 7
DATE: 29.10.10
ERASER TOOl (E)
- A simple eraser tool, different brush sizes and opacities can be selected.
- It will remove elements of a layer.
- If you erase elements of a flattened image or the background layer, the Eraser will leave you with whichever colour is to the back of the
colour selection box option. Fig 8.1a
8.1a
8.1 8.2
3
SHEET TITLE: Eraser
SHEET NO: 8
DATE: 29.10.10
PAINTBUCKET TOOL (B)
- This tool is used to remove blemishes.

- Different brush sizes and opacity settings can be selected at the top left of the screen. Fig 9.1a
- Holding the [Alt] key, you select a clean area the image. Let go of the [Alt] key and brush over the bad area. This copies from the first
area to the second and blends with the new background. Fig 9.3
9.1a
9.1
9.2 9.3
3
SHEET TITLE: Healing Brush
SHEET NO: 9
DATE: 29.10.10
CLONE STAMP TOOL (S)
- Used in the same way as the Healing Brush Tool

- Hold down Alt Key to select area and let go to clone information and add to new location
- it diiffers in that it is a direct copy of the information from the first selected area to the second and will not blend with its new
background.
- Good to use in conjunction with the Healing Brush Tool and again different brush sizes and opacities can be selected in the Tool Options
pallet. Fig 10.1a
10.1a
10.1
10.2 10.3
3
SHEET TITLE: Clone Stamp
SHEET NO: 10
DATE: 29.10.10
EXERCISE - APPLYING MATERIALS AND FIGURES TO A MODEL IMAGE
3
SHEET TITLE: Exercise
SHEET NO: 11
DATE: 29.10.10
EXERCISE 3 - RENDERING A MODEL IMAGE
12.1 - Image opened in Photoshop. 12.2 - Create an even background which will be rendered later
- Image - Adjustments - Brightness/ Contrast to sharpen and define - Select element to copy using Polygon Lasso (L)
3
SHEET TITLE: Exercise P1
SHEET NO: 12
DATE: 29.10.10
EXERCISE - MODEL RENDER 2
13.1 - New layer transformed - Edit -Transform - Scale 13.2 - New layers must be blended 13.3 - New layers blended using Eraser (E)
or Free Transform shortcut Ctrl/ Apple T and Healing Brush (J)
3
SHEET NO: 13
DATE: 29.10.10
14.2a
14.1a
14.1- New layers merged into one Layer and named Overlay Layer. Fig 14.1a 14.2- Opacity of Overlay Layer lowered so that the Background layer beneath
it can be seen. Fig 14.2a
- Select Background Layer in Layer pallet and use the Magic Wand tool to
select areas of the model.
- With the model selected, change to the Overlay layer and delete areas to
reveal the model beneath.
16.3 New Layer 2 again transformed Edit - Transform - Scale and

Edit - Transform - Rotate or Ctrl/Apple T
3
SHEET NO: 14
DATE: 29.10.10
14.2a
14.1a
14.1- New layers merged into one Layer and named Overlay Layer. Fig 14.1a 14.2- Opacity of Overlay Layer lowered so that the Background layer beneath
it can be seen. Fig 14.2a
- Select Background Layer in Layer pallet and use the Magic Wand tool to
select areas of the model.
- With the model selected, change to the Overlay layer and delete areas to
reveal the model beneath.
16.3 New Layer 2 again transformed Edit - Transform - Scale and

Edit - Transform - Rotate or Ctrl/Apple T
3
SHEET NO: 14
DATE: 29.10.10
15.1 - Layers Merged into one layer - leaving a clean image to which we will 15.2 - Image selected to copy into file as a grass render
now add materials. - Check both file sizes making sure the new image size will not be too large
or small when copied into the model file
3
SHEET NO: 15
DATE: 29.10.10
15.1 - Layers Merged into one layer - leaving a clean image to which we will 15.2 - Image selected to copy into file as a grass render
now add materials. - Check both file sizes making sure the new image size will not be too large
or small when copied into the model file
3
SHEET NO: 15
DATE: 29.10.10
16.1 - New Layer copied and pasted in Ctrl/Apple C 16.2 - Opacity lowered so that the background can 16.3 - Grass layer trimmed to suit by selecting areas to
Ctrl/App V be seen. be deleted using the Polygon Lasso Tool (L)
- New grass layer size transformed - Scale transformed using Free Transform (Ctrl/
Edit - Transform - Scale or Ctrl/Apple T App. T)
3
SHEET NO: 16
DATE: 29.10.10
16.1 - New Layer copied and pasted in Ctrl/Apple C 16.2 - Opacity lowered so that the background can 16.3 - Grass layer trimmed to suit by selecting areas to
Ctrl/App V be seen. be deleted using the Polygon Lasso Tool (L)
- New grass layer size transformed - Scale transformed using Free Transform (Ctrl/
Edit - Transform - Scale or Ctrl/Apple T App. T)
3
SHEET NO: 16
DATE: 29.10.10
Grass L2
17.1- Paste in a new grass layer -Grass L2 - (Ctrl/App C, Ctrl/App V) and 17.2 - Delete Grass L2 Layer which covered the iimage
transfrom scale (Ctrl/App. T) to cover the image. - Blend Grass L3 Layer with other grass layers using the
- Reduce its opacity so that the main model image may be seen Eraser Tool (E) to erase hard edges Fig a and the Healing
underneath. Brush Tool (J) to blend the layers
- Select the Background layer in the layer pallet. Fig a
- Using the Magic Wand tool (W) select the background grey card
area of the main image
- Click Grass L2 in the layer pallet.
- With the same selection areas still active, Copy and Paste a new
layer of grass Grass L3 which will cover the grey, but not the model.
3
SHEET NO: 17
DATE: 29.10.10
18.1 - Open a Tree image in Photoshop 18.2 - Copy and Paste the new Tree Layer into
- Use the Magic Wand Tool (W) to select areas of the tree of equal colour the model document.
- Copy and Paste (Ctrl/App. C, Ctrl App V) this area as a new Layer - You can paste in the same tree a number
- Select a different area of the main tree image/ Background Layer of times altering its scale (Ctrl/ App. T) and
- Copy and paste to a make new layer colour balance (Ctrl/ App. B) - Fig a - so
- Change the opacity and colour balance (Ctrl/App B) of the new layers to that each tree layer appears different
imply different parts of the tree - giving it colour and depth.
- Merge the new layers into one layer separate from the background.
- Ctrl/Apple E will merge a layer with the one directly below it in the Layer
Pallet
3
SHEET NO: 18
DATE: 29.10.10
19.1 - Paste in an image to render the decking. Try to find one of 19.2 - Use Ctrl/App. T to transform scale and rotate the Later
compatible shape with the area you wish to work on. - Use Edit - Transform - Skew to change a layers shape.
- However an image can be transformed to fit
3
SHEET NO: 19
DATE: 29.10.10
20.1 - Layer transformed to fit decking area. 20.2- Layer Copy and Pasted to New Layers, Transformed 20.3- Layer transformed to fit decking area.
and Skewed to look convincing and cover the whole - Opacity and Colour Balance (Ctrl/App. B) altered
area we wish to render. to make the material appear more convincing
- All decking layers merged into one and given a name.
- Opacity lowered in Layer pallet and areas selected
using the Polygon Lasso tool (L) to be deleted
3
SHEET NO: 20
DATE: 29.10.10
21.1 - New Layer copy and pasted in for use as roof material 21.2 - These actions are repeated 3 times for the other roof elements
- Opacity of the material layer lowered. - We now have 3 roof layers Roof 1, 2 and 3
- Click Background Layer in the layer pallet. - Roof 3 should appear darker as it is in shadow.
- Roof area of model selected using Magic Wand Tool (W) - Click Roof 3 layer in the layer pallet
- Click Roof Layer in layer pallet. - Make it darker using Image - Adjustments - Brightness/ Contrast
- Copy and paste new layer Roof 1 which will cover the selected - You can play around with different settings for the layers until they
roof area. look convincing
3
SHEET NO: 21
DATE: 29.10.10
22.1 - Make a new layer by pressing icon in the layer pallet Fig a 22.2 - Opacity lowered to make glass material
- Using the Polygon lasso tool (L) select a window area. look convincing. Fig 22.4a
- Using the Paint Bucket Tool drop a light blue colour into the
selection marquee
22.4a
22.3- Using the Polygon lasso tool (L) select other areas to render 22.4 - With the glass layer still clicked in the layer pallet, Fig a drop
the same blue colour in the selected areas.
- As the opacity of the layer is set to 38%, the new window
elements will have the same convincing appearance and will
not be the bright blue
3
SHEET NO: 22
DATE: 29.10.10
23.1 23.2
- Select a suitable image of a figure to copy - Using the Lasso Tool (L) select areas in the
and paste in. shape of the man's shadow.
- Clear unwanted areas around the man - Click on the background layer in the layer
using the Lasso Tool (L) and delete selected pallet.
areas. - Copy and Paste a new layer 'Shadow'
- Use Brightness/ Contrast to darken
3
SHEET NO: 23
DATE: 29.10.10
24.1- Save the image as a Photoshop PSD or PDF to keep the layers active
- For a smaller file size, save as a JPG or PNG, but the layers will be flattened into 1.
3
SHEET NO: 24
DATE: 29.10.10

Rendering A Model Image in Photoshop: Lectuer No: Sheet Title

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Rendering A Model Image in Photoshop: Lectuer No: Sheet Title

Uploaded by

Copyright:

Available Formats

Overview of Workshops

Workshop 2 – Intro Photoshop – Starting a Photoshop File

Workshop 3 – Rendering a Model Image in Photoshop

Workshop 4 – 3D Hand Drawing/ Axo/ Perspective Rendering in Photoshop

Workshop 5 – Further Photoshop Techniques

Workshop 6 – Overview of Photoshop Techniques

1.1 Rendered model image 1.4

1. Eyedropper Tool (I)

2. Paintbrush Brush Tool (B)

3. Paintbucket Brush Tool

4. Eraser Tool (E)

5. Healing Brush Tool (J)

6. Clone Stamp Tool (S)

PAINTBRUSH TOOL (B)

PAINTBRUSH TOOL (B)

EYEDROPPER TOOL (I)

- This tool is used to remove blemishes.

- Used in the same way as the Healing Brush Tool

16.3 New Layer 2 again transformed Edit - Transform - Scale and

16.3 New Layer 2 again transformed Edit - Transform - Scale and

You might also like