2023.11.23 - 2023.12. / Week 9 – Week
Velicia Raquel Dewi Setiawan / 0369188 / Bachelor of Design (Honours) in
Creative Media
Digital Photography and Imaging
JUMPLINK:
- WEEK 1 Introductions
- WEEK 2 Physical College
- WEEK 3 Physical College
- WEEK 4 Digital Collage, &; Adjustment; Filters
- WEEK 5 Hearst Mansion
- WEEK 6 Black &; Recoloring Black White
- WEEK 7 Double Exposure
- WEEK 8 No Class
- WEEK 9 Digital Surrealism
- WEEK 10 Introduction to After Effects
- WEEK 11 Final Project Consultation 1
- WEEK 12 Final Project Consultation 2
- WEEK 13 Execution & Post Production
- WEEK 14 Final Submission
- PROJECT 1 Collage and Digital Imaging
- PROJECT 2 Digital Imaging Exercises &; Conceptual Product Photoshoot
- PROJECT 3 Self-Titled
LECTURE
Week 7 - F2F Class (Nov 9, 2023)
1. DOUBLE EXPOSURE &; IMAGE BLENDING MODE
What Is Double Exposure Photography?
Double-exposure photography refers to merging multiple images. The goal is to make them surreal, emotional, or humorous. They usually feature silhouettes.
The double exposure effect may look complicated at first. But it's easy to make in-camera and in Adobe Photoshop. You don't need a double exposure camera, as there are a few other ways you can create them.
1. Using the Tilt-Shift Effect
Photoshop has a great tilt-shift tool that will transform your photos into soft works of art. If you want to be extra creative, blur one of your photos instead of the entire Image. Or blur everything except for one important detail. To add this feature, go to Filter > Blur Gallery > Tilt-Shift.
 |
Fig 1.1.1 Tilt-Shift Effect Example, Week 7(Nov 9, 2023).
|
2. Create a fake reflection
There are many ways you can create reflections. One of them is creating a double exposure with the help of a separate window photo. This is an example of the main subject surface with raindrops and bokeh. This helps to add interesting textures to multiple-exposure photography.
 |
Fig 1.2.1 Fake Reflection Example, Week 7(Nov 9, 2023).
|
|
3. Experiment with simple portraits and textured
Combining something plain with something complicated will Give you a balanced result. It will also save a lot of simple photos that you might discard.
 |
Fig 1.3.1 Portraits and Details Textured Example, Week 7(Nov 9, 2023).
|
4. Convert your results to Black &; White
A lack of color will strengthen the emotions in your double-exposure images. If you want to express your work in a vulnerable way, experiment with this. It gives them a unique depth and allows you to experiment with something interesting just like film photography.
 |
Fig 1.4.1 Black &; White Example, Week 7(Nov 9, 2023).
|
|
5. Work with silhouette
Many double-exposure photographers choose to work with silhouettes. But what if you worked with silhouettes only? It would give you a fun and doable challenge. And an opportunity to show very creative sides of yourself. Try silhouettes of yourself, other people, or random objects. Anything else that catches your eye can create unique composite images.
 |
Fig 1.5.1 Silhouette Example, Week 7(Nov 9, 2023).
|
6. Pick two random photos
A random process doesn't mean it's not meaningful. Your results might create a story of their own, one that others will find encouraging. A lot of double-exposure photography was a happy accident. But they led to great feedback and even greater creative growth. Try and forget about any other double-exposure ideas. Shoot interesting textures, shapes, and forms instead.
 |
Fig 1.6.1 Two Random Photo Example, Week 7(Nov 9, 2023).
|
|
7. Make simple objects look fascinating
Take photos of everyday objects you usually take for granted. Try to make them look like something else. A silhouette of a dull-looking building could become the outline of a starry sky like the photo below. This technique will enhance your imagination.
 |
Fig 1.7.1 Simple Objects Example, Week 7(Nov 9, 2023).
|
8. Use Shadow
Outlines of any kind are fantastic to work with for double-exposure photography. Shadows are as effective as silhouettes in this genre. They’re fascinating to work with.
 |
