Digital Photography & Imaging (Week 03)

DIGITAL PHOTOGRAPHY & IMAGING GCD 61204 (Week 03)

WEEK 03 (10.10.2023)

NAME: Chin Tze Wei

I.D: 0357423

COURSE: Digital Photography & Imaging / Bachelor of Design (Honors) in Creative Media

GROUP: Class 01 Sec 05

---

WEEK 3 : LECTURE

During this week's lecture, Mr Yusoff has introduced us to software, Adobe Photoshop. 

We have learned some basic tools such as Lasso Tool, Pen Tool, Layering, and Magic Wand Tool through the lecture "Introduction to Photoshop". These tools are essential for this week's assignment, digital collage design.

Week 03 Lecture Note

Lecture Note Week 03: 

1. Basic Introduction to Photoshop

• Selection and Layering 
  
  
  

Figure 3.1  Layer Interface

• Tool Box
  Adobe Photoshop provides several tool sets in the Toolbox, and you can expand the tool sets to reveal additional tools.

Figure 3.2  Tool Box in Adobe Photoshop

• Marquee Selection Tools

Figure 3.3  Select and Mask

2. Lasso

• Allow you to draw and pinpoint specific areas of  a document.

Figure 3.4  Lasso Tool

• When you click on the Lasso Tool from the Toolbar, you will see three different tool options:
  1. Lasso
  2. Polygonal Lasso
  3. Magnetic Lasso

Figure 3.5  Right-click of Lasso Tool

• 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. 

Figure 3.6  Example of Lasso Tool

Mr Fauzi also let us watched a youtube video to understand composition. 

Video 3.1  How to use the Lasso Tool

3. Pen Tool 

• Creating a path from scratch, the pen tool is the most common option.
• Pen tool is the way that you add points and the way you drag the tool as you create the points determines how they will look. 
• To create extremely precise shapes and paths, using manually placed anchor points.
• The pen tool was not natively made as a "selection tool".

Figure 3.7  Example of  how to use Pen Tool

Variation of  Pen Tool

1. Staight line paths

Figure 3.8  Example of how to draw straight line paths

2. U shaped curves 

Figure 3.9  Example of  how to draw U shaped curves

3. Simple S curves

Figure 3.10  Example of  how to draw Complex S curves

4. Complex S curves

Figure 3.11  Example of how to draw Complex S curves

During lecture, Mr Fauzi encourage us to play a game called Biezer Game. It is a game that can help us adapt to the pen tool that we usually used in Adobe Photoshop or Adobe Illustration.

Figure 3.12  Result of  Biezer Game "Car stage"  from me

4. Layering

• Diffrent images stacked on top of each other.
• Can use each layer without affecting another one to make adjustments.
• Together they form one final image.

Figure 3.13  Example of  layer at Adobe Photoshop

• The advantage of using Layers is that you can save a Adobe Photoshop file with all the layers included. 
• Can use layers for non-destructive editing. Adjustments in Photoshop will never destroy the original image. 
• The layers contain all the extra information and/or images you want to add to the original file.

Figure 3.14  Example of How to use Layer in Photoshop

Mr Fauzi also let us watched a youtube video to understand on how to open image as layers in Adobe Photoshop. 

Video 3.15  How to Open Images as Layers in Adobe Photoshop

---

WEEK 3: TUTORIAL

During tutorial session, Mr Fauzi let us watch his tutorial videos about creating digital compositions by using Photoshop. In the videos, he demonstrated using the tools of Photoshop.

Video 3.3  Composition Studies video-Pen Tool

We have watched the video about Composition Studies - Digital Collage that was created by Mr Fauzi. In this video, Mr Fauzi demonstrated cropping out the collage elements by using the tools like Pen Tool and Magic Wand. He has shown us the whole process of composing the composition for the digital collage.

Video 3.4  Composition Studies video-Digital collage

Working Progress :

Figure 3.16  Working Progress

After watching the demo video, I started to work on my digital collage task. 

---

WEEK 3: PRACTICAL

INSTRUCTION:


1. Download all of the images here to your computer:
https://drive.google.com/drive/folders/1cGcbENrjSksAaMQK9np2jb6ZaM7Y-81l?usp=sharing
2. Follow this tutorial demo as reference to create your digital collage: https://youtu.be/BlW7F-fTsbE
3. Create 3 different composition digital collages from the images that you’ve downloaded.
4. Create A4 canvas size (vertical) on Photoshop and start to do the compositions.
5. Take 3 photo of your digital collage compositions and insert it on the section below
6. Submit (Turn In) this file in Google Classroom







1. COMPOSITION #1

2. COMPOSITION #2

3. COMPOSITION #3

Mr Fauzi has choosen the Composition#01 as the best composition of the 3 design that I have made. 

---

Quick Link :

Weekly Posts

Week 01: Introduction to Digital Photography and Imaging
Week 02: Introduction to Composition
Week 03: Introduction to Photoshop 2
Week 04: Introduction to Photoshop 3
Week 05: Digital Photography
Week 06: Poster Design
Week 07: Double Exposure
Week 08: Independant Learning Week
Week 09: Digital Surrealism
Week 10: Introduction to After Effect
Week 11: Final Project Consultation 01
Week 12: Final Project Consultation 02
Week 13: Final Project Consultation 03
Week 14: Final Project Consultation / Submission

Projects

Project 01: Collage Design
Project 02: Digital Imaging Exercises and Conceptual Product Photoshoot
Project 03: E-Portfolio
Final Project: Cinemagraphs - Self-tilted (still & animation)