Overview of Workshops Workshop 1 - Draughting - Draughting and a technical analysis of the marine and architectural draughting technique s - Analysis of c oncept sketching - Task to be completed Workshop 2 – Intro Phot oshop – Start ing a Photoshop F ile - Overvie w of Typolog ies - AOC, Archigram, T oh Shimazaki - Getting started. Opening a file (generally a scan or image file) in Photoshop - Crucial Pa llets – Tools, Tool Options, Layers, History. - Selection Tools – Rect. Marquee, Polygon Lasso, Crop, Magic Wand, Move Tool - Transforming a layer – edit transform - size, shape, skew, flip horiz/ vert - Exercise - Setting up an image in Photoshop - Task to be completed Workshop 3 – Rendering a Model 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 - Task to be completed Workshop 4 – 3D Hand Drawing/ Axo/ Perspective Rendering in Photoshop - Overview of Typologies - 3D Hand Dawings with Models, with Sketchup - Colour/ Opacity, Levels and Saturation and Gradient Tools - Exercise - Working on the drawngs in Photoshop - Preparing an image resource. - Task to be completed Workshop 5 – Further Photoshop T echniques - Overview o f Typologie s - Advanced re ndering techniques - Exercise - Rendering an internal space - light effects, renders - Task to be completed Workshop 6 – Overview of Photos hop Techniques – Overview of typologies - Look at layer effects, layer styles, text styles and effects - Exercise - Working up a Present ation using these tools - Task to be completed 0 Cover Workshop Overview 2 STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING LECTURE NO. SHEET NO. DATE 22.10.10 SHEET TITLE
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- Transforming a layer – edit transform - size, shape, skew, flip horiz/ vert- Exercise - Setting up an image in Photoshop- Task to be completed
Workshop 3 – Rendering a Model 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- Task to be completed
Workshop 4 – 3D Hand Drawing/ Axo/ Perspective Rendering in Photoshop- Overview of Typologies- 3D Hand Dawings with Models, with Sketchup- Colour/ Opacity, Levels and Saturation and Gradient Tools- Exercise - Working on the drawngs in Photoshop- Preparing an image resource.- Task to be completed
Workshop 5 – Further Photoshop Techniques- Overview of Typologies- Advanced rendering techniques
- Exercise - Rendering an internal space - light effects, renders- Task to be completed
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- Task to be completed
0 Cover
Workshop Overview
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
Files used in Photoshop are generally different image file types - PDF, JPG, PNG, Photoshop PSD. To edit an image PSD is preferable.They may be scanned, imported from an external source, saved images from the net or imported from drafting programmes
It is assumed you have an image to start work on.
To open a file in Photoshop, right click (PC) or press ctrl key and select file (Mac), this will give you the OPEN WITH option showing differentapplication options - choose Photoshop. Fig 4.1
Alternatively open Photoshop and use FILE - OPEN (CTRL O/ APPLE O) and scroll through files to select the one you wish to open.
Once the image is open in Photoshop check mode - IMAGE MODE - and set as wished - Greyscale, RGB colour.Fig 4.2
4.2
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
Image size box appears, check all settings. 300pixels/inch is suitable for a large presentation image, but will be quite large if you intend theimage for other uses eg. email - a resolution of 75 would be more appropriate. Fig 5.2a
When changing sizes, ensure CONSTRAIN PROPORTIONS is ticked so that the image size will not be distorted. Fig 5.2b
Uncheck the resample image to maintain the pixel density of the image, enlarging the image while resampling the adjoining pixels will besamples to increase the size of the image, this is not adviseable, it is preferable to have a base image at the right size and density at theoutset. Fig 5.2.
Setting Image Size
5.1 5.2
5.2a
5.2b
5.2c
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
To increase space around an image, you can change the canvas size. Fig 6.1, 6.2
The new area added to the sides can be worked on in the same way as any othe part of the image. Fig 6.3
The increased canvas area can be added to any side of the image using anchor points. Fig 6.2a
This is useful to set up a final image with the initial image positioned to suit, say if you wish to have a larger sky or increase theperipherary!and setting of the image.
6
Changing Canvas size
Alternatively you can work on a larger canvas size by copying the image from the original file into a new larger one.
6.1 6.2 6.3 Canvas size now set to 30*256.2a
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
View Tools and Shortcuts - Fig 7a.1 These tools along with space bar to pan around the image are the fundamentals for navigating aroundthe image while editing. Learn the short cuts immediately.
Ruler Tool- Fig 7a.2 When using vector based objects, such as drawings and models it is generally better to havetthe rulers turned on andset to metric.
Fig. 7a.1
Fig. 7a.1
7a
Visual Navigation
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
- Tool used to make selections in an orthagonal shape.- Selected area may be copied and pasted to form a new layer, or simply edited in its original layer.- The Marquee may be moved around the image without altering it. While still in Rectangular Marquee click inside the selected area,hold down and drag
- Holding the [Shift] key while dragging your selection, restricts the shape to a square.- Holding the [Alt] key while dragging sets the center of the rectangle to where your cursor started.- Ensure the layer you wish to work on is selected in the Layer Pallette. When a layer is selected, only the area within the marquee maybe worked on.
9.1 Single Marquee selection mode
9.2 Multiple Marquee selection mode
9.3 Subtract Marquee selection modeShortcut 'alt' while selecting and'shift' to add.
9.4 Intersection Marquee selection modeComand 'd' to deselect.
9
Rect. Marquee Tool
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
- Use this tool to draw selections in whatever shape you would like.- To close the selection, either double click or click on the beginning point.- Again multiple selections are posssible, click on this option in the Tool Option pallet. Fig 10.1- There are 3 different Lasso Tool modes - Polygon (most commonly used), Lasso and Magnetic. Fig 10.2- The Magnetic Lasso identifies edges but is hard to control, as is the Lasso which is a curved free selection tool.
10.1 Multiple Selection mode
10.2 Single Selection mode,showing 3 different LassoTool options.
10.3 Multiple Selection mode
10.4 Single area selected
10.4 Area moved using the move tool (V) todrag area or 'command' while in anothertool and 'command' and 'alt' to move andcopy the selection. To duplicate area copyand paste Ctrl/ Apple C, Ctrl/ Apple V
10
Polygon Lasso Tool
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
- Used to select a color range. It will select a block of color, or transparency.- Click on an area and all emements of the same colour will be selected. Fig 12.2- Again there is a multiple selection option in the Options Pallet. Fig 12.1a- In the Options Bar at the top, you can change the Tolerance to make your selections more/less precise. Fig 12.1a
12.1 Magic Wand Tool
12.2 Magic Wand Tool usedto select background
12.1a
12.3 Magic Wand andPolygon Lasso tools used todelete background
12.4 Colour balance givenred hue using ctrl/apple B
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
MOVE TOOL (V) or 'command/apple' when in another tool.
- With this tool you can either move entire layers Fig. 13.2, or move part of a layer which is selected. Fig 13.3 - (the layer must beselected in the layer palette to work with it)
- Hold the [Shift] key to limit the movement to vertical/horizontal- The nudge arrows on the keyboard can also be used to move layers in orthagonal directions when the Move Tool (V) is selected
13.1 13.2 Entire Layer moved - ensure layer isselected in Layer pallet
By selecting part of a layer usingthe Polygon Lasso Tool, this canbe moved while the rest of the layerremains in its original position
13.3
COPYING A LAYER FROM ANOTHER DOCUMENT USING THE MOVE TOOL.
- You can also copy a layer from one document using the Move Tool to drag it. The Layer will keep its original name in the
new document and its original position in the original.- Check that the image resolution is the same in both documents if you want the layer to keep its size.- If the new documents resolution is twice that of the original, then the layer will be scaled down by 50% in the newdocument.
- Alternatively you may simply select an area and copy and paste to the new document.
13
Move Tool
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
To make this portion of work as easy as possible a blacksheet can prove to be very useful.
14.2 New layer created using copy & paste.Save file as a Photoshop PSD,TIF or PDF. These file types recogniselayers. JPGs and other file types 'Flatten' the image into onelayer prohibiting further work with individual layers.
14.3 Background Layer turned off and work on the model layer willbe clearer
14.4 Edges of the Model Layer must be cleaned up, using themost suitable selection tool and by deleting the excess.
14
Exercise Part 1
New Layer - Give ita name by doubleclicking on it
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
17.1 New Vertical Guide Opened - Layer needs slight rotation
EXERCISE - MODEL IMAGE 4
17.2 Edit - Transform - Rotate or Ctrl/AppleT and rotate corners of selection box
17.3 Model Layer rotated
17.3 Alternatively use the ruler tool.
Ruler Tool
The ruler tool (i) is below theeyedropper, draw a line along theaxis to define the rotation thenunder image/rotate arbitary theangle of rotation is setautomatically. and then under fileuse
17.4 Rotate canvas selection.
2STARTING A PHOTOSHOP FILE + VIEWING TOOLS + SELECTION TOOLS AND INITIAL IMAGE EDITING
