Project 1: Collage

31/3/2022 - 28/4/2022  / Week 1 - Week 5
Tee Jia Ern / 0348512
Digital Photography and Imaging/ Bachelor of Design in Creative Media
Project 1: Collage

LECTURES

WEEK 1: DIGITAL PHOTOGRAPHY AND IMAGING 

Importance of Photoshop
1. Express your creativity
The more you learn about its functioning, the better you will understand your own capabilities. You'll gradually learn new techniques for improving your layouts.

2. Produce graphic design
You can use this software to develop web site formats in addition to creating eye-catching graphic styles. You can create a business card, a poster, a greeting card, and a lot more.

3. Restoration of old images
It is possible to repair worn photographs using Photoshop's healing brush, clone stamp, and patch tools.

4. Integrate graphics with text artistically
You should learn how to merge images with a message in order to create a spectacular graphic design. You can make the message aesthetically appealing by using embossing, bevel, and also a declining darkening effect.

5. Make use of brushes
There are thousands of brushes available, and each one has a distinct effect. For example, if you want to attract a wide field full of thick lawn, you may do so in a matter of minutes with a grass brush.

6. Alter photo colour
To give the images a unique look, you can apply effects to them. Photoshop has a multitude of built-in effects for changing the mood and style of photos.

7. Rectify mistakes in photographs
Because of the darkness, red-eye effect, and insufficient lighting, a couple of the photographs are unappealing. With the help of Photoshop tools, you can hide flaws and improve the visual appeal of your photos.

Photo Manipulation Before Photoshop 
The face of the uniformed Harald, who was actually away on military duty, was added and edited into a Goebbels family portrait photo.

10 Tips of Successful Graphic Designer
1. Follow Tutorials
2. Experiment
3. Memorize All Keyboard Shortcuts
4. Try to Replicate Others Work
5. Participate in Design Competitions
6. Subscribe to Online Galleries
7. Utilise Smart Objects 
8. Scaling Artworks and Proportions
9. Use Actions
10. Organise Files

WEEK 2: COMPOSITION 

1. Basic Compositions
Focal Point
Allows readers' eyes to naturally focus on the most crucial aspects of your design.

Scale & Hierarchy
By directing attention to and away from specific features, it convey their value to the audience.

Balance of Elements
Each element is assigned a 'weight.' Smaller items may have a lower 'weight' than larger ones, while richly textured elements may have a higher 'weight' than plain coloured parts.

White Space
Balancing out the more sophisticated and crowded portions of a composition with space allows design to breathe, improves the clarity and overall appearance of the design.

2. Rule of Thirds
Position the most significant aspects of your image at these junction locations, the image becomes much more natural. Any horizon should be put on either the top horizontal line or the bottom horizontal line.

3. Golden Ration
The Golden Ratio is a mathematical ratio. It's common in nature, and when employed in a design, it helps to create organic and natural-looking compositions that are attractive to the eyes.

WEEK 3: LASSO TOOL, PEN TOOL & LAYERING 

Tool Box: Provides several tool sets and expands to reveal additional tools.
Maraquee Selection Tools: Select and Mask.

Lasso Tool
- Draw pinpoint specific areas of a document.
- Create extremely precise shapes and paths

Pen Tool
- Create a path from scratch, add points and drag the tool to determine the look.
- For selections, although it was not natively made as it

Layers
- Different images stacked on top of each other, together forming an image
- Utilised for non destructive editing, as it never destroys the original image

WEEK 4: ADJUSTMENT LAYERS & FILTERS 

Adjustment Layers
- Useful, non destructive image editing tools, add colour and tonal adjustments without permanently changing its pixels.
- Edit and discard adjustments can restore original image at any time.

1. Brightness/Contrast
-Adjust tonal range of images.
-Brightness Slider: adjusting the highlights in image
-Contrast Slider: adjusting the shadows in image

2. Level
Adjust the levels of shadows, midtones and highlights.

3. Curves
Adjust many points throughout the entire tonal range of an image, precise tone editing.

