DIGITAL PHOTOGRAPHY AND IMAGING | TASK 1 - COLLAGE & DIGITAL COLLAGE DESIGN
DIGITAL PHOTOGRAPHY AND IMAGING | TASK 1 - COLLAGE & DIGITAL COLLAGE DESIGN
29.3.2022 - 28.6.2022 (Week 1 - Week 14)
Er Xin Ru (Melanie) | 0354939
Bachelor Of Design (Hons) In Creative Media | Taylor's University
Subject : GCD61204 - Digital Photography & Imaging
Task 1 | Exercises
- Collage Design
- Digital Collage Design
WEEK 1 | LEARNING & ASSIGNMENT OBJECTIVES - 30.3.2022
.png)
Figure 1 - Introduction
For practical, Mr.Fauzi told us to set up a blog called "e-Portfolio". This blog will be used to accumulate the learning process of all modules and to submit assignments. After that, we have a lecture about Introduction to Digital Photography & Imaging.
1. Introduction to Photoshop
2. The important of photoshop to Graphic Designer
3. Before Photoshop: Photograph Manipulation
4. What is Digital Imaging?
WEEK 2 | INTRODUCTION TO COMPOSITION - 6.4.2022
1:1 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.
Figure 1.1 - Focal point
https://alvalyn.com/5-ways-to-create-a-focal-point/
1:2 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.
Figure 1.2 - Scale & Hierarchy
https://digitalsynopsis.com/design/visual-hierarchy-graphic-design-principles/
1:3 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.
Figure 1.3 - White Space
1:4 BALANCE THE ELEMENTS
A good technique for mastering asymmetrical balance is to think of each element as having a ‘weight’ to it. Smaller objects might ‘weigh’ less than larger objects, and heavily textured elements might ‘weigh’ more than flatly colored elements.
Figure 1.4 - Balance the element
https://www.webfx.com/blog/web-design/visual-weight-designs/
2. RULE OF THIRDS
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.
The Rule of Thirds is a way to:
1. Use composition techniques that are in line with what’s naturally pleasing to the eye.
2. Creatively use negative space.
3. Create a conversation between the subject and background.
1. Use composition techniques that are in line with what’s naturally pleasing to the eye.
2. Creatively use negative space.
3. Create a conversation between the subject and background.
 |
