DIGITAL PHOTOGRAPHY & IMAGING / PROJECT 1

DIGITAL PHOTOGRAPHY & IMAGING

22/4/2024 - 28/5/2024 (Week1-Week6)

NAME: AMBER TAN JING JING

I.D: 0372746

COURSE: Bachelor of Design in Creative Media


GROUP:  2


TABLE OF CONTENTS


1. LECTURES

2. INSTRUCTIONS

3. TASK

4. REFLECTION




LECTURES


Week1


INTRODUCTION TO DIGITAL PHOTOGRAPHY & IMAGING


1. Why you need to learn Photoshop?

  • Adobe Photoshop is the reason why numerous professionals like graphic designers to web designers prefer using this application. Graphic style and also digital photography is one of the most typical.
  • Understanding Photoshop is necessary if you operate in a visuals style, website design, or individual experience function.
  • Yet it is additionally similarly vital to find out Photoshop for those operating in hands-on advertising and marketing functions.

2. The importance of Photoshop for the Graphic Designer

  • Express your creativity
  • Create graphic design
  • Restoration of old images
  • Integrate graphics with text artistically
  • Make use of brushes
  • Change photo color

  • Rectify mistakes in photographs


3. Digital Imaging

  • Digital imaging converts the printed text, artwork, and photographs into digital images using a digital scanner or another imaging device.

Figure 1.1 Digital Imaging

4. Top 10 Tips of Successful Graphic Designer
  • Follow the tutorials
  • Experiment
  • Memorize All Keyboard Shortcuts
  • Try to Replicate Others Work
  • Do Participate in Design Competitions
  • Subscribe to Online Galleries

  • Smart Objects for Smart Designers
  • Scaling Artworks and Proportions
  • Use Actions to Personalize Work

  • Organize the Files Properly


Week2


INTRODUCTION TO COMPOSITION


1. Introduction to basic composition

  • FOCAL POINT: A key element to any good composition is a strong focal point, as it helps your viewers’ eyes naturally settle on the important pieces of your design first.
  • SCALE & HIERARCHY: Scale is often used to help communicate hierarchy by drawing attention toward and away from certain elements, thus signifying their importance to the communication.
  • BALANCE THE ELEMENTS: A good technique for mastering asymmetrical balance is to think of each element as having a ‘weight’ to it. Smaller objects might ‘weigh’ less than larger objects, and heavily textured elements might ‘weigh’ more than flatly colored elements.
  • WHITE SPACE: White space is mostly known as "empty space" to balance up the main focus of a composition.White space when used strategically can help boost your design’s clarity and overall look by balancing out the more complicated and busy parts of your composition with space that helps your design to breathe.
2. Rule of Thirds
  • The Rule of Thirds is the process of dividing an image into thirds, using two horizontal and two vertical lines. This imaginary grid yields nine parts with four intersection points. 

  • When you position the most important elements of your image at these intersection points, you produce a much more natural image. It is also suggested that any horizon is placed on either the top horizontal line or bottom horizontal line.

 
 
Figure 1.2 Example of Rule of Thirds

3. Golden Ratio

  • The Golden Ratio is a mathematical 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.
  • In design, the Golden Ratio boils down to aesthetics — creating and appreciating a sense of beauty through harmony and proportion. When applied to design, the Golden Ratio provides a sense of artistry
  • The Golden Ratio is a useful guideline for determining dimensions of the layout. One very simple way to apply the Golden Ratio is to set your dimensions to 1:1.618

 
Figure 1.3 Example of Golden Ratio

Week3


INTRODUCTION TO PHOTOSHOP 2


1. Tool Box

Figure 1.4 Tool Box

2. Marquee Selection Tools
Figure 1.5 Select and Mask

3. Lasso Tool

  • The Lasso Tool allow you to draw and pinpoint specific areas of a document.
  • When you click on the Lasso Tool from the Toolbar, you will see three different tool options: Lasso, Polygonal Lasso, Magnetic Lasso
  • The Lasso Tool is great to use with a graphic tablet because it is similar to a pencil. 
  • Unlike a mouse or trackpad, a graphic tablet can give a better flow when drawing and making selections.

Figure 1.6 Example of Lasso Tool
4. Pen Tool
  • When it comes to actually creating a path from scratch, the pen tool is the most common option.
  • The pen tool is the way that you add these points and the way you drag the tool as you create the points determines how they will look.The fewer points, the smoother a path will be.
Figure 1.7 Example of Pen Tool

 
Figure 1.8 My Pen Tool Practice

5. Layering
  • Layers are different images stacked on top of each other. You can use each layer without affecting another one to make adjustments. 
  • The advantage of using Layers is that you can save a Photoshop file with all the layers included. This means you can use layers for non-destructive editing.Your adjustments in Photoshop will never destroy the original image.The layers contain all the extra information and/ or images you want to add to the original file.
