6/4/2023 - 16/7/2023 / Week 1 - Week 14
Lee Wing Kie / 0364251
Digital photography and imaging / Bachelor of Design (Hons) in Creative Media
Exercises
LECTURES
Week 2:
Introduction in Photoshop
Lasso Tool, Pen Tool & Layering
- Selection & Layering
 |
Fig 1.1 Layer Interface
|
- Tool Box
 |
Fig 1.2 Tool Box in Adobe Photoshop
Photoshop provides several tool sets in the Toolbox, we can expand the tool sets to reveal additional tools.
- Marquee Selection Tools
| |
 |
| Fig 1.3 Marquee Selection Tools |
1. Lasso Tool
How to use Lasso Tool:
The Lasso Tool allow you to draw and pinpoint specific areas of a document.
 |
Fig 1.4 Lasso Tool
|
When you click on the Lasso Tool from the Toolbar, you will see three different tool options:
- Lasso
- Polygonal Lasso
- Magnetic Lasso
 |
Fig 1.5 Magnetic Lasso
|
The Lasso Tool is great to use with a graphic tablet because it is similar to a pencil.
Unlike a mouse or trackpad, a graphic tablet can give a better flow when drawing and making selections.
2. Pen Tool
How to use the Pen Tool:
When it comes to actually create a path from scratch, the pen tool is the most common option.
The pen tool is the way that you add these points and the way you drag the tool as you create the points determines how they will look. Remember, the fewer points, the smoother a path will be.
 |
Fig 1.6 Pen Tool
 | | Fig 1.7 Variation of Pen Tool |
|
3. Layering
How to use Layer in Photoshop:
Layers are different images stacked on top of each other.
You can use each layer without affecting another one to make adjustments.
 |
| Fig 1.8 Layering in Photoshop |
1. The advantage of using Layers is that you can save a Photoshop file with all the layers included. This means you can use layers for non-destructive editing.2. Your adjustments in Photoshop will never destroy the original image.3. The layers contain all the extra information and/ or images you want to add to the original file.
Week 4:
Introduction on basic composition
1. Focal point
 |
Fig 1.9 Focal Point
|
A key element to any good composition is a strong focal point, as it helps your viewers’ eyes naturally settle on the important pieces of your design first.
2. Scale & Hierarchy
 |
| Fig 1.10 Scale & Hierarchy |
Scale is often used to help communicate hierarchy by drawing attention toward and away from certain elements, thus signifying their importance to the communication.
3. Balance the elements
 |
Fig 1.11 Balance the elements
|
A good technique for mastering asymmetrical balance is to think of each element as having a ‘weight’ to it.
4. White Space
 |
| Fig 1.12 White Space |
White space is mostly known as “empty space” to balance up the main focus of a composition. White space when used strategically can help boost your design’s clarity and overall look by balancing out the more complicated and busy parts of your composition with space that helps your design to breathe.
Rule of Third
The Rule of Thirds is the process of dividing an image into thirds, using two horizontal and two vertical lines. This imaginary grid yields nine parts with four intersection points.
 |
Fig 1.13 Rule of third
|
The Rule of Thirds is a way to :- Use composition techniques that are in lines with what's naturally pleasing to the eye
- Creatively use negative space
- Create a conversation between the subject and background
Golden Ration
 |
| Fig 1.14 Golden ration |
The Golden Ratio is a mathematical ratio. It is commonly found in nature, and when used in a design, it fosters organic and natural-looking compositions that are aesthetically pleasing to the eye.
Week 6:
Digital Photography - Exposure Setting
 |
| Fig 1.15 Exposure Example |
EXPOSURE: In photography, exposure is the amount of light which reaches your camera sensor or film.
 |
| Fig 1.16 Camera |
The main parts of the camera:
1. Camera body:
- Shutter
- Image sensor
- LCD screen
2. Camera lens:
- Aperture/ Iris
The camera body is a light proof box.
 |
| Fig 1.17 Iris/Aperture |
IRIS: Control the flow of light entering the lens. Measured by f-stop, indicated by sequence of f-number: f/1, f/1.4, f/2 , f/ 2.8, f/ 4, f/ 5.6, f/ 8, f/ 11, f/ 16, f/22 , f/32..
 |
| Fig 1.18 Shutter |
SHUTTER: The shutter is a small plastic sheet that opens and closes to allow light onto the film or prevent light from reaching the film.
 |
| Fig 1.19 Shutter Speed |
SHUTTER SPEED: Shutter speed is measured in seconds: 1/1000 s,1/500 s,1/250 s,1/125 s,1/60 s,1/30 s,1/15 s,1/8 s,1/4 s,1/2 s,1 s, 2 s, 3 s…
 |
| Fig 1.20 What is ISO? |
The common ISO camera settings are: 100, 200, 400, 640, 800, 1600, 3200, 6400….
LENS PERSPECTIVE
Different lenses are designed for different for different purposes. Lenses can be categorized by FOCAL LENGTH.
 |
