Digital Photography & Imaging / Project 2
27.09.2021 - 18.10.2021 (Week 6 - Week 9)
Lulu Luisa Linardi / 0349358 / Bachelor of Design (Hons) in Creative Media
Digital Photography and Imaging [GROUP C]
Project
2: Digital Imaging Exercises & Poster Design
LECTURES
|
| Fig 1.0: Thumbnail |
Jump Links:
Project 2A, Ex1: Photo Manipulation
Project 2A, Ex2: Recoloring B&W
Week 5: Poster Design Development
Conceptual Poster Design
Posters is a conventional medium to convey information to the target audience, which can be cluttered or straightforward. If too many colors, fonts, images or animated figures are involved in conveying information or message, it confuses the viewers.
 |
| Fig 1.1.1: Conceptual Poster Design |
The power of posters in generating awareness on an issue or conveying a brand message and luring the audience into buying products or services is immense.
 |
| Fig 1.1.2: Poster generating awareness on an issue |
*When you start brainstorming for your poster design idea, you need to ask yourself why you’re making this poster.
Public Service Announcement
Public service announcement (PSA) is a message in the public interest disseminated without charge, with the objective of raising awareness of, and changing public attitudes and behavior towards, a social issue.
Creative posters where meaningful information comes wrapped with striking pictures and images.
 |
| Fig 1.1.3: PSA Poster Example |
Creative Poster is made up of four key features, which are title, text, graphic, and white space. The order and style of these four key features are affected by layout, flow, and color.
 |
| Fig 1.1.4: Example of title in a poster |
 |
| Fig 1.1.5: Example of text in a poster |
Graphic, or photo, must appear in context with the main text. Choose high-resolution images (300 dpi or higher).
 |
| Fig 1.1.6: Example of graphic in a poster |
White space creates “breathing room” within poster, which helps viewers avoid feeling overwhelmed by the information being presented.
 |
| Fig 1.1.7: Example of white space in a poster |
- Layout
There are many design layout, and for this project, graphics-centered layout is suggested.
 |
| Fig 1.1.8: Example of poster layout |
- Flow
 |
| Fig 1.1.9: Example of flow in a poster |
- Color
Color draws reader’s gaze and define the different sections of your poster.
 |
| Fig 1.1.10: Example of color usage in a poster |
Will My Design Create An Impact?
- What is the purpose of my poster design?
- Am I clearly depicting the idea of my poster design?
- Does my poster convey its message meaningfully and beautifully?
Week 6: Poster Design Execution
Public Service Announcement
It is a message in the public interest disseminated without charge, with
the objective of raising awareness of, and changing public attitudes and
behavior towards, a social issue.
|
| Fig 1.2.1: Graphic Designer |
Mental Health PSA
Most of the mental health PSA posters take gentle approach, which has the
graphics work well, target audiences vulnerable, and how the images and
texts deliver the message?
Things to do:
Research about your topic
1. Study and gather all related information about your topic
2. Write a summary about your topic
3. Highlight the key points of your summary
4. Define the Title
5. Define the Slogan
6. Define the Details
7. Define the Call For Action
Define your concept
1. Create a section for each contents (Title, Slogan, Details & Call
for Action)
2. Sketch your mock up poster
3. Fill in with details
*Decide on idea and approach: How the designer EVOKES viewer’s feeling, deliver strong impression?
- Shock Value → Brutal
|
| Fig 1.2.2: Example of Shock Value → Brutal #1 |
|
|
|
- Provocative → Upsetting
|
|
|
|
| Fig 1.2.5: Example of Provocative → Upsetting #2 |
- Humor → Sarcastic
|
|
Fig 1.2.11: Example of Artistic → Subtle #2 |
|
| Fig 1.2.6: Example of Humor→ Sarcastic #1 |
|
|
|
|
- Sensitive → Heart warming
|
|
|
|
|
|
|
Fig 1.2.9: Example of Sensitive → Heart Warming #2 |
- Artistic → Subtle
|
|
Fig 1.2.10: Example of Artistic → Subtle #1 |
Start to develop your design projects
1. Visualize your idea & concept into sketches
2. Draft the digital poster based on your sketch
3. Develop the composition techniques using Digital Photography &
Graphic Design.
4. Apply color, typography, textures & effects
5. Finalize your design with color correction
Week 7: Color Theory
Colour theory is both the science and art of using color. It explains how humans perceive color; and the messages colors communicate artistically and emotionally
RGB v.s CMYK
RGB color is used to display on your computer screen, while Cyan, Magenta, Yellow and Black, a.k.a CMYK are the primary colors of printing.
 |
