DIGITAL PHOTOGRAPHY AND IMAGING W1-W14 & PROJECTs
10/5/2023-?/?/ (Week1-Week5)
TAO YUZE(0366967)
Digital Photography and Imaging
Project 1 / ExercisesLectures:
In our first lesson, we learned what we should do as designers in the future and what challenges we face. We are asked to think independently and creatively.
Module Information-DPI
W1: PRACTICAL - CREATING E-PORTFOLIO
![]() |
From Pinterest |
As a lover of Salvador Dalí, this work undoubtedly caught my eye for the first time, and this work creates a unique visual experience through collage, which perfectly blends Salvador Dalí's surrealist art style, which is undoubtedly a creative way to pay homage.This work uses Salvador Dali's most famous portrait, cropping and adding extra elements to reveal his inner world, adding a layer of thinking to the portrait itself.
![]() |
From Pinterest |
The second work is the famous movie, the poster of The Matrix, as an excellent movie, its poster design is also very creative.The design of this poster combines regular codes with the shape of a cat, a combination that perfectly matches the plot of the movie. The cat in the movie appears at the moment when the matrix goes wrong, here it represents the breaking of the rules, and the shape of the cat in the poster breaks the order of the code, fitting this theme.
![]() |
From Pinterest |
DIGITAL PHOTOGRAPHY & IMAGING GCD 61204
W2&W3: PRACTICAL: COMPOSITING COLLAGE
NAME: TAO YUZE
I.D: 0366967
Follow the video given by Google Classroom to prepare for the classroom manual exercise of week3, asking for three draft compositions.
1. PRE-COMPOSITION #1
![]() |
PRE-COMPOSITION #1 2023/10/13 |
2. PRE-COMPOSITION #2
![]() |
PRE-COMPOSITION #2 2023/10/13 |
3. PRE-COMPOSITION #3
Note:Since Malaysian books and magazines were too expensive, I chose to use electronic typesetting and printing, and inspired by the second creation of the Salvador Dalí portrait I found in week1, I created three different compositional drafts, each using a different compositional technique.
W4: PRACTICAL: DIGITAL COLLAGE
Compose an A4 digital collage using only the images provided.
–––
Process & Pre-compositions
![]() |
Pre-composition 2023/10/28 |
![]() |
Pre-composition 2023/10/28 |
![]() |
Pre-composition 2023/10/28 |
Recolored pre-compsoition
![]() |
Pre-composition_recolored 2023/10/28 |
Note:In this exercise, I learned about the interactive relationship between layers and the basic principles of PS color adjustment.
google drive:https://drive.google.com/drive/folders/1QeqP7FVHDFfOZYe3aVecFGzR8O2UZ5S5?usp=sharing
W4_Lecture:https://docs.google.com/presentation/d/1b_WmaACU_o6PQ-XY_QgC3kpe36PG_5cuGAVCovq-Y28/edit?usp=drive_web&authuser=0
W5: PRACTICAL: HEARST MANSION
![]() |
material_1 2023/11/4 |
![]() |
material_2 2023/11/4 |
SHORTCUT KEYS: Zoom in/out, increase/decrease brush size, subtract from selection/ add to selection.
ADD LAYER MASK
APPLY LAYER MASK
Drag & Drop SHAZAM to HEARST MANSION, RESIZE SHAZAM and reposition.
SHORTCUT KEYS: Free Transform mode, Maintain Aspect Ratio
(HOLD the SHIFT button on your keyboard to rescale the layer)
Adjust colour correction: MATCH COLOUR (Image → Adjustments)
Match image quality: ADD NOISE filter to SHAZAM.
Create SHADOW for SHAZAM
Create NEW LAYER (and rename as Shadow)
Use BRUSH TOOL
Draw a black shadow on the background of SHAZAM’s layer
Apply GAUSSIAN BLUR effect on the shadow layer
educe the shadow’s layer to 66% opacity
Create NEW LAYER to make SHAZAM’s reflection.
SHORTCUT KEYS: POLYGONAL LASSO Tool,
Duplicate the SHAZAM’s layer
Rename the layer as reflection
Adjust the colour correct for reflection layer:
HUE/SATURATION (Image → Adjustments)
Apply RIPPLE filter to SHAZAM’s reflection layer.
Final:
![]() |
shazam_final 2023/11/4 |
![]() |
me in castle |
google drive:https://drive.google.com/drive/folders/1evEsaespMH-Z_UV6Oy8YzsilWqCNluXf?usp=sharing
![]() |
old man_BNW 2023/11/4 |
![]() |
old man_colored 2023/11/4 |
Individual exercises
![]() |
BW 2023/11/4 |
![]() |
colored 2023/11/4 |
W7: TUTORIAL - DOUBLE EXPOSURE
![]() |
double exposure_BG_1 2023/11/9 |
![]() |
double exposure_BG_2 2023/11/9 |
![]() |
double exposure_BG_3 2023/11/9 |
Note:In week seven, we learned about double exposure, which essentially builds on the technique of the previous week's lesson, also using the Quick Selection tool plus masking, which is a practical technique that can be used to create many visually striking electronic arts
Open portrait image in Photoshop:
Click W for Object Selection/Quick Selection/Magic Wand tools ser
Click “Select Subject” at Option bar
Click “Select and Mask” at Option bar
Under “Select & Mask”:
View Mode: Select Overlay, adjust Opacity
Under “Select & Mask”:
Select “Refine Edge Brush Tool”.
Adjust brush size and Hardness.
Under “Select & Mask”:
Select “Refine Edge Brush Tool”.
Adjust brush size and Hardness.
Zoom in.
Brush the hair in one stroke.
Brush eyelashes.
Under “Select & Mask”:
Select “Brush Tool” or “Lasso Tool”
Clean the background.
Check edges.
Output: Select Layer with Layer Mask.
Click OK to leave “Select & Mask” mode.
Under “Select & Mask”:
Create “New Layer”.
Add “Solid colour”.
Rename it to “bg”.
Drop it under portrait layer
Increase contrast for portrait layer:
Add Curve adjustment layer.
Make S curve.
Right click on curve layer select clipping mask.
Add forest image and reposition it.
Select clipping mask.
Double click bg’ solid colour, select the “grey sky colour” with eye dropper.
Add mask layer.
Select brush tool, foreground colour black. Adjust brush size, hardness, and flow.
Unmask her face.
Duplicate forrest layer, flip vertical and reposition, select clipping mask.
Adjust the mask, as well as the portrait’s mask
dd the two birds’ images.
Select Darken/Multiply blending mode to remove white background.
![]() |
origin material2023/11/9 |
![]() |
origin material2023/11/9 |
Note:I chose non-human objects as material because I thought it would give me more flexibility in how I used what I learned,The basic steps are much the same, but in order to make the antlers and branches blend better, I erased the mask from some of the antler edges to make the overall visual look more organic.
W9 TUTORIAL: MOVING IMAGERY
How to create loop animation for I.G Stories
W10 PRACTICAL: AFTER EFFECTS EXERCISE
https://drive.google.com/file/d/197rXGH_g-lLEt-0K9__mcKrLIYIaXtQp/view?usp=sharing
2. Import the W10_ANIMATE.psd into Adobe After Effects.
3. Create a composition setting 1080 px (Width) x 1920 px (Height), Duration 15 second
4. Create a keyframe animation to the layers using Position (P), Scale (S) & Masking path.
5. Render output: Quicktime (.MOV) or .MP4
6. Upload your exercise into your Youtube Channel.
7. Update your progress and video to your E-Portfolio blog.
8. Attach your E-Portfolio link on this Submission.
W10_Lecture:
PROJECT 2: POSTER DESIGN & DIGITAL IMAGING [40%]
Timeframe: WEEK 9 - WEEK 11
______________________________________________________________
PROJECT 2A: DOUBLE EXPOSURE (10%)
- Exercise 1: Follow tutorial
- Exercise 2: Your own version Double Exposure portrait
______________________________________________________________
PROJECT 2B: CONCEPTUAL PRODUCT PHOTOSHOOT (30%)
Timeframe: WEEK 9 - WEEK 11
CATEGORY: CONCEPTUAL PRODUCT PHOTOSHOOT
RESEARCH: 10 marks (WEEK 9)
SHOOTING TECHNIQUES: 5 marks
LIGHTING TECHNIQUES: 5 marks
EDITING & POST PRODUCTION: 10 marks (WEEK 10)
1. Create a conceptual product photoshoot using various lighting techniques.
2. Find an interesting subject and shoot it using suitable lighting techniques.
3. Create a photo manipulation of the subject using Photoshop to make it interesting.
4. Explain the concept and the process of the development.
Example: https://drive.google.com/file/d/14Ip7GrdyAIC3O8rE3TD9vuk9ywXjQ9Gm/view?usp=sharing
My idea is to combine specific cylindrical objects and choose objects with my personal characteristics, my choice is my asthma spray and battery. Because my asthma spray can get me back to normal, it's like recharging my batteries.At the same time, the cylindrical jar of asthma spray reminds me of the shape of a battery.
Photo shoot:
![]() |
Asthma sprays 2023/12/7 |
![]() |
Battery 2023/12/7 |
![]() |
Progress_3 2023/12/7 |
Then use the Quick Selection tool to remove the can portion of the sprayer and create a new mask,Then combine the battery and sprayer, adjust the contrast again, and reduce the bloom to make the battery and spray more organically combined.
Final:
PROJECT 4: SELF-TITLED
Timeframe: WEEK 9 - WEEK 14
Duration: 15 second
Output: .MOV or .MP4 less than 20MB
Size: 1080 x 1920 px (I.G reel/ story size)
Idea Development: 5 marks (WEEK 10)
Design Direction: 5 marks (WEEK 11)
Execution and Post Production: 10 marks (WEEK 12)
Animation & Finishing: 10 marks (WEEK 13)
Submission: WEEK 14
ATTACH your final video link on this submission.
ATTACH your e-portfolio link on this submission.
Reference:
https://fauziyusoff.com/dpi/
https://jeslynlimsuharjadpi.blogspot.com/2022/07/final-project-cinemagraphs-self-tilted.html
INTRO | My learning process was essentially my pursuit of the ability to express what was on my mind. I longed to be an artist or a designer from an early age. |
PARAGRAPH 1 | I may not yet have the perfect ability to turn my ideas into visible things, but I am always pursuing this ability, and this desire guides me,But at the same time I'm constantly looking, absorbing other ideas, and turning them into a part of me, like a database. I hope that in the future when I have enough professional skills, this database will have great potential. |
PARAGRAPH 2 | When I came to the university to study, I learned a lot of professional knowledge. I am very happy to see that I can turn part of my ideas into art. This feeling is something I have never experienced before. Now there is a new thing to support my learning. A completely different dynamic than in high school and elementary school. |
SUMMARY | I pursue knowledge and accumulate ideas at the same time. I do this entirely for self-realization. Taylor's has given me a lot of help to complete it. |
INTRO | In this assignment, I want to express something very personal and at the same time I want to build on new knowledge that is not based on what the instructor has taught |
PARAGRAPH 1 | First of all, this work is based on my biography. I want to express a process, a process in which my thoughts gradually emerge. This exactly corresponds to my understanding of biography.I am going to complete it using a style that my instructor has not taught me. This style is called low-poly. I spent a semester practicing low-poly. I think it is an important part of learning this semester. |
PARAGRAPH 2 | This work is a summary of this semester. I hope it contains all the knowledge of this semester, which involves typography, DPI and IVN.It should be a dynamic expression process that expresses the themes in my biography based on the above content. |
SUMMARY | My portrait should be in a low-poly style, because this style is very suitable for stylizing any portrait. I will use a combination of typography and DPI for the background. The background will be the place where I tell my inner thoughts, and it is the embodiment of the stream of consciousness. At the same time, it must also be combined with animation technology |
![]() |
me 2023/12/14 |
I am going to complete it using a style that my instructor has not taught me. This style is called low-poly. I spent a semester practicing low-poly. I think it is an important part of learning this semester.Because I do a lot of low-poly exercises, I can illustrate directly on the image without any drafting.
![]() |
low-poly pratices by me |
![]() |
low-poly pratices by me |
![]() |
low-poly pratices by me |
![]() |
low-poly pratices by me |
![]() |
low-poly pratices by me |
check more MY low poly works in pinetrerest :https://pin.it/3I7WT25 (images created by ID dr_ksmod)
![]() |
process 2023/12/14 |
![]() |
process 2023/12/14 |
I created many demos to verify whether my idea was feasible. Specifically, I first applied Gaussian blur to the photo, and then created a layer containing text. Use the Distort Displacement filter to deform the text layer to ensure that the shape of the text fits the photo. image, and finally convert it into a mask superimposed on the picture.
![]() |
demo 2023/12/14 |
![]() |
demo 2023/12/14 |
![]() |
demo 2023/12/14 |
![]() |
demo 2023/12/14 |
When adding the main title text I thought about balancing the visual space between the title and illustration sections, and since my design doesn’t have a lot of empty space, I chose a method that ensured the visibility of the title font and illustration sections. I used an invert mask to keep the main title highly visible while maintaining the visibility of the illustration.
![]() |
FINAL POSTER 2023/12/14 |
The breaking of the face, the face that reveals the words of the stream of consciousness, the breaking process represents the enhancement of professional ability, and eventually all my ideas will appear, completing my self-realization
![]() |
parts 2023/12/14 |
![]() |
Easing curve 2023/12/14 |
![]() |
Easing curve 2023/12/14 |
![]() |
Easing curve 2023/12/14 |
When I finished the work I realized that I had made a mistake, the proportions of the static poster and the animated poster were completely different, and forcing the stretch would cause the image to be out of alignment. So I started adjusting the animation to fit the 1080P ratio.
![]() |
1080P 2023/12/14 |
![]() |
1080P 2023/12/14 |
![]() |
new static poster |
评论
发表评论