DPI / Project 2: Recolour & Poster (Week 7)

09.20.2021 - 10.18.2021 (Week 5 - Week 9)
Devina Angeline Wiratama / 0350824
Digital Photography and Imaging / Bachelor of Design (Hons) in Creative Media
Project 2A & 2B

Jump Link

LECTURES

Week 7 / 10.04.2021

(Source: Mr Fauzi's Slide)

This lecture is about Colour Theory. Colour theory is both the science and art of using colour. It explains how humans perceive colour, and the colours of the message communicate artistically and emotionally.

Fig. 1.7 / Colour Wheel, Week 7 (10.04.2021)

CMYK

Cyan, Magenta, Yellow, and Black (CMYK) are the primary colours of printing, subtractive colour mixing model. Colour is created by the subtraction of light. The CMYK colour system is the colour system used for printing.

Fig. 1.8 / CMYK, Week 7 (10.04.2021)

RGB

Red, Green, and Blue (RGB) colour is used to display on your computer screen, additive colour 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 colours.

Fig. 1.9 / RGB, Week 7 (10.04.2021)

RGB vs CMYK

Fig. 1.10 / Comparison RGB vs CMYK, Week 7 (10.04.2021)

Hue, shade, tint and tone

Hue is the most basic of colour terms and denotes an object’s colour.
Shade is a hue to which black has been added. For example, red + black = burgundy.

Fig. 1.11 / Hue and Shade, Week 7 (10.04.2021)

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

The tone is a colour to which black and white (or grey) have been added.

Fig. 1.12 / Tone and Tint, Week 7 (10.04.2021)

Colour Harmony
The arrangement of the colours in design is the most attractive and effective way for users’ perception.

Fig. 1.13 / Colour Harmony, Week 7 (10.04.2021)

Monochromatic is hard to make a mistake and create a distasteful colour scheme.

Fig. 1.14 - 1.15 / Examples of Monochromatic, Week 7 (10.04.2021)

Analogous are 3 colours located right next to each other on the colour wheel. Usually one of the three colours predominates.

Fig. 1.16 - 1.18 / Examples of Analogous, Week 7 (10.04.2021)

Complementary colours are opposites on the colour wheel. This scheme is opposite to analogous and monochromatic since it aims to produce high contrast. Complementary colours make imagery pop, but overusing them can get tiresome.

Fig. 1.9 - 1.11 / Examples of Complementary, Week 7 (10.04.2021)

Split-Complementary involves the use of three colours. Start with one colour, find its complement and then use the two colours on either side of it.

Fig. 1.12 - 1.14 / Examples of Split-Complementary, Week 7 (10.04.2021)

Triadic colours are evenly spaced around the colour wheel and tend to be very bright and dynamic. Using a triadic colour scheme creates visual contrast and harmony simultaneously

Fig. 1.15 - 1.17 / Examples of Triadic, Week 7 (10.04.2021)

The Psychology of Colour.
Colours have an extraordinary ability to provoke specific emotions for each individual and to attract people’s attention and harmony simultaneously. While perceptions of colour are somewhat subjective, some effects have universal meaning.

Fig. 1.18 / Psychology of Colour, Week 7 (10.04.2021)

Warm Vs Cold
Draw a line through the centre of the wheel, and you’ll separate the warm colours (reds, oranges, yellows) from cool colours (blues, greens, purples).

Fig. 1.19 / Cold vs Warm, Week 7 (10.04.2021)

Warm Colours

Warm colours 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). 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.20 / Example of Warm, Week 7 (10.04.2021)

Cold Colours

Cool colours 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). Purple is often used to help spark creativity as it’s a mixture of blue (calm) and red (intense).

Fig. 1.21 / Example of Cold, Week 7 (10.04.2021)

Black and White

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 a mystery, though with much bolder confidence.

Fig. 1.22 / Example of Black, Week 7 (10.04.2021)

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.