| Fig 1.3.1: RGB v.s CMYK |
- RGB: Additive color mixing model
Colour is created by mixing red, green and blue light sources of various intensities. TVs, screens and projectors use red, green and blue (RGB) as their primary colors.
 |
| Fig 1.3.2: RGB |
- CMYK: Subtractive color mixing model
Colour is created by the subtraction of light. The CMYK color system is the color system used for printing.
 |
| Fig 1.3.3: CMYK |
Hue, Shade, Tint, & Tone
- Hue
The most basic of color terms and denotes an object’s color.
 |
| Fig 1.3.4: Hue |
A hue to which black has been added, for example, red + black = burgundy.
 |
| Fig 1.3.5: Shade |
- Tint
A hue to which white has been added, for example, red + white = pink.
 |
| Fig 1.3.6: Tint |
- Tone
A color to which black and white (or grey) have been added.
 |
| Fig 1.3.7: Tone |
Color Harmony
 |
| Fig 1.3.8: Color Harmony |
It is hard to make a mistake and create the distasteful color scheme.
 |
| Fig 1.3.9: Example of Monochromatic |
Analogous are 3 colors located right next to each other on the color wheel.
 |
| Fig 1.3.10: Analogous Color |
 |
| Fig 1.3.11: Example of Analogous color |
- Complementary
Complementary colors are opposites on the color wheel. This scheme is opposite to analogous and monochromatic since it aims to produce high contrast.
 |
| Fig 1.3.12: Complementary Color |
 |
| Fig 1.3.13: Example of Complementary color |
 |
| Fig 1.3.14: Split-Complementary Color |
 |
| Fig 1.3.15: Example of Split-Complementary color |
- Triadic
Triadic colors are evenly spaced around the color wheel and tend to be very bright and dynamic.
 |
| Fig 1.3.16: Triadic Color |
 |
| Fig 1.3.17: Example of Triadic color |
The Psychology of Color
Colors have an extraordinary ability to provoke specific emotions for each individual and to attract people’s attention and harmony simultaneously.
 |
| Fig 1.3.18: Psychology of Color |
 |
| Fig 1.3.19: Color meaning |
Warm v.s Cool
To separate warm and cool colors, draw a line through the center of the wheel, and it'll be separated to warm colors (reds, oranges, yellows) and cool colors (blues, greens, purples).
- Warm Colors
Warm colors often evoke feelings of happiness, optimism and energy. However, yellow, red and orange can also have an attention grabbing effect and signal danger or make you take action (think stop signs, hazard warnings and barrier tape).
 |
| Fig 1.3.20: Warm Colors |
 |
| Fig 1.3.21: Example of warm colors application |
 |
| Fig 1.3.22: Cool Colors |
 |
| Fig 1.3.23: Example of cool colors application |
Black is often used sparingly – such as for text – but it works quite well as a primary colour element (like for backgrounds). It adds an air of sophistication and elegance, and also mystery, though with much bolder confidence.
 |
| Fig 1.3.24: Example of black color application |
 |
| Fig 1.3.25: Example of white color application |
INSTRUCTIONS
TUTORIAL
Week 5: Exposure Editing
Tutorial video to edit Hearst Mansion
Week 6: Recoloring Breakdown Part 1
Turn B&W photo into COLOR photo using the image here.
Recoloring B&W Photo Tutorial Demo
Tutorial video to recolor B&W photo
Week 7: Recoloring Breakdown Part 2
Turn B&W photo into COLOR photo using the image here.
Recoloring B&W Photo - Advanced Level Tutorial Demo
Tutorial video to recolor B&W photo - Advanced Level
Week 8
Independent Learning Week
PRACTICAL
Project 2A: Digital Imaging
Exercise 1: Hearst Mansion / Photo Manipulation
During this week, students were given two assignments to manipulate the
photos. Part 1 is the exercise to warm up before we do Part 2 (can be seen in EXERCISE post). Below here will be only showing the Part 2: My Reflection.
 |