Fig 1.8.1 Shadow Example, Week 7(Nov 9, 2023).
|
|
Take a photo of someone’s shadow and transform it into a story. You can do anything your heart desires with outlines of this sort. All you have to do is go out, take photos of a few shadows, and turn them into something beautiful.
2. Where Did Double Exposure Start?
Towards the end of the 19th century, well before multiple exposure settings on DSLRs, or CGI in Post-production, photographers and filmmakers had to create realistic worlds with what they had. And when they discovered how they could double expose a shot, they arguably discovered the very first special effect.
The 1898 film Four Heads are Better Than One by Georges Méliès. He was just as much of a magician as he was a filmmaker and it was his curiosity and innovation that helped create what we now think of as chroma key compositing.
.jpeg) |
Fig 2.1 Four Heads are Better Than One (1898), Week 7(Nov 9, 2023).
|
Double exposure is a powerful storytelling tool. It captures hidden elements in a scene that can scare, inspire, or delight your audience. It can also provide context for what’s about to come. In the opening credits of True Detective, we get just that. Watch StudioBinder’s motion graphics artist and video editor discuss how double exposure sets the tone.
3. PHOTOSHOP: Blend Modes
Working with blend modes is almost always an experimental process. Because it's nearly impossible to predict the results, you always seem to end up experimenting with different modes and Fill Opacities until you get the results you're looking for.
 |
Fig 3.1 Blend Modes, Week 7(Nov 9, 2023).
|
|
Here's a quick guide and more:
 |
Fig 3.2 Musicians and Fire, Week 7(Nov 9, 2023).
|
- Select Layer 1 (Fire) to be on top of the Background (Musicians)
- Go to the Blending Modes option
- Select "Screen"
- As a result, all of the pixels on the fire will be selected as Screen blending mode.
 |
Fig 3.3 Results of Blending, Week 7(Nov 9, 2023).
|
|
Adding a Moon to your Landscape using Photoshop Luminance Blending
REFERENCE:
We got a task to make a double exposure following a tutorial and the images given, then we needed to make our own double exposure using our portrait and we were given the freedom to add whatever images from the internet. (EXERCISE 7)
Week 9 - F2F Class (Nov 23, 2023)
DIGITAL SURREALISM
1. REALISM VERSUS SURREALISM
Realism: Takes subject matters of the ordinary and
common world which we call "reality." It almost always takes a non-exotic
and non-extraordinary subject matter and theme. There is no need to think
outside of the box, as that is not "real."
|
Fig
1.1
"Daily Bread" (2008) by Jim Gola, Week 9(Nov 23,
2023).
|
|
Surrealism: A twist on Realism. It explores the
subconscious mind, with subject matters concentrating on dream images, and
often aims to distort the ordinary and what we call reality.
|
Fig
1.2
Surrealism
by Gennady Privedentsev,
Week 9(Nov 23, 2023).
|
Surrealism
defies logic. Dreams and the workings of the subconscious mind inspire
surrealistic art (French for "super-realism") filled with strange images
and bizarre juxtapositions. Fueled by the teachings of Freud and the
rebellious work of Dada artists, surrealists like Salvador Dalí promoted
free association and dream imagery.
|
Fig
1.3
Surrealism
by Salvador Dalí,
Week 9(Nov 23, 2023).
|
|
Dadaism is an anti-war art movement with artworks that are satirical and
nonsensical in nature.
|
Fig
1.4
Surrealism,
Week 9(Nov 23, 2023).
|
Salvador Dalí
was a Spanish Surrealist painter and printmaker known for exploring
subconscious imagery.
|
Fig
1.5
Surrealism
by Salvador Dalí,
Week 9(Nov 23, 2023).
|
2. WHAT IS DIGITAL SURREALISM?
Surrealism is a cultural movement focused on the type of art to express the artist's ideas themselves. In this digital era surrealism is one of the
top digital art styles.
How to start creating Surrealism artworks?
|
Fig 2.1 "Parade of the Dreamers," (2009)by Jeff Huang, Week 9(Nov 23, 2023).
|
|
-
Dream-like scenes and symbolic images
-
Unexpected, illogical juxtapositions
-
Bizarre assemblages of ordinary objects
- Primitive or child-like designs
1. Capturing your Dream
1. Sketch It Out
Take a piece of paper and a pen/pencil or a tablet and start to sketch. Draw
your vision out roughly. Don't finesse any details yet, but just lay out key
points of your vision.
|
Fig
2.1.2
Sketch, Week 9(Nov 23, 2023).
|
2. Find Reference Images
Gathering reference images will help you greatly in realizing your new idea.
Gather images that directly relate to what you have in mind. If you're looking
to create a certain style of art, gather certain pieces by the artist you
like.
2. Mindset During Creation
1. "Does this look real?"
Surrealism is at its best when it's convincing enough that it could be real,
however, we obviously know that the subject matter you are creating is
nonexistent, and thus is not real.
|
Fig
2.2.1
"Meditative Rose," by Salvador Dali,
Week 9(Nov 23, 2023).
|
|
2. Make it happen to the best of your ability.
When you try to approach something challenging, you will learn the skills you
may need for next time to make it work. The worst thing you can do is be
afraid and back off from your idea because you would never learn that
way.
Tips
-
Keep a sketchbook: This allows you to quickly capture
ideas that you may have come up with suddenly.
-
Patience: Take your time, no one is rushing you!
-
Buy books and observe: In this case, Surrealism,
is to buy books of artists whom you are interested in.
-
Zoom out: it's important to zoom out to see the
piece as a whole to see how convincing it looks. A lot of times
artists focus so much on one area that they fail to notice that it looks
off in conjunction with the piece as a whole.
-
Experiment: Play with Photoshop, and go crazy, You'd
be surprised how much you could learn by yourself if you just jump in and
play around!
EXAMPLE:
REFERENCE:
We got a task to make a "surreal" product of our own, we made a couple sketches of the product with stuff that we have and 2 sketches will be approved by Mr. Fauzi and we will bring the component with us next week for a studio photoshoot. (EXERCISE 9)
Week 10 - F2F Class (Nov 30, 2023)
INTRO TO AFTER EFFECTS
1. WHAT IS AFTER EFFECTS?
Adobe After Effects is a 2.5D animation software used for animation, visual effects, and motion picture compositing. After Effects is used in film, TV, and web video creation.
 |
