Project 2- Rule of Third Workshop

December 3, 2010 § Leave a comment

 

I took this picture respecting the Rule of third

Advertisements

Project 2 -Final Work Step by Step

December 1, 2010 § Leave a comment

For this project we have to design six header graphic for a National Geographic’ s tv program web site called Water – The source of life.

Working on this project was very interesting because water will be a real problem for the developed world too.

Brain Storming

I tried to take the problems of water which seems distant from our life in England and with Photoshop I tried to bring this problem to a closer context like Brighton.

The first think was to create a logo for all these works, to create one style line. I think that these works should be as clean as possible because they will be on the National Geographic web site and it is a documentary magazine so I used clean and simple fonts.

For the logo I used a sans serif geometric called Century Gothic.

1st Work  – Brighton Flood

Final Result

The first work is called Brighton Flood: the idea was to create a massive flood in Brighton. Global warming is a real problem for the planet; the sea level is increasing caused by the ice caps melting and a lot of cities on the coast could be submerged.

(1)

I took from the internet the picture of ocean for the background (1).

(2)

After I found the picture of the clock tower in Churchill square in Brighton (2).

I cut the tower with magic wand tool and transfered it on to the background.

(3)

To create the reflection of the tower in the sea I duplicated that layer and flipped it vertically, regulated the opacity and blended it with soft light (3).

(4)

I deleted the two men
in the sea with the clone stamp tool (4).

(5)

After I found a dark sky (5) to replace the orignal one.

(6)

I adjusted the saturation and luminosity, and with burn and dodge tools I tried to give more impact to the picture (6).

(7)

To finish I added a title and a subtitle. For the title I used a serif font called Georgia, and for the subtitle I used a sans serif font called Franklin Gothic. Then I added my logo Water the source of life. To place these items I used the Rule of third (7).

The subtitle reads: In the last 100 years the Earth’s temperature has increased about half a degree Celsius and the sea level has risen 6 to 8 inches

2nd Work – It is not so easy

Final Result

For this work I used a picture that my cousin Giuliana took in Congo, Africa. She worked as a volunteer for a UN project in a small village in Congo. This project is about the provision of safe drinking water in rural villages. Access to safe water is easy for us, we only need to turn on the tap, but for people in other parts of the world it is not so easy, if they want get safe water they have to walk long distances with very heavy containers and a lot of time;  in Congo, women and children undertake this daily journey.

(1)

I extracted these two women from my cousin’s picture (1) with extract in Photoshop (2).

(2)

For background imageI chose the Pavillon garden in Brighton (3) and I found a picture on internet with the same lighting and angle.

(3)

I cropped the background because the image must be 750 x 250 px .

After I placed the women on the background I resized them and I made a shadow with the brush tool on a new layer. Then I adjusted the saturation and luminosity of both images and I worked with burn and dodge tools (4)

(4)

After I wrote the title with a sans serif in red to give a strong impact, and the subtitle in white reading: 80% of all disease in the developing
world is caused by
water-related illness.

(5)

To place the title and the women I used the Rule of third to improve the composition (5).

3rd Work – Save the Water Save the Planet

For this work I worked on the topic Water in the home. I wanted to comunicate save water through a picture of a business man watering a piggy bank.

(1)

I extracted the man from the background with magic wand tool and I took out the lines which were on the original picture (1) with the clone stamp tool.

(2)

I replaced the water can with another one (2).

(3)

Then I found a picture of a tin piggy bank (3) and with the selection tool I made a black circle on there and I worked with burn and dodge to make some light on the edge of the black hole. The last picture that I found was the water splash. I cut it from the background with magic wand tool(4)

(4)

(5)

The next step was to put it all together and I followed the Rule of third to make a nice composition(5).

For the title I used a serif font called Georgia and for the subtitle I used a sans serif font called Dejavu Sans.

4th Work – Water is human right

Final Result

For this work the idea came out reading an article on internet, http://www.charitybottle.com/index.php?view=water-facts. This article said : every day nearly 6000 people who share our planet die from water related illnesses, and the vast majority are children.

I tried with Photosohop to contrast two children drinking water , one boy from

(1) Before and After

Africa(1)  and one girl from England (2).

(2)

(3)

I extracted the boy with pen tool and the girl with magic wand tool and then I placed them on the background image (3).

I adjusted the saturation and I worked with burn tool to give more contrast.

(4)

I placed the title reading Water is a human right, I used a sans serif geometric called Vagabond. I used the Rule of third to make the composition and to place the title (4).

5th Work – Ocean Pollution

Final Result

(2)

For this work I chose the topic Ocean Pollution, and focussed on oil spills. From the internet I found a picture of a oil spill volunteer (1)

(1)

cleaning a beach and I placed him on Brighton beach (2). The idea is to communicate that an oil spill can happen everywhere.

(3)

I cut the man with the magic wand tool but I kept the beach (3). I placed him on the background and I adjusted the saturation of both images. Then I worked with clone stamp tool to merge the beach and I worked with burn and dodge tools to give more contrast.