Figure 1.9 Example of Layers

Week4


INTRODUCTION TO PHOTOSHOP 3 (ADJUSTMENT LAYERS & FILTERS)


1. Adjustment Layers

  • The Adjustment Layers in Photoshop are a group of a super useful, non-destructive image editing tools that add color and tonal adjustments to your image without permanently changing its pixels. 
  • With the adjustment layers, you can edit and discard your adjustments or restore your original image at any time.
  • When you add an adjustment layer to your image, a new layer will appear over your image and a Properties panel specific to the type of adjustment you’ve selected will pop up. The Properties panel will allow you to modify your adjustment layer, which in turn will modify your image.

Figure 1.10 Adjustment Layers
  • 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

Figure 1.11 Brightness / Contrast
  • LEVEL: Levels modify the tonal values in an image by adjusting the levels of the shadows, midtones, and highlights.

Figure 1.12 Level
  • CURVES: Curves let you adjust as many points as you want throughout the entire tonal range of your image, and is the most powerful and precise tool for editing the tones in an image.

Figure 1.13 Curves
  • EXPOSURE: Exposure will adjust only the highlights of the image, Offset adjusts the mid tones and Gamma will adjust the dark tones only.

Figure 1.14 Exposure
  • SELECTIVE COLOR: The Selective Color adjustment layer selectively modifies the amount of a primary color without modifying the other primary colors in your image.

Figure 1.15 Selective Color

2. Filters

  • There are filters to change colour, add blur or create completely new image effects. Photoshop offers a virtually unlimited variety of filters for this purpose.

Week5


DIGITAL PHOTOGRAPHY


1. Exposure Setting

  • In photography, exposure is the amount of light which reaches your camera sensor or film.
  • The main parts of the camera
    1. Camera body:

    • Shutter

    • Image sensor

    • LCD screen

    1. Camera lens:

    • Aperture/ Iris

  • There are only two camera settings that affect the actual “luminous exposure” of an image: shutter speed and aperture. The third setting, camera ISO, also affects the brightness of your photos.
  • IRIS: Iris/Aperture is control the flow of light entering the lens. 
  • IRIS: Iris/Aperture is measured by f-stop, indicated by sequence of f-number: f/1, f/1.4, f/2 , f/ 2.8, f/ 4, f/ 5.6, f/ 8, f/ 11, f/ 16, f/22 , f/32..The lower the f-number, the larger the lens opening.
  • SHUTTER: The shutter is a small plastic sheet that opens and closes to allow light onto the film or prevent light from reaching the film. 
  • SHUTTER SPEED: Shutter speed is measured in seconds: 1/1000 s,1/500 s,1/250 s,1/125 s,1/60 s,1/30 s,1/15 s,1/8 s,1/4 s,1/2 s,1 s, 2 s, 3 s…
  • ISO: Originally referred to the sensitivity of film—it's "light gathering" ability. For digital photography, ISO refers to the sensitivity—the signal gain—of the camera's sensor.
  • ISO: The common ISO camera settings are: 100, 200, 400, 640, 800, 1600, 3200, 6400….The lower the number of ISO the less sensitive your camera is to light and the finer the grain.

2. Lens Perspective

  • The are wide angle lens, standard lens and tele lens.
  • Different lenses are designed for different for different purposes. Lenses can be categorized by FOCAL LENGTH.

Figure 1.16 Types of Camera Lenses
  • FOCAL LENGTH: The shorter the focal length, the wider the angle of view and vice-versa. Focal length is the measurement (in millimeters) from the optical center of a camera lens to the camera’s sensor.

  • DEPTH OF FIELD:  The proportion of the image that is reasonably sharp and in focus. The smaller the aperture you use, the greater the depth of field.

  • Wide angle lenses are ideal for fitting a large area into your frame. 

  • Wide angle lens is especially useful for landscape photography or street photography. With wide angle lenses, almost everything is in focus, unless your subject is very close to the lens.

  • Standard lens offer a fairly accurate representation of what the human eye sees, both in terms of visual angle and perspective.
  • Images created by standard lens are perceived as more natural than those taken with other types of camera lenses.

  • Tele lenses are great for isolating a subject that is far away.Tele lenses allow you to photograph subjects from a distance thanks to their magnification.
3. DSLR V. S SMARTPHONE
  • DSLR cameras are designed to capture images. Phones are designed to carry out a multitude of functions.

  • Phone cameras are very limited by size. The size of the lens and the size of the sensor that captures the photos. Entry-level DSLR have much larger lenses and sensors than mobile phones do.

Week6


POSTER DESIGN