Fig 2.2.1 "After Effects Logo, Week 10(Nov 30, 2023).
|
|
Adobe After Effects takes a different approach to creating movement. Motion graphics animation works by manipulating vector and rasterized art to create and tell a story.
All the layers need to be arranged and renamed accordingly so that it will be organized and easy to be animated in After Effects. Adobe After Effects is a digital visual effects, motion graphics, and compositing application. We can import elements such as images, videos, vectors, and more into After Effects. All the layer elements need to be organized and synchronized to the external software platforms such as Photoshop &; Illustrator.
Adobe After Effects has been used to create some popular content:
Example works from previous students:
1. Animation
By moving and transforming layers, you can bring artwork to life. After Effects offers digital tools that help you manipulate and edit various properties. Here is a list of different types of animations you can create in After Effects:
- 2D Vector Animation
- Basic 3D Animation
- Character Animation
- Kinetic Typography
- UI/UX mock-up animations
- Visual Effects
2. Visual Effects
Outside of animation, there are other use cases for Adobe After Effects. Smoke, fire, explosions, scene tracking, and background replacements using green screen technology represent many of the tasks After Effects is capable of performing.
For example, you can add lighting effects or create really cool smoke trails that look like objects are flying through a city. Here's a fun tutorial that we put together utilizing After Effects as an animation tool.
3. CAN I USE ADOBE AFTER EFFECTS TO EDIT VIDEO?
When it comes to editing multiple video clips, splicing them together, and adding soundtracks with equalized music and sound effects After Effects is not a great choice.
Applications like Premiere Pro, Avid, and Final Cut Pro are built to handle large amounts of video content. They focus on easy manipulation and efficient playback for high-resolution videos, and process intensive media with high data bit-rates.
The timeline panel in After Effects is built to allow you to vertically stack content on top of each other, and interact with the layers above and below. Video editing software allows you to stack content on top of each other, but the way video editing works, you typically aren't stacking videos on top of each other by the hundreds.
If you're looking to get into video editing and filmmaking, then think of After Effects as a supportive program; helping you build supportive overlaying graphics that can enhance your production quality.
Here is a list of YouTube channels for learning After Effects:
We were given an exercise to try out After Effects using the Photoshop composition given and following a video tutorial. (EXERCISE 10)
Week 11 - F2F Class (Nov 30, 2023)
Week 12 - F2F Class (Dec 7, 2023)
Week 13 - F2F Class (Dec 14, 2023)
Week 14 - F2F Class (Dec 21, 2023)
EXERCISE 7
Double Exposure (10%).
Students use specific skillsets from Photoshop to blend their portraits with layers of background images. You are required to capture screenshots to demonstrate a step-by-step progression as to how the visuals are produced (at least 10 steps) and compile it in a PORTFOLIO PDF. This should be modeled after a Photoshop/Illustrator tutorial (examples to be provided).
We got a task to create a double exposure using the given image and following
this video. There are also more tutorials given that we can follow:
.png) |
Fig 1.1 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.2 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.3 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.4 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.5 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.6 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.7 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.8 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.9 Process, Week 7(Nov 9, 2023).
|
|
 |