After I placed the title and subtile following the Rule of third.

(4)

For the title I used a serif font called Birch Std and for the subtitle I used a sans serif called Dejavu Sans.

The subtitle reads: every year oil tank ships and commercial ships spill 20 million tons of deadly hydrocarbon into our seas.

6th Work – Water global crisis

Final Result

When this project began I went to Queens Park to find some water. I was lucky to take this picture with a boy playing with the water (1).

(1)

While I was looking on internet for some pictures for the last work I found this child in Africa collecting water(2).

(2)

So I thought about utilising the contrast between the situations of these two children by incorporating them both in the one image. The result was a very high impact picture.

I cut the African child from the original background with extract in filter(3),

(3)

and I placed him on my picture. To give more detail I worked with burn and dodge tools and I adjusted the saturation. To make the reflection in the water I duplicated the layer and I flipped it, then I adjusted the opacity and I set the blender mode on softlight. With the brush tool I made a shadow for him as well and I adjusted the opacity of it.

For the title I used a serif called Adobe Caslon Pro and for the subtitle a sans serif Dejavu Sans. I wrote Crisis in red, because this colour means crisis and urgency, and I put it on a yellow square, because yellow and red combined means greater urgency.

(4)

After, I resized and cropped the image to make a better compositon respecting the Rule of third (4).

Project 2 – Composition and Layout in web design

November 30, 2010 § Leave a comment

Workshop – Making a website header banner using composition principles

Size 750 x 300, 72dpi.

Using images for your current project, create a banner header

  1. A bold, bright, youthful, colourful layout incorporating text and images in a very creative and imaginative way.


Project 2 -Typography Principles – Header Graphic Workshop

November 30, 2010 § Leave a comment

Purpose of this tutorial

  • Demonstrating type principles outlined in the typography lecture
  • Using type editing techniques in Photoshop
  • Creating experimental type in Photoshop

Workshops

1. Using font, leading and tracking/kerning techniques learned in the lecture you are to design at least 3 different options for type-based header images for a clean, sophisticated business site called:

Brighton Business Solutions

(Strapline) Creative business solutions for web-based startups

 

2. This time, using the same techniques design at least 3 different header options for a youthful, creative, edgy t-shirt company called:

South Coast Tees

(Strapline) Creative beachware for the south coast

Project 2 – Selection Techniques Workshop

November 30, 2010 § Leave a comment

Purpose of this workshop

  • Demonstrating principles of using selection
  • Creating and using selections in images in Photoshop
  • Creating and using combined images in a Photoshop image

Create a selection using the pen tool

Final Result

Original picture (1)

For this work I downloaded the picture of this car from internet (1).

 

 

Step 1 (2)

In Photoshop with pen tool I drew the shape of the car and shadow too (2).

Step 2 (3)

From the shapes I made a selection and and I made new layers via copy (3).

 

 

 

 

 

 

 

 

Creating a composite image. Using a combination of layer blending and selection techniques you are to create a composite image containing a weather phenomema occurring in a place it wouldn’t normally be – eg:

A water spout in a desert

Before - Desert original image

Before - Water spout original image

After - Final Result

A rainstorm in a desert

Before - Original image of desert

Before - Orignal image of women and rain

Before - Original image of dark sky

After - Final Result


Project 2 – Selection and Montaging Workshop

November 30, 2010 § Leave a comment

Creating a Montage

Purpose of this workshop

  • Demonstrating principles of using selection techniques
  • Creating and using selection Photoshop
  • Creating and using combined images in a Photoshop image

Final Result

 

Gherkin building (1)

I began choosing a primary image (1). I thought something looking like a wasps’ nest and I found this building in London called Gherkin building.

 

 

 

 

 

Wasp before and after has been cutted (2)

For the secondary image I found a picture of a wasp near his nest. I cutted it with different instruments, pen and magic wand tools (2).

Than I transfered the wasp’s picture on the primary image and resized and flipped it (3).

 

 

 

 

 

(3)

After I began to regulate saturation and luminosity and I worked with burn and dodge tool on midtones and shadows to try finding the same light (3).

 

 

 

(4)

(5)

 

Than I found a sky image (4) with more clouds to put on the background. I want to give more impact. So I desaturated it and with the eraser I tried to mix these two pictures (5).

 

 

 

 

(6)

 

 

 

 

After I worked more on lights with burn and dodge tools tools to find a perfect combination and also I erased the  wasp’s middle leg because I think it is better looks like more realistic (6).

 



Project 2 – Banner Workshop

November 29, 2010 § Leave a comment

Workshop 1 – Banner ads Moodboard

Workshop 2 – Banner Advert design

logo made with Adobe Illustrator

Logo: The Blue Planet – Strapline: Sustainable Development of our Oceans

Text: June 1st 2010, throw your swimsuit on, dive right in as we celebrate the OCEAN AND WATER!


 

Where Am I?

You are currently browsing the Project 2 Water the source of life category at Giorgio Scappaticcio's Blog.