| Fig 2.1.1: Hearst Mansion |
|
| Fig 2.1.2: Portrait of Myself, 26.09.2021 |
|
| Fig 2.1.3: Selecting and Masking, 26.09.2021 |
|
| Fig 2.1.4: Adjusting the object, 26.09.2021 |
Next thing is creating the shadow of the object to make it more natural. I also did the same thing as Part 1. And I also added the reflection of myself, then adjusted the reflection and as well.
|
| Fig 2.1.5: Creating shadow, 26.09.2021 |
|
| Fig 2.1.6: Adjusting color and applying ripple filter to the reflection, 26.09.2021 |
So here's the final outcome of my work on photo manipulation, with the portrait of myself.
|
| Fig 2.1.7: My Reflection (Photo Manipulation) Final Outcome, 26.09.2021 |
Fig 2.1.8: My Reflection (Photo Manipulation) Final PDF, 26.09.2021
Exercise 2: Recoloring Black & White
 |
| Fig 2.2.1: Black & White Photo |
The exercise was done as I followed the same steps as the demo one. But I acknowledged that this one is much more difficult compared to the demo, because we need to do more on the details.
 |
| Fig 2.2.2: Selecting the hair, 09.10.2021 |
 |
| Fig 2.2.3: Coloring the hair, 09.10.2021 |
 |
| Fig 2.2.4: Masking the face and body, 09.10.2021 |
 |
| Fig 2.2.5: Masking the hair piece, 09.10.2021 |
Here's how the final result comes out after following the same steps as the demo. By the way, I enhanced the image size because it turned out very bad after I recolored it (can see the pixels clearly).
 |
| Fig 2.2.6: Recoloring B&W Final Outcome, 09.10.2021 |
Fig 2.2.7: Recoloring B&W Final PDF, 09.10.2021
Project 2B: Poster Design
Week 5: Research on Mental Health Affected by COVID-19
For this task, we were assigned to do a research on mental health
affected by COVID-19.
1. How am I, as an individual affected by COVID-19, physically and
mentally
During this pandemic, I find myself becoming a lazier person. I'm
actually not as lazy as now before the COVID-19 pandemic. And I also
actually an extrovert individual who loves to hang out with peers. But due
to the lockdown, I can't really go anywhere for more than 6 months, so
during those days, I was so bored with nothing to do (online school hadn't
started yet). Filling those empty days, I only watched k-dramas everyday
with no other things to do. And after starting the online classes, I feel
lazier than before because I've been doing nothing except watching TV.
Laziness is coming to me, also sleep problem comes to me as well that I
can't sleep before 12am. And I think I'm now getting used to that bad
habit.
2. How young adult/student's mental health affected by COVID-19
Article 1: The impact of Covid-19 on young people with mental health needs
|
| Fig 3.1.1: The impact of Covid-19 on young people with mental health needs |
The pandemic has had a devastating impact on many of the young people. Some of them said that they are deeply anxious, have started self-harming again, are having panic attacks, or are losing motivation and hope for the future. We know that some young people will be dealing with multiple pressures, especially those who have been bereaved or experienced other trauma during this time. When asked what the main pressures were during the current lockdown, respondents mostly spoke of loneliness and isolation, concerns about school, college or university work and a breakdown in routine. Many young people also expressed fears about the future, and although some were optimistic about the vaccine rollout, others were concerned that easing restrictions too soon could lead to further restrictions in the future.
Article 2: COVID-19 mental health crisis is hitting young adults
|
| Fig 3.1.2: COVID-19 mental health crisis is hitting young adults |
A Centers for Disease Control and Prevention report analyzing survey
responses from 5,470 adults last year revealed 1 in 4 respondents, ages 18
to 24, had considered suicide within the past month and a similar number
started or increased substance use because of the pandemic. About 75% of
respondents in that age group also said they had one or more "adverse
mental or behavioral health symptoms." By comparison, among respondents 65
and older, 2% said they had considered suicide and 3% started or increased
substance use. About 15% reported adverse mental health symptoms.
3. View posters on Pinterest, limited to posters designed with IMAGES/PHOTOS and texts, bypass posters designed with GRAPHIC and texts. PIN the posters that you like, ask yourself what do you like about the selected posters? The composition? The colour? The way the message been delivered?
Poster #1
This poster really caught my eyes from the moment I saw it. It is delivered in a very unique way. As we can see, the poster is about palm reading. The creator chose to show the different style palms with an old unique device in each palms.
 |
