Digital Photography and Imaging - Project 1

2023.09.28 - 2023.11.09 / Week 1 - Week 7

Velicia Raquel Dewi Setiawan / 0369188 / Bachelor of Design (Honours) in Creative Media

Digital Photography and Imaging

 JUMPLINK:     

  1. WEEK 1 Introductions 
  2. WEEK 2 Physical College
  3. WEEK 3 Physical College  
  4. WEEK 4 Digital Collage, &; Adjustment; Filters
  5. WEEK 5 Hearst Mansion 
  6. WEEK 6 Black &; Recoloring Black White
  7. WEEK 7 Double Exposure   
  8. WEEK 8 No Class
  9. WEEK 9 Digital Surrealism 
  10. WEEK 10 Introduction to After Effects  
  11. WEEK 11 Final Project Consultation 1 
  12. WEEK 12 Final Project Consultation 2
  13. WEEK 13 Execution & Post Production
  14. WEEK 14 Final Submission
  15. PROJECT 1 Collage and Digital Imaging
  16. PROJECT 2 Digital Imaging Exercises &; Conceptual Product Photoshoot
  17. PROJECT 3 Self-Titled

LECTURE

Week 1 - F2F Class (Sep 28, 2023)

We got to meet our lecturers, a short introduction and they gave a brief explanation about the module we're going to learn. We got to see past student works on collage, which we got to prepare for next week. We're also got with our first task to search for design posts on Pinterest and give our thoughts on it. (Exercise 1)

1. INTRODUCTION TO DIGITAL PHOTOGRAPHY &; IMAGING

1. Express your Creativity (Sep 28, 2023)

Express Your Creative Ideas
Fig 1.1.1 Creativity, Week 1 (Sep 28, 2023).

2. Create Graphic Design

You can create website formats utilizing this software program. You can develop the format of a business card, poster, greeting card and also far more. 

Create Graphic Designs with Photoshop
Fig 1.2.1 Graphic Design, Week 1 (Sep 28, 2023).

3. Restoration of Old Images

Restoration of old images
Fig 1.3.1 Restoration, Week 1 (Sep 28, 2023).

4. Integrate Graphics with Text Artistically

To develop a remarkable graphic design, you should find out the ways to combine images with a message.

Integrate graphics with text artistically
Fig 1.4.1 Graphics with Texts, Week 1 (Sep 28, 2023).


5. Make Use of Brushes

There are thousands of brushes offered and also every one supplies a special impact. As an example, Using a grass brush, you can finish the job within a couple of minutes.

Use of Brushes in Photoshop
Fig 1.5.1 Brushes, Week 1 (Sep 28, 2023).


6. Change Photo Color

Change Colors of Photo in Photoshop
Fig 1.6.1 Change Colors, Week 1 (Sep 28, 2023).


7. Rectify Mistakes in Photographs

With the help of Photoshop tools, you can conceal the weak points as well as boost the aesthetic allure of the photos.

Rectify Mistakes in Photographs
Fig 1.7.1 Rectify, Week 1 (Sep 28, 2023).


2. Photograph Manipulation

1. Photograph Manipulation with Negative

Photograph manipulation involves the transformation or alteration of a photograph. Australian photographer Frank Hurley formed this composite photograph from three original negatives of World War I Belgium.

Fig 2.1.1 Photograph Manipulation, Week 1 (Sep 28, 2023).

Goebbels family portrait photo in which the visage of the uniformed Harald, who was actually away on military duties, was inserted and retouched.

Fig 2.1.2 Photograph Manipulation, Week 1 (Sep 28, 2023).


2. Digital Imaging

Fig 2.2.1 Digital Imaging Technique and Imaging, Week 1 (Sep 28, 2023).


Fig 2.2.2 Digital Imanging, Week 1 (Sep 28, 2023).


3. Reference:


Week 2 - Online Class (Oct 5, 2023)

INTRODUCTION TO BASIC COMPOSITION

1. Focal Point

A strong focal point, as it helps your viewers' eyes naturally settle on the important pieces of your design first.

2. Scale and Hierachy

Help communicate hierarchy by drawing attention toward and away from certain elements.

Fig 2.1 Scale and Hierachy, Week 2 (Oct 5, 2023).