Fig. 1.23 / Example of White, Week 7 (10.04.2021)

FURTHER READING

An Easy Approach to Color Theory in Graphic Design (Source: Reference)
- by Claudia Driemeyer

The Psychological Aspect.

Warm colours are stimulating, a synonym for energy, while cold hues are composed and better represent calmness, right? Well, not necessarily. It’s highly important to do your research before choosing a colour scheme. Ask yourself this question: “Who is your target audience?” The answer impacts your choice, as the concepts and meanings for colours vary from culture to culture.

The Colour Wheel.

You’ve probably seen it before: the traditional wheel with 12 hues, which helps us to visualize the relationships amongst colours.

Fig. 2.1 / Colour Wheel, Week 7 (10.04.2021)

This wheel is composed of primary colours, secondary colours (the result of mixing the primary ones) and the mix of those two categories, the tertiary colours. Now, how can the colour wheel help you when it comes to choosing a palette? Well, these colours are in visually pleasing relationships, that have been invented throughout the years:

Monochromatic: variations of shades, tints and tones of a single colour.

Analogous: colour and the shade right next to it on the wheel.

Complementary: a colour and its exact opposite on the wheel.

Triadic: three colours equally spaced on the wheel.

On Gravit Designer’s colour picker, for each colour you choose, you automatically get different tints, shades, tones and mixes. This feature will save you a lot of time!

Fig. 2.2 / Colour Picker, Week 7 (10.04.2021)

Pallete Generations.

Getting inspiration from a beautiful and harmonic photo is also a nice trick. Picking the colours from it randomly, though, will lead to a confusing and unbalanced result. That’s why you should use another remarkable feature of Gravit Designer: pick an image with colours that you think will look stunning on your design and go to “Colours” on the right panel.

Fig. 2.3 / Pallete Generations, Week 7 (10.04.2021)

It's All About Balance.

Using colours effectively is not just about throwing whatever colours match your work: it has a lot to do with balance. In other words: the more colours you use, the more complicated it gets to balance them. What’s really important in the end — check the relationship between the colours you chose and ask yourself these questions: Is there enough (or too much) contrast between them? Is everything clear, defined and perfectly readable? What kind of mood does your palette evoke? How does one colour affect other, nearby colours? Does the scheme fit the context?

Fig. 2.4 / Balance, Week 7 (10.04.2021)

Colours can significantly affect your designs and how others perceive them. Choosing the right colour palette represents a huge part of your work — it’s not only an artistic aspect but also a marketing aspect.

TUTORIAL

