Foo Hui Xin || 0351665
Digital Photography & Imaging || Bachelor of Design in Creative Media
Project 1A & 1B: Collage
1 || Lectures
Week 2- Introduction to Basic Composition
In week 2, Mr Martin taught the class about basic composition.
Focal Point - key element to a good composition // helps attract
attention from viewers
Scale & Hierarchy - scale is used to help communicate hierarchy
by drawing attention toward and away from certain elements
Balancing the elements - asymmetrical balance by having a 'weight' to
each element (eg: textured elements 'weigh' more than flat coloured
elements)
White space- (Mr Martin: sometimes in design it's not just
about showing, but also not showing) empty space to balance up
the focal point // balancing out the busy parts of the composition to
help the design to breathe
Rule of Third - The process of dividing an imagine into thirds
Fig 1.1, Rule of Third grid
Fig 1.2, % of attention on each intersection
Golden Ratio - a mathematical ratio // fosters organic & natural
looking compositions // harmony & proportion // provides a
sense of artistry
Fig 2.1, Golden Ratio
.jpg.webp)
Fig 2.2, picture example using Golden Ratio
|
| Fig 1.1, Rule of Third grid |
|
| Fig 1.2, % of attention on each intersection |
|
| Fig 2.1, Golden Ratio |
.jpg.webp)
|
| Fig 2.2, picture example using Golden Ratio |
Week 3 - Lasso Tool, Pen Tool & Layering
Fig 3, Tool box
Mostly will use: pen tool, brush tool & lasso tool
Lasso Tool
Fig 4, Lasso tool
|
| Fig 3, Tool box |
|
|
| Fig 4, Lasso tool |
Polygonal lasso tool (left click / control + click on lasso tool --> select)
Fig 5, Polygonal lasso tool
Masking is only possible when the selection is in dotted
lines.
|
| Fig 5, Polygonal lasso tool |
Fig 6.1, Masking icon
Fig 6.2, Masking
Pen tool
Fig 7.1, Pen tool
Fig 7.2, Selection using pen tool
|
|
| Fig 6.1, Masking icon |
|
|
| Fig 6.2, Masking |
|
|
| Fig 7.1, Pen tool |
|
|
| Fig 7.2, Selection using pen tool |
(when using the pen tool to select)
there no dotted lines so --> right click (while still using
pen tool) --> make selection --> ok then masking
Magnetic lasso tool (right click on lasso tool)
Fig 8, Magnetic lasso tool
- Just trace along the image and click <delete> for
undoing magnet
- Works well if there is a strong contrast between the object
and the bg
- Click to change its path
Magic Wand (right click on selection tool)
Fig 9.1, Selection tools
Fig 9.2, Magic wand tool
Quick selection tool (right click on selection tool)
Fig 10, Quick selection tool
- Click and 'highlight' areas to select
After masking, we can ctrl c + ctrl v the layer to paste
Fig 11.1, Before pasting
Fig 11.2, After pasting
|
| Fig 8, Magnetic lasso tool |
|
|
| Fig 9.1, Selection tools |
|
| Fig 9.2, Magic wand tool |
|
|
| Fig 10, Quick selection tool |
|
| Fig 11.1, Before pasting |
|
| Fig 11.2, After pasting |
Week 4 - Adjustment & Filter
Adjustment Layer- non-destructive image editing tools that add
colours and tonal adjustments without changing its pixels (so you
can edit and discard or restore the original image at any time)
Adjustments:
1. Brightness / Contrast - for adjusting the tonal
range of the image. Brightness for adjusting highlights and contrast
for adjusting shadows
2. Level - for modifying the tonal values by
adjusting the levels of shadows, midtones, and highlights.
3. Curves - the most powerful and precise tool for
editing tones. It lets you adjust as many points as you want
throughout the entire tonal range of the image
4. Exposure - for exposure levels with 3 sliders
(Exposure, Offset, Gamma). Exposure adjusts only highlights, Offset
adjusts only the mid tones, and Gamma adjusts only the dark tones
5. Selective Colour - selective modifies the amount
of a primary colour without modifying the other primary colours
Fig 12.1, Adjustments
Fig 12.2, Fill & adjustment layer menu
Adjustment Layer- non-destructive image editing tools that add
colours and tonal adjustments without changing its pixels (so you
can edit and discard or restore the original image at any time)
Adjustments:
1. Brightness / Contrast - for adjusting the tonal
range of the image. Brightness for adjusting highlights and contrast
for adjusting shadows
2. Level - for modifying the tonal values by
adjusting the levels of shadows, midtones, and highlights.
3. Curves - the most powerful and precise tool for
editing tones. It lets you adjust as many points as you want
throughout the entire tonal range of the image
4. Exposure - for exposure levels with 3 sliders
(Exposure, Offset, Gamma). Exposure adjusts only highlights, Offset
adjusts only the mid tones, and Gamma adjusts only the dark tones
5. Selective Colour - selective modifies the amount
of a primary colour without modifying the other primary colours
|
| Fig 12.1, Adjustments |
|
|
Fig 12.2, Fill & adjustment layer menu |
When adding adjustments, a new layer will appear over the image and
a 'Properties' panel specific to the type of adjustment selected
will pop up.
Fig 13.1, Adjustment layers
Fig 13.2, Properties panel (for curves adjustment)
Filter
- to change colour add blue or create completely new image
effects
Fig 14, Properties panel for Filter
2 || Instructions
Project 1A: Physical Collage
1. Choose and identify your collage's design elements to be cut
out and compose it into your own concept & story.
2. Pre compositing your collage's design elements into a
composition.
Reference: https://youtu.be/2KqXGMf0HNk
3. Take 3 photo of your collage pre-composition and insert
it on the section below
Project 1B: Digital Collage
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
|
| Fig 13.1, Adjustment layers |
|
| Fig 13.2, Properties panel (for curves adjustment) |
|
| Fig 14, Properties panel for Filter |
1. Choose and identify your collage's design elements to be cut out and compose it into your own concept & story.
2. Pre compositing your collage's design elements into a composition.
Reference: https://youtu.be/2KqXGMf0HNk
3. Take 3 photo of your collage pre-composition and insert it on the section below
Project 1B: Digital Collage
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
Project 1A: Physical Collage
Materials
For this project, I have used materials from Harper's BAZAAR Malaysia
magazine from the March 2022 issue. I have also printed some pictures
from the internet for small details in the compositions.
Fig 15, Harper's BAZAAR Malaysia March 2022 issue
Fig 16, Materials
Pre-Composition #1
Fig 17, Pre-composition #1, Week 2 (7/4/2022)
For this composition, I used the rule of third and made the hands the
main subject. I surrounded the hands with flowers to make it stand out
more.
Pre-Composition #2
Fig 18, Pre-composition #2, Week 3 (13/4/2022)
This composition allows your eye line to move from left to right to
left to right as it down, giving it a zigzag outline.
Pre-Composition #3
Fig 19, Pre-composition #3, Week 3 (13/4/2022)
For this composition, I used the golden ratio. The main focus is on
the models aligning the golden ratio.
Extra
Fig 20, Pre-composition #4, Week 3 (13/4/2022)
For this extra composition, I tried to put the pictures for a
diagonal eye line from the bottom left to the top right.
|
| Fig 16, Materials |
|
| Fig 18, Pre-composition #2, Week 3 (13/4/2022) |
|
| Fig 19, Pre-composition #3, Week 3 (13/4/2022) |
|
| Fig 20, Pre-composition #4, Week 3 (13/4/2022) |
Final Submission for Project 1A: Physical Collage
Project 1B: Digital Collage
Materials
For this project, my classmates and I were given a handful of pictures
through google drive (link in the instructions) to use. We had to remove
the background of the picture in Photoshop by using either lasso tool, pen
tool, or quick selection tool to use them for the collage.
|
| Fig 21, Picture provided |
|
| Fig 22, Online materials used |
Pre-Composition #1
|
| Fig 23, Pre-composition #1, Week 3 (14/4/2022) |
Pre-Composition #2
|
| Fig 24, Pre-composition #2, Week 4 (20/4/2022) |
Pre-Composition #3
|
| Fig 25, Pre-composition #3, Week 4 (20/4/2022) |
Extra
|
| Fig 26, Pre-composition #4, Week 4 (20/4/2022) |
Final Submission for Project 1B: Digital
Collage
Final Submission for Project 1B: Digital
Collage
3 || Feedback
Project 1A- Physical Collage
The votes from my classmates are almost evenly distributed for the
1st to 3rd composition. However, Mr Martin advised to opt for
either the 2nd or 3rd because the 1st composition is not as
interesting as the other two.
Project 1B- Digital Collage
Mr Martin immediately decided on the 2nd composition. The 1st one
might have been all over the place, and the 3rd one might have been
too simple in my judgement.
4 || Reflection
I have always wanted to learn how to use Photoshop and have never gotten the chance to and this module allows just that. Sometimes, online materials are especially confusing for new users but the classes these past few weeks were easy to follow and were beginner friendly which I appreciate a lot. This module is a lot of fun so far, if not for the countless of problems I have to face because of blogger...
In regards to this project, I have never shown interest in collages especially because working on collages meant working with limited materials. However, this project made me realise how fun it is to compose collages with those limited materials. It is also fascinating how much potential can such limited materials have.
Comments
Post a Comment