DPI: Project 1


Part 1: Physical Collage

Research

Before creating my physical collage, I've searched up 3 different graphic design works that I like from Pinterest for a reference for my work.

https://www.pinterest.com/pin/733805333063693836/

Description : I love this artwork because it captures the busyness and vibes of urban Japan.

https://www.pinterest.com/pin/3025924742142429/

Description: I like this artwork because it is colorful and sends an important message about
education.

https://www.pinterest.com/pin/366128644720483135/

Description: I like this artwork because this tells a lot about the artist themselves and I think it
is interesting to look at.

Physical collage

The images below are the pre-composition collages that I made.
Collage 1
Collage 2




Collage 3
Collage 4




Collage 5

Collage 6

Collage 7

 

Collage 8

Collage 9
Final Design
In the end, I chose Collage 5 as my submission.

Final Design



Part 2: Digital Imaging Exercise 1: Me in Hearst Mansion

Step 1:Use Quick Selection tool to subtract background.

SHORTCUT KEYS: Zoom in/out, increase/decrease brush size, subtract from selection/ add to selection.


Step 2: Add and apply layer mask








Step 3: Add noise


Step 4: Apply Gaussian Blur


Step 5: Duplicate Shazam, invert vertically, rename the duplicated layer to "reflection"

Step 6: Darken reflection layer

Step 7: Apply ripple effect to reflection layer.

Step 8: Finished


Own Design

Using the same steps above, I managed to put a picture of myself into Hearst mansion.


Digital Imaging Exercise 2 : recolouring

Photo A (without colour)


Photo B (Hair colour)
Photo C (Skin colour)


Photo D (without colour)

Final Design

Photo A (with colour)


Photo D (with colour)


Comments

Post a Comment

Popular posts from this blog

Experiential Design: Project 2

Image
12/11/2024 - 15/12/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 2 INSTRUCTIONS Project 2 progress: In this task, we are going to create a MVP (Minimum Viable Product) prototype showcasing on what has been done and what yet to be done.  Initially, I tried to use Polycam to 3D scan my laptop and upload it to Vuforia's Model Target Generator. Fig 1.1 Polycam 3D scanned model of my laptop But then, for some reason, Vuforia cannot accept my 3D scanned laptop. Fig 1.2 Vuforia not accepting my 3D scanned model of my laptop So for plan B, I browsed around the web to look for a 3D model of my laptop (Dell G3 3500) or something similar to my laptop. Luckily I found a model that is similar to my laptop in SketchFab. Fig 1.3 3D model from SketchFab  After downloading the model, I tried to upload it into Vuforia's Model Target Generator and it turned out to be accurate and it is able to recognize my laptop in Unity's AR ca...
Read more

Experiential Design: Final Project

Image
15/12/2024 - 12/01/2025 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Final Project INSTRUCTIONS Final Project progress: For the final project, we are to continue finishing our prototype into a complete app. I continued on adding on the "What's Next" from the last post, which are complete visual guides, more scenes and refinement. I look up for images online, mostly from the official manual from the Dell website Fig 1.1 Official Manual from Dell I added more visual guides for the app and implemented some interactivity with the touch input like dragging objects and pinch to zoom. Fig 1.2 Script for dragging objects Fig 1.3 Script for pinch to zoom Combining these two scripts, I am able to drag and enlarge/shrink my objects around for better interactivity. Fig 1.4 Drag and PinchToZoom demonstration I also made an Object Appear script that toggles an object to switch between their active/inactive states. Fig 1.5 Object Appear Script Fig 1.6 ...
Read more

App Design 2: Final Project

Image
11/12/2024 - 06/01/2025 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media App Design 2 Final Project INSTRUCTIONS Final Project Improvements After reading a tutorial I found online, I tried to input navigation bar animations to my homepage to add more life to the app, and it turns out better than I expected. I also added another animation for the "payment confirmed" page, using CSS keyframes and JavaScript. Navigation Bar For the navigation bar, I used CSS keyframes animation and also used JavaScript with the aid of AI. Fig 1.2 Navigation Bar HTML, CSS, JavaScript Code  Payment Confirmed Fig 1.5 Payment Confirmed HTML, CSS Code Flow Map Masterplan Firefly Final Wireframes Netlify Link:  https://starting-up.netlify.app/ Final Video Presentation App Walkthrough Final Reflection Completing this project has been a transformative experience that challenged me to grow as a UI/UX designer and pushed ...
Read more