Fig 1.10 Result, Week 7(Nov 9, 2023).
|
|
Then we need to make our own double exposure using our own portrait (not from the internet) as a base and images from the internet.
.png) |
Fig 1.11 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.12 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.13 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.14 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.15 Process, Week 7(Nov 9, 2023).
|
|
.png) |
Fig 1.16 Process, Week 7(Nov 9, 2023).
|
|
 |
Fig 1.17 Result, Week 7(Nov 9, 2023).
|
|
I did not realize that we needed to make it with our own portrait and submitted it with a portrait I got from the internet. However, Mr Fauzi said that I could make it again with my portrait and the wrong double exposure can be put in Porotofolio for extra points.
.png) |
Fig 1.18 Process, Week 7(Nov 9, 2023).
|
.png) |
Fig 1.19 Process, Week 7(Nov 9, 2023).
|
.png) |
Fig 1.20 Process, Week 7(Nov 9, 2023).
|
.png) |
Fig 1.21 Process, Week 7(Nov 9, 2023).
|
.png) |
Fig 1.22 Process, Week 7(Nov 9, 2023).
|
.png) |
Fig 1.23 Process, Week 7(Nov 9, 2023).
|
 |
Fig 1.24 Result, Week 7(Nov 9, 2023).
|
EXERCISE 9
1. RESEARCH
1.1 Reference mood board
 |
Fig 1.1.1 Moodboard, Week 9(Nov 23, 2023).
|
 |
Fig 1.1.2 Moodboard, Week 9(Nov 23, 2023).
|
 |
Fig 1.1.3 Moodboard, Week 9(Nov 23, 2023).
|
1.2 Write a summary of your idea
We were given a task to combine 2 similar shapes things, but I wanted to have things that have vastly different functions and see how would work together. These are the 2 ideas that were approved by Mr Fauzi.
#1: Juice Box and Laptop Charger - I want a Charger with the power of juice like strawberries, blueberries, chocolate, and grains. I thought that would be cool, maybe a translucent cable with the color of the flavor of the juice.
#2: Hand Sanitizer and Canned Beans - The combination will be weird but instead of the hand sanitizer smelling like beans, I thought that instead of opening a can of beans to eat it, you can pump it instead!
Scrapped Ideas:
#1 Pencil and Carrots - Having a pencil that you can snack on is nice!
#2 Tomato and Ringing Clock - Inspired by the Pomodoro tomato clock, I just thought that it was a good design.
1.3 Sketches
 |
Fig 1.3.1 Sketches, Week 9(Nov 23, 2023).
|
|
 |
Fig 1.3.2 Sketches, Week 9(Nov 23, 2023).
|
 |
Fig 1.3.3 Sketches, Week 9(Nov 23, 2023).
|
2.1 Photoshoot
We were taken by Mr Fauzi to a studio with professional light photographers use and he taught us how to use it. How to reduce the lights and use reflective surfaces to counter the shadows. Also to warn us to be careful handling the lights as it's very very hot (I learned it the hard way aha).
 |
Fig 2.1.1 Photoshoot Place, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.2 Photoshoot Place, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.3 Photoshooting, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.4 Photoshooting, Week 9(Nov 30, 2023).
|
When I photoshooted the stuff, I brought the lights were way too harsh, even with the reflecting surfaces, creating uneven lighting across the objects. Some details even got obscured because of it. So I just decided to go to a well-lit room and attempted to photoshoot there, the results were way better and Mr. Fauzi agreed I should use the later results.
 |
Fig 2.1.5 Photoshoot Results, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.6 Photoshoot Results, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.7 Photoshoot Results, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.8 Photoshoot Results, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.9 Photoshoot Results, Week 9(Nov 30, 2023).
|
 |
