Digital Photography & Imaging: Project 2 (Week 5)

September 20, 2021

Digital Photography & Imaging: Project 2 (Week 5)

20-09-21 (Week5)
Darren Liga // 0351480 // Bachelor of Design (Honours) in Creative Media
Digital Photography & Imaging GCD 61204
Project 2: Poster Design Development

LECTURE

Week 5: Poster Design Development (Project 2b)

Conceptual Poster Design

Posters is a conventional medium to convey information to the target audience. It is a temporary promotion of an idea, product, or event put up in a public space for mass consumption. Typically, posters include both textual and graphic elements, although a poster may be either wholly graphical or wholly text. Posters are designed to be both eye-catching and informative.

- Posters 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: Poster Example (20/9/21)

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.

Creative posters where meaningful information comes wrapped with striking pictures and images, it is made up of:

- Title: is a descriptive indicator of the contents of the poster, and it should not exceed two lines of text.

Fig 1.2: Title in poster (20/9/21)

- Graphic: must appear in context with the main text. Choose high-resolution images (300 dpi or higher).

Fig 1.3: Graphic Poster Example (20/9/21)

- Text: The text should clearly describe the message clearly but not overloaded.

Fig 1.4: Text in Poster (20/9/21)

- White Space: creates “breathing room” within poster, which helps viewers avoid feeling overwhelmed by the information being presented.

Fig 1.5: white space in poster (20/9/21)

Layout, flow, and color affect the order and style of these four key features.

Layout

There are many design layout .

For our project, we suggest graphics-centered layout.

Fig 1.6: poster layout (20/9/21)

Flow

Coordinates with how readers’ eyes move around the different sections of poster. Maintain Hierarchy While Displaying Your Message.

Fig 1.7: flow in poster (20/9/21)

Color

Color draws reader’s gaze and define the different sections of your poster.

Fig 1.8: color in poster (20/9/21)

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.

Fig 1.9: Color wheel

RGB vs CMYK

Cyan, magenta, yellow and black (CMYK) are the primary colors of printing.

RGB color is used to display on your computer screen

RGB color mixing

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.10: rgb mixing

CMYK mixing mode

Colour is created by the subtraction of light.

The CMYK color system is the color system used for printing.

Fig 1.11: cmyk mixing

Hue, Shade, Tint and Tone

Hue is the most basic of color terms and denotes an object’s color.

Shade is a hue to which black has been added. For example, red + black = burgundy.

Tint is a hue to which white has been added. For example, red + white = pink.

Tone is a color to which black and white (or grey) have been added.

Fig 1.12: hue shade tint tone

Color Harmony

The arrangement of the colors in design in the most attractive and effective way for users’ perception.

There are 7 types of color harmony

Fig 1.13: 7 color schemes

- Analogous

Analogous colors are groups of three colors that are next to each other on the color wheel, and a tertiary. Red, orange, and red-orange are examples. The term analogous refers to having analogy, or corresponding to something in particular. An analogous color scheme creates a rich, monochromatic look.

- Complementary

A complementary color scheme is composed by using two colors opposite each other on the color wheel. This is the particularly contrasting of all color schemes which attracts the most attention and one of the primary challenges when working with it is to fulfil a harmonious balance.

- Triadic

A triadic color scheme is comprised of three colors evenly spaced on the color wheel. The two most basic triadic palettes are the primary colors red, blue, and yellow, and the secondary hues orange, purple, and green.

- Monochromatic

A monochromatic color scheme is a one-color scheme that is created using different tones of that one color. Once you have chosen your base color, you can use a color wheel to help you choose different hues of that same color, varying the saturation and tone of the base color to pick out lighter and darker hues.

- Tetradic

A tetradic color scheme, an outstanding variant of the twin color scheme, with an equal distance between all colors. All four colors are divided evenly around the color wheel, resulting in there being no clear dominance of one color.

- Split Complimentary

A split complementary scheme involves the use of three colors. Start with one color, find its complement and then use the two colors on either side of it. For example, the complement of blue-green is red-orange and the split complement of blue-green would be red and orange.

- Square

The square color scheme is a four-color combination consisting of a base color and three colors that are 90 degrees apart from the base color. Square color schemes are rich in color and offer variations.

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.

While perceptions of color are somewhat subjective, some effects have universal meaning.

Fig 1.14: color psychology

Warm vs Cool

Draw a line through the center of the wheel, and you’ll separate the warm colors (reds, oranges, yellows) from cool colors (blues, greens, purples).

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

Cool colors are usually calming and soothing but can also express sadness.

Purple is often used to help spark creativity as it’s a mixture of blue (calm) and red (intense).

Black is often used sparingly – such as for text – but it works quite well as a primary colour element (like for backgrounds).

Black adds an air of sophistication and elegance, and also mystery, though with much bolder confidence.

White As primary, white gives off an impression of clean, virtuous, healthy.

White pairs well with just about anything, making it ideal as a secondary colour.

INSTRUCTIONS

Project 2A: Part 1

Fig 2.1: Cropping

Fig 2.2: Adjusting shadow and color matching

Fig 2.3: Final Hearst mansion photoshop

Project 2A: Week 7 Practical (Recoloring B&W)

Part 1: recoloring 2

For this part of the exercise, i followed the video tutorial provided and tweaked the color and settings to better demonstrate a realistic visual of the model/portrait.

Fig3.1: process part 1

Final part 1 recoloring

Fig 3.2: Final part 1

Project 2A: Part 1: recoloring 3

For the next part of the exercise, I would like to choose a different color tone since ive recolored 2 white people. I chose Obama because i feel that this b&w image has a certain amount of detail which i want to challenge myself into doing. From the progress, i have a ton of layers for the colors that i would need to add.

Fig 3.3: part 2 process

Fig 3.4: part 2 layers

Final part 2 recoloring

Fig 3.5: Final part 2

Project 2b

We were asked to create a PSA poster regarding mental health issues due to this pandemic.

For this part of the exercise, i didnt sketch out my initial plan as i think better messing around in photoshop to get my ideas. I roughly composed this kind of artwork.

Fig 4.1: initial comp

After showing this composition to Mr. Martin, he approved of my idea. I mentioned that i would be the one to take a picture of my model as that image was taken from pinterest. I grabbed my camera and took a long exposure shot of my friend to help me with this project.

Fig 4.2: the shot

I managed to capture this long exposure shot using my sony camera with a tamron 28-75mm F2.8 lens.

These are the settings:

28mm

ISO 100

F/6.3

2s (long exposure)

I used a photography method called long exposure to get me that blur movement effect, dramatically visualizing a sense of depression, mental issues, etc.

I then added this illustration in photoshop while tweaking adjustments to remove the unwanted background and also creating a pitch black background surround my subject using the adjustment layer.

Fig 4.3: photoshop 1

I added a blurred out a mask image using the spin radial blur in photoshop to blend with my image. This is also to give a better sense of context in this poster.

I then continued to clean out my layout for a better composition.

Fig 4.4: photoshop 2

After this step, i added the requirements for this PSA poster such as the title, slogan, details & call for action.

Fig 4.5: Text

I then composed everything together to get this.

Fig4.6: final composition

Final Project 2b: PSA Poster

Fig 5.1: Final Project 2 (PSA Poster)

REFLECTION

I learned a lot of digital manipulating techniques from this exercise, from the hearst mansion exercise, to creating the PSA poster. Since i have several basics in photography and photoshop, the project was quite fun for me as its something im comfortable doing. New techniques of manipulating and photography was discovered throughout this project progress.