DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 2A

-

25.9.2021/Week 5
Hansel Ribowo / 0350008 / Bachelor of Design in Creative Media
Design Photography and Imaging / C
Practical Photo Manipulation

Lecture

Week 5: Photo Manipulation
This week we learn about how to manipulate image to make the image look realistic in other image and this week Mr Martin give us exercise to do.

1. Use Quick Selection Tool to substract background.
2. Add layer mask and apply layer mask.
Fig 1.1 Add layer mask and apply layer mask

3. Drag Shahzam to Hearst mansion and resize it using transform.
Fig 1.2 Resize Shahzam
4. Adjust color correction so the image match with the background with image - Adjustment.
Fig 1.3 Adjust color correction.

5. Match image quality by adding noise filter to shahzam.
Fig 1.4 Adding noise to Shahzam

6. Create shadow for shahzam by creat new layer and then use brush tool.
Fig 1.5 Create Shadow

7. Lower the opacity for the shadow.
Fig 1.6 Shadow
8. Create new layer to make Shahzam reflection by duplicate the shahzam layer and flip it.
1.7 Shahzam Reflection
9. Adjust the color for reflection.
Fig 1.8 Adjust Color Reflection

10. Add ripple to the reflection.
Fig 1.9 Ripple Selection
1.10 Add Ripple Filter
Week 6: Recoloring Photo
For this week Mr Martin give us exercise to recoloring black and white photo using adobe photoshop and before we began he give us demon from youtube video.

1. Create a new layer in layer panel and rename it to make it more organize.
Fig 1.11 Create new layer example
2. Select brush tool.
3. Select foreground color then skin color.
Fig 1.12 Select Skin Color Example

4. Color the face, adjust the size and hardness while coloring the edge.
Fig 1.13 Color The Face Example

5. For correction or refine the edge: Select ERASER TOOL, SIZE & HARDNESS can be adjusted. Back & Forth until finish.
6. Apply blending mode to soft light or overlay.
Fig 1.14 Apply Blending Overlay

7. Repeat the step above for the hair, lips, eye, and cloth.
8. Create NEW LAYER for background, 
9. RENAME it to background.
10. FILL IN COLOUR: EDIT → FILL → CONTENTS (COLOUR). Select colour and shut off visibility.
11. Add all selection from ALL LAYERS: face, hair, eyes, shirt, lips.
SHORTCUT KEY: CMD CLICK (MAC)/ CTRL CLICK(WINDOWS) on one layer, CMD SHIFT CLICK (MAC)/ CTRL SHIFT CLICK (WINDOWS) other LAYERS to ADD all SELECTION.
12. After that invert the mask.
13. Change the blend mode to overlay or soft light.
Fig 1.15 Blend Mode Overlay
Tutorial

Week 5:
Before we do our exercise our lecture give us guide from google classroom how to manipulate the image.

Instruction
Practical

Week 5:
Shahzam Reflection:

Fig 2.1 Shahzam Reflection

My Reflection:

Fig 2.2 My Reflection
Week 6:
Recoloring Black and White Photo: 
2.3 Final Outcome
Week 7:
Recoloring Black and White Photo 1:
Fig 2.4 Final Outcome

Recoloring Black and White Photo 2:
Photo that i choose for recoloring exercise 2
Fig 2.5 Black and White Photo

Fig 2.6 Hair Color Reference

Fig 2.7 Skin Color Reference

Fig 2.6 Final Outcome

Feedback

Reflection
Week 5: 
For this photo manipulation i really enjoy doing the image manipulation i found a bit a problem when matching the colors and making reflection but after i see the google classroom guide from our lecture i can solve the problem.

Comments

Post a Comment

Popular posts from this blog

APPLICATION DESIGN II - EXERCISE 1

-
Image
12/04/2023 Hansel Ribowo / 0350008 BDCM (UI/UX) Application Design II - Exercise 1 Exercises In this first week, Mr. Razif explains to us about MIB and what task and project we will do this semester after that we learn how to use Chat GPT to make a website after that Mr. Razif asks us to do some exercises which make a website using Chat GPT. Here my website uses Chat GPT Fig 1.1 Home Page Fig 1.2 About Page Fig 1.3 Portfolio Page Fig 1.4 Contact Page Fig 1.5 HTML Coding in Visual Studio Code Fig 1.5 HTML Coding in Visual Studio Code Fig  1.6 CSS Coding in Visual Studio Code Fig  1.7 CSS Coding in Visual Studio Code Fig  1.8 CSS Coding in Visual Studio Code ...
Read more

APPLICATION DESIGN II - LECTURE

-
Image
03/05/2023 Hansel Ribowo/BDCM App Design II Lecture Lecture In this week we learning how to animate our website. We start by learning how to use Gsap website to help us with the animation of the website, Then we try to animate our website logo by using script that we copy from Gsap. First we need to load Gsap into HTML page we need to add script in visual studio code which is this After adding the script now we can add the animation from Gsap, our lecture want us to the animation for the logo so this the code for the animation First we need to add id to the logo. and then add the Gsap at the java script section. This one is for adding ease in/out for the animation After that, we added some animation delay to make it come one by one. This animation for the side panel that when we press it will show the menu to animate the section we need to add the animation when open and close the panel. now we making the main lo...
Read more