4. Exposure
Has three sliders: Exposure (highlights), Offset (mid tones), Gamma (dark tones).

5. Selective Colour
Selectively modifies amount of a primary colour.

Filter
Change colour, add bur or create completely new image effect.

Shortcuts
Zoom in/out: Alt + Scroll Button
Increase/Decrease brush size: Alt + Right Click Drag
Add/Subtract to selection: Shift/Alt
Layer mask
Adjust colour: Image > Adjustments > Hue & Saturation
Noise filter: Filter > Noise > Add Noise

WEEK 5: DOUBLE EXPOSURE & IMAGE BLENDING MODE

Double Exposure
- The process of merging multiple images
- Often to achieve surreal or emotional 
- Featuring silouhettes

1. Tilt-Shift Effect
- Filter > Blur Gallery > Tilt-Shift 
- Blur everything except for one important detail, is a nice technique

2. Create Fake Reflection 
- A seperate window photo is one option
- The portrait and the scenery on the window combined together is double exposure 

3. Experiment with Simple Portraits and Details Textured
Pairing a plain picture with a complicated one, creates contrast and balance

4. Convert to Black & White
The absents of colour makes the siloughette stronger, making it more impactful and emotional

5. Work with Silouhette
Clipping scenic landscapes on a person or object siloughette 

6. Pick Two Random Photo
This allows more focus on playing with textures, shales and forms. 

7. Daily Object Siloughettes
A good way to exercise creativity with the limited scope. 

8. Use Shadow
An alternative for silouhettes, it will produce a very intriguing piece.

Blend Modes
- The process is often through experimenting with the modes and opacities
- Intangible subjects like glass, smoke, fire, lighting, can easily be applied to an image, but using Screen Blending Mode.


INSTRUCTIONS


PHYSICAL COLLAGE

1. Compiling the Magazines

We were assigned to make collages from cut out magazines.These are from the stash that my home keeps. 


2. Hand Picture Focal Point

This is from a full page size advertisement, perfect as a focal point. The vintage vibes from the gloves is also a plus. This also sets the theme for the rest of the pictorial elements.


3. Aeon Article about Small Talk Tips

This is just gold. The fact that someone made an article all about Small Talk Tips.  Though to fit with the calm Ikea quotes, only a few are chosen.


4. Ikea Giving Life Lessons

Isn't Ikea supposed to be a furniture magazine? Turn out it is also a good life coach. I like how humanistic it is with the phrasing.


5. Supporting Pun Images

"You can do it yourself, but you don't have to" quote was paired with the hand, that resembles an ok sign. Could be a metaphor about how our default is to say we're fine all the time.


I knew I wanted to pair "Open up and breathe" with a box of some kind. I found an open box from the Ikea magazine, perfect. 


I instantly was attached to the stacks of coffee mugs. It is quite surreal and can be metaphorical about the repetition or mundane of life. I paired it with the quote "Dirty, clean and everything in between". An homage to when I wanted a stack of plates to support the quote pun. But I like the coffee mugs more.


6. Facial Expression

The portrait has uses of Chiaroscuro, extreme lighting and shadow strengthening the silhouette. Creating impactful emotion driven scenes, fitting for the "Awkward moments are normal" quote.


7. Accent Colour

This text has a nice message, along with a strong accent colour. It is a great complementary colour, that contrasts nicely with the predominant shades of black, whites, dark blues.


8. Accent Line

To lead the eyes through the information. Also establish a colour theme, as two elements follow the same accent colours.


9. Finalised to Ikea and Aeon Magazines

I found all of these graphic elements from 2018 September Aeon and 2018 Ikea magazines. I am surprised by the text and imagery they have. 


10. Composition

Composition 1 

In the first composition I tried something more organic, diagonal pop of colour. 


Composition 2

The second composition I utilised approximate symmetry, and a fun diagonal text along the lid of the box. 


Composition 3

For the third I tried symmetry, the end yellow text looks very intentional and satisfying. 


11. Final Product


DIGITAL COLLAGE

1. Image Selection