1. The 7 principles of poster design

  • EMPHASIS: By emphasizing certain elements, they become more prominent, eye-catching, or significant visually. These emphasized elements could be text, images, colors, size, shape, or other design elements.
  • BALANCE AND ALIGNMENT: Helps ensure the overall appearance of the poster is unified, stable, and visually appealing.
  • CONTRAST: Contrast is what people mean when they say a design “pops.” It comes away from the page and sticks in your memory. Contrast creates space and difference between elements in your design. Your background needs to be significantly different from the color of your elements so they work harmoniously together and are readable.
  • REPETITION: If you limit yourself to two strong typefaces or three strong colors, you’ll soon find you’ll have to repeat some things.It’s often said that repetition unifies and strengthens a design. If only one thing on your band poster is in blue italic sans-serif, it can read like an error. If three things are in blue italic sans-serif, you’ve created a motif and are back in control of your design.
  • 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.
  • 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.
  • WHITE SPACE: White space (or negative space) is the only one that specifically deals with what you don’t add. White space is exactly that—the empty page around the elements in your composition. For beginning designers it can be a perilous zone. Often simply giving a composition more room to breathe can upgrade it from mediocre to successful.

Week7


DOUBLE EXPOSURE


1. Double Exposure

  • Double exposure photography refers to merging multiple images. The goal is to make them surreal, emotional, or humorous. They usually feature silhouettes.
  • 1. Using the Tilt-Shift Effect  2. Create fake reflection 3. Experiment with simple portraits and details textured 4. Convert your results to Black & White  5. Work with silhouette  6. Pick two random photo 7. Make simple objects look fascinating 8. Use Shaow

2. 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.
  • A particular blending mode works really well on more difficult subjects like glass, smoke, fire and lightning.

Figure 1.17 Blend Mode Groups

Week8

Independent learning week.

Week9


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."
  • 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.

    Surrealism defies logic. Dreams and the workings of the subconscious mind inspire surrealistic art 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.

  • Dadaism is an anti war art movement with art works that is  satirical and nonsensical in nature.

2. What is Digital Surrealism
  • Surrealism is a cultural movement focused on type of arts to express about the artist’s idea themselves. In this digital era surrealism is one of the top digital art styles.

3. How to start creating Surrealism artworks?
  • Dream-like scenes and symbolic images
  • Unexpected, illogical juxtapositions
  • Bizarre assemblages of ordinary objects
  • Primitive or child-like designs
4. Capturing your dream
  • Sketch It Out: Take a piece of paper and 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.

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

5. 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, thus is not real.


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. 


Photoshop makes it easier than ever to create surrealist images, requiring just a modicum of photomontage skill to produce impressive results.


Week10


This week Mr Fauzi gives us some idea on how to do the poster (Equality).


Week11


This week is online tutorial class. Mr Fauzi briefed us on what we are going to do in project 4 (self-titled). We have to done our idea development and sketches before next class.


Week12


This week is online tutorial class. Mr Fauzi gives us a consultation and gives us some ideas on our final project (self-titled). For the lecture, Mr Fauzi teach us on how to link Adobe Photoshop layers into After Effects.


Figure 1.18 After Effects

I have participated in TISDC 2024 Poster Competition and finally uploaded my poster.

Figure 1.19 Poster Competition

Week13

This week is online tutorial class. Mr Fauzi gives us a consultation on our final project (self-titled).

Week14

This week is an online tutorial class. Mr Fauzi checked out our work. During the lecture, he also informed us about the deadline for submitting our work.


INSTRUCTIONS






TASK


WEEK 1: PRACTICAL


INSTRUCTION:

1. Create your E-Portfolio blog.

https://youtu.be/Q9H-8-MQKpc?t=41


E-Portfolio Link: 

https://ambertanjingjing.blogspot.com/2024/04/blog-post.html

2. Register Pinterest


Pinterest Board (DPI): 

https://pin.it/29p1KgSq0


3. List down your 3 favorite graphic design work from Pinterest. 

Explain why you like the designs?


Design#1:

Figure 2.1 Design 1

Description:  When I first saw this poster, I was drawn to this picture. 

This Poster expressed : This poster is expressed in black and white.

                                         This poster uses many words and symbols to form a hat shape.

                                         The theme is “All In Your Head”.

                                         Many worries will be hidden in our mind, so we might feel irritable by thinking about all these troubles.


Design#2:

https://themindsjournal.com/caption-this-9-march-2020/

Figure 2.2 Design 2


Description: I like this design because the design expresses a change from one meaning to another.

This Poster expressed : The color of the poster is mainly red and blue.

                                        There are some people trapped in the letters.

                                        In this poster they called “SLAVE”.

                                        The letter “L” had been cut out, so meaning is change to “SAVE”

                                        It shows “SLAVE” had been saved.