Fig 2.1.10 Photoshoot Results, Week 9(Nov 30, 2023).
|
2.2 Editing
In Photoshop I removed the background of the objects, it's a bit hard with the hand sanitizer as it is an object with prominent white colors with a white background. I simply erased half of the hand sanitizer and put in the canned beans.
.png) |
Fig 2.2.1 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.2 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.3 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.4 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.5 Progress, Week 9(Nov 30, 2023).
|
I used adjustment layers to blend the objects, such as curves, saturation, hue, and vibrancy.
.png) |
Fig 2.2.6 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.7 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.8 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.9 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.10 Progress, Week 9(Nov 30, 2023).
|
Then it's just a matter of adding a background and shadows with Gaussian blur.
.png) |
Fig 2.2.11 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.12 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.13 Progress, Week 9(Nov 30, 2023).
|
Since the hand sanitizer is translucent I thought to add blobs of background colors to it, blur it, and then lower the opacity.
.png) |
Fig 2.2.14 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.15 Progress, Week 9(Nov 30, 2023).
|
I basically did the same thing with the V-Soy Charger, a couple of notable things doing it, the cable has a lot of tiny crevices that hard to get. Then the charger turns out to be smaller than the V-Soy, so I tweaked it a bit with transform so it's the same size. Also adding shadows to this is harder than the Hand sanitizer and canned beans as some of the cables are "floating" above the surface, thank god I have the photo as a reference.
.png) |
Fig 2.2.16 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.17 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.18 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.19 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.20 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.21 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.22 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.23 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.24 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.25 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.26 Progress, Week 9(Nov 30, 2023).
|
.png) |
Fig 2.2.27 Progress, Week 9(Nov 30, 2023).
|
2.3 Final Results
 |
Fig 2.3.1 Final Results, Week 9(Nov 30, 2023).
|
|
Originally I combined these two things (canned beans and hand sanitizer) purely because of their similar shapes. I did not think about their purpose together, hand sanitizer with the consistency and smell of beans would be weird.
So their purpose now is instead of opening the can to eat the beans you can pump it out! Of course, the hole of the pump would be bigger, we don't want the beans to be mush now would we.
 |
Fig 2.3.2 Final Results, Week 9(Nov 30, 2023).
|
I thought that a charger powered by juice was pretty cool. Imagine the kinds of juice that can be used for this, maybe each flavor can mean a different thing.
Chocolate-powered can mean it charges faster, strawberry-powered can mean the charger will last longer, grains powered can mean the charger can charge different kinds of electronics. Maybe added sugar can mean that the charger is more advanced than another basic juice box.
3 FINAL ARTWORK
In the end, Mr Faizu chose the V-soy Charger as the final artwork
 |
Fig 3.1 Final Artwork, Week 9(Nov 30, 2023).
|
|
EXERCISE 10
2. Import the W10_ANIMATE.psd into Adobe After Effects.
3. Create a composition setting 1080 px (Width) x 1920 px (Height), Duration 15 seconds
4. Create a keyframe animation to the layers using Position (P), Scale (S) &; and Masking path.
5. Render output: Quicktime(. MOV) or .MP4
6. Upload your exercise to your YouTube channel.
7. Update your progress and video to your E-Portfolio blog.
8. Attach your E-Portfolio link to this Submission.
1. PROCESS
After following the tutorial given, I was not satisfied with the results, so I made my own changes to it. For the typewriter, I want to make it bounce up and down like one of the principles of animation squash and stretch. I did it with a combination of scale and position keyframes.
.png) |
Fig 1.1 Process, Week 10(Dec 7, 2023).
|
.png) |
Fig 1.2 Process, Week 10(Dec 7, 2023).
|
I used a mask to introduce the fencer to the animation from bottom left to up left. For the fencer I want it to move back and forth just like how fencers fight, easy enough with a couple position keyframes.
.png) |
Fig 1.3 Process, Week 10(Dec 7, 2023).
|
.png) |
Fig 1.4 Process, Week 10(Dec 7, 2023).
|
.png) |
Fig 1.5 Process, Week 10(Dec 7, 2023).
|
Using the position keyframes to make the shark come from the side of the canvas to the middle and use the combination of position and rotation to make the shark like it was flopping around.
.png) |
Fig 1.6 Process, Week 10(Dec 7, 2023).
|
.png) |
Fig 1.7 Process, Week 10(Dec 7, 2023).
|
To introduce the projector I used a simple mask from bottom to top, and simply used scale keyframes to squash and stretch it.
.png) |
Fig 1.8 Process, Week 10(Dec 7, 2023).
|
.png) |
Fig 1.9 Process, Week 10(Dec 7, 2023).
|
.png) |
Fig 1.10 Process, Week 10(Dec 7, 2023).
|
Then I just put the animation in a loop two or three more times for fifteen seconds.
2. FINAL ANIMATION
Fig 2.1 Final Animation, Week 10(Dec 7, 2023).
On individual weekly post
REFLECTION
1 Experience
2 Observations
3 Findings
FURTHER READING
On individual weekly post
Comments
Post a Comment