3. Balance the Elements

Each element has a 'weight' to it. Smaller objects might 'weigh' less than larger objects, and heavily textured elements might 'weigh' more than flatly colored elements.

Fig 3.1 Balance the Elements, Week 2 (Oct 5, 2023).


4. White Space

White space when used strategically can help boost your design's Clarity by balancing out the busy parts of your composition with space that helps your design to breathe.

Fig 4.1 White Space, Week 2 (Oct 5, 2023).


5. Rule of Thirds

The Rule of Thirds is the process of dividing an image into thirds, using two horizontal and two vertical lines. 

The Rule of Thirds is a way to: 

  • Made the composition pleasing to the eye. 
  • Creatively use negative space.
  • Create a conversation between the subject and background.
Fig 5.1 Rule of Thirds, Week 2 (Oct 5, 2023).



Fig 5.2 Rule of Thirds, Week 2 (Oct 5, 2023).


6. Golden Ratio

It is commonly found in nature, and when used in a design, it fosters organic and natural-looking compositions that are aesthetically pleasing to the eye. 

Fig 6.1 Golden Ratio, Week 2(Oct 5, 2023).

The Golden Ratio is a useful guideline for determining the dimensions of the layout. One very simple way to apply the Golden Ratio is to Set your dimensions to 1:1.618

Fig 6.2 Golden Ratio, Week 2 (Oct 5, 2023).



Fig 6.3 Golden Ratio, Week 2 (Oct 5, 2023).



Fig 6.4 Golden Ratio, Week 2 (Oct 5, 2023).


7. Composition 

[Framing & Cropping]

Fig 7.1 Composition, Week 2 (Oct 5, 2023).

REFERENCE:

Week 3 - F2F Class (Oct 12, 2023)

We got to make our composition from the materials that we prepared before hand. We have to make 3 compositions and have one of them approved by the lecturer. (Exercise 2)


Week 4 - F2F Class (Oct 19, 2023)

We were taught about the basics of Photoshop mainly Magic Wand and Pentool, as it needed to cur images from the background for the next task. We were given a task to make 3 digital collages in Photoshop from the materials given by the lecturer and have one of them approved by the lecturer. (Exercise 3)

INTRODUCTION TO PHOTOSHOP

1. Tool Box

Fig 1.1 Tool Box, Week 4 (Oct 19, 2023).

2. Lasso Tool

The Lasso Tool is great for a graphic tablet because it is similar to a pencil. 

Photoshop Basics: How to Use the Lasso Tool

Mastering The Lasso Tool

When you click on the Lasso Tool from the Toolbar, you will see Three different tool options:

1. Lasso: click on your canvas and start drawing a shape. Once you release the mouse button, Photoshop will close the selection between the start and endpoints.

2. Polygonal Lasso: Polygonal Lasso only draws straight lines between your points. 

3. Magnetic Lasso: The Magnetic Lasso detects an object's edge and automatically snaps alongside it while you are moving near it.

3. Pen Tool

Remember, the fewer points, the smoother a path will be.

Composition Studies 1 (Fauzi Yusoff)

Composition Studies 2 (Fauzi Yusoff)

DRAWING PATHS PHOTOSHOP TUTORIAL

4. Layering

Layers are different images stacked on top of each other. You can Use each layer without affecting another one to make adjustments.

Open Images as Layers in Photoshop

How to Use Photoshop Layers


Week 5 - F2F Class (Oct 26, 2023)

INTRODUCTION TO PHOTOSHOP 

1. Adjustment Layer

The Adjustment Layers in Photoshop are non-destructive image editing tools that add color and tonal adjustments to your image without permanently changing its pixels. You can edit and discard your adjustments or restore your original image at any time.

How to use Adjustment Layers in Photoshop

When you add an adjustment layer to your image, a new layer will appear over your image, and a panel specific to the type of adjustment You've selected will pop up.

Fig 1.1 Adjustment Layer, Week 5 (Oct 26, 2023).

1. Brightness / Contrast

The brightness slider is for adjusting the highlights in your image and the Contrast slider is for adjusting the shadows in your image.

Fig 1.1.1 Brightness / Contrast, Week 5 (Oct 26, 2023).

2. Level

