Photoshop lesson 1

In the first lesson of Photoshop we have been looking at the three primary skills.

The first was to isolate an area adjust the area around it.

For this we used the elliptical marquee tool (circle) this was placed over the headlight bulb of a car image then adjusted the brightness around it. Car edit This is the finished product looked more pleasing as the light catches the curves of the car.

The second image was all about adding text to an image.

Pitch In edit

This was done using the text tool. It allows you to change the font size and colour, the move tool makes changing the text location really easy.

The third image was all about contrast:

tie guy edit

Using the brush tool you can combine blurred spots and crisp clear ones. This adds contrast and effect.

I have never used Photoshop before and have found this a bit more challenging than some of my class mates. There is something satisfying about creating the finished product.

Advertisements

Typography

When producing any document or publication its vital to think about Typography.

Typography is,as the name suggests looks into the way in which text is produced and organised.

typography

The main things to consider are:

  • Legibility –  can the reader easily read whats in front of them.
  • Leading – this is the gaping between lines of text. The closer the lines the more difficult it can be for people to read. A general rule of thumb is to add 2 points to the size of the font for printed work and 4 points for digital.graphics-1

The example above highlights this point.

  • Kerning – In contrast to leading, kerning is the spacing between the individual letters and words within the sentence. The example below is how not to do it.

bad-kerning

The letters are far to close together, making it almost impossible to read

good-to-bad-kerning

The above example shows a clear difference between the good and bad.

Typography forms an integral part of a companies identify. Hundreds of man hours,and, thousands of pounds are spent on a developing a companies branding. Consistency and exacting standards are only kept are by laying down clear guidelines. The guidelines include font type, size, spacing, colour. Even the spacing round around the wording and pictures are important.

The perfect example of this is the company Love to Shop. The link below is the document that must be followed.

http://www.love2shop.co.uk/COMMON/media-centre/love2shop-brand-guidelines.pdf

 

 

Colour

There is more to colour than meets the eye.

There are two colour palettes Additive which is used for screen output this is primarily TV and Internet or Interface products. The second is Subtractive this is used in print such as Indesign and Photoshop.

Addictive palette: Green, Red and Blue. The three colours when blended together in equal quantity create white.

Subtractive palette: Magenta, Cyan, Yellow. The three colours when blended in a digital format.

Jargon associated with colour

Hue – The mood of colour. This includes depth, vibrancy and warmth

Brilliance – How light or dark is it

Saturation – mixture of levels: white, black, grey and the addition of complimentary colours

 wp-1475662423998.png

 

The contrast between the darkened mountain and sky allow the vividness of the magma to stand out.

Colour wheels are the best friend of everyone involved in design. Colour creates emotion, depth and interest. However it is key to choose the right shades which compliment each other. The wheel helps with this.

basic-colour-wheelThis is a basic example of a colour wheel, outlining the minimal colour pallet.

 

comprehensive-colour-wheel  This is more comprehensive showing a variation on shades.

When planning an article or website, the mood you wish to convey is important. Different colours reflect different moods.

For example:

Purple is inspiring and magical.

Orange is warm and creative.

Blue is calming.

 

 

 

Immersive Web Experiences

For most companies their websites are the first impression a customer has of the company. Competition is increasing daily so the importance for making the web experience eye catching ` and inspiring is vital.

I have been looking at websites which offer different services that inform, inspire and offer a service.

The most appealing websites are tailor made to apply to suit the target demographic. Every detail is considered from the colours, the fonts, the navigation and sound effects.

Below i have listed my four favourite.

 

Flight radar 24

http://www.flightradar24.com

Flight radar 24 is real time flight tracker. With whole world coverage it is possible to track the entire flight from one destination to the other. Each flight is represented by a plane, when the pointer is placed over the moving plane its number is displayed.

Whilst in comparison to some sites it may seem simple, however there is something remarkable at seeing the quantity of aircraft in the global skies.

 

JoHo’s Beans 

http://www.johos.at

JoHo’s web page is stunning. From the moment the site appears you are immersed in film footage of the Brazilian coffee bean growers, the lush greenery and landscapes. The site has a film which allows you to follow the coffee bean from the berry on plant, through the picking, and roasting.

 

 

Red Collar Digital Agency 

redcollar.digital

The Red Collar site is a light clean website showcasing their global work. The writing is minimal with a focus on letting their work shine.

The moving visual on the home page showing moving clouds over snow topped mountains gives a fresh feel. throughout the back ground colours are very light in shades of off white, ensuring the focus remains on what they can do.

 

Wirewax

http://www.wirewax.com

Wirewax allows users to create a truly immersive web experience. This site allows users to add hotspots to video footage. The hotspots give further information on the subject to which it attached. For example in Hull we have the cream phone boxes. A hotspot can be attached and  give a history of why we have them.

The website itself is clean and gives a clear outline of what is possible.