Object Selection Tool/Select Subject > Select and Mask > Quick Selection Tool > Output to New Mask


2. Focal Point

I always like to determine a focal point first, because it will be the main centerpiece, and set the theme of the piece. I like the film projector as it has antique vibes and can be a metaphor for media marketing. The shark reminds me of the surreal art pieces of when sea creatures fly through the sky. I want to make something like that. I was playing around with the elements, and the building's roof perfectly aligned with the mountain silhouette. 

3. Make a Background

This makes arranging the elements easier with a plain background with no distractions. I used the brush tool to Replicate the gradient on the mountain. Until I ended up with a pink to blue gradient sky.


4. Double Exposure Building & Mountain

I was inspired by the sentiment that most tourist places are altered and run by a huge group of people. Even when it can't be seen. I wanted the mountain projecting on to the building. So it looks like the two images in one depending on the angle you hold in. I used Adjustment Layer Hard Light on it, achieving double exposure. 

5. Mountain on TV Screen

It's just aesthetic, it is a variation of shot types known as framing. It can also imply the advertising industry. I placed the mountain on the TV, then selected the TV screen, Masking the mountain on it. The applied Adjustment Layer Hard Light.


6. Composition

Composition 1

It is about the media we consume, and the production behind it. I end up liking the idea of a projector being in the foreground projecting something, so I build upon it. The tv shows a picture of a mountain, but the supposed mountain is just a factory with a mountain projected onto it. There are also people walking towards it, presumably because of the television. 


Composition 2

The idea behind this is the human killing of sharks for fin soup, and how we never get to see the massacre. I wanted a shark to swim through the blue sky, towards the camera. Resulting in the mouth looked very big, so I put a fencer in the mouth, so it kind of looks like a battle. I also placed a building there, colour altered so the original black and white building can look more in the background. 


Composition 3

This is a vision of an ecosystem where nature and manmade stuff coexist together. The mountain and the factory line up perfectly with each other. So I added leaves and a shark for the nature mountain side. While a paper airplane and train stop at the mamade building side. It is approximate symmetry, as opposed to true symmetry. It is a more organic balance and strengthens the theme of living in harmony.



7. Improve Upon

The third composition was chosen as it looks very complete. The alignment of the roof of the factory and the mountain top is a nice touch. Has foreground, midground and background. The fencer in the shark mouth from the second composition is fun. So I combined the fencer into the third composition. 


8. Blur

I made the leaf in the foreground have gaussian blur because it makes the scene look more perspective.


9. Colour Correction 

The factory is now a slight pinker with bluer shadows using the RGB Curves, so it fits in more with the sky. 


10. Values

The leaf, shark and paper plane are both darker using Brightness Adjustments, as it is back lit from the sun. The streets are lighter because the sun shines directly on it, and it is a leading line. 


10. Final Outcome





FINAL SUBMISSION

The process, physical and digital collage respectively.


FEEDBACK

Practical 2: Physical Collage
Asking people around for opinions can help with the general appeal of the piece. Design is all about reaching and resonating with a wide range of audience. 

Practical 3: Digital Collage
Collage 1: Good leading lines, leads the eye to the television. Usage of foreground with the projector and midground. 
Collage 2: The fencer in the shark mouth is quite fun. Require more elements, to make the piece look more complete. 
Collage 3: Looks very complete. The alignment of the roof of the factory and the mountain top is a nice touch. Has foreground, midground and background. 

REFLECTION

Experience
I liked that the methods of to use are taught towards a final product. It is easier to envision the tools usage, when we are also making a piece. Weekly exercises introduces us to skills that are applicable to our projects. And makes it easier to get started with the learning curve of the software features.

Observation:
Being more open to experimentation is something I am working towards. It is perfectly normal that some ideas don't come out as good as it was in the head.The work process is full of trial and error, and being comfortable with testing will go a long way. 

Findings:
The process is everything. Showing the steps it took to create a piece, makes the work feel more personal, and brings attention to details in the work. It also gives insight to the fun of discoveries or spontaneous decisions that occurs in the process.   

Comments

Popular Posts