Levels modify the tonal values in an image by adjusting the levels of the shadows, mid-tones, and highlights. (most used tools)

Fig 1.2.1 Level, Week 5 (Oct 26, 2023).

3. Curves

Curves let you adjust as many points as you want throughout the entire tonal range of your image.

Fig 1.3.1 Curves, Week 5 (Oct 26, 2023).

4. Exposure

Exposure will adjust only the highlights of the image, Offset adjusts the mid tones and Gamma will adjust the dark tones only.

Fig 1.4.1 Exposure, Week 5 (Oct 26, 2023).

5. Selective Colors

Selectively modify the amount of a primary color without modifying the other primary colors in your image.

Fig 1.5.1 Selective Colors, Week 5 (Oct 26, 2023).

2. Filters

There are filters to change color, add blur, or create completely new image effects.

Photo filter trick in Photoshop

13 CREATIVE PHOTOSHOP FILTER COLLECTIONS


DEMO

  1. Match lighting. Adjustment layers and filters.
  2. Photoshop Pen Tool.


We got a task to attach our best composition from week 3 digital collage, then improvise our week 3 digital collage into week 4 by using Adjustment Layers & Filters on Photoshop and explain what we've learned in the description section. (Exercise 4)


Week 6 - F2F Class (Nov 2, 2023)

DIGITAL PHOTOGRAPHY

1. Exposure

In photography, exposure is the amount of light that reaches your camera sensor or film. When you shoot a perfectly exposed photo, you are capturing all the details in the highlights and the Shadows.

Fig 1.1 Exposure, Week 6 (Nov 2, 2023).

When the camera sensor doesn't receive enough light is called underexposure. We can also say "crushed shadows" or we "crushed the blacks," and we have no information in the darkest areas of the Image.

On the flip side when the sensor captures too much light, it is called overexposure. We can also say "blown out highlights" or "burned out highlights," and we have no information in the brightest areas of the image.

Exposure value is the result of the interaction of the three main exposure basics: aperture, shutter speed, and ISO.

The aaperture is the opening that determines how much light passes through the camera lens to the sensor. If you use a wider aperture, the camera lens will allow more light to reach the camera, and the image will be brighter (more exposed). If you close down your aperture, the image will be darker (less exposed).

Fig 1.2 Aperture, Week 6 (Nov 2, 2023).

Depth of field is another effect of the aperture. The greater the aperture, the smaller the focused area will be, while by using narrower apertures, you'll have a bigger area in focus.

Shutter speed is the length of time that The shutter of the camera remains open, collecting light. The longer you leave the shutter of your camera open to capture light, the brighter the image will be, and the quicker the shutter is opened and closed, the less light will hit the sensor, which will result in a darker image.

Fig 1.3 Shutter speed, Week 6 (Nov 2, 2023).

 If you use a fast shutter speed, you can capture moving subjects or shoot handheld, while, when using long exposures, you can photograph stars, waterfalls, and rivers with the silk effect. (This is motion).

Fig 1.4 Shutter speed, Week 6 (Nov 2, 2023).

ISO is the amplification of the light captured by the camera sensor.

ISO works in an artificial way to brighten the light in the image that has been already captured through the aperture and shutter speed. So the higher the ISO, the brighter (and more exposed) your image will be, the lower the ISO, the darker it will be.

Fig 1.5 ISO, Week 6 (Nov 2, 2023).

When you raise the ISO, your camera is 'artificially' increasing the light in the photograph, and this light add-on increases the quantity of 'grain and noise' in your photographs.

Fig 1.6 ISO, Week 6 (Nov 2, 2023).

From this website

Exposure Triangle

the essential thing is to strike a balance among the three for the exposure (something that’s also known as the exposure triangle). The basic exposure triangle rule is to strike a balance. When the three sides of the triangle are in check, you’ll have the right exposure value (EV), which is normally close to zero.


Fig 1.7 Exposure Triangle, Week 6 (Nov 2,2023).

According to this rule, whenever you adjust one of the sides of the triangle, you’ll have to compensate by adjusting either one or two of the other sides. If you have the exposure triangle in balance and the exposure value (EV) is equal to zero, and you want to increase two aperture stops, to maintain balance so that the exposure value (EV) remains zero, you must reduce an ISO stop and a shutter speed stop or two ISO stops or two shutter speed stops.

