Interesting Graphic Design At Marks And Spencers

I was walking around doing a little shopping on Monday and out the corner of my eye I saw this packaging design. I was like ooo look at that! It really stands out on the shelf! It just looks different to all the other packaging I see in the shops. Very nice!

20150817_154648 - Copy

20150817_154655 - Copy

20150817_154707

20150817_154712 - Copy

20150817_154722 - Copy

20150817_154729

20150817_154735

20150817_154744

20150817_154800

Advertisements

Unusual Graphic Design at Marks and Spencers

The typefaces and colours caught my attention. The mix of these two typefaces is unexpected.
2013-06-19 16.30.44 2013-06-19 16.30.51

Use of White Type – dazeddigital.com

I noticed that the designers use white type regardless of the background colour. I can see what it says but some people may prefer the letters to be clearer and easier to read.
Art and culture white type

Here again I see white type. The first word isn’t very easy to read. The second word is fine.
white type
I am always puzzled when designers use white type with a light coloured background. Perhaps I should ask my tutor why they do this. I suppose it’s because they want to keep the colour scheme of their brand consistent. To keep the brand recognisable to the viewer.

How I made my ‘Lights’ header in Photoshop

After Christmas I went to visit my friend at his place for pre pub drinks. While I was waiting for him to get ready I took some photos of his beautiful Christmas tree with my mobile’s camera. Its fake and it has fibre optic lights which are really pretty. I knew the pictures would come in handy someday.
lights

I used masks to hide parts of the photos.
lm

Here is an example of the process. I picked a soft brush and selected BLACK. I painted over the part that I wanted to be hidden. It looks like it has been erased but it hasn’t, it’s just hidden.
2373
2373 layer

Black to ‘erase’ and white to make it ‘reappear’.

Black makes that part transparent so you can see through to the layer below. White will restore the layer back again.

It’s a bit hard to explain until you try it and see for yourself.

Close up of all the layers. I needed only two layer masks.
mask7

Here is the finished header.
lights3-for-web7

Why use a layer mask? Why not just use the eraser tool?
The main advantage I can see is that a layer mask effectively gives you the chance to hide and uncover indefinitely. You will not lose any of your original photo. You can restore your photo back to its original form whenever you want to. If you ‘take too much away’ you can just ‘put it back’ again.

I watched this video to learn about masks. If you want to learn more about masks I would recommend you watch it.Photoshop Using Gradients with Layer Masks
http://www.youtube.com/watch?v=MxC45bv6YJY