| Fig 3.1.3: Poster #1 |
Poster #2
I really like how the designer combined the images and graphic elements together. It looks amazing and interesting to me, because she/he can showed many things in a poster. I like the color combos and interesting collage artwork there.
 |
| Fig 3.1.4: Poster #2 |
Poster #3
The last poster I picked here is an advertisement poster of a popular skincare and make up brand called Clinique. It is actually just a photograph, but they can make it very interesting like it's really in the pool. From what I saw, the creators put some cardboard and paper, and then arranged them into a pool view. The product placement is so appealing. I think this is a very brilliant idea of advertising.
 |
| Fig 3.1.5: Poster #3 |
4. View posters on Pinterest, limited to PSA posters only. PIN the posters that you like, ask yourself what do you like about the selected posters? The composition? The colour? The way the message been delivered?
Poster #1
This kind of poster is very interesting. The way the designer delivers the message here is very interesting because they used a close-up image of a person, who is showing his/her anxiety with the eye glare, which is already representing the whole message. And also the use of color really shows contrast between the text and image, so it will be easier for audience to read the additional message.
 |
| Fig 3.1.6: PSA Poster #1 |
Poster #2
The second PSA poster I chose is this "Live, don't leave" poster. It is showing a hidden message from the use of image, the balloon and rope which are being put together as one. It also shows a good use of contrast concept, which can be seen from the contrast of the color and the objects. I really like how it is being divided into two sides but still shows oneness.
 |
| Fig 3.1.7: PSA Poster #2 |
Poster #3
This poster concept is very different from the other poster I chose before. It is really going directly to the point. The way the designer made the earth melting is already delivering the whole intention. I really love the placement of ice cream cone under the melting earth so it really looks like a melting cone ice cream. The whole poster is very simple yet very powerful. The designer only used white plain background and black colored text to make the main object points out more than anything else.
 |
| Fig 3.1.8: PSA Poster #3 |
Week 6: Research About the Topic
- Write a summary about your topic
- Highlight the key points of your summary
- Define the Title
- Define the Slogan
- Define the Details
- Define the Call For Action
Here's the summary of my research.
 |
| Fig 3.2.1: Mood Board, 02.10.2021 |
 |
| Fig 3.2.2: Topic Summary, 02.10.2021 |
 |
| Fig 3.2.3: Key Points, 02.10.2021 |
Week 7: Define the Concept
This week, students were given a task to define their poster concept by sketching the poster mock up. What to do in week 7:
Before doing those two, I tried to draw a rough sketch in Procreate app. I made two sketches which will be used later. This is the first sketch. I decided to use the same poster concept as mood board poster #1 because I like the concept so much.
 |
| Fig 3.3.1: Rough Sketch 1, 06.10.2021 |
For this second sketch, I tried to combine mood board poster #1 and #2 concepts together. I used the same text concept as the first poster, but for the image I used the second poster concept.
 |
| Fig 3.3.2: Rough Sketch #2, 06.10.2021 |
Finally after having the rough concept, I moved them into Photoshop to see how it will work. I will show my sketch for each layers (Title, Slogan, Details, and Call for Action).
 |
| Fig 3.3.3: Title, 10.10.2021 |
 |
| Fig 3.3.4: Slogan, 10.10.2021 |
 |
| Fig 3.3.5: Call for Action, 10.10.2021 |
(Week 8)
After receiving feedback from Mr. Martin, I decided to add the details part since I didn't put it last time, and Mr. Martin told me to make the text related to COVID-19.
 |
| Fig 3.3.6: Details, 17.10.2021 |
Again, after another feedback, I changed the text because Mr. Martin said it is too long, and no one will see that. He also remind me to make the text related to COVID-19.
 |
| Fig 3.3.7: Details (Revised ver.), 29.10.2021 |
Here's how my mock up poster sketches look like.
 |
| Fig 3.3.8: Mock up poster sketches, 10.10.2021 |
Week 8-9: Project Development
During this independent learning week (week 8), we were to continue the project. What to do during independent learning week:
- Draft the digital poster based on your sketch
- Develop the composition techniques using Digital Photography & Graphic Design
- Apply color, typography, textures & effects
- Finalize your design with color correction
For the two designs, I explored many stock photos of sleeping person, and here's my top pick. The first one (Fig 3.4.1) is being used in 1st and 2nd draft, while the second and third image (Fig 3.4.2 & Fig 3.4.3) are being put in the 3rd, 4th, and 5th draft.
 |