Fig 1.8 Exposure Triangle, Week 6 (Nov 2,2023).

The first exposure triangle setting that you must adjust, in most cases, is the aperture or the shutter speed. The ISO is seldom the first setting you need to adjust; it’s a setting you use to balance your exposure triangle.

  • If you want to shoot a still landscape with a large area in focus, you can start by setting a closed aperture like f/11, and then balance the exposure triangle either through shutter speed, ISO, or both.
  • If your goal is to photograph the Milky Way or a night landscape, you can start with a wide aperture like f/2.8, a shutter speed of 25 seconds, and then adjust the ISO.

From this website


2. Lens Perspective

A standard lens has a focal length between 35mm and 85mm. They’re called standard or normal lenses because they give a field of view similar to the human eye. The natural field of vision makes the standard lens a popular choice for many photographers. Standard lenses are common among street photographers, travel photographers, and photojournalists.

Fig 2.1 Standard Lens, Week 6 (Nov 2, 2023).


The focal length of a wide-angle lens is between 14mm and 35mm. They give a wide field of vision, with a more broad scope from side to side. It’s more panoramic than a standard lens, similar to widescreen in cinematography. Wide-angle lenses are essential for serious landscape photographers. This is because the wide angle captures large and spacious scenes. The wide angle stretches the horizon, allowing your camera to view more of the landscape.

Fig 2.2 Wide-Angle Lens, Week 6 (Nov 2, 2023).


A telephoto lens contain many glass elements, which work much like a telescope. A telephoto lens allows the photographer to get close shots of faraway subjects. This specific quality of a telephoto lens makes them popular with sports and wildlife photographers. They can get intimate images of animals in the wild without scaring them or getting in harm’s way.

Fig 2.3 Telephoto Lens, Week 6 (Nov 2, 2023).


From this website

Focal Length

The simplest focal length definition is a description of the distance between the center of a lens and the image sensor when the lens is focused at infinity.

Fig 2.4 Focal Length, Week 6 (Nov 2, 2023).

When you look at the focal length of a lens and you see a number below 35mm, you know you’re looking at a short focal length. An image taken with a 15mm lens will seem abnormally expansive, taking, for example, an entire landscape with ease.

A lens focal length that’s greater than 50mm is considered a long focal length. This view is narrower than the normal view we’re accustomed to when paying bare attention. Photos taken with a long focal length look more “compressed” and allow you to capture subjects from a farther distance without losing image quality.

Fig 2.5 Focal Length, Week 6 (Nov 2, 2023).

From this website

Depth of field 

Depth of field is the space in the image that is relatively sharp and in focus. It is the distance between the nearest and farthest elements that are sharp and in focus in your photos. large depth of field means that a larger amount of the image is in focus. A shallow depth of field means that a small amount of the image is in focus.

Depth of field and Aperture

Fig 2.6 Depth of Field and Aperture, Week 6 (Nov 2, 2023).

Depth of Field and Focal Length

Fig 2.7 Depth of Field and Focal Length, Week 6 (Nov 2, 2023).

From this website

3. DSLR vs Smartphone

DSLR cameras are designed to capture images. Phones are designed to carry out a multitude of functions.


REFERENCE:

Learn Photography

What Is Shutter Speed? - Beginner Friendly Tutorial

Smartphone VS Pro DSLR


VIDEO REFERENCE:

How you can make a DIY photography studio at home

We have 2 bags today week 4 and week 5 in Google Classroom. For the week 4 task, we got to cut out a person and place them in a different setting then give the shadows and reflection to make them look like they belong there and not just get cut out and placed there. Then we gotta do it with our own picture. With this tutorial, we understand how to use:
  • Quick Selection Tool
  • Layer Mask
  • Filters
  • Color Correction

Week 5 task is easier to do, so we do it today. We have to recolor a black-and-white image in a more traditional way and in an advanced way. (Exercise 6)

Week 6 - F2F Class

POSTER DESIGN

The fundamental principles of design are Emphasis, Balance and Alignment, Contrast, Repetition, Proportion, Movement, and White Space.

1. Emphasis

