DIGITAL PHOTOGRAPHY AND IMAGING W1-W14 & PROJECTs

 10/5/2023-?/?/    (Week1-Week5)
TAO YUZE(0366967)
Digital Photography and Imaging
Project 1 / Exercises
Lectures:
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

Three of my favourite works:

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
The third work gives me a special visual impact, this work is undoubtedly surreal, every element seems to repeat the theme of "seeing", or "surveillance", I don't know what the author had in mind when he created it, but the right reorganization makes the overall effect hook the viewer like a hook


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


youtube video:https://www.youtube.com/watch?v=4b-swzGzOGw&authuser=0

W5: PRACTICAL: HEARST MANSION


 Part 1

material_1 2023/11/4

material_2 2023/11/4


Note:Detach the shazam and put him in the picture

1.Use Quick Selection tool to subtract background.
  • SHORTCUT KEYS: Zoom in/out, increase/decrease brush size, subtract from selection/ add to selection.


  1. ADD LAYER MASK 

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

  1. Create NEW LAYER (and rename as Shadow)

  2. Use BRUSH TOOL

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

W6: PRACTICAL – RECOLORING BLACK & WHITE


old man_BNW 2023/11/4

old man_colored 2023/11/4

old man_colored_blue red light 2023/11/4
Note:Based on what I learned from the previous exercise, I made different backgrounds, including red and blue lighting versions,I want to express a retro style through this expression technique.
PART2 Use the Quick Selection tool to work with complex photos、

female_bw 2023/11/4

female_colored 2023/11/4

Note:Use the Quick Selection tool to separate hair, face, facial features individually. Then create a mask to a solid color layer

Individual exercises


BW 2023/11/4

colored 2023/11/4


Note: This image is peculiar, the hair color is too similar to the background, the Quick Selection tool does not work properly, so it needs to be colored by hand,I deliberately filled the two eyes with different colors. I think this will make the picture more vivid.



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:

  1. Click W for Object Selection/Quick Selection/Magic Wand tools ser

  2. Click “Select Subject” at Option bar

  3. Click “Select and Mask” at Option bar

Under “Select & Mask”:

  1. View Mode: Select Overlay, adjust Opacity

Under “Select & Mask”:

  1. Select “Refine Edge Brush Tool”.

  2. Adjust brush size and Hardness.

Under “Select & Mask”:

  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.

Under “Select & Mask”:

  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. 

Under “Select & Mask”:

  1. Create “New Layer”.

  2. Add “Solid colour”.

  3. Rename it to “bg”.

  4. Drop it under portrait layer

Increase contrast for portrait layer:

  1. Add Curve adjustment layer.

  2. Make S curve.

  3. Right click on curve layer select clipping mask.


  1. Add forest image and reposition it.

  2. Select clipping mask.

  3. Double click bg’ solid colour, select the “grey sky colour” with eye dropper.

  4. Add mask layer.

  1. Select brush tool, foreground colour black. Adjust brush size, hardness, and flow.

  2. Unmask her face.

  1. Duplicate forrest layer, flip vertical and reposition, select clipping mask.

  2. Adjust the mask, as well as the portrait’s mask


  1. dd the two birds’ images.

  2. Select Darken/Multiply blending mode to remove white background.


Individual exercises

Individual exercises 2023/11/9




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.



Personal shot version:

The materials used in this exercise was taken by me personally, and the location is Dongpu Reservoir

dongpu_overcast_1 2022 7/11

dongpu_dark overcast_2020/6/12





DX_final 2023/11/26


Dongpu Reservoir is my favorite photo spot, it is located in my hometown of Hefei, Anhui Province, I often take photos of the same location, my idea is to combine the use of double exposure of Dongpu Reservoir in different weather and time of day, so as to show the changing face of Dongpu Reservoir



W10 PRACTICAL: AFTER EFFECTS EXERCISE


1. Download the PSD composition below:
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:


youtube link:

PROJECT 2: POSTER DESIGN & DIGITAL IMAGING [40%]


ROJECT 2 (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 

Update your Project 2B work in progress into E-Portfolio

Mood Board

mood_1 2023/12/7

mood_2 2023/12/7

mood_3 2023/12/7

Summary of idea:

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


Sketchs

sketchs 2023/12/7

Progress:

progress_1 2023/12/7

Progress_2  2023/12/7




I removed the background of the photo and then adjusted the Brightness and contrast.

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:

Asthma chargers 2023/12/7




Brightness and contrast 2023/12/7















PROJECT 4: SELF-TITLED


PROJECT 4: SELF-TITLED [30%]

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

biography
 

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.


statement
 

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


Based on my idea, I made moodboard:


form pinterest 2023/12/14

form pinterest 2023/12/14

form pinterest 2023/12/14




My idea is very clear, first I need to take a selfie of myself and illustrate it.

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)


The entire illustration creation process takes two hours

process 2023/12/14

process 2023/12/14

process 2023/12/14

process 2023/12/14


I used Illustrator to draw. I first used the straight line tool to draw fractals, and then used real-time coloring to color the triangle color blocks. The colors were taken from photos. After that, I expanded the real-time coloring, so I got more than a thousand  small triangles.I imported the ai format file into psd, and then started making the background including typography fonts.

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.

process 2023/12/14

process 2023/12/14

process 2023/12/14

process 2023/12/14


After verifying the idea, I added the font west wind, which I designed in the typography course, to the background. After adding it, I explored many different font layouts and background color styles. to achieve the best visual effect.


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 WORK:

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


Feedback modify version

Mr. Zamri thought that the text I chose for my title was too abstract and stream-of-consciousness, so I expanded the existing font with more new letters, and finally chose "design unleashed" as my new title. The new title is clearer and more understandable. Zamri also pointed out that my poster should be more layered, and the original title may have been too extravagant

new static poster



animation part

Since the animation is entirely produced on AE, although the same materials as the static posters are used, the resolution and implementation of some effects are completely different from the static posters.


parts 2023/12/14




Since the portrait part consists of more than a thousand triangles, it is unrealistic to import them all into AE.So I chose to merge the triangles of the facial features together to form several large layers, and then separate the broken animation part into a psd file to facilitate subsequent animation production.

AE 2023/12/14



I categorized the upper right and lower left pieces and named each triangle in detail.The animation of triangles flying out is very simple, but there are a lot of them. At the same time, I also need to make easing effects and elastic effects for the movement of each triangle. This work consumes me all day.

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


I made a longer version of the background to fit the 16:9 ratio, and also modified the ratio of the main title to make the visual effect more even.


FINAL VIDEO







Since the original video was only 7 seconds long, I played the video backwards and then edited it.




new static poster





























































































































评论

热门博文