Image Adjustment: LA 5

Before: Noon

After: Noon

Before: Evening

After: Evening

PNG Transparency: LA 11

Image Compression Experiment: LA 8

File Size: 61.88KB

File Size: 6.21KB

Both Images taken with same camera, both 500px wide

Making Backgrounds For Web Pages: LA 10

Scanner Image

Tiled Method

Image Repeat Method

Example 1

In-game Image used as background, helps promote the game more. Simple yet effective background.  Simple colour use, and slight blurring of the image behind the center  helps keep focus on the main page

Example 2

Image In background, Relevant to the content of the blog/site. Content of image doesn't deter one from the main content of the site. Image in background taken my authors of site.

Example 3

Simple image/pattern in background can be helps main content to stand out slightly more, colour scheme of the background and header being the same helps the flow of the site

Combining Images Using Layers: Learning Activity 7.

Making Selections & Combining Images: Learning Activity 6

Once I got the image of the car selected and eliminated the chain and pole from the foreground, I had a lot of fun putting the car into different images to see where it fit in best. Once I had it in the image i changed the colour of the car slightly and placed it where i wanted it.


the selecting of the car was annoying at first but once I had the technique right, I enjoyed the activity.

Cropping an Image, Learning Activity 4

Picture 1: Before

Picture 1: After

Picture 2: Before

Picture 2: After

Picture 3: Before

Picture 3: After

Picture 4: Before

Picture 4: After

Picture 1: Cropped out the smaller rocks to the right, to draw emphasis to the more interesting, larger rocks on the left.

Picture 2: Cropped out the rocks and sand on the left, to draw attention to the main part of the rock pool on the right.

Picture 3: Cropped out most of the trees in the foreground to draw attention to the "tunnel" effect over the path and to the trees in the background.

Picture 4: Cropped out the paper to the right and most of the rug to the left, and made the image focus on the shoes which is what the photo was focusing on.

Learning Activity 3: Using your flatbed scanner

Good and BadType, LA12.

Kerning of main wording on logo/sign leaves for a bad typeface, Letters are spaced too far apart. 

Writing over the background hard to read when small, colours of the text and background are the same, with no difference in hue another example of a bad typeface.

An example of Good Typeface. the Title of the Book and the Authors name are both easy to read as is the other text on the page (scanner took away the brightness of the " THE INFERNAL DEVICES" gold leaf)

Another example of Good Typeface. The main text of the card is done in white'silver, thus making it stand out. The secondary text is done in bright yellow, drawing ones focus in. The whole card is easy to read.

Another example of good typeface, the sign itself is big enough to be noticed and the writing is bold yet simple enough, the contrast of the blue on white also helps.

The Target Logo/Sign. Is a good example of a nice, simple and yet effective typeface. the bright colour and font used don't push people away from wanting to walk into the store as some signs do. the use of the bright red colour, help it to stand out on the white of the building.

The K-mart Logo/Sign. Is a good example of a nice, simple and yet effective typeface. the bright colour and font used don't push people away from wanting to walk into the store as some signs do. the use of the bright blue and red colours, help it to stand out on the white of the building.

Poster Design, LA13.

For this quote, I wanted something simple, yet elegant so chose a font that had some, but not much decoration on it. I then used simple layer effects to highlight what i thought were the key words in the quote.
I limited myself to a few colours so as not make the poster seem "messy" or "cluttered" Keeping the text grey and embellishing it with black, blue and white.

50 Pumpkins, LA7.

Type Label, LA10.

Times Roman/ Times New Roman, Is a traditional, Serif typeface. Most commonly used in print publishing such as newspapers and books.

Sketching Layouts, LA9.

Website

Newsletter

Business Card

Grid Layouts, LA8.

 Magazine Examples

Web Examples

Non-Grid Layout

White Space, LA6.

In page layout, illustration and sculpture, white space is often referred to as negative space. It is that portion of a page left unmarked: the space between graphics, margins, gutters, space between columns, space between lines of type or figures and objects drawn or depicted. The term arises from graphic design practice, where printing processes generally use white paper.

  Billboard.


The white space in this example is the black background of the billboard. It helps the text and image to stand out to people walking/driving past.

Website.


The Google homepage is a great example of white space. The logo and the search box located top, centre are surrounded by a white background with little detail to draw ones attention away from the main part of the page.

Print Advertising.


This advertisement for POM, pomegranate juice, utilises white space to help the message and art work stand out. by limiting the colours and keeping the background white it keeps people focused on the message that is being conveyed.

My Choice: Landscaping.


The landscaper in this example has made use of white space by filling most of the area with white pebbles/gravel. Although people looking at the garden may first look at this they are drawn back to the feature rocks each time. 

  Street Advertising.


Although harder to discern in this example. the white space is again the background upon which the main message is located. 

Negative Space, LA5.

Negative space (a.k.a. whitespace in page layout), is the unoccupied areas that surround the subject matter.

Negative space is most evident when the space around a subject matter, and not the form itself, forms an interesting or artistically relevant shape.

Example 1. Naturally Occurring Negative Space

Taken from the web via a Google image search.

In this example of negative space in nature is the background, despite it's pattern and colour is the negative space. In looking at the picture one is drawn instinctively to the silhouette of the tree.

   Example 2. Negative Space Logo

Taken from the web via a Google Image Search

In this example, the designer has used a stencil effect. The black areas in this example are the artwork of the logo, while the white, being the negative space and thus making the shape of the giant panda.

  
 Example 3. Negative Space in Film

A still photo from the movie The Dead Girl, starring Rose Byrne.

In this shot, the camera man has used the use of a shadow blocking out half the scene to create negative space, forcing one to focus on the character of which Rose Byrne is portraying.

Example 4. Negative Space in Comics

An old, original Charlie Brown comic. Image found on the Internet.

In this example, the negative space is the background or environment in each panel. Being simple and of only few lines, people focus more on the foreground subjects of each panel.

Example 5.  Negative Space in Vehicle Signage 

In this photo of a Repco, company car. the negative space it the car's body. The bright yellow and white helping the "Repco" Logo on the doors stand out and draw in people's attention.

Example 6.  Negative Space in Street Signage

In the example of this street sign, it again uses a stencil design and bright background. Helping the main art/subject of the sign to stand and to be noticed. The negative space being the yellow background of the sign.