Before starting on a d, you should ask yourself: what is the first piece of information my audience needs to know? Is it the band? Or the concert venue? What about the day and the cost of attending?

Like the billboards, you see when you drive down the highway. The best ones put the most important information in big, bold letters, or use a related image to capture your attention. But when the type is too small or the images are too cluttered, the advertisement doesn’t work as well.

The movie poster for Jurassic Park is a great example of emphasis. It puts the most important information front and center: from a glance, you know the title and opening date of the movie. But the prominent outline of a skeleton also gives you a pretty good idea of what the movie is going to be about. he

Fig 1.1 Emphasis, Week 6 (Nov 2, 2023).

Other posters, like this one for Gravity, use movement, space, and contrast to do the same thing.

Fig 1.2 Emphasis, Week 6 (Nov 2, 2023).

2. Balance and alignment

Every element you place on a page has a weight. The weight can come from color, size, or texture. 

Symmetrical design creates balance through equally weighted elements aligned on either side of a center line. On the other hand, Asymmetrical design uses opposite weights (like contrasting one large element with several smaller elements) to create a composition that is not even but still has equilibrium.

Fig 2.1 Balance and alignment, Week 6 (Nov 2, 2023).

In the photo above, you can see asymmetrical balance at work. Even though there's no image at the top of the poster, the balance here comes from the amount of negative space in the photo. By limiting the emphasized image to a small part of the picture, the photo maintains its balance.

3. Contrast

Contrast is what people mean when they say a design “pops.” It comes away from the page and sticks in your memory. Understanding contrast is incredibly essential because it means the weight and size of your type are balanced.

example for principle of design contrast: black panther cat design
Fig 3.1 Contrast, Week 6 (Nov 2, 2023).

As you seek out examples of really strong, effective design, you’ll notice most designs only feature one or two typefaces. That's because contrast can be effectively achieved with two strong fonts (or even one strong typeface in different weights). If you add too many fonts, you dilute and confuse the purpose of your design.an

One of the common ways artists do this is by using contrasting colors close to one another. (These are colors that appear on opposite sides of the color wheel from one another.) 

4. Repetition

If you limit yourself to two strong typefaces or three strong colors, you’ll soon find you’ll have to repeat some things. That’s ok! In design, repetition is used to unify and strengthen a design.

A single shape in isolation could be mistaken for a logo, but that same shape in a set of three. Now you're looking at a theme. And that which is repeated is remembered as being consistent with your color palette and brand voice across multiple designs.

Fig 4.1 Repetition, Week 6 (Nov 2, 2023).

When repetition is used correctly, it creates consistency in a design. As a brand, Target Stores are famous for their use of repetition. They use color repetition to help viewers immediately associate an advertisement with their store.  Using the repetition of colors and shapes to reiterate their brand.

5. Proportion

Proportion is the visual size and weight of elements in a composition and how they relate to each other. It often helps to approach your design in sections, instead of as a whole. Proportion can be achieved only if all elements of your design are well-sized and thoughtfully placed. Once you master alignment, balance, and contrast, proportion should emerge organically.

example for principle of design proportion: vintage designed poker run poster
Fig 5.1 Proportion, Week 6 (Nov 2, 2023).

6. Movement

Movement is controlling the elements in a composition so that the eye is led to move from one to the next and the information is properly communicated to your audience. Movement creates the story or the narrative of your work.

Using movement as a part of your design process has an added benefit: it helps viewers feel connected to what they’re seeing. Starry Night by Vincent Van Gogh is an excellent example of movement in action.

Fig 6.1 Movement, Week 6 (Nov 2, 2023).

In this painting, the swirls of color in the sky carry the viewer's gaze from left to right, which makes you feel like you're experiencing the night breeze. The sweeping lines on the mountains also help to bring your eye to the village.

7. White space

White space is the empty space around the elements in your composition. White space isn’t sitting there doing nothing—it’s creating hierarchy and organization. Our brains naturally associate ample white space around an element with importance and luxury. It’s telling our eyes that objects in one region are grouped separately from objects elsewhere.

Fig 7.1 White Space, Week 6 (Nov 2, 2023).


If you look back at the Jurassic Park poster, all of the black surrounding the central image and the other copy is a negative space. It helps viewers quickly discern what’s important and giving a “room to breathe.”