| Figure 2 - Rule of Thirds |
3. 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.
Figure 3 - Golden Ration
LASSO TOOL, PEN TOOL & LAYERING
- Selection, Layering
Figure 1 - Tool Box for Photoshop
- Tool Box
Photoshop provides several toolsets in the Toolbox, and you can expand the toolsets to reveal additional tools.
Photoshop provides several toolsets in the Toolbox, and you can expand the toolsets to reveal additional tools.
Figure 1.1 - Tool Box for Photoshop
- Marquee Selection Tools
Select and Mask
Figure 1.2 - Marquee Selection Tools
How to Use the Lasso Tool
When you click on the Lasso Tool from the Toolbar, you will see three different tool options:
- Lasso
- Polygonal Lasso
- Magnetic Lasso
- Lasso
- Polygonal Lasso
- Magnetic Lasso
Figure 1 - Lasso Tool
The Lasso Tool allows you to draw and pinpoint specific areas of a document.
If you like drawing with pencil and paper or cutting and pasting objects from a photo, then you will love the Lasso Tool.
How to Use the Lasso Tool
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.
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.
4. Layering
How to use Layer in PhotoshopIf you like drawing with pencil and paper or cutting and pasting objects from a photo, then you will love the Lasso Tool.
Figure 1.1 -Polygonal Lasso
How to Use the Lasso Tool
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.
Figure 1.2 - Magnetic Lasso
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.
Figure 2 -Pen Tool
Variation of Pen Tool
- Straight-line paths
- U shaped curves
- Simple S curves
- Complex S curves
3. Lasso Tool VS Pen Tool
Figure 3 - Lasso Tool vs Pen Tool
A pen tool is a versatile tool in Photoshop that can be used to create extremely precise shapes and paths, using manually placed anchor points.
Although commonly used to make selections, the pen tool was not natively made as a “selection tool”
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.
Figure 4- Layering in Photoshop
Mastering selections in Photoshop: The Lasso Tool
https://bit.ly/3uIrIUN
Drawing paths with the Pen Tool
https://bit.ly/3e0uspY
How to start using Photoshop Layer
https://expertphotography.com/photoshop-layers
WEEK 4 | INTRODUCTION TO PHOTOSHOP 3 - 21.4.2022
Adjustment Layer & Filters
Figure 1- Adjustment Layer & Filters (27/4/2022)
The Adjustment Layers in Photoshop are a group of super useful, non-destructive image editing tools that add color and tonal adjustments to your image without permanently changing its pixels.
With the adjustment layers, you can edit and discard your adjustments or restore your original image at any time. This will make your workflow in Photoshop more flexible and efficient and is an absolute must-know.
Figure 2 - What is Adjustment Layer (27/4/2022)
Basic understanding of Adjustment Layer
When you add an adjustment layer to your image, a new layer will appear over your image and a Properties panel specific to the type of adjustment you’ve selected will pop up. The Properties panel will allow you to modify your adjustment layer, which in turn will modify your image.
1. BRIGHTNESS / CONTRAST
Brightness / Contrast makes adjustments to the tonal range of your image.
The brightness slider is for adjusting the highlights in your image and the Contrast slider is for adjusting the shadows in your image.
2. LEVEL
Levels modify the tonal values in an image by adjusting the levels of the shadows, mid tones, and highlights.
It’s one of the most used tools in the adjustment layer panel, and using just a touch of levels will go a long way in correcting your images
3. CURVES
Curves let you adjust as many points as you want throughout the entire tonal range of your image, and is the most powerful and precise tool for editing the tones in an image.
4. EXPOSURE
Exposure lets you adjust exposure levels with three sliders: Exposure, Offset, and Gamma.
Exposure will adjust only the highlights of the image, Offset adjusts the mid-tones and Gamma will adjust the dark tones only.
5. SELECTIVE COLOR
The Selective Color adjustment layer selectively modifies the amount of a primary color without modifying the other primary colors in your image.
Using filters to edit photos is an essential element of Adobe’s graphics editor.
There are filters to change color, add blur, or create completely new image effects. Photoshop offers a virtually unlimited variety of filters for this purpose.
When you add an adjustment layer to your image, a new layer will appear over your image and a Properties panel specific to the type of adjustment you’ve selected will pop up. The Properties panel will allow you to modify your adjustment layer, which in turn will modify your image.
Figure 2.1 - Understanding of Adjustment Layer (27/4/2022)
1. BRIGHTNESS / CONTRAST
Brightness / Contrast makes adjustments to the tonal range of your image.
The brightness slider is for adjusting the highlights in your image and the Contrast slider is for adjusting the shadows in your image.
Figure 2.2 -Brightness/Contrast (27/4/2022)
2. LEVEL
Levels modify the tonal values in an image by adjusting the levels of the shadows, mid tones, and highlights.
It’s one of the most used tools in the adjustment layer panel, and using just a touch of levels will go a long way in correcting your images
Figure 2.3 - Level (27/4/2022)
3. CURVES
Curves let you adjust as many points as you want throughout the entire tonal range of your image, and is the most powerful and precise tool for editing the tones in an image.
Figure 2.4 - Curves (27/4/2022)
Exposure lets you adjust exposure levels with three sliders: Exposure, Offset, and Gamma.
Exposure will adjust only the highlights of the image, Offset adjusts the mid-tones and Gamma will adjust the dark tones only.
Figure 2.5 - Exposure (27/4/2022)
The Selective Color adjustment layer selectively modifies the amount of a primary color without modifying the other primary colors in your image.
Figure 2.6 - Selective Colour (27/4/2022)
Filters | What is Filter?There are filters to change color, add blur, or create completely new image effects. Photoshop offers a virtually unlimited variety of filters for this purpose.
Figure 2.7 - What is Filter (27/4/2022)
WEEK 5 | DOUBLE EXPOSURE - 27.4.2022
Introduction to Photoshop 2: Double Exposure & Image Blending Mode
Figure 1 - Open Portrait (27/4/2022)
Open portrait image in Photoshop:
Click W for Object Selection/Quick Selection/Magic Wand tools ser
Click “Select Subject” on the Option bar
Click “Select and Mask” at the Option bar
Click W for Object Selection/Quick Selection/Magic Wand tools ser
Click “Select Subject” on the Option bar
Click “Select and Mask” at the Option bar
Figure 1.1 - "Select & Mask" (27/4/2022)
Under “Select & Mask”:
View Mode: Select Overlay, adjust Opacity
Figure 1.2 - "Refine Edge Brush Tool" (27/4/2022)
Under “Select & Mask”:
1. Select “Refine Edge Brush Tool”.
2. Adjust brush size and Hardness.
Figure 1.3 - "Refine Edge Brush Tool" (27/4/2022)
1. Select “Refine Edge Brush Tool”.
2. Adjust brush size and Hardness.
3. Zoom in.
4. Brush the hair in one stroke.
5. Brush eyelashes.
Figure 1.4 - "Select Brush Tool and Lasso Tool" (27/4/2022)
1. Select “Brush Tool” or “Lasso Tool”
2. Clean the background
3. Check edges.
4. Output: Select Layer with Layer Mask.
5. Click OK to leave “Select & Mask” mode.
Figure 1.5 - Create a "New Layer" (27/4/2022)
Under “Select & Mask”:
1. Create a “New Layer”.
2. Add “Solid color”.
3. Rename it to “bg”.
4. Drop it under the portrait layer
Figure 1.6 - Increase contrast for portrait layer (27/4/2022)
1. Add a Curve adjustment layer.
2. Make an S curve.
3. Right-click on the curve layer and select clipping mask.
Figure 1.7 - Double Exposure (27/4/2022)
1. Add a forest image and reposition it.
2. Select clipping mask.
3. Double click bg’ solid colour, select the “grey sky colour” with eyedropper.
4. Add mask layer.
Figure 1.8- Unmask (27/4/2022)
2. Unmask her face.
Figure 1.9- Duplicate and Adjust the mask (27/4/2022)
2. Adjust the mask, as well as the portrait’s mask.
Figure 1.10- Darken/Multiply to remove background (27/4/2022)
1. Add the two birds’ images.
2. Select Darken/Multiply blending mode to remove the white background.
Figure 1.11 - Add Gradient and bring down opacity (27/4/2022)
2. Select a gradient map that you want to experiment with.
3. Bring down the opacity.
WEEK 6 | PHOTO MANIPULATION IDEATION - 4.5.2022
Photo Manipulation: Imagination & Creative Idea | Photo Shooting Skill & Editing Skill
Figure 1 - Photo Manipulation Ideation 1 (4/5/2022)
Widely accepted as an art form, photo manipulation requires skill as well as an active imagination to create an illusion.
Imaginative & Creative idea.
Photo shooting skills.
Photoshop editing skills.
Figure 1 - Photo Manipulation Ideation 2 (4/5/2022)
1. The illusion that is created by a combination of 2 objects (As shown by the photo).
2. Pinterest to view lots of photo manipulation works pins them.
3. Find objects in your surrounding that you can use for the project.
4. Sketch your idea.
Figure 1 - Photo Manipulation Ideation 3 (4/5/2022)
2 exercises:
1. Hearst Mansion:
https://docs.google.com/presentation/d/1GiJPjyxXhbkZrnEHyuCTO0h6_K0E_tnew6mJp6sFGUo/edit#slide=id.gd524054b78_0_5
2. Recolouring B & W photo
https://docs.google.com/presentation/d/1qHXU7O0PnhPNBwb5lhQ2cXbQnEb_4LtO-H2be3QKZ0Q/edit#slide=id.gd82af8e96f_0_128
WEEK 7 | DIGITAL IMAGING EXERCISE - 10.5.2022
PART 02: The Breakdown- Select skin color with MARQUEE TOOL, COPY selected area
SHORTCUT KEY: MARQUEE TOOL: M, COPY: CMD/CTRL C
- PASTE selection at the B&W PORTRAIT, RENAME newly created layer to skin colour select EYEDROPPER TOOL (SHORTCUT KEY: I)
Figure 1 - Recolouring Tutorial (11/5/2022)
- PASTE selection at the B&W PORTRAIT, RENAME newly created layer to skin colour select EYEDROPPER TOOL (SHORTCUT KEY: I)
Figure 1.1 - Recolouring Tutorial 1 (11/5/2022)
1. Repeat the process. OUTPUT TO: LAYER MASK.
2. Create NEW SOLID LAYER, Use COLOUR PICKER to choose skin colour.
3. DRAG & DROP hair layer mask to new solid layer to replace layer mask, Select SOFTLIGHT (BLENDING MODE).
Figure 1.2 - Recolouring Tutorial 2 (11/5/2022)
Figure 1.3 - Recolouring Tutorial 3 (11/5/2022)
2. Create a NEW SOLID LAYER, Use COLOUR PICKER to choose skin color.
3. DRAG & DROP hair layer mask to new solid layer to replace layer mask, Select SOFTLIGHT (BLENDING MODE).
- ADD SELECTION from ALL LAYERS and ADD to NEW LAYER MASK, CLEAN LAYER MASK with BRUSH TOOL, INVERT LAYER MASK.
Figure 1.4 - Recolouring Tutorial 4 (11/5/2022)
Figure 1.5 - Recolouring Tutorial 5 (11/5/2022)
Select ONE B&W photo from the folder:
https://drive.google.com/drive/folders/1czJ0D44XGRTp8gVCHxqcuArBfLZqWK5-?usp=sharing
Search photos online for skin/hair references. Recolour the photo for submission.
https://drive.google.com/drive/folders/1czJ0D44XGRTp8gVCHxqcuArBfLZqWK5-?usp=sharing
Search photos online for skin/hair references. Recolour the photo for submission.
Figure 1.6 - Recolouring Black & White Asssignement (11/5/2022)
- THE END OF THE LECTURE -
The Concept
The module introduces digital visual and imaging manipulation as a tool to express students’ vision and creative reinterpretation of the world through digital visual imagery.
This module equips students with conceptual, practical, and critical skills and knowledge of digital imagery, and to use Photoshop to produce digitally generated and manipulated images. Students will develop their knowledge of and skills in digital imaging and manipulation through a series of lectures, demonstrations, and hands-on exercises.
They will undergo practical assessments in the form of projects and exercises throughout the semester. Students will then render and submit a culminated final project and/or a body of work (portfolio) to demonstrate their ability to solve communication problems using the appropriate software and hardware as a form of the final assessment.
The Mindsets
In any form of design fundamentals, what is the most important element is composition. Composition is the term used to describe the arrangement of the visual elements. We practice composition in our daily routine from the way we organize things to the way we see them as essential parts of our life.
When we are developing a digital composition, this routine influences our subconscious brain and reflects our point of view. That’s why practicing composition is not just specifically focus on design, but it’s more towards our understanding of composition fundamental that we are practicing and apply it into our mindsets.
WEEK 1 | BEZIER GAME
Mr. Fauzi assigns us to complete the Bezier game which is learning the basics of drawing shapes with the pen tool using the website "Bezier game".
MY SCORE (26)
.png)
At first, I was stuck in this game as I'm not familiar with it. I used a few hours of trying and figuring out how to play this game. To get higher points, the first solution is to minimize the number of points I use but some of it will not be possible to trace the given shape accurately. In the end, I've completed all the games successfully!
WEEK 1 / EXERCISES
The module introduces digital visual and imaging manipulation as a tool to express students’ vision and creative reinterpretation of the world through digital visual imagery.
This module equips students with conceptual, practical, and critical skills and knowledge of digital imagery, and to use Photoshop to produce digitally generated and manipulated images. Students will develop their knowledge of and skills in digital imaging and manipulation through a series of lectures, demonstrations, and hands-on exercises.
They will undergo practical assessments in the form of projects and exercises throughout the semester. Students will then render and submit a culminated final project and/or a body of work (portfolio) to demonstrate their ability to solve communication problems using the appropriate software and hardware as a form of the final assessment.
In any form of design fundamentals, what is the most important element is composition. Composition is the term used to describe the arrangement of the visual elements. We practice composition in our daily routine from the way we organize things to the way we see them as essential parts of our life.
When we are developing a digital composition, this routine influences our subconscious brain and reflects our point of view. That’s why practicing composition is not just specifically focus on design, but it’s more towards our understanding of composition fundamental that we are practicing and apply it into our mindsets.
WEEK 1 | BEZIER GAME
Mr. Fauzi assigns us to complete the Bezier game which is learning the basics of drawing shapes with the pen tool using the website "Bezier game".
MY SCORE (26)
.png)
At first, I was stuck in this game as I'm not familiar with it. I used a few hours of trying and figuring out how to play this game. To get higher points, the first solution is to minimize the number of points I use but some of it will not be possible to trace the given shape accurately. In the end, I've completed all the games successfully!
List down your 3 favorite graphic design composition work from Pinterest and Explain why you like those designs
The story of this illustration expresses the story:
ASSIGNMENT 1 | PROJECT 1A: COLLAGE DESIGN ELEMENTS
1. Solar terms planet exploration ( Illustration by Liang Hai Qiang )
This is an illustration poster with the title Solar terms planet exploration, which I choose because the illustration is quite attractive to me. The theme, colour, and storyline are all so well-matched that I'm really impressed.
The earth is the place where human beings live. excessive use of nature by human beings has already endangered the earth on which we depend for survival. Carrying the mission of all human beings to explore a planet other than the earth - the solar term planet.
In the solar term planet, Xiaowan appears very small. Everything here is very big. This time, as an "invader", Xiao Wan came to the solar term planet. In this wonderful and interesting adventure, Xiao Wan experienced life outside the earth and was deeply attracted by everything here. In the end, Xiao Wan Wan lived up to his mission and found the most precious thing that human beings depend on for survival, which is called "the original intention". Xiao Wan returned to the earth with his original intention, shared his original intention with everyone, never forgot his original intention, kept his mission in mind, and protected the earth.
.jpg)
2. Siru the dessert Poster ( By Tototatatu )
.jpg)
This poster is an illustration poster for Siru of Dessert, a dessert cafe. I selected this because the illustration and colour scheme are so well-matched, and it attracts me because I enjoy vibrant and cute illustration combinations. As soon as I see the graphic, I can understand what message the poster is trying to express.
3. Evian Water Poster ( By Edvin Puzinkevich)
.jpg)
This is a promotional poster for Evian Water. All of the elements in the composition complement the typeface. Edvin Puzinkevich's graphic ad for Evian water is absolutely perfect. I love how the combination match everything so well.
The brand, Evian, is rendered in beautiful 3D typography and fits perfectly inside the bottle. The subtext lines right up along the road. It stands out, yet doesn’t intrude, and really brings everything together.
4. 5 Corporation Posters ( By IC4 Design )
When I first saw this poster, I was impressed by the illustration, which also expresses the message.
This Poster expressed :
This illustration is for 5 Corporation’s “5 Days,” a private preparatory school in Japan.
The theme of this time is "Summer Special Training".
The concept is "Let's enjoy and study during the summer".
Create ‘5’ island and ‘5’ is the symbol of this corporation.
It shows children are studying by themselves.
This illustration is for 5 Corporation’s “5 Days,” a private preparatory school in Japan.
The theme of this time is "Summer Special Training".
The concept is "Let's enjoy and study during the summer".
Create ‘5’ island and ‘5’ is the symbol of this corporation.
It shows children are studying by themselves.
What we need to prepare
1. Buying a scissor, cutter, ruler, and glue (Not available to purchase Cutter)
2. Explore different graphics from magazines and Pinterest or others to trim it
3. Place elements onto the paper to design it using our creativity that brings out the message that i want to express and also a storyline
4. Glue the finalized artwork
PROJECT 1A | COLLAGE DESIGN ELEMENTS
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.
2. Pre compositing your collage's design elements into a composition.
MY COLLAGE CONCEPT :
The whole concept is inspired by a few quotes:
“Photographs open doors into the past, but they also allow a look into the future.” &
“The picture that you took with your camera is the imagination you want to create with reality.”
I created my Collage Design using magazines.
Figure 3 | Pre - Composition (5/4/2022)
Figure 2/ Pre - Composition (5/4/2022)
Figure 1/ Pre - Composition (5/4/2022)
Figure 4 - Overview before finalizing (5/4/2022)
Name of my Physical Collage Design: "Unforgetablefuturegraphy"
Figure 5 - Finalized Artwork (5/4/2022)
As a People, there are always "Picture" or "Imagination" in our minds and we hope that this "picture" will always be there forever. Capture the image in your mind that you don’t have to explain things with a thousand words.
The whole concept is inspired by a quote: “Photographs open doors into the past, but they also allow a look into the future.” & also “The picture that you took with your camera is the imagination you want to create with reality.”
ASSIGNMENT 1 - WEEK 3 | PROJECT 1B: COLLAGE DESIGN ELEMENTS
PROJECT 1B | COLLAGE DESIGN ELEMENTS
1. PROJECT 1A: PHYSICAL COLLAGE final review
2. 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 a 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 an A4 canvas size (vertical) on Photoshop and start to do the compositions.
5. Take 3 photos of your digital collage compositions and insert them in the section below
6. Submit (Turn In) this file on Google Classroom
https://drive.google.com/drive/folders/1cGcbENrjSksAaMQK9np2jb6ZaM7Y-81l?usp=sharing
2. Follow this tutorial demo as a 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 an A4 canvas size (vertical) on Photoshop and start to do the compositions.
5. Take 3 photos of your digital collage compositions and insert them in the section below
6. Submit (Turn In) this file on Google Classroom
1. COMPOSITION 1 " THE DISTORTIONCIETY"
Figure 1 - Composition 1 (5/4/2022)
Figure 1.1 - Composition 1 with Golden Ratio
(5/4/2022)
“THE DISTORTIONCIETY”
DESIGN
Element of Building, People, Fish, Gate of time, Mystery door, Endless Road, Leaves, Fisheye &, etc
This composition use lots of the design and I want to design it stands out by using element like fish eye, Gate of time, Mystery door, Endless Road to make it very mystery. I’ve also used elements of people with the eye to replace their face to represent the “Distortion of the Society”. To make everything look special and outstanding to express the meaning out and also to give viewer a powerful impression.
2. COMPOSITION 2 "GALACTICLEDGE"
Figure 2- Composition 2 (5/4/2022)
Figure 2- Composition 2 with Rule of thirds
(5/4/2022)
3.COMPOSITION 3 "QUIRKSTOOL"
Figure 3- Composition 3 (5/4/2022)
Figure 3- Composition 3 with Rule of thirds
(5/4/2022)
.png)
Figure 1- Composition 1 Progress (5/4/2022)
.png)
Figure 2- Composition 2 Progress (5/4/2022)
.png)
Figure 3- Composition 3 Progress (5/4/2022)
WEEK 4 | ADJUSTMENT LAYER & FILTER
Choosen Composition #1
1. NORMAL ADJUSTMENT OF LAYERS & FILTER (RAW FILTER) - I CHOOSE THIS
Figure 1- Composition 1 After Adjustment
Layer & Filter (27/4/2022)
After Editing, the colour of my digital composition looks brighter and more attractive first when I see the color its stand out a lot compared to the original (too dark)
Level - To adjust contrast and brightness. Shadows, mid-tones, and light areas can be adjusted separately.
Curves - The result is similar to the level. It can be used to adjust contrast, but usually Level is more convenient. A curve is a kind of advanced function.
Exposure - This can adjust brightness in the same way as the function above, but is more light-specific. If you use Exposure too much, the image becomes like an overexposure photo.
Selective colors - Hue can be adjusted by this function. It can adjust separately by colour.
Filter - This function can adjust the overall color. It is useful, but overuse can completely ruin the original atmosphere, need to be careful. Templates are already available, but you can also create your own filters by specifying your own colors.
Black and White - The blackness can be adjusted by each color separately, so if only one area is too dark, it can be solved using this adjustment layer.
I use adjustment layers such as
- Brightness/Contrast
- Level
- Curves
- Exposure
- Selective Colour
To complete the Adjustment Layer and Filter. Everything looks perfect after the Adjustment and Filter.
2. ADJUSTMENT LAYER & FILTER (CUTOUT FILTER) - DRAFT
I use adjustment layers such as
Figure 2 - Composition 1 After Adjustment
Layer & Filter (Cutout Filter) (27/4/2022)
- Brightness/Contrast
- Level
- Curves
- Exposure
- Selective Colour
To complete the Adjustment Layer and Filter and also add an obvious filter like I mention is a Cutout filter as I want to make the Composition have like (Comic Feel)
3. ADJUSTMENT LAYER & FILTER (POSTER EDGES) - DRAFT
- Level
- Curves
- Exposure
- Selective Colour
To complete the Adjustment Layer and Filter and also add an obvious filter like I mention is a Cutout filter as I want to make the Composition have like (Comic Feel)
3. ADJUSTMENT LAYER & FILTER (POSTER EDGES) - DRAFT
Figure 3 - Composition 1 After Adjustment
Layer & Filter (Poster Edges) (27/4/2022)
I use adjustment layers such as
- Brightness/Contrast
- Level
- Curves
- Exposure
- Selective Colour
To complete the Adjustment Layer and Filter (to make it have Retro fill) and also add filter-like strokes that the whole composition looks very “Retro”.
FINAL
Figure 4 - Final Composition
ASSIGNMENT 2 - WEEK 5 | DESIGN EXPOSURE
Week 5 Double Exposure task:- Take your own portrait photo (portrait mode)
- Collect background images online (high resolution).
- Import all images to Photoshop and convert them to black & white/ monochrome (Can be a mixture of colors with B & W).
- Make your own double exposure photo!
- Image can be landscape (1920x1080) or portrait (1080x1920)
My Exercise
.png)
Figure 1 - Show Details with Refine Brush Tools (11/5/2022)
.png)
Figure 2 - Background Remove (11/5/2022)
.png)
Figure 3 - Add forest image and make Clipping Mask (11/5/2022)
.png)
Figure 4 - Unmask her face (11/5/2022)
.png)
Figure 5 - Duplicate forest layer (11/5/2022)
.png)
Figure 6 - Add forest and birds photo (11/5/2022)
.png)
Figure 7 - Gradient Map (11/5/2022)
.png)
Figure 7 - Gradient Map (11/5/2022)
.png)
Figure 7 - (11/5/2022)
Figure 1 - Double Exposure Exercise (27/4/2022)
Figure 2 - Final Double Exposure Exercise (27/4/2022)
PRACTICAL 2 - WEEK 6 | DESIGN EXPOSURE
W6: PRACTICAL: 2 x DIGITAL IMAGING EXERCISES
PROJECT 2B: DIGITAL IMAGING EXERCISE (10%)
1. PROJECT 2B - PART 1: Hearst Mansion
- Follow instructions from the W6_HEARST MANSION: https://docs.google.com/presentation/d/1GiJPjyxXhbkZrnEHyuCTO0h6_K0E_tnew6mJp6sFGUo/edit#slide=id.gd524054b78_0_5
.png)
Figure 1 - Step 1 Shazam (10/5/2022)
.png)
Figure 2 - Step 2 Shazam (10/5/2022)
.png)
Figure 3 - Step 3 Shazam look like at the place (10/5/2022)
.png)
Figure 4 - Step 4 Shazam shadow (10/5/2022)
.png)
Figure 5 - Step 5 Shazam natural shadow (10/5/2022)
.png)
Figure 6 - Step 6 Final (10/5/2022)
EXERCISE 1 - SHAZAM
%20-%20with%20Shazam.jpg)
Figure 1 - Heart Mansion - Shazam (10/5/2022)
EXERCISE 1 - ME
.png)
Figure 1 - Heart Mansion - Me applying Shadow (10/5/2022)
(My photo normal shot using the eyeline view)
-%20me.jpg)
Figure 2 - Heart Mansion - Me (10/5/2022)
PROJECT 2B - PART 2: RECOLORING BLACK & WHITE
- Follow instructions from the W6_RECOLORING BREAKDOWN:
https://docs.google.com/presentation/d/1qHXU7O0PnhPNBwb5lhQ2cXbQnEb_4LtO-H2be3QKZ0Q/edit#slide=id.gd82af8e96f_0_128
EXERCISE 2: RECOLOURING B&W COLOURING
My Exercise
.png)
Figure 1 - Step 1 Recolouring (10/5/2022)
.png)
Figure 2 - Step 2 Recolouring hair (10/5/2022)
.png)
Figure 3 - Step 3 Recolouring hair (10/5/2022)
.png)
Figure 4 - Step 4 Skin Recolouring (10/5/2022)
.png)
Figure 5 - Step 5 using Refine tool (10/5/2022)
.png)
Figure 6 - Step 6 Ensure Skin Recolouring (10/5/2022)
.png)
Figure 7 - Step 7 Eye and Mouth Recolouring (10/5/2022)
.png)
Figure 8 - Step 8 Eye and Mouth Recolouring (10/5/2022)
.png)
Figure 9 - Step 9 Eye and Mouth Recolouring (10/5/2022)
.png)
Figure 10 - Step 10 Background Recolouring (10/5/2022)
.png)
Figure 11 - Step 11 Final (10/5/2022)
Figure 12 - Final (10/5/2022)
My idea of recolouring using sharp colours as I wanted the makeup and he whole photo look stands out when its show as a picture, magazine or even in cover of an album.
.png)
Figure 1 - Step 1 Recolouring hair dark brown (10/5/2022)
.png)
Figure 2 - Step 2 Use refine tool Recolouring hair (10/5/2022)
.png)
Figure 3 - Step 3 to check the smoothness hair (10/5/2022)
.png)
Figure 4 - Step 4 Recolouring eye & mouth 10/5/2022)
.png)
Figure 5 - Step 5 Clipping mask (10/5/2022)
.png)
Figure 6 - Step 6 Recolouring Background (10/5/2022)
.png)
Figure 7 - Step 7 Final (10/5/2022)
FINAL
My idea of recolouring using sharp colours as I wanted the makeup and he whole photo look stands out when its show as a picture, magazine or even in cover of an album.
Figure 1 - Compare Recolouring Black & White | Colour (10/5/2022)
Figure 2 - Final Recolouring Black & White | Colour (10/5/2022)
SUBMISSION
- PROJECT 2B: DIGITAL IMAGING EXERCISE (10%)
Submission: 15th May 2022
- Photo Manipulation Ideea sketch
Submission: week 7 present in class
- PROJECT 2B: DIGITAL IMAGING EXERCISE (10%)
Submission: 15th May 2022
- Photo Manipulation Ideea sketch
Submission: week 7 present in class
FEEDBACK
WEEK 2 - COLLAGE DESIGN
Feedback by Mr.Fauzi Wow! This is great! You may proceed with your Final Composition for your final submission. 2. Glue your final collage and bring it to class during WEEK 4 (for F2F students only) 3. Submission template for Collage will be provided soon in Week 4 4. Update your E-Portfolio for Week 2 progress.
WEEK 3 - DIGITAL COLLAGE DESIGN
Lorem Ipsum is simply a dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book.
REFLECTIONS
EXPERIENCE
Conclusion from Week 1 - Week 9
This is my first time using any blog post website, it took me a while to understand and figure out how it works. I'm actually quite lost and feel helpless this week.
But after few weeks of adapting, Mr. Fauzi provide slides for us and also teach us in lecture class as I feel that it is very clear as I the class is recorded too and I can refer back. Even our assignment sometimes will be very hard, but Mr. Fauzi provide a lot of reference and materials that really help me a lot.
OBSERVATIONS
Conclusion from Week 1 - Week 9
Mr.Fauzi shown us a lot previous senior work as reference and also do comment on our assignment too. I'm able to learn from it and this I like this subject the most.
FINDINGS
Conclusion from Week 1 - Week 9
I also do a lot of reference study as Mr.Fauzi provided and also my own self learning and study.
Comments
Post a Comment