| Fig 3.4.1: Stock photo #1 |
 |
| Fig 3.4.2: Stock photo #2 |
 |
| Fig 3.4.3: Stock photo #3 |
I forgot to take a screenshot for these first drafts (before feedback) working process, so I'll just put down the drafts. Honestly, I didn't do much for the draft #1 and #2 :(. All I did was placing the stock image and arranging the text (testing the most suitable typefaces and manage the text size).
 |
| Fig 3.4.4: Draft #1, 10.10.2021 |
 |
| Fig 3.4.5: Draft #2, 10.10.2021 |
 |
| Fig 3.4.6: Draft #3, 10.10.2021 |
 |
| Fig 3.4.7: Draft #4, 10.10.2021 |
 |
| Fig 3.4.8: Draft #5, 10.10.2021 |
After the feedback, I started modifying my work. Moving on to the making process, I will insert some poster making process that I managed to capture. Here are some screenshots of making process after I received feedback.
 |
| Fig 3.5.1: Arranging text position #1, 17.10.2021 |
 |
| Fig 3.5.2: Arranging text position #2, 17.10.2021 |
I added the details part since I didn't put it last time, and Mr. Martin told me to make the text related to COVID-19.
 |
| Fig 3.5.3: Draft #6, 17.10.2021 |
 |
| Fig 3.5.4: Draft #7, 17.10.2021 |
However, during feedback session in week 9, Mr. Martin told me that my image didn't look like a person with sleep disorder, so he told me to change it and also told me the long text isn't needed since no one will see that. Therefore, I reworked the poster again.
I then searched for another stock photo of sleeping person and found this one from Adobe Stock. Because this is from Adobe Stock, so I need to give up my 30 days Adobe free trial to get it (image without watermark). However, I tried repeatedly to insert my payment info but failed (I don't know why :,), hence, I saved the image with watermark.
 |
| Fig 3.5.5: Stock photo #4 |
 |
| Fig 3.5.6: Watermark before being removed, 29.10.2021 |
 |
| Fig 3.5.7: After being removed, 29.10.2021 |
Later on, I duplicated the image and reduced the image opacity to make a glitchy feel to the poster, and also added the noise filter. The rest of it still remains the same as the previous one, except for the details part (I changed the text).
 |
| Fig 3.5.8: Changing the text, 29.10.2021 |
 |
| Fig 3.5.9: Reducing the text opacity, 29.10.2021 |
Finally, I came out with two final draft. One is with darker look (I put rectangle with the poster size above the image layers and reduced the opacity), and the other one is without.
 |
| Fig 3.5.9: Final Draft #1, 30.10.2021 |
 |
| Fig 3.5.10: Final Draft #2, 30.10.2021 |
Final Outcome
At the end, I decided to choose Fig 3.5.9 for my final submission PSA poster.
 |
| Fig 3.6.1: PSA Poster Final Outcome, 30.10.2021 |
Fig 3.6.2: PSA Poster Final PDF, 30.10.2021
Description:
COVID-19 has affected many people’s problem in sleep, which is indirectly related to the mental health problem. Sleep disorders could be happened because of the changes in sleep pattern, and it also involves problems with the quality, timing, and amount of sleep. Most people encountered this due to sudden changes during the earlier COVID-19 lockdown.
I chose a picture of a person showing her worries due to the sleep problem. Originally, I didn’t picked this image, however, it was said that the image from my first draft looks like a person sleeping peacefully, so I tried to search for another image. I made some edits for the image and arranged text orders to create a powerful poster. For most of the texts, I used bright color to make contrast to the background, and as for the Call for Action, I gave dark color because the background color is quiet bright comparing to the others.
FEEDBACK
Week 6-7
No feedback given
Week 8
Either one is good. However, why don't you reconsider the text? To make it related to COVID-19?
Week 9
The overall work is already good. However, it is better to change the image because now it doesn't look like a person with sleep disorder. The long text isn't necessary because it is too long, no one will see that long text. Reconsider the text to make it related to COVID-19.
REFLECTIONS