| Fig 1.21 Types of camera lenses |
FOCAL LENGTH: Focal length is the measurement (in millimeters) from the optical center of a camera lens to the camera’s sensor.
 |
| Fig 1.22 Focal Length |
DEPTH OF FIELD: The proportion of the image that is reasonably sharp and in focus.
 |
| Fig 1.23 Depth Of Field |
 |
| Fig 1.24 Wide Angle Lens |
Wide angle lens is especially useful for landscape photography or street photography. With wide angle lenses, almost everything is in focus, unless your subject is very close to the lens.
 |
| Fig 1.25 Standard Lens |
Standard lens offer a fairly accurate representation of what the human eye sees, both in terms of visual angle and perspective.
 |
Fig 1.26 Tele Lenses
|
Tele lenses are great for isolating a subject that is far away.
DSLR V.S SMARTPHONE Smartphones vs Cameras = Convenience vs Quality
DSLR cameras are designed to capture images. Phones are designed to carry out a multitude of functions.
Phone cameras are very limited by size. The size of the lens and the size of the sensor that captures the photos. Entry-level DSLR have much larger lenses and sensors than mobile phones do.
INSTRUCTION
Week 2 : Layering
For week 2, we learned how to use the 'Lasso Tool,' 'Polygonal Tool,' and 'Magnetic Tool'. We are asked to downloaded 4 pictures to complete this exercise in class.
 |
| Fig 2.1 Pictures to download |
 |
| Fig 2.2 Cut out table using "Polygonal Tool" |
Final Outcome
 |
| Fig 2.3 Final Outcome |
Blending modes
Part 1:
For this exercise, we are going to learn about how to use: quick selection tools, layer mask, filters and color correction.
 |
Fig 2.4 Pictures to download
 | | Fig 2.5 Step 1 Shazam Match Color(Image →Adjustments) |
|
 |
| Fig 2.6 Step 2 Shazam GAUSSIAN BLUR (Filter→ Blur→ Gaussian Blur) |
 |
| Fig 2.7 Step 3 Shazam (Add Reflection) |
|
|
 |
| Fig 2.8 Step 4 Shazam (Adjustment) |
 |
| Fig 2.9 My Shazam Exercise |
PART 2 : MY REFLECTION
Based on SHAZAM exercise, create the same steps and insert your own photo to replace the SHAZAM’s layer by following these steps:
1. Take a photo of yourself using the right lighting techniques
2. Apply the Shazam’s exercise techniques
3. Replace the Shazam’s layer with YOUR OWN PHOTO
4. Apply suitable Color Correction to finalize your work
 |
| Fig 2.10 My Reflection Exercise |
Week 3 : RecolouringFollow instructions from DIGITAL IMAGING EXERCISE 02 - Recolouring B&W photo:
 |
| Fig 3.1 Step - Recolouring hair |
 |
| Fig 3.2 Step - Recolouring skin |
 |
| Fig 3.3 Step - Recolouring clothes, eyes, lip, teeth and pearl |
 |
| Fig 3.4 Step - Add background |
 |
| Fig 3.5 Final |
Project 2: Digital Imaging Exercise 02-PART2
Select ONE B&W photo from:
Search photo online for skin/hair references and recolour the photo for submission.
 |
| Fig 3.6 Skin/hair references |
 |
| Fig 3.7 Step - Recolouring Hair |
 |
| Fig 3.8 Step - Recolouring Skin |
 |
| Fig 3.9 Step - Recolouring eyes, lip and shirt |
 |
| Fig 3.10 Step - Add background |
 |
| Fig 3.11 Final |
Week 4 : Blending mode part 2
My exercise 1 in class:
 |
Fig 4.1 Add linear gradient and adjust to "Screen"
|
 |
| Fig 4.2 Down the "Screen" with opacity 20% |
 |
| Fig 4.3 Final Outcome |
My exercise 2 in class:
 |
| Fig 4.4 Put steam photo into Photoshop and adjust the size |
 |
| Fig 4.5 Adjust "Level" to increase contrast |
 |
Fig 4.6 Create a radial gradient, reduce opacity to 20%
 | | Fig 4.7 Final Outcome |
|
My exercise 3 in class:
 |
| Fig 4.8 Add linear gradient and adjust to "Multiply" |
 |
Fig 4.9 Reduce opacity to 50%
|
 |
| Fig 4.10 Final Outcome |
My exercise 4 in class:
 |
| Fig 4.11 Select the birds with "lasso tool" and paste it on sea side image |
 |
| Fig 4.12 Create new adjustment layer → apply level and create clipping → mask |
 |
| Fig 4.13 Create new adjustment layer and apply Radial Gradient |
 |
| Fig 4.14 Reduce opacity until it is appropriate |
 |
| Fig 4.15 Final outcome |
My exercise 5 in class:
 |
| Fig 4.16 Add linear gradient and adjust to "Soft Light" |
 |