REFERENCE

We have 2 tasks today week 4 and week 5 in Google Classroom. For the week 4 task, we got to cut out a person and place them in a different setting then give the shadows and reflection to make them look like they belong there and not just get cut out and placed there. Then we gotta do it with our own picture. With this tutorial, we understand how to use:
  • Quick Selection Tool
  • Layer Mask
  • Filters
  • Color Correction

Week 5 task is easier to do, so we do it today. We have to recolor a black and white image in a more traditional way and in an advanced way. (Exercise 6)


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 details 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 photo

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 a filmmaker, and his curiosity and innovation helped create what we now think of as chroma key compositing.

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


    INSTRUCTION

    <iframe src="https://drive.google.com/file/d/1IS9jJDozjgUPcYoCjQ6kF9Hlf5N7jyCN/preview" width="640" height="480" allow="autoplay"></iframe> 


    EXERCISE 1 

    Scouting for cool designs on Pinterest, looking for bright, smooth, clear designs or dark, contrasting, with symbolism.

    Three of my favorite graphic design works:

    Fig 1.1 Retro Street Style Poster, Week 1 (Sep 28, 2023).

    A mix of collage different pictures and elements, a bit of a retro old Style. It is really expressive as it should be in picturing something akin to excitement, and glee. And the color yellow which usually means happiness is perfect for that.


    Fig 1.2 Minimalist Poster, Week 1 (Sep 28, 2023).

    The design is really eye-catching with the contrast of bright orange and yellow to dark background. I also like how The orange lines on the roads look like they connect to the sun as if giving a sense of direction towards something. The words "LOST" sorta hiding behind the building are really cool and add to the sense of loss vibe.


    Fig 1.3 Minimalist Poster, Week 1 (Sep 28, 2023).

    I really like the simple and minimalistic design also the use of perspective and the geometric shape of the Fibonacci spiral. Again, I really like the contrast of yellow and black here. It is just really simple and sophisticated.



    EXERCISE 3

    Physical Collage Design (10%).

    The aim is to develop a theme/idea with layers of images with design principles, as well as familiar with the fundamentals of composition.

    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 are required to make 3 collage sketches from any media such as magazines or newspapers.

    Fig 2.1 Composition #1, Week 3 (Oct 12, 2023).

    Concept: A perspective on life on the bad and the good. The loss of a loved one who feels a home, how you remember their favorite flowers and candle scent. But life still goes on anyway and you're grateful for the memories you make with them. Even if one day you're old and forget their face, the smell of their favorite flower reminds you of home.

    Fig 2.2 Composition #2, Week 3 (Oct 12, 2023).

    Concept: The journey of getting to know yourselves, where you are free and lonely. seeing the many colors of the world and using them to paint your soul. Weird, jagged, ripped, and mismatched, but somehow it's beautiful. Because that is what we are, a collage of everyone we ever met and Everything we ever experience

    Fig 2.3 Composition #3, Week 3 (Oct 12, 2023).
     
    Concept: Life seemed like a long line of heartbeats, it goes up and down, people come and leave, flowers bloom and whiter, there's rain and then a rainbow. And life is beautiful because of it, we cherish the memories of people we no longer see, we smile at the flowers on the side of the road even if they are no longer there tomorrow, and we are okay with rain because we know there's a rainbow at the end of it. Whatever happens, we continue living.



    EXERCISE 4

    Digital Imaging (10%)

    Students use Adobe Photoshop as a tool for doing digital imaging and composting different images into one final output.

    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 are required to make 3 digital collages in Photoshop from the materials given by the lecturer. This is the attempt to make it. First I use the pen tool and selection tool to cut out the objects needed from the background or to cut out shapes from textures. Then copy and paste them into a new file and arrange them to make 3 compositions from those objects.

    Fig 3.1 Process, Week 4 (Oct 19, 2023).

    Fig 3.2 Process, Week 4 (Oct 19, 2023).

    Fig 3.3 Process, Week 4 (Oct 19, 2023).

    Fig 3.4 Process, Week 4 (Oct 19, 2023).

    Fig 3.5 Process, Week 4 (Oct 19, 2023).

    Fig 3.6 Process, Week 4 (Oct 19, 2023).

    Fig 3.7 Process, Week 4 (Oct 19, 2023).

    Fig 3.8 Process, Week 4 (Oct 19, 2023).

    Fig 3.9 Process, Week 4 (Oct 19, 2023).

    Fig 3.10 Process, Week 4 (Oct 19, 2023).

    Fig 3.11 Process, Week 4 (Oct 19, 2023).

    Fig 3.12 Process, Week 4 (Oct 19, 2023).

    Fig 3.13 Process, Week 4 (Oct 19, 2023).


    Fig 3.14 Composition #1, Week 4 (Oct 19, 2023).

    Concept: A mystical fish swimming in an old abandoned world, filling the empty spaces with new swirls of colors and life with it.

    Fig 3.15 Process, Week 4 (Oct 19, 2023).

    Fig 3.16 Process, Week 4 (Oct 19, 2023).

    Fig 3.17 Process, Week 4 (Oct 19, 2023).

    Fig 3.18 Composition #2, Week 4 (Oct 19, 2023).

    Concept: Red moon shining down on a city distorting the sky, bringing creatures and plants curling down the building, wreaking havoc on the residents of the city.

    Fig 3.19 Process, Week 4 (Oct 19, 2023).

    Fig 3.20 Process, Week 4 (Oct 19, 2023).

    Fig 3.21 Process, Week 4 (Oct 19, 2023).

    Fig 3.22 Process, Week 4 (Oct 19, 2023).

    Fig 3.23 Process, Week 4 (Oct 19, 2023).



    Fig 3.24 Composition #3, Week 4 (Oct 19, 2023).

    Concept: Two mystical fish creatures fly among disruptive clouds to guard the floating safe haven for people to take shelter from reality.


    EXERCISE 5

    We got a task to attach our best composition from week 4 digital collage, then improvise our week 4 digital collage into week 5 by using Adjustment Layers & Filters on Photoshop and explain what we've learned in the description section.

    Fig 4.1 Best Composition, Week 5 (Oct 26, 2023).

    Description: The design color palette does not match, even though the patches texture helps and everything is a bit grey and dull. The whites are shining too much, distracting the eye from the other subject. There's also not as much contrast as I hoped in the design.

    Fig 4.2 Process, Week 5 (Oct 26, 2023).

    Fig 4.3 Process, Week 5 (Oct 26, 2023).

    Fig 4.3 With Layers and Filters, Week 5 (Oct 26, 2023).

    Description: I've learned about adjustment layers and tried to implement them in the approved design. First I use the adjustment layer Hue/Saturation to add brighter color to the design, and then add the Level adjustment, and use the existing presets (Increase contrast 2) to make each of the color more vibrant, therefore producing added contrast to the overall picture. The last adjustment is color balance, for the highlight tone I added more red, and for the tone of the shadow I added more cyan, to make the design have slight tones of red all over thus giving it a warmer look.


    EXERCISE 6

    We got to cut out a person and place them in a different setting then give the shadows and reflection to make they look like they belong there and not just get cut out and placed there.

    PART 1: SHAZAM

    Follow this quick tutorial to understand how to use: 
    • Quick Selection Tool
    • Layer Mask
    • Filters
    • Color Correction
    first, cut out "shazam" from the background and then copy-paste it into the Hearst Mansion background. Then adjust the size so it looks like it's leaning on the wall. Then make the reflection on the floor by flipping a copy of the person. Then add shadow with the back brush the add Grussian blur to it. Also, adjust the color correction of the person so it doesn't look out of place.

    Fig 5.1 Process, Week 6 (Nov 2, 2023).

    Fig 5.2 Process, Week 6 (Nov 2, 2023).

    Fig 5.3 Process, Week 6 (Nov 2, 2023).

    Fig 5.5 Process, Week 6 (Nov 2, 2023).

    Fig 5.6 Process, Week 6 (Nov 2, 2023).


    Fig 5.7 Final Result, Week 6 (Nov 2, 2023).


    PART2: MY REFLECTION

    Based on the SHAZAM exercise, create the same steps and insert your own photo to replace the SHAZAM's layer Here are these steps:
    • Take a photo of yourself using the right lighting techniques(Make sure to match the angle from the EYE LEVEL only)
    • Apply the Shazam’s exercise techniques
    • Replace the Shazam’s layer with YOUR OWN PHOTO
    • Apply suitable Color Correction to finalize your work
    Fig 5.8 Final Result with My Photo, Week 6 (Nov 2, 2023).




    EXERCISE 6

    Week 5 task is easier to do, so we do it today. We have to recolor a black and white image in a more traditional and advanced way.

    TRADITIONAL

    This exercise is pretty simple by using the overlay layer to color the back and white portrait, we can mix and match color however we like using the brush, we can add more colors rather than one. Then use a mask layer on the portrait to make the background.

    Fig 6.1 Process, Week 6 (Nov 2, 2023).

    Fig 6.2 Process, Week 6 (Nov 2, 2023).

    Fig 6.3 Process, Week 6 (Nov 2, 2023).

    Fig 6.4 Process, Week 6 (Nov 2, 2023).

    Fig 6.5 Process, Week 6 (Nov 2, 2023).


    ADVANCED

    Another way to recolor black and black-and-white portraits is to mask the layer and selection tool to make a more detailed recolor or get the hard-to-reach objects and still use the overlay layer. I used the color reference from the images given to color the portrait. the difference with this method is that I can't use multiple colors on a single mask, only one solid color.

    Fig 6.6 Process, Week 6 (Nov 2, 2023).

    Fig 6.7 Process, Week 6 (Nov 2, 2023).

    Fig 6.8 Process, Week 6 (Nov 2, 2023).

    Fig 6.9 Process, Week 6 (Nov 2, 2023).

    Fig 6.10 Process, Week 6 (Nov 2, 2023).

    Fig 6.11 Process, Week 6 (Nov 2, 2023).

    Fig 6.12 Process, Week 6 (Nov 2, 2023).

    Fig 6.13 Advanced Recoloring, Week 6 (Nov 2, 2023).

    A Different Variation of the Original 

    We were allowed to make a different variation on the portrait with different color palettes and this is my take on it.

    Fig 6.14 Advanced Recoloring, Week 6 (Nov 2, 2023).


    A Different Picture

    We also got to make another recolor with another portrait and this is the portrait that I chose and recolor using the mask technique.

    Fig 6.15 Advanced Recoloring, Week 6 (Nov 2, 2023).

    Fig 6.16 Advanced Recoloring, Week 6 (Nov 2, 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's also more tutorials given that we can follow:
    Fig 1.1 Process, Week 7 (Nov 9, 2023).


    Fig 1.2 Process, Week 7 (Nov 9, 2023).

    Fig 1.3 Process, Week 7 (Nov 9, 2023).

    Fig 1.4 Process, Week 7 (Nov 9, 2023).

    Fig 1.5 Process, Week 7 (Nov 9, 2023).

    Fig 1.6 Process, Week 7 (Nov 9, 2023).

    Fig 1.7 Process, Week 7 (Nov 9, 2023).

    Fig 1.8 Process, Week 7 (Nov 9, 2023).

    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.
    Fig 1.11 Process, Week 7 (Nov 9, 2023).

    Fig 1.12 Process, Week 7 (Nov 9, 2023).

    Fig 1.13 Process, Week 7(Nov 9, 2023).

    Fig 1.14 Process, Week 7 (Nov 9, 2023).

    Fig 1.15 Process, Week 7 (Nov 9, 2023).

    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.

    Fig 1.18 Process, Week 7 (Nov 9, 2023).

    Fig 1.19 Process, Week 7 (Nov 9, 2023).

    Fig 1.20 Process, Week 7 (Nov 9, 2023).

    Fig 1.21 Process, Week 7 (Nov 9, 2023).

    Fig 1.22 Process, Week 7 (Nov 9, 2023).

    Fig 1.23 Process, Week 7 (Nov 9, 2023).

    Fig 1.24 Result, Week 7(Nov 9, 2023).
    FEEDBACK

    On individual weekly post

    REFLECTION
    1 Experience


    2 Observations


    3 Findings



    Comments

    Popular posts from this blog

    Information Design - Exercise 1&2

    Advanced Interactive Design - Final Project

    Advanced Interactive Design - Task 2