Client Needs Survey

Mind Map

Here I have mind-mapped a website idea using bubbl.us.

Summarise a Podcast

I have chosen a Radiolab Short titled "Seeing in the Dark" to summarise for this task. Radiolab is my favourite podcast series. Though the full podcast is longer than 5 minutes, I have summarised the first interview which is approximately 5 minutes in length.

You can play the full podcast here (the summarised portion is at the very start):

http://www.radiolab.org/blogs/radiolab-blog/2012/oct/22/seeing-dark/

These are my rough notes:

This is my final summary:

https://docs.google.com/file/d/0B7EDLgTuto-BeXE3NU8tdHphME0/edit?usp=sharing

Create a Flash Web Advert

 This is my original storyboard for a flash banner:

which became this:

FLASH Learning Task 1: Pumpkin Patch

Here I have designed a background for a future animation using Flash.

Eyeline Photo update

I have updated my eyeline photo to a better one:

Hero Shots: REDUX

I have made some adjustments to my previous hero shot work to increase contrast on the type.

Populating a web page wireframe: REDUX

This is a new version of my previous wireframe work. I have attempted to make the "Davo's Music World" type stand out more against the image and have used less typefaces for more unity.

Photographic Composition

Hero Shots

Populating a web page wireframe

PNG logo

This task involved adding a transparent logo to a website. I used to my previous logo design as I had already made it transparent to open up possibilities like this. I also added some drop shadow to give it that 3D feel. Because the image size was different to the placeholder logo, I also opened up the website and adjusted the size.

Making backgrounds for web pages

These are my three examples of backgrounds I like:

This first one is very simple and actually an older version of the website that exists today. I chose this to show an example of the "frame" type design that I like, that has the two bars of colour on each side and then the content is slimmer in the middle. If I were to design such a background, I'd probably make those bars a bit smaller so its not too much negative space, the reason this one has so much is because its from around 2007 when widescreen computers weren't as common as today. I also like how the design matches the Bootlegs artwork.

This background is very interesting. It is actually animated, and those growing zig-zags fill up until the background is completely black, and the RADIOHEAD text turns white, and the process starts again with white zig-zags and the black background.

This is one of those full-photo backgrounds. I really like these, and this one in particular is very cool with such rich colour and the rich reflection on the water at night.

Scanner background:

Method 4 background:

I tried to go for the same vibe as my first example, with the solid colour on the outside and a lighter colour in the middle.

Tiled background:

Some things to consider when making a tile for repetitious background I found were to keep in mind where as follows. Care must be taken in relation to opposite ends of the image. In other words, where the image ends on the right side of the image must be the pixel before the pattern begins on the left of the image, so that when the image is tiled every tile blends seamlessly together as the rest of the pattern does in the single image. 

Combining Images using Layer Masks

I decided to use a digipack CD cover as my context for this task. It came out quite well. I found it pretty easy to do as the background colours were all matching for any cut out parts which really helps.

Making selections and combining images

This task introduced me to both the Clone stamp and the Spot healing brush. I tried to use both in different spots of the car image depending on which one worked better. For the most part it worked well but there are a few spots that could be better. Also to compensate for the missing bottom of the wheels I tried to create the illusion that the wheels were behind some of the grass.

Photoshop's Adjustment Layers

After using the vibrancy tool and adjusting levels, the colour turned out a lot thicker and it added some clarity:

After adjusting levels and adding vibrancy as well as adding some brightness, the darker overtones were removed. I did lose some detail on the top of the tree, which kind of fades more into the sky in this second image:

Cropping an Image

 Emphasize part of the image to allow it to dominate the hierarchy.

Change the composition and add dynamic movement by moving the subject out of dead center.

Change the orientation by making a horizontal aspect image into a vertical aspect image.

Change the compostion so it reflects "The Rule of Thirds".

Change the perspective of an image; take an exaggerated perspective photo and make it "straight" again.

Flatbed Scanning

This is my story in a scanner.

Re-sizing Images 2

54kb
544 x 408

Re-sizing Images

1.89mb
3264 x 2448
The image is difficult to see, and the browser has to be scrolled across to view the whole image. The menu on the right of the blog also obstructs the image.

Poster design: Final version

Poster Design: Rough Sketch

Design Assessment: 3 Logos

Poster Design REDUX

Redone poster design with thicker bars.