| Fig 4.17 Reduce opacity to 20% |
 |
| Fig 4.18 Final outcome |
My exercise 6 in class:
 |
| Fig 4.19 Create Radial Gradient and apply "Multiply" |
 |
| Fig 4.20 Reduce opacity until it is appropriate |
 |
| Fig 4.21 Final outcome |
Week 5: Double Exposure
My exercise in class:
 |
Fig 5.1 Show details with refine brush
|
 |
| Fig 5.2 Apply forest and clip to the portrait |
 |
| Fig 5.3 Add clouds and birds |
 |
| Fig 5.4 Add gradient colour for whole image |
 |
| Fig 5.5 Final Outcome of Double Exposure |
Week 6 Exercise: Digital Photography
Exercise 1:
 |
Fig 6.1 Make fabric picture to black & white
 | | Fig 6.2 Add filter - blur and save for displacement |
|
 |
| Fig 6.3 Final outcome of Exercise 1 |
Exercise 2:The step in exercise 2 are the same as in exercise 1.
 |
Fig 6.4 Make the picture to black & white, Add filter - blur and save for displacement
|
 |
| Fig 6.5 Put Liverpool image at the middle of face and convert to smart object |
1. Filter - Distort - Displace (Choose the black and white PSD file saving just now).2. Change to Soft Light / Overlay, reduce the opacity until it is appropriate.
3. Use brush tool mask to adapt to the face.
 |
| Fig 6.6 Final outcome of Exercise 2 |
Exercise 3:
 |
Fig 6.7 Make the picture to black & white and save for displacement
|
 |
Fig 6.8 Change skin
|
1. Filter - Distort - Displace (Choose the black and white PSD file saving just now).
2. Change to Soft Light / Overlay, reduce the opacity until it is appropriate.3. Add a background.
 |
| Fig 6.9 Final outcome of Exercise 3 |
Exercise 1:1. Open Cora jpeg, duplicate a layer.
 |
| Fig 7.1 Use pen tool to mask out left shank |
 |
| Fig 7.2 Create new layer, use stamp tool to patch the background |
 |
| Fig 7.3 Create new layer, use Elliptical Marquee tool to create an oval |
1. Fill in colour, use eyedropper to choose colour from shadow.
2. Use free transform mode to adjust size and angle.3. Use wrap mode to adjust shape.
 |
| Fig 7.4 Duplicate a layer place it on top |
1. Use free transform mode, wrap mode to adjust.2. Place the layer under bora jpeg layer.
 |
| Fig 7.5 Open metal skeleton image, crop & mask out the selection |
 |
| Fig 7.6 Move the prosthetic limb to project |
1. Use free transform mode to adjust it.2. Use eraser tool for cleaning.
 |
| Fig 7.7 Brush adjust, create new adjustment layer |
 |
| Fig 7.8 Use pen tool to draw based on the references |
1. Select all paths, apply stroke path to the new adjustment layer.
2. Select - Load selection, apply mask to the main layer.
3. Load blending option - adjust Bevel & Emboss: Style - Inner Bevel
4. Adjust Depth, Size, soften, Highlight mode and Shadow mode
5. Load selection again, delete path, deselect selection.
 |
| Fig 7.9 Turn off visibility of stroke path layer |
 |
| Fig 7.10 Final outcome of Exercise 1 |
Week 9 Exercise: Flower Face Portrait
Exercise 1:
 |
| Fig 8.1 Use pen tool draw a path, make selection |
 |
| Fig 8.2 Select Marquee tool, right-click select layer via cut |
 |
| Fig 8.3 Move face layer to the left |
1. Create new layer
2. Use pen tool (shape) → Draw a shape
3. Select dark skin colour with eye dropper.
 |
Fig 8.4 Select Blending Options → Bevel & Emboss
|
 |
| Fig 8.5 Right click → Create Layers |
 |
Fig 8.6 Clean the edge of two layers with Eraser
|
|
 |
| Fig 8.7 Use Lasso Tool to select and use Eraser to clean the selection |
 |
Fig 8.8 Load Selection (Main Portrait Layer) → Click on Ivy bush layer → Clean it with Eraser
|
|
 |
| Fig 8.9 Add 2nd Ivy layer → add layer mask → clean it with brush |
 |
Fig 8.10 Add 3rd Ivy layer (with flowers) → Add few butterflies
|
|
 |
| Fig 8.11 Add new layer → Gradient Map → choose a preset → Choose a Blending Mode |
1. Adjust brightness/contrast (clipping mask) for 1st Ivy bush layer.
 |
| Fig 8.12 Final Outcome |
Week 10 Exercise: Digital Surrealism
Exercise 1:
 |
| Fig 9.1 Create some simple animations in Photoshop |
Fig 9.2 Final Outcome
Exercise 2:
 |
Fig 9.3 Frame mode simple animations in Photoshop
|
 |
| Fig 9.4 Final Outcome |
Comments
Post a Comment