Design#3:

https://www.behance.net/gallery/64969887/Be-Kind-To-Your-Gut-Illustration

Figure 2.3 Design 3


Description: This poster is simple for us to understand by express clearly what he wanted to say. Besides, the heart was very cute and it had eyes and eyelashes. Cute things attract me.

This Poster expressed : The color of this poster is bright. It uses red, blue, pink and yellow elements.

                                        The theme of the poster is “Be Kind To Your Heart”.

                                        This poster tells us how to take care of our heart, such as eat healthy, manage blood pressure and others.


WEEK2: PRACTICAL (COLLAGE ELEMENTS)


INSTRUCTION:


1. Choose and identify your collage's design elements to be cut out and compose it into your own concept & story.


2. Pre compositing your collage's design elements into a composition.

Reference: https://youtu.be/2KqXGMf0HNk


3. Take 3 photo of your collage pre-composition  and insert it on the section below. Please use CAMSCANNER apps to take pictures of your collages. 


4. Submit (Turn In) this W2_COLLAGE ELEMENTS



1. PRE-COMPOSITION #1


Figure 2.4 Pre Composition 1

2. PRE-COMPOSITION #2


Figure 2.5 Pre Composition 2

3. PRE-COMPOSITION #3


Figure 2.6 Pre Composition 3



WEEK3:PRACTICAL (Digital Collage)

INSTRUCTION:


1. Download all of the images here to your computer:

https://drive.google.com/drive/folders/1cGcbENrjSksAaMQK9np2jb6ZaM7Y-81l?usp=sharing

 

2. Follow this tutorial demo as reference to create your digital collage:

https://youtu.be/BlW7F-fTsbE


3. Create 3 different composition digital collages from the images that you’ve downloaded.


4. Create A4 canvas size  (vertical) on Photoshop and start to do the compositions.


5. Take 3 photo of your digital collage compositions  and insert it on the section below


6. Submit (Turn In) this file in Google Classroom



1. COMPOSITION #1


Figure 2.7 Composition 1



2. COMPOSITION #2




Figure 2.8 Composition 2




3. COMPOSITION #3

Figure 2.9 Composition 3



WEEK 4: PRACTICAL: DIGITAL COLLAGE

WEEK 3 - PEN TOOL EXERCISE (BEST COMPOSITION)

Mr Fauzi choose Composition #3 for me.

Figure 2.10 Week 3 Best Composition

DESCRIPTION:

I use a pen tool to remove the fish background. Besides, I use an object selection tool to remove the rubber plant and old projector background. Then, I choose 3 backgrounds to make the picture look less monotonous.


WEEK 4 (ADJUSTMENT LAYERS & FILTERS )


Mr Fauzi choose Composition #3 for me to do the adjustment layers and filters.


Figure 2.11 Best Composition (Adjustment Layers & Filters)

DESCRIPTION:

I use Brightness /Contrast to brighten the entire picture.Then, I use Hue/Saturation to change the old projector color. Besides,I use Levels and Hue/Saturation to darken the rubber plant color and change the plant color. Furthermore, I also use Hue/Saturation to change both fish colors. In addition, I use vibrance to brighten the middle fish color.



Figure 2.12 Final Digital Collage Layers




WEEK 5: PRACTICAL: HEARST MANSION

PART 1: SHAZAM

Figure 2.13 SHAZAM Layers

Figure 2.14 SHAZAM 

PART 2: MY REFLECTION

Figure 2.15 My Reflection Layers

Figure 2.16 My Reflection

In addition, the Design School will be participating on the Coffee Cup Art Installation. All art need to be black and white. 

Figure 2.17 My cup Design



WEEK 6 : PRACTICAL – RECOLORING BLACK & WHITE

PART 1

Figure 2.18 BNW pic

Figure 2.19 Layers of BNW pic

Figure 2.20 Final Recoloring

PART 2

Figure 2.21 BNW Man

Figure 2.22 Process Coloring

Figure 2.23 Final Colored Picture


REFLECTION

Through these exercise, I slowly know how to use the Adobe Photoshop. Each exercise has a video that can watch and do. The videos teach me step by step to complete the exercises. I learned how to crop the image and adjust the color. I also learned to turn black and white photo into a colorful photo.

I think the most interesting part is collage elements. This is because I like doing handwork and cutting things. My observations were I need to think first about what  I want to cut and what my theme is. I also need to constantly adjust the placement of pictures to achieve the final and most satisfactory effect.

Overall, this project has deepened my understanding of Photoshop. I think my experience in this project was great. I found that adjust the color, brightness, contrast and apply filter can enhance the visual effect of the image.
























Comments