Week 7 / 10.04.2021 (Source: Mr Fauzi's Slide)

This tutorial is about recolouring breakdown part 2. We need to download images#1 for part 1 and images#2 for part 2 from google drive and watch the video tutorial by Mr Martin.

INSTRUCTIONS

PRACTICAL

Week 7 / 10.04.2021 - PROJECT 2A

Part 2 - Two People / 10.04.2021
Part 2A
In this exercise part 2A, we need to download the portrait of a girl and then we need to recolour it. It is fun to recolour it because Mr Martin explains it very coherently, clearly, and in detail. Here are steps by steps. First, we need to open the image. Second, open the new layer and start to colour the skin, hair, lips, eyeball, and fur one by one and layer by layer with a clipping mask. Mr Martin teach us how to select a complicated object, like hair or fur. After that, adjust the layer, change the opacity, and also the hue/ saturation if you want. Here's my capture step by step.

Fig. 3.1 - 3.2 / Skin and Hair Colour Reference 2A, Week 7 (10.04.2021)

Fig. 3.3 / Original Photo 2A, Week 7 (10.04.2021)

Fig. 3.4 - 3.5 / Colour Pallete - Skin, Week 7 (10.04.2021)

Fig. 3.6 - 3.7 / Hair - Background, Week 7 (10.04.2021)

Fig. 3.8 - 3.9 / Lips - Pearl, Week 7 (10.04.2021)

Fig. 3.10 - 3.11 / Teeth - Eye, Week 7 (10.04.2021)

Fig. 3.12 / Fur, Week 7 (10.04.2021)

Final Result Part 2A

Fig. 3.13 / Final Part 2A, Week 7 (10.04.2021)

Part 2B
In this exercise part 2B, we need to download the portrait of one person and then we need to recolour it. After that, we need to pick a photo as a reference from the internet. The steps are as same as the previous one. Here are my capture steps by steps.

Fig. 4.1 - 4.2 / Skin and Hair Colour Reference 2B, Week 7 (10.04.2021)

Fig. 4.3 / Original Photo 2B, Week 7 (10.04.2021)

Fig. 4.4 - 4.5 / Colour Pallete - Skin, Week 7 (10.04.2021)

Fig. 4.6 - 4.7 / Hair - Lips, Week 7 (10.04.2021)

Fig. 4.8 - 4.9 / Cloth - Eyeball, Week 7 (10.04.2021)

Fig. 4.10 / Background, Week 7 (10.04.2021)

Final Result Part 2B

Fig. 4.11 / Final Part 2B, Week 7 (10.04.2021)

Week 7 / 10.04.2021 - PROJECT PART 2B

These are the places for my poster. (Fig. 4.1) is my bathroom and (fig. 4.2) is a natural place that I found on Pinterest. I chose this natural place because symbolizes peace and calm which is very compatible with mental health.

Fig. 4.1 - 4.2 / Places, Week 7 (10.04.2021)

First, I took photos with different postures and expressions. As you can see, (fig. 4.3) who is in the real-life and (fig. 4.4) my reflection, who is like give reward to 'herself', well I mean myself :v.

Fig. 4.3 - 4.4 / Photo#1 and #2, Week 7 (10.04.2021)

Second, I tried to combine those photos into one photo (fig. 4.5). I used a pen tool (for geometric shape), quick selection tool, and clipping mask (for an organic shape like hair) as teaching by Mr Martin before in Recolouring Photo Task 2A. I tried to make the type expression in Adobe Illustrator first (fig. 4.6), then I place it in the poster, which is in Adobe Photoshop. Third, I remove the background from the reflection (mirror) and place the natural picture (fig. 4.8). I tried to match the colour of my reflection with the background of the natural place, which I learn from Manipulation Photo Task 2A. Fourth, I place the title from AI, place the sticky note with blur colour (random colour), and type "You're doing great!" in that blue note (fig.4.9). Fifth, I tried to change the colour of the title and the note to be more suits well. Then I found the yellow colour (4.10). Actually at this stage is already good. However, because I want to stand out of the note and the title, I adjust the poster, except title and note. I played with level and hue/ saturation only (fig. 4.11 - 4.12). Here are my captures of steps by step.

Fig. 4.5 - 4.13 / Progress Steps by Steps, Week 7 (10.04.2021)

Here's my first result. I like it. The title and note are quite standing out so people's eyes can recognize them easily.

Fig. 4.14 / First Result, Week 7 (10.04.2021)

FEEDBACK

Week 7 / 10.04.2021
Both your designs are good. If you can come up with both that will be good. Maybe the background of the mirror you can change with another picture. I'm Looking for seeing it.

Week 8 / 10.11.2021
💁‍♀️: It's Independent Learning Week
That's great work. You've managed to visualize the whole idea and concept. Probably that will be 80% done. We'll discuss further to improve the colour correction and typography later on WEEK 9. Thanks!

REFLECTION

I realized that I was still very lacking in recognizing colours, so I was grateful that one of the lectures was about colour theory. I was amazed especially how the clipping mask in the hair and the fur. I also learned how to digitalize my sketches. I didn't think I can come up like this.

Jump Link

Devina Angeline Wiratama (0350824)

Search This Blog

DPI / Project 2: Recolour & Poster (Week 7)

Comments

Post a Comment