I Wonder

iWonder is an exciting new product, created to revolutionise the way people interact with world-class BBC content. I have been asked to produce a range of design proposals to publicise, promote and realise the iWonder venture into print and broadcast media. Each element has to clearly communicate with the individual content featured, the collective solution must reflect a unified range styling. I am encouraged to experiment with non-literal imagery such as metaphors and analogy. I can use different technologies such as creative typography, abstraction, symbolism. Therefore the techniques I sustain will be creatively associated with the visual communication format and style.

Specifically you are to produce a range of high-quality client presentation visuals for the following:

1: A minimum of four promotional posters for the new BBC iWonder series of documentaries to be broadcast from January 2015. These could be adshells, billboards, decaux posters or whatever you feel to be the most appropriate device.

2: A minimum of 2 covers for the iWonder magazine to be published as support for the BBC series

3: A minimum of 1double-page spread for the magazine featuring content from any of the iWonder topics.

After being briefed in the project went on to visit the BBC iWonder website to get an extent ambiance of the work/branding that has all ready been established interpreting the imagery, type, and design style that has been used throughout. I also wanted to look at how the information that they’ve used is communicated, and additionally looking at the content to see how refined or elementary it is, as this will help me out further on in to the project.

iWonder website research:

I wanted to look at how the iWonder was designed and how it has been used throughout the branding. Im going to look in to the type, imagery, and design style to see how its has been visually communicated.

iwonder logo iwonder 3 iwonder 2

This is the logo that is has been designed for the website, The name ‘iWonder’ itself draws visitors in and stimulates an interaction. The O on the logo contains a question mark like design, this is very suitable as the word iWonder is a question. The symbol also signposts iWonder content throughout other BBC environments and articles. The typeface used is called ‘Curious Sans’. It’s a bespoke cut, with rounded characters and angles reflecting the iWonder icon. Here is the typeface below..

iwonder typeface

iwonder logo  iwonder logo  iwonder 2

Here are some examples of the poster articles on the iWonder website, I like how the curious sans typeface is consistently used  throughout each design this makes its consistent, my favourite poster is the one on the left because not only does it visually communicate the WW1 article well with the background soldiers image, it also brings an aspect of the iWonder logo in to the poster design, which is the the question mark device that has been cropped out to intrigue, fascinate and hook users into content. The third screenshot shows the different articles, and one thing I have noticed, is the different colours used for the distinct articles, the different colours reflect the mood of the content, serious subjects are muted and lighter subjects are naturally brighter.

iwonder logo  iwonder 2  iwonder 2

Here are some more examples of more article posters. What I have noticed in these particular designs is that each one uses a cropped out circle shape, this has only been applied to the posters that consist a timeline, like the ones above. I like the imagery used because its appropriate for the chosen subject such as the soldier image for the article ‘British soldier’s tale’. the curious sans type is carried on throughout each of these designs, I’m not keen on the placement of type on the posters above, I do think that can be improved. I’m not a massive fan of the posters above personally, but they do give me an indication of what to do in-terms of the consistency of each poster, which is what we have to incorporate in to the poster and magazine spreads I’ll be designing.

BBC Documentaries Research:

As we know the iWonder brand is apart of the BBC, so I started to look at some other campaigns that are apart of the BBC. Because we have to promote the posters and the magazine spreads as a series of documentaries, I want too look at different documentary posters that have been promoted by the BBC . Here are some examples below……


The first documentary poster is wonders of the universe, I particularity like this one because the viewers’ attention is is focused on the phenomenal imagery and visual. The font used is a plain thin sans serif typeface which is very similar to the font Kalinga. I like the small bright visuals on certain letters of the typeface, it gives it more character and makes the type more interesting. The typeface size and spacing adds to the hierarchy, although it doesn’t divert your attention from the imagery. The colours vary from blacks to whites, also hints of purple are featured, the white colour is brightly introduced in the top right hand corner with the moon image, this makes the image more upbeat. The image for me does visually communicate with the title ‘wonders of the universe’, hence because of beautiful landscape photograph. The BBC logo is often located somewhere within the design often at the top left side but not a noticeably large size, in this case its rather easily noticeable as the colour of the logo is a deep gradient purple and pink colour. The second poster is a more eye catching and lively design than the last one. The colours play a major factor in this, the bright blues, yellows and oranges etc make the image more buoyant. The type used throughout is a bold sans serif font, however I’m not a fan of the typeface, I just don’t think stands out as much as it wants too. The poster clearly wants the audience to focus more on the image rather than the type, imagery is more eye catching than a typeface. The prodigious photography used creates a contemporary perception that charaterises the use of camera work and delecacy of the documentary. The BBC logo is shown again in the right hand corner in this case, its easily noticeable so people know what channel to watch the documentary on.


Here is another documentary poster that I found interesting. I like the colour mixture between greens, blues, and different dark and light shades, its a rather tonal variated effect throughout especially with the green light effect. The typeface is a bold sans serif, the imagery in O for the word ‘Orbit’ gives the type an authentic and distinct appearance. The hierarchy is used pretty well, I would like the size of the type to be a little smaller, because I think when people see the poster they want too see the imagery as well, but on this poster the typeface takes up too much of the background image. The overall documentary poster does visually communicate what the documentary is about, the photo of planet earth at the top does link with the name of the documentary. The fourth poster which is called ‘Human Planet’ caught my eye immediately with its blasting mix of contrasting colours, if you look closely you can see that the overall imagery is a human eye, but in the middle is apicture of planet earth this is where visual communication comes in, as the documentary is called human planet, hence the eye and and planet earth. The glowing typeface gives the poster a compact look. I do like the use of different colours blaring out in this particular documentary poster, I think this would be a interesting style to look at and try incorporate into one of my articles maybe. The BBC logo is pretty much easily noticed, it would ruin the design if it was made any bigger.

As the posters and magazine spreads I will be designing have to be consistent, I want to look at the documentary series Frozen Planet, the documentary cover/posters has a consistent theme throughout, the only difference is the imagery used for each series. Here are some examples below…


Here are three posters advertising the documentary series frozen planet on the BBC, these are perfect examples of how to keep a design consistent throughout each poster. I like how each design uses the same font and more or less the same hierarchy throughout. Each design uses a a piece of breath taking photography for the imagery, similar to the ‘wonders of the universe’ one. Each poster has a formal and academic look to it, this is due to the bold and bright colours that regulate your attention. Frozen Planet is an intellectual program on BBC One about life in the antarctic, this explains the way the documentary poster have been designed, to distribute the purpose of the program. In terms of looking at the consistency in and throughout my designs, I would need to use certain techniques and approaches because frozen planet and the iWonder product are pretty much similar in my opinion.

Documentary/film poster research:

I want to investigate in to different posters, such as film and documentary ones, I’m looking to study the imagery and type, and where they are positioned on the poster, I think looking at how different poster communicate, and what intended target audiences they are aimed at. Exploring these aspects will benefit me massively, and help me come up with my own ideas for my posters.

poster 1  poster 1

The first poster I found is called Vegucated, its a documentary about vegans. I choose to analise this poster because, I like the overall appearance of the design. My favourite aspect of the poster is the imagery used, it quite clearly visually communicates with the name of the documentary ‘Vegucated’, the stalk/leaf coming out of the top of the mortarboard hat is a clever and unique component of the design. The colours used are pretty basic and solid, the base colour is white, which is also the most dominant colour, I like how it doesn’t use to many colours so there’s no clash within different tone of colours. The bold type is rather quirky, and fits in well with the imagery, I cant really tell because the font is very thick, but the type used is a serif, one thing I particularly like is how tight the kerning is on the typography on the main headline title. Overall the hierarchy used is pretty substantial. The second poster is something that caught my attention straight away, especially with the colours, the different tonal variated colours give the poster an effective look, one area that disappointing me about the film poster is the titles at the bottom, I personally think it clashes with the background blue colour. This film poster is obviously about a hairdresser, the imagery is of a woman model, almost silhouette like, with images of various men and women with different hairstyles if you look closely, I personally think this does visually communicate pretty well, however not as clear as the first poster. The bold sans serif font used for the main headline of the film poster is visually eye catching, the use of a red colour for the type drags your attention to the type as well. Overall I personally think this is a nicely structured poster, The imagery and the main headline type are my favourite aspects of this design.

poster  poster

This poster is a documentary advertised by channel 4 called seven days. I choose to talk about this one because I like they way the imagery takes over the poster, I also think the small strips of different peoples faces is very unique and something you don’t very often with imagery, this is something I am hoping to achieve amongst my posters, something diverse and exquisite. There isn’t too much going in terms of typography, there’s only the advertisement of what the documentary is called etc, the type used is a bold/medium sans serif type, I’d personally like to see more type and info on the poster. The documentary is about different characters in distinct neighborhoods, hence the diverse snippets of peoples faces, so I do think it visually communicates with the documentary. Overall I don’t think its the greats of documentary posters, but I can take some positives from this poster especially the imagery. The second poster is similar in terms of how much the image takes up most of the poster design. The use of the whole image as a background for the poster is effective, as it has an impact on the audience, they are instantly intrigued by what the poster is about. The main type uses a simple, easily readable font. The text and subtitles are interesting as they are very simple, with a mainstream font and a clean black colouring. This has the effect of contrasting the plot of the documentary, which is about amazing feat, the poster is subtle and intriguing, causing the audience to wonder what the documentary is about. The positioning of the typography at the bottom of the page is important, its neatly packaged in between the two buildings present in the image. This does not detracted from the purpose of the poster.

poster  poster 3

I choose the ‘source code’ film poster mainly because of the quirky imagery. The image is so unique and different to other posters, this is something that I am looking to do within my poster designs. Its almost like a cubist photography effect, its very effective, and gives off a a commendable impression. The hierarchy on the poster has been excessively concentrated on, our eyes are struck on the name of the film ‘Source Code’ written in a capitalised font with the colour red that has a connection for violence and danger, this in my opinion shows the audience a form of deception is deceit is perceived within this film. The kerning is used well, its very compact which I like amongst typography. I do think the imagery does visually communicate with the poster, as I’ve seen the film, I know the man on the front of the poster is the main character, the poster visually shows he is the main character. The second image I found is a similar style to the first one, the only difference is these set of simple film posters are more illustrative. They are simple posters but have rather powerful effect in terms of the imagery. All three are consistent which is good because, consistency is one of the aspects we have to include amongst our posters and magazine spread/cover. Each image shows the character of the film, this is showing the visual communication link between each one. The type is minimal but however it does have a nice effect with each of the three posters, the ‘Frankenstein’ poster has a serif font as the other two consist of a sans serif font, the type looks hand drawn for all of the posters. Overall I do like the posters, the imagery is something i find really interesting, it maybe a style I might try throughout my designs, I’ve never trued anything like it before, but it would be a creative risk, which i am willing to do throughout this project. My favourite is the first one ‘Source Code’ its more image based, its not illustrative compared to the series of other posters.

Consistent poster designs:

I want at look at more consistent posters, this will help me because each different posters will give me ideas on how to keep my designs similar throughout.

poster 3  poster  poster 1

These three poster are a great examples on how to keep a series of posters consistent. This type of poster is a called a minimalist poster, these are film posters so each one takes a component out of the film that is recognisable to the audience. Each one is consistent as they use the same type and the same typographic imagery style, the positioning of the hierarchy is similar if not the exact same. I like this type of style because its unique and rather quirky, its something I could maybe try and incorporate in to my poster designs. My favourite out of these three is the middle poster, the typography used in the characters head is brilliantly structured I like how it fits in with the whole shape of the imagery, its a great image design in my opinion.

poster 3  poster  poster 1

Here are some more examples of consistent posters, however these are documentary posters advertised by channel 4, I choose to talk about because of the consistent layout between each poster, the type and placement is pretty much similar, so is the sans serif font used too. all of the posters have an academic look to them, this is due to the powerful imagery used for each poster which rectify’s the viewers attention. My favourite out of the three is the one on the right because its the most powerful in terms of catching you’re attention. I think how it communicates too is a big factor in it being my favourite.

Looking at the consistency of different posters has given me some ideas in terms how to keep my designs similar with one another, especially with certain elements such as the type, hierarchy, and imagery etc.

Magazine spread research:

After researching a varied amount of posters to get my ideas a flow, and how to structure certain elements such as type and imagery etc, I wanted to too look at some magazine spreads and magazine covers, as we have to create one double page spread, and a minimum of two 2 covers for the iWonder magazine. I want to loom particular at certain parts of the magazines I research, such as the layout and how well the hierarchy works, as well as the imagery.

poster 3   poster

Here two examples of double magazine spreads, I choose these one because they have a cordial structure, the first one does seem boring, however its does have a simple layout which is what I like when it comes to certain magazine spread designs, this is something I am looking consolidate in to my magazine design. I like how one side of the magazine is filled with an image, and the other with typography, this is how I like a magazine to look. The type used for the main headline is a bold sans serif font, you can say its eye catching in a way, but that’s mainly because the other type is really small. I’d personally like to see more colour throughout the spread but overall its positive spread. As the magazine spreads and covers we will be designing have to be consistent with our poster that I will be creating, I think looking at certain techniques and approaches throughout different magazine spreads and covers are vital amongst this project as will help me out a lot. Moving on to the second magazine spread I chose this particular one because for one its about a documentary and two, the design is absolutely brilliant in my opinion, the imagery is distinguished, and fantastically designed, I love the tear effects added for each image. The typography side of the magazine spread is decent touch too, the hierarchy is used well, although it doesn’t divert your attention from the imagery. The imagery is a major part on why I chose to incorporate this spread in to my research, its the type of style I would like to try throughout my designs. Both posters are great and have given me some ideas and skill techniques to use for sketching out my designs.

poster 1  poster 3

Here are two magazine covers that I have found, I choose these particular one because of the imagery and how they have been structured in terms of the hierarchy. The first one I found is called Kahunas, I choose this particular one because of the brilliant imagery used, its a style that I looked at amongst film poster earlier on in my research, its almost like a cubist effect, its a unique effect that I like a lot. I like how each title such as ‘noah and the whale’ is compacted, the kerning has been throughout about as each letter is the distance part, this gives the type a more professional look, it doesn’t look as if its just been typed in. I like the tonal variated colours used amongst the cover, it gives it a real sufficient and professional look. The only thing I don’t like about the cover is the title Kaizers Orchestra, it clashes too much with the imagery, its doesn’t really help that the image and text are near enough the same colour tone, if I was designing this cover i would definitely change the colour of the type, this would make the type more visible and esker to read. The second cover I found more of a formal layout, I do prefer the layout of this one because theres not too much going on in terms of type etc, the hierarchy is kept minimal, which is good because it gives people a chance to admire the layout and image, I eyelash the added triangular shape added, I think its adds that real uniqueness in details of the cover. The bold sans serif font is beautifully presented, I like the pink font, it looks like a type that is used amongst expensive clothing brands etc. The alignment of the different sets of type is varied, which I don’t like, I’d rather them be either centred or aligned on the left hand side. I think having them both separate does weaken the design a little. This is a womens fashion magazine, so having a female model to represent the imagery, does in my opinion portray visual communication. Using the pink colours does make it look more feminine too. Overall I like both covers that I have research, I prefer the imagery on the first one I looked at, but I do favour more to the layout of the second cover. Researching these two covers has given me a few ideas for how to layout my magazine.

Choosing my iWonder topics:

Once I had looked at different poster and magazine spread and covers in creative depth and detail, I started to look at what all the topics and what they can offer me. As I already have an indication what the website is about after researching it earlier, I started to choose my topics….

  • What are Zoo’s for?
  • Is a bee as smart as a sat nav?
  • Is rocket science easier than you think?
  • What makes space travel so dangerous

Untitled-2  Untitled-3  Untitled-1  Untitled-4

I chose these particular subjects because they were the ones that stood out to me in terms of the imagery and the interest of information each one has offered, the first one ‘what are zoos for’ is an interesting subject that has stacks of interesting information also, I think I can use great in depth imagery for this subject too. The second one ‘Is a bee as smart as a sat nav’ is a bizarre topic, which is what attracted me towards it. The third articles/topic is ‘Is rocket science easier than you think’ is a subject that has a lot of information about the topic, the fact that I am interested in rocket science anyway did lure me towards the topic. The final one I chose ‘Why is space travel so dangerous’ is probably my favourite one because I have a strong interest in space, and space imagery.


After choosing the iWonder topics I want to create my four promotional posters magazine spread and covers promoting a series of documentaries, I started to think about how I can keep my designs and layout consistent throughout each of my posters. I wanted to start off by sketching some designs out for my poster first, this is so when I finish my posters I can analise each one and see which topic I want to carry through to my magazine covers and spread design, this will make it easier for me when it comes to designing my magazine covers and spread. To help me out with my ideas on how I’m going to design my posters, is started to do some sketches…..

sketch 6     sketch 5     sketch 4     sketch 3     sketch 2     sketch 1

I experimented with a lot of different sketches, my aim is to focus on imagery layout designs as I want each of my posters to look persistent throughout. I started off by doing some messy and quick sketches, this helped because it gave me more ideas to work with. I looked at how I can portray my imagery for each poster, a few of my concepts incorporate the question mark logo which is included on the iWonder type, a good idea would be to do a clipping mask around an image for each topic, so the imagery is clipped in to the question mark logo, this would link the iWonder title with the imagery very well. I want too consolidate my sketches with some of the poster designs I looked at in my research. I loved the posters ‘source code’ and ‘Frankenstein’, I sketched out some ideas to see how I could use that type of imagery amongst my designs, the fifth and the sixth screenshots above show how I have tried to do this, I personally think the type of style would work well on my four poster designs, its almost like a photographic cubism effect. It would however be a creative risk using this style as I’ve never experimented with anything like it before, although it does have a brilliant effect on the final outcome of a design, (which you can see in the images below). So finally I have chosen to incorporate this form of style in to my posters as I think its the strongest way of communicating my posters. (examples of the type of imagery I will be creating below).

poster  sketch 1  sketch 2  sketch 3

Designing my posters:

So after receiving inspiration from my research and sketch designs, I started to focus on a way I can use the type of image style I am using, I started off by getting the best image possible for for each poster design, the first one I am going to create is ‘Is a bee as smart as a sat nav’.

sketch 1

This is the image I have chosen to use, its clear and focuses on the important aspects of the bee such as the facial features. I will use different Photoshop techniques I have developed through the digital design project. I started off by transporting the bee image in to Photoshop, below are images of the process of developing my image….

sketch 2  sketch 3  screenshot 1

sketch 1  sketch 1

I found a tutorial on how to get the cubist like effect step by step (tutorial below), the process was very simple, all I had to do was to use ruler lines as a guide, this made it a lot easier when cuting and moving the shapes. I then used the marquee tool select around the area I wanted to cut, next I right clicked the area and chose the option layer via cut, this cut the area I wanted and enabled me to move and resize the area separately from the background image. To cut every square took me around 20 minutes, once I had finish cutting the squares, the next job was to re size each one, so it had a cubism like look to the image, as you can see on the image above. After playing and re sizeing the shapes in more detail to where I want them to be on my image, I still didn’t think it was strong enough, so I decided to add some contrast, and curve effects, to give the image a more substantial look, to get it an even better finish I added some drop shadow effects to make its stand out more. Finally I absolutely love the overall imagery, its a distinct look to just a plain old photo, the cubist like effect allows me to justify my process in designing my imagery, it also lifts the appearance, and makes the audience look again. I think the image does visually communicate with the topic too.

Comparing my own photo with the images I researched…

sketch 1  poster  sketch 3

I used the same process for my images on the other topics I choose, What are Zoo’s for?, What makes space travel so dangerous, and Is rocket science easier than you think. Below are the images I will be using for each of the posters, I applied the same techniques and adjustments as the what are zoos for image because as its states in the brief we have to keep our designs consistent. I personally think I have achieved this within the consistency of the image style.

sketch 1  Untitled-1  Untitled-2  Untitled-3

The next job is to focus on the layout of the poster, elements such as how to position the hierarchy and the how big certain text sizes should be etc. looking through my sketches again, I want to try and aim for something that is simple, and just looks efficient. I don’t want too much information on each poster because its supposed advertise a documentary, so the only headlines I want are the time, date, presenter, and the BBC logo.

ldjewlfhweiofio poster layout 1 poster layout 2 poster layout 3 poster layout 4

These are the different layouts I have designed, all four of them are influenced from my sketches that I come up with. The first layout design is probably the weakest in terms of the size type and overall structure, but however I do like the simplistic lines to separate the information at the bottom of the page, I also like the black shadow effects added to the layout design, it gives it a more adequate look. Overall the alignment works nicely, but the layout is disappointing, as they’re are too many different type sizes going on. The second layout I produced is quite a lot different from the first one, I’ve tried to make the design look more sleek and professional, as you can see I have worked on the type a lot more, I’ve just used two different type sizes, this doesn’t make the design look messy compared to the other one. Ive made the BBC iWonder logo smaller because I don’t want it to be too overpowering. I’m not a massive fan of the text placement in the bottom right corner, It should be aligned with the text on the left hand side, I also don’t like how compact the text is, I like it to be spaced out a little bit more. I do like the extra opacity drop shape I have imported, its relatively punchy which I like. Overall I personally think this layout is better than the first one I designed. The third poster layout design is analogous to the send design I created, the only difference is the type on the left hand side. I spaced the text out more to make the poster easier to read, I also scrapped the small line that separated the ‘January 6th and BBC One 8;00pm’, I decided to a small ellipse shape, this made the design more subtle in terms of the small parts of the layout design. The fourth layout design is definatley the strongest, I made quite a few changes because the other three that I created weren’t up to a standard that I would of liked. I got rid of the small opacity drop which was placed in the right hand corner, I moved the ‘Find out more’ to the left hand side, this is so the whole hierarchy of the poster is aligned perfectly. After speaking to my tutor about what else I can add to the design, I  come up with the idea of introducing the question mark like shape that is used on the iWonder logo, I used it instead of an ordinary question mark, I think is quite effective how Ive taken a an element of the iWonder logo and incorporated it in to my poster design. I moved the ‘Tuesday January 6th 2015 and BBC One 8:00pm’ up towards the main title of the topic, so it almost looks apart of the headline, this is because they are the most important features of the poster, as they are stating the name, date, time, and channel. Overall I I love this layout design, its built up really efficiently, the design looks sleek and professional, this will be the layout I will be using for each one of my posters, it will give each poster a very consistent look with the same image style, and the same layout design.

Is a bee as smart as sat nav poster 1 - Copy  what are zoos for poster 1 - Copy  Why is space travel so dangerous 1 - Copy  is rocket science easier than you think 1 - Copy

After I had finished my posters, I showed my tutors, to see what they thought, they particularly liked the image style I’d used, and the layout of the poster design too. One of my tutors suggested that I added like a sat nav navigator to my bee poster, I tried this out, I personally think it looks okay, but I do prefer without. So I decided against incorporating the navigator vector.


Here are my Final poster designs, as you can see I have incorporated the same layout style to each one. Each design has a consistent look, such as the imagery type and layout. As we were only restricted to use one type (Century Gothic) I personally think I have used it very well, tightening the kerning of the type has made each poster it a lot cleaner, I used rulers to help me align the font, and also with the leading. The link between the imagery and type is brilliant and gives the posters a competent appearance. All of them visually communicate with the topic in my opinion, the imagery is clearly linked with the names of the topics. Overall I am very ecstatic with the outcome of each one of the posters, I personally think all of them answer the brief in an effective yet efficient way. I am now going to superimpose each one of my posters on  either Adshells, Billboards, or Decaux boards etc.

Super Imposing my posters:

Why is space travel so dangerous imposition 2  What are Zoos for impostion

Is rocket science easier than you think imposition  Is a bee as smart as a sat nav impostion

All 4 super imposed poster  Why is space travel so dangerous impostion

Is rocket science easier than you think impostion 2  Is a bee as smart as a sat nav impostion 2

Here are my final super imposed poster designs, I experimented with different advertising boards, such as Adshels, Billboards and JCDecaux boards. I used similar techniques for each design except the ones with people looking at the posters. For the first super imposition I used pen tool to cut out the original advert that was placed inside the adshel, I then integrated my poster design (why is space travel so dangerous) in to the adshel, I used the distort tool to make the poster fit perfectly in to the ad shel, this gave a more realistic look. The final stage was to merge both my poster and the background adshsel image together, and edit the brightness and contrast to make it look prudent amongst both of the images. I used the same process for each poster expect for the last two. The last two image both consistent of people admiring posters, I choose these particular ones, because they look more realistic with people standing in front of the adshel. To get my poster in to the adshel, I had to cut out the people with the pen tool again, and duplicate the layer, I also cut out the advert before, this made it possible for me to paste, and distort my poster design inside the adshel. I then deleted the background layer of the person, and then carried the duplicated layer and placed in the original position it was in, I then merged all of the layers together, and adjusted the contrast, and brightness. Overall all of the posters have an amiable effect, they communicate well in promoting the documentary, I like all of them but my favourite has to be the ones at the bottom, They look the more realistic in my opinion, especially with the people looking at the adshles. I like all of the super impositions I have done, but my favourite ones are the bottom ones because they serve a more pragmatic look, and communicate the both posters very effectively.

Double page magazine spreads:

After finishing my posters designs and my super imposition, I started to focus on the magazine spread we have been asked to create. I am going to create two magazine spreads, both on the subject ‘what makes space travel so dangerous’ I’ve chosen to pursue my spreads on this subject because, its the one that is the most interesting for me, I also enjoyed working with the subject amongst my poster design. I’m going to some more research on different magazine spread design, just to get an idea on different styles of layouts, and also the placing of imagery and hierarchy etc.

Untitled-3   Untitled-4

Here are two examples of layouts I like, the first magazine spread layout is extremely minimal, I like the simplicity of the design, its clean and leek which I like amongst designs. The bold sans serif Helvetica font links well overall hierarchy of the layout. I really treasure the way the image is unevenly sliced and placed on two different pages is interesting. It really makes you have to think about the two images as a whole and as individuals. Also the contrast of the bright pink and the grey/black city it very striking. The second magazine spread again has a simple format, you could say the spread is boring, but I do relish the overall design. The spread really makes a statement. The text colours were chosen so they match the photo, which takes up a whole page. The text is short and doesn’t overpower the photo, I particularly like the style of how the type has been portrayed, it has a compact look to it, which gives it an overall elegant look. The image serves its purpose in visually communicating the subject which is surfing. One last area to mention about the spread, the use of negative space is rather effective, it can look are on certain spreads, but it does work well on this particular one.

Untitled-1  Untitled-2

Here are two more magazine spread designs, the third one I found is different compared to the other two, the imagery takes up the whole of both pages, its set as the background image. The black and white colour image gives off an authentic appearance, if it was in colour, I personally don’t think it wouldn’t fit well with the blue text boxes. I like the use of the blue text boxes, especially the one that takes up the whole page, I like the way it look amongst the whole design, the type sits well with it too, this is something that I might try and Incorporated in to my design, The only area I don’t like is the “beastie boys are back” font, its poor and it flaws the design a little. The second magazine spread is another simple design, I chose to research this one because I like some of the elements the spread uses. The small area such as the header, in the top right hand corner is something I particular like on this spread, I just like the simplicity of the small rectangle shape that is out of the way, it gives off a fastidious presence on the spread. The hierarchy is centered on this spread, it works well, compared to if it was aligned left or right. The spacing between the bold ‘article’ heading is effective and the use of white space gives off a condensed feel around the design. Overall I like all of these designs, they have given me some ideas on where to place my type and imagery etc and how to portray different styles of layout. I will attempt to consolidate ideas from what I have seen on my research into my keylines and sketches.

Sketches and Keylines:

Untitled-4  Untitled-3   Untitled-2  Untitled-1  Untitled-2  Untitled-3

These are my sketches and keylines that I have come up with, most of these mock ups are inspired by the research I have come up with. The first set sketches I looked at having one image on one page and type on the other, similar to the “article” magazine spread. I like the idea of my spread making a statement. The text would be quite minimal and short and shouldn’t overpower the photo. Having an image of an astronaut would visually communicate the ‘what makes space travel so dangerous’ topic. Amongst some of my other sketches, I have overlapped the iWonder logo with my imagery, I have seen this been done on other magazine spreads, and it looks very effective. I will obviously include a header and footer throughout my spread, I will also add a bleed so when I print my spread it won’t cut any of the edges off it. The third and fourth keyline sketches are my favourite, because, the style and layout of it is relatively profitable, I like how the keyline sketches have some of the features of the ‘beastie boys’ spread, such as the banner like shape running across the page, and also a whole image taking up the background. I thought it would be a good idea to add different images on the right hand side of the spread, the images will all have a cubist like effect, similar to my images amongst my poster designs, this will show the consistency between my ‘what makes space travel so dangerous’ poster. However the full background image will not have the cubist like ramification, this is because it would be too much, I don’t want to overpower my spread with image manipulation, it would also clash with the type I will be using.

Untitled-1  Untitled-1

This is my final keyline drawing, it will be the style and layout I will use on my magazine spread. I started off by setting up my grid for the spread, I used 4 columns, as its what I used amongst my final keyline sketch, the are margins 12.7mm with the gutter being 4mm.


I wanted a background image of an astronaut traveling through space, the photo I did end up choosing was very strong when I placed it on to the background of my spread, the image looks like an astronaut in trouble, this links up with the title of the topic (what makes space travel so dangerous) because its about the dangers of space and what things can go wrong, so the image visually communicates it extremely well.

Untitled-1  Untitled-2

I then started to focus on capturing the layout of where I was to place my images and hierarchy, this was pretty easy for me as I had already keylined some layout ideas, the final one on the left is how I want the structure of my magazine to look like. I started to place all the elements that I have on my keyline design on to the magazine spread. As you can see the image on the right is similar in comparison to my keyline design, the different blank areas are just signifying where the images and text will be placed, the black boxes are where the images will go, and the white banner running towards the bottom of the spread will be where the information will go.

Untitled-1  Untitled-8

Untitled-3  Untitled-4

One of the hardest parts of designing the spread was where to position the iWonder logo. I tried to position it in different places, wherever I placed the logo, it clashed with the background image a little too much for liking. I placed the logo on line with the page number in the top left hand corner, I wasn’t so keen at first, but when I spoke to my tutor, he recommended that I align the logo with the type at the bottom of the page, that’s when I put it in of course. I decided to keep it in the same place, as you can see on the third image above, I added underneath the logo, the iWonder website address and the topic ‘what makes space travel so dangerous’, this made it little more compact, and gave the logo a boost upon the appearance, I feel it just looked lackluster on its own. I used the question mark feature off of the iWonder logo again, I added it to the end of the topic name, which is what I did on my poster designs, this shows consistent feature of my spread and the space topic poster. Finally when I finished aligning the iWonder logo, I zoomed out to see what it looks like, I personally think the logo is in the best position it can be, it also works well with the grid system I have used.

Untitled-5  Untitled-6  Untitled-7

Here are some screen grabs of me incorporating my text, which is from the iWonder website. It was a pretty simple process as I knew where I wanted my text to go, I made sure my text was aligned correctly by using my grid system which included 4 columns wide with a 12.7mm margin. After all my content was pasted across it was time to align it correctly. Once I had done this I was happy. It linked up well with background image, and the banner running across the page. As the text is bang on line with the page number and the iWonder logo. I also dragged ruler in jut too make sure I didn’t have any miss placed lines of text. The next stage is to fill the black boxes with the images I will be using.

Untitled-1 Untitled-2 Untitled-3

Here is one of the three images I will be using on my spread. I used the same cubist like effect on the poster images, I wanted too use this style again because it keeps my spread and the posters consistent, the image is very small size, this because when I bring it in to inDesign I can just paste the image in to one of the black boxes on my spread, this will make it easier, and make the image much more clearer. I added black overlay and shadow effects to the design, I also merge each cut out and edited the brightness and contrast of the image. The other two image which are shown below, also have the same adjustments. All three link up will link up well when I paste them on to my spread, the will have a persistent look and add that creative edge to my magazine spread, as well as associating well with my posters.

astro 1  astronaut

Above are the other two cubist lie images that I will be using on my magazine spread design.

astronaut  astro 2  astro 1

sketch 1  Untitled-1  Untitled-2  Untitled-3

The three final images that I will incorparte on to my magazine spread. The images below are just showing the consistent look amongst the images I have used on my poster designs. I like the way I have link them both with the same style, it think it looks very efficient and dynamic.

Untitled-1  Untitled-1

These screen grabs are just showing what the images looked like when I pasted them in, I personally think they look great my they add a real spark to the design, without them I think the spread would look a little too sluggish. I added a white outline fill to them, just make them stand out a tad more. I sized the two end images up to the bleed round the edge so they don’t get cut off. The zoomed out image shows had cordial the overall design looks. My favourite image out of the three is the bottom one, it just stands out the most in my opinion.

Final double page spread 1:


Here is my final magazine spread design that has is based on the ‘what makes space travel so dangerous’ iWonder topic. I am overwhelmed with the outcome of my spread design. the added features such as the images on three images on the right hand side, and also the banner that runs across the bottom of the spread. The magazine spread justifies the topic well, also the images have a great link with the topic too. I think the grid system I created worked out well amongst my design especially the alignment of certain elements such as the type and title, this an area that is strong on my design in my opinion. I had one problem with designing my spread, I had to edit the iWonder logo in illustrator because the outlines weren’t created so I couldn’t change the colours and the size properly. I’m rather impressed with the footer and how neat and sleek it looks when you zoom out on the spread, its aligned with the left column, and sits nicely on line with the iWonder logo and the topic information. The information that travels a long the white banner is easily visible and readable. One area I did do well was utilising the disposition of colours, type and imagery. I feel I have demonstrated an understanding of the style and layout I have used. Overall I am very happy with my design. On to designing my second magazine spread!!!

Second double page magazine spread:

I started to look at the sketches I created, I wanted to use a different layout to my other one, I particularly like the article and surfing magazine spread, which I researched earlier on.


I like the idea of having the image and type on separate pages, when I look at other magazine spreads like this they all have a neat and tidy look. To try and keep my magazine spread consistent with my posters, I tried to Incorporated the opacity drops and the same cubist like effect on my images or image. I’m thinking of just have one photo on my spread, however I don’t want it over power the type too much. Final keyline layout below…


This is my final keyline sketch for my second magazine spread, I am looking to incorporate this layout on to my my spread. The layout is clean and has rather effective format too it. Its very simple hence the reason I have chosen to create this layout style.


I am using the grid system as the first magazine spread, I used 4 columns, as its what I used amongst my final keyline sketch, the are margins 12.7mm with the gutter being 4mm.

untitled 2  Untitled-1  Untitled-1

I decided to use the same image I use on my first spread, however, I used the cubist like effect instead of the original image, using this technique links up with my posters designs, it also communicates with my first one too as I used similar images. It was a creative risk to try the image manipulation because as you can see I wanted my image to fill the whole spread, so I had to be wary of any pixelated areas when I was creating the cubist effect in Photoshop, thankfully when I pasted the image in to inDesign, it was very sharp and clear on its appearance.

untitled 2  untitled 2 Untitled-1  Untitled-1

Here are four screen grabs I took designing my spread, The first one is just showing me creating a shape which is where my type will be placed that is placed. I was thinking about having the shape half way, but I decided against it because I want people to see my image in more detail. I dropped the opacity of the shape so I could see all of the image, the opacity is around 70 percent any lower and the type would not be visible. the second screen grab is showing the iWonder logo, as you can see I’ve used the exact same one as my first spread, I cent red the iWonder and moved it towards the top of the spread page, this is so I can fit my topic information in the middle. I then copied the information from my first spread on to my this one, to be honest I think placing the type in the middle made it a little bland, so I decided to add a quote in the middle of the type too liven the design up a bit, as you can see on the final screen grab it worked out pretty well. Also the the footer is the same as my first spread too, its just placed on the right hand side underneath the topic info, which is the best place for it in my opinion.

I Untitled-1


Here is my second final magazine spread, I am over-ally pleased with the outcome, It looks very clean and neat throughout, I love how the imagery is consistent with the posters I created. I like how I managed the opacity to make the type readable, the shape I added to the spread has made it more lively in terms with the image as well. I integrated the queston mark like O from the iWonder logo on too my magazine spread, I used it to separate the iwonder logo from the type information. The image below, is where I got my inspiration from, I looked at the layout and style of it, I took the idea of having the image on one side and the type on the other, I also took revelation from the positioning of the type, I like how its centered on the right hand side, and how its all aligned together. Overall I am extremely happy with my outcome.

Final magazine spreads:



Magazine cover designs:

The next stage of the project is to create 2 magazine covers which will be published as a support for the BBC iWonder series. I started to focus on how I can make the covers look consistent with my posters and magazine spread designs. I personally think this will be the easiest element of the project to design, because I know what style and what type of imagery I need too use. I will be designing my magazine covers on the two topics ‘what are zoo’s for’ and ‘what makes space travel so dangerous’. They are the topics I know I can create a great outcome for. Below is the process I used to create my magazine covers.

What are zoos for cover design:

49ecda52fda6d2d690dde3921d639bdf  Untitled-2  Untitled-1

I used the same image manipulation that I used on my magazine spreads, and posters, this so my designs have a consistent theme throughout each one of my designs. The main picture is of a lioness, seen as I have a Lion for my poster design, I thought would e a good idea to have a lioness. Also lions are one the most common animals in a zoo.

Untitled-1  Untitled-2  Untitled-3  Untitled4  magazine cover 1  Untitled-2

The process of designing my magazine cover was pretty simple, I knew how I was going to create my cover in terms of the placement of the imagery and type etc. My aim was obviously too keep my cover consistent with my posters, I just wanted to add extra details. The one area I enjoyed designing on the cover was the type, its a strong element of this design as gives off a neat and aligned look, the kerning and spacing between letters and words admirably well, the space between letters is separated by the round circle from the iWonder question mark like O, I think this adds a simple yet effective look, If you glance upon my other designs you notice I’ve done the same for my typography. Once I had sorted the order and placement of my type, I decided to focus more on the background image its self, I added more colour to the image using the contrast tool, I also included a small gradient towards the bottom of the cover, just to make the hierarchy more visible. I was thinking about added more text underneath the ‘What are zoos for’ but I decided against it, I asked my tutor about it, which he told me too just keep the design the same, I do think If i did add any more text too, it would overkill the overall design. Overall I am very jubilant with this design, its clean, contemporary, consistent with my posters, and most importantly it visually communicates the topic too.

What makes space travel so dangerous cover design:

I use the same format and layout as the first cover I designed, below are some screen grabs of me using different tools and techniques to achieve a high quality finish to my design.

Untitled-1  Untitled-2  Untitled4  Untitled-4   Untitled-4

Here are the screen grabs I took when designing my second magazine cover, they all show different steps I took to design my cover. I used the exact same features as the ‘what are zoos for’ cover, the only change is the imagery and the name. I particularity like the imagery on the cover, it works really well with the overall layout, there are no image and type clashes either which is good. I used the rulers more on this one just too make sure I had the same layout and alignment as my first magazine cover, this help me a lot when positioning my type. Overall I am very ecstatic with the overall design of this and my other cover, they both visually communicate the topic in a unique and quirky way, they also stand out from a crowd when compared to other magazine covers.

Super imposing spread and covers:

super imposition spread and cover 2 super imposition spread and cover super imposition magazine cover 2 super imposition magazine cover

Here are my final super impositions for my magazine spread and cover. It was a pretty simple process to impose my designs,  I found templates on google, I used a series of photoshop different techniques,. The first poster, was a template that I was given, so it was pretty simple to pasted my designs on to the template, I had to distort my cover and poster, to fit in with the template, I also warped the design, this helped me to curve around the open spread template. I finally added a gradient effect down the middle of my spread imposition, this gave it a more realistic look, it almost looks as if the page is turning. The second super imposition was a little harder because I had to cut the magazine cover out so my super imposition design went behind my spread, I used the pen tool to cut out the edges of my cover design to fit in with the template I used. The final two images are of my magazine cover on its own, the final imposition looks very neat and has a contemporary look about it, its fits really well with the template, it looks realistic which is important. Overall I am very happy with my super impositions, each one has pragmatic look, I personally think they have all worked out brilliantly.

Final magazine covers: 

magazine cover 1


 Super imposing my magazine spreads and covers:

Final poster designs:

Is a bee as smart as sat nav poster 1

what are zoos for poster 1

is rocket science easier than you think 1

What makes space travel so dangerous 1

Final magazine spread designs:



Final magazine cover designs:

magazine cover 1


image references:













Source Code (2011) and Deja Vu (2006) – AYJW040



Minimalist Movie Posters








Its fair to say this project has been a very enjoyable yet stressful process from the start to the finish. Saying this I have learnt a lot of new skills and techniques throughout the process of this project. I have learnt not only from my self but from other as well, the main area I have improved upon is my software skills, such as using new tool, and new ways to use things. An area that I personally know has improved for me is the concept art of creative typography. I am now more confident and experienced when using typography. Although the type of design style I choose took long to develop, I believe it was worth it as I have developed a new skill set, I won’t hesitate to attempt my cubist style images and typography again in the future. The imagery I used throughout was a creative risk take because I’ve never tried anything like it before, I personally know I went out of my comfort zone and didn’t give up when I came across a problem. One more thing I learned on the project was super imposing, I am now professional when it comes to this are of design, my super imposing skills have come on a lot since the last project.

I am ecstatic with my final design, They all look elegant and professional, they also have that added creative spark too. They look contemporary, competent, and fit for purpose as posters, magazine spreads and covers. I believe it is fit for purpose because, they have all have a consistent appearance throughout, the style and colours all appeal to a wide variety audience such as young childern, to teenagers and pensioners.

If I had to change one thing about my design, it would be adding the drop shadow effects on my cubist imagery, don’t get me wrong it looks great, but it would be cordial if I didn’t add the effects, just too see what it would look like.

Theres has been so many ups and downs throughout this project, There were times where I didn’t think my design looked good enough and other times where I was brimming with confidence. The fact the project has been a roller coaster ride has made the my final outcomes that much more sweeter.

All I have to say is bring on Advertising and Corporate Identity, much looking forward to them!!!!!

Typographic principles

I have been asked to do a presentation on a typographic movement of my choice, the movement I have chosen is called International Typographic Style.

International Typographic Style 1945:

International Typographic Style or Swiss, was a major force in graphic design and remains so today. This style of design, as the name implies originated in Switzerland in the 1940′s and 50′s and was the basis of much of the graphic design development of the 20th century.

The term International Typographic Style came about due to the strong reliance on typographic elements. The characteristics of the Swiss International Style included:

  • Asymmetrically organizing the design elements on a mathematically-constructed grid to create visual unity in a composition.
  • Presenting visual and textual information clearly and with clarity, using photography and illustration.
  • Using sans-serif typography set flush left, ragged right — people believed sans-serif typography expressed the spirit of a progressive age and that mathematical grids were the most legible and harmonious means for structuring information.
The style was cultivated at two Swiss design schools, one in Basel led by Armin Hofmann and Emil Ruder, and the other in Zurich under the leadership of Joseph Muller-Brockmann. This new style became the look for many Swiss cultural institutions that used posters as advertising vehicles. It was considered that this style was ideal for the increasingly global postwar marketplace. The use of the International Typographic Style spread rapidly throughout the world and had a major influence on postwar American graphic design where it remained a prominent aspect of graphic design for over 2 decades.
gute_form_hofmann_poster     konstructive_grafik_neuberg_poster     VisualKontakt_1955brockmann2

Hofmann Armin      Neuberg Hans             Muller-Brockman Josef


Thinking Hans Neuburg. 03 20 1904


Emil Ruder:

Emil Ruder was a typographer and graphic designer. He taught that, above all, typography’s purpose was to communicate ideas through writing. He placed a heavy importance on sans-serif typefaces and his work is both clear and concise, especially his typography. Ruder advocated systematic overall design and the use of a grid structure to bring all elements such as typography, photography, illustration, diagrams, and charts into consistency with each other while allowing for design variety. My favourite things about each one of Ruders pieces of work is how he’s arranged his layouts and typography with careful attention to counter, shape and white space. His work, especially the ‘Glas’ poster, develops sensitivity to negative or unprinted spaces, including the spaces between and inside letter-forms.

Untitled-2     Untitled-4     Untitled-6

Neville Brody:

Neville Brody is one of the most influential graphic designers of the late 20th Century. His work in the 1980’s revolutionised the look of magazines, advertisements, album covers and packaging. Brody is mainly known for his use of typography. He was influenced by the likes of Armin Hoffman and Alexander Rodchenko. Brody used contrasting sizes, shapes or colours of type. This meant that a variety of different sizes and styles of lettering would be on the same page, which was very unusual at this time. In his designs for the “The Face”magazine, he arranged the type in diagonals or in circles, some letters were extra large, some undersized. My favourite piece of typography he produced was the ‘Just Do It’ Nike spread, in my opinion it has a timeless yet contemporary quality due in part to his use of mainly ultramodern San Serif font sand the use of bold imagery cropped in an unexpected way.
Untitled-2     Untitled-5
International Typographic style or Swiss has come along way since the 20th century, a great image to show this is Alexander Rodchenko’s 1924 portrait of Lily Brik, along side Matthew Coopers 2002 Franz Ferdinhand album cover design.
Untitled-2     Untitled-2

Digital Design

I have just been briefed in on the first part of the visual communication brief (digital design), I am required to produce digital images that visually communicate at least four of the following words…

  • Energy
  • Illusion
  • Metamorphosis
  • Seduction
  • Depression
  • Transition
  • Texture
  • Tranquility
  • Euphoria
  • Contrast
  • Phobia
  • Beauty
  • Nostalgia
  • Decay

Out of these words, I can use different techniques such as photography, digital design, painting, illustration.. essentially  anyway that I wanted to and that would best present my word. Its all about how I identify an image and what I associate it with, this is what design adequately comes down to, so a part of this project is the approach behind an idea and communicating that concept to others. My final submission is to be an initial yet imaginative portfolio designed to show my work in a consistent manner, clearly identifying myself as the originator and titling each entry.

I am going to produce 2 or 3 outcomes for each word. So which words am I going to choose?


The first word I have chosen is isolation. The definition of isolation is…

Isolation (Noun)

1) The state of being in a place or situation that is separate from others : the condition of being isolated

2) The act of separating something from other things : the act of isolating something


separation, segregation, setting apart, keeping apart;
quarantine; insulation, seclusion, closeting, protection,
shielding, partitioning
I’ve chosen Isolation because the range of images that I could come up with was quite large, you can take many different pictures of showing people and objects showing isolation in a unique and creative way but some of the images also show the emotion of the word depending on the subject. An example of isolation might be someone satin the middle of a dessert on their own this means the man is isolated, another example could be hill with just one tree on top and that tree is isolated. Here are a few examples of isolation below…
weufhiuqwfh  AHDadasd  djfkwhefuwef  dkhfhfdsfbssfh
As you can see there are plenty of examples of Isolation, these are the best ones Ive found in my opinion. The first one is a painting of a a shadow like human form, that is isolated, this, I love how its so simple but yet effective, its purpose is easily recognised. The second image I found is of a tree that is surrounded by nothing, this visually communicates isolation. Again the simplicity is effective, the black and white colours create an adverse mood, however I think this helps you to focus more on the detail of the content. The third image has an exceedingly negative mood when I look at it, with the image being so drained I think  helps the viewer to focus more on the detail of the content which in some situations makes the photo more powerful. However I do like the blue tonal variation used for the moonlight coming through the window, the extra detail makes the image more powerful in terms of isolation. The final image I found has been done by photography, I chose to talk about this one because of its unique way of expressing isolation. I love how the person in this image is made out to look like a silhouette, this is because of the glass, again its something simple and easy, but it has a great overall outcome. and it also communicates the word Isolation. Looking through some these examples has given me a few ideas, I’m leaning towards typography and photography for the word isolation.
Mind Map and Ideas:
Isolation 1:
I have chosen to create a piece of photography of something that is isolated, in this case I have found some skittles sweets I can use for isolation. I’m going to take a few snap shots of different positions, to see which angles work best.
DSCN4537  DSCN4538  DSCN4552
Here are some of the snap shots I have taken, Id got the idea of gathering a group of sweets that are the same colour, and having just the one sweet a different, as you can see in the images, I have experimented with different colours such as purples, and yellows etc. I think the colours that work best are the orange and the green, the vibrance of the orange makes the image more compelling. I decided to pick my favourite two image and edit them on Photoshop, to give them more contrast.
DSCN4537  DSCN4552
These two are the strongest photos I have taken, they both portray isolation very well. Both images purpose is easily recognised in my opinion. The simplicity is effective, the orange and green colours create an elated mood, however I think this helps you to focus more on the detail of the content. I decided to edit both images in Photoshop, I wanted to give them more vibrance and detail to improve them both. I upped the brightness and contrast, to around 70 for both, and also played around with the levels to get the effect I wanted. Here are the two final image below….
Isolation 1  Isolation 1.1
Here are the two final images. My favourite out of these two is the one on the right, I think it looks the most professional, and has a clearer indication to towards visually communicating the word Isolation. Overall I think the word isolation has been expressed very well in the final outcome.
Isolation 1.1
Isolation 2:
Seen as how well my first isolation design went, i thought it would be a good idea to do another, there’s many ways you can portray the word Isolation. I am going to try some Typography, because I don’t use it as much as I would like.
Untitled-1  Untitled-2
Untitled-3  Untitled-4
Here are some screenshots I have added, I had the idea of isolating the word Isolation, I started off by repeating the word isolation around 4 times, I wanted to use a Futura type, but I thought the Gautami font worked a lot better. I duplicated around 19/20 times, I left a gap in the middle of the page so I could place a red version of the word isolation. As you can see on the bottom right image the red word is isolated from all the others, although this is a simple design its does seem quite effective, and achieve visually communicating Isolation.
Isolation 2.2  Isolation 2
I had a go at trying some different ways in which I could make my design look any better, I tried experimenting with the smudge, which I’ve never used before, the image on the left shows the design when i had finished using the smudge tool, its had a cordial looks to it, but the words were’ really visible to read unfortunately. However I did gain an advantage by learning how to use the smudge tool. I just wanted to experiment with other tools and see what effects they could give on my design. This didn’t really work out, so I am just going to use the image on the left as my final design, which is not a bad thing, because its a sleek and positive design, normally the most simple designs come out looking the best, and in this case its happened with this design. Overall I appreciative of my final design, it suits its purpose very well in visually communicating isolation.
Final Design:
Isolation 2.2


The next word I choose is Illusion, the definition of illusion is……

Illusion (Noun)

1) something that looks or seems different from what it is

2) something that is false or not real but that seems to be true or real

3) a misleading image presented to the vision

4) perception of something objectively existing in such a way as to cause misinterpretation of its actual nature

5) a pattern capable of reversible perspective


Ive chosen the word illusion because there are so many ways you can express the way you create and use. Illusions are designed to be interesting and challenging, they tend to have something in their design which makes the viewer think and work it out. I love how some types of illusions are so simple, but they make you think twice when you look at it. In my opinion the best illusions, are the ones that look like they are moving when they are not. Here are some examples below….

Unknown  optical-illusion-spinning-water-lilies-sumit-mehndiratta  Unknown  GW434H359

The first image I have found is an optical illusion, its two silhouette faces are symmetrical from each other, the transparent gap in the middle looks like a vase, this makes you look twice, the image puts you in two minds. Preferably my favourite illusions are the simple ones because they are cool and compelling to look at. The second illusion I found is another optical illusion, if you look closely, its looks as if the multicoloured circles are rotating. I think that this make a nice piece of artwork especially with the multicoloured circles, if the circles were a solid colour, the illusion wouldn’t work. The third image I found is a pattered illusion, this looks great because, the black and white chequered shapes looks as if they are being sucked in to a black hole. I think that black and white illusions work the best as a an illusion because the use of black and white make the art bold and stand out grabbing the viewers eye but these colours also help to make the illusion clear to understand making the design more defined. The final image I found is a very interesting one, I found this on a website called eyetricks.com. If focus on the four dots for around 30 second, and then blink, you can see Jesus’s face filtering across your eye line, this is amazing because  when I look at the image I thought out was just a drawing of different shapes. The overall illusion for this is remarkable. These examples have given me a few ideas for visually communicating the word illusion, maybe trying some pattern design, or even using my face for the Jesus’s illusion.





Mind Map and Ideas:


Illusion 1: I have chosen to create my own optical illusion. I like the idea of creating an abstract spiral illusion, I am going to make it look like the vortex is moving and spirals into the middle of the page

. Untitled-4   Untitled-2   Untitled-1

Here are six screenshots I took when I was designing my illusion, creating the illusion was a pretty simple process. The first image is showing how I made the black square shapes that build up the up the illusion, I used the pen tool to round the shape I wanted to achieve, in this case an abstract square, once I was happy with the shape I achieved, I started to duplicate the shape I had created and made it smaller so I could fit it in with the illusion. I then rotated each square shape 5 degrees using the rotate tool, I did this 10 time to get the shape I wanted, the overall illusion looks very good, it has a spiral effect if you look closely.

Untitled-3   Untitled-2   Untitled-3

One I had completed the illusion I looked at different colours I could use, the first one is just a basic black and white, this looks great, the use of black and white make the art bold and stand out grabbing the viewers eye but these colours also help to make the illusion clear to understand making the design more defined. I decided to add some colour to the illusion design, I chose a lime green colour, this is so it stands out as you soon as you look at it, the green a black theme works really well, I personally don’t think it works as well as the white and black because its not as defined. I experimented with using a darker colour in this case the colour was purple, I personally think this did not work as well as the others two, the purple is just too dark, it clashes way too much with the black, however the illusion still works as a abstract spiral, but its not the strongest. Out of the three the strongest is the black and white version because its bold, stands out and the illusion is clear to understand.


I really like the pattern in this illusion, After playing with the colours I ended up choosing the black and white version. I think this image portrays Illusion well. I am also pleased with this image as it’s the first time I have really experimented with the illusion effects illustrator.

Illusion 2:

screenshot one   screenshot 2   screenshit 3  

I love working with the word Illusion, there are many different types that you can create, so I have decided to do another Illusion design. For this design I wanted to try an illusion that looked like it was moving. The process was very simple for doing something like this, I looked up on some tutorials on how to do a moving illusion. I started off by choosing what colour I wanted to use in my Illusion design, I opted to go for a yellow, blue, black, and white, these colours seemed the most effective when I was testing them. Once I had chosen the colours, I grouped them and selected the brush defintion drop down menu and then chose the option new brush, this created a new brush with the colours I picked to have in my Illusion, next I clicked the ellipse tool and created a circle with the outline brush effect I had chosen, as you can see on the image above. I created a copy, and shrink-ed each circle I copied, in this case three copies. Once I had finished my the circle, I made 6 copies and placed them next to each other. When I look at the design it looks as if each circle is moving at different times when I blink, it tricks the eyes in to thinking the circles are moving, this is called a peripheral drift illusion, its similar to the blue optical illusion I researched earlier.

screenshot 4    screenshot 5

When I chose the colours I wanted I thought once I had finished my Illusion why not try other colours, I thought it would be a good idea to try pink, blue, black, and white, this didn’t work as well as the other colours I used (yellow, blue, black, and white) it just looked a little inconsistent for liking, it also didn’t have the desired effect I wanted. Overall I am very happy with my final Illusion design, I’m overly pleased with how the it works too.

Above is just a tutorial on how to create a similar illusion, the tutorial was very helpful in succeeding and achieving my final illusion design.

screenshot 4I love this illusion because of the way it plays tricks with your mind, in to thinking the circles are rotating, when they’re not. I personally think I have chosen the right colours, these seem more effective and work better with the illusion. Overall I am very happy with how the illusion has turned out.

Illusion 3:

Untitled-1    Screen Shot 2014-10-21 at 11.41.47

Untitled-1     Untitled-2

I wanted to have a go at some photography for the word illusion, for this design I want to create a similar illusion to the Jesus one that I researched earlier. The process was very simple to construct an illusion like this, I started off by taking an image of myself, I then brought the image in to Photoshop, and selected image and adjustments option, I chose the threshold option, this enabled me to darken the image of my face, I set the threshold to 147. I next inverted the image so it swapped the white and black colours around. I finally imposed a red dot in the middle of the image. Now I had to take a couple of images of my face for this to work, I tried it a few times but my face was too light, so I had to take a darker image. For this Illusion to work, you have to focus on the red dot for at least 30 seconds minimum, once the 30 seconds is up you look at a white wall or clear piece of paper and blink continuously… has it worked? You should be able to see an image of my face every time you blink. This is an amazing illusion. I personally think this visually communicates illusion fantastically.

Here is a tutorial on how to create this illusion………

Here is the final illusion, overall I am very happy with the outcome, its such a clever way of visually communicating the word illusion.


How the illusion works in this design is just amazing, I think this image portrays illusion well. I am also pleased with this image as it’s the first time I have really experimented with a camera.


The final word I want to visually communicate is contrast, the definition for contrast is….

Contrast (Verb)

1) to be different especially in a way that is very obvious

2) to compare (two people or things) to show how they are different

Synonyms –

Differ, Vary, Divergence, variation

I chose contrast because I want to create something that directs the viewers attention using colour. The colors white and black provide the greatest degree of contrast. Complementary colours also highly contrast with one another. An artist can employ contrast as a tool, to direct the viewer’s attention to a particular point of interest within the piece. I’m looking to try some photography for the word contrast, I think photography will have the best outcome for the word contrast. Here are some examples below…..

Untitled-1  Untitled-2  Untitled-3  Untitled 4

Here are some images I have found which show contrast. The first image is of a rd apple surrounded by green apples, this image clearly shows contrast as it directs the views attention to a particular point of interest which is the red apple in this case. The green and red colours are very bright and highly contrasted with one another. The second image I found is my favourite out of the lot, the colours form the pencil crayons are just amazing, its such a brilliant effect, the image it so highly contrasted is just remarkable. This has been done by the use of macro photography, macro photography is extreme close-up photography, usually of very small subjects, in which the size of the subject in the photograph is greater than life size. The third image that I found is of a contrast painting, the colours used aren’t as bright as some of the images I looked upon, this one was different because there aren’t as many contrast paintings as there are contrast photographs or vectors. The patterns and tonal variation used in this painting show the different contrast of dark and light colours. The final image is photography again, I like this one because contrast is easily noticeable, the background is unfocused so the bright flower gets a lot of attention, this direct the viewer’s attention to a particular point of interest within the image. These four images have given me few ideas fr contrast, as I said earlier I want to do something with colours, I’m thinking of using photography and maybe experimenting with some paint for the visually communication the word contrast.





Mind Map and Ides:


Contrast 1:

There are so many ideas you can come up with when you think of the word contrast. I Like the idea of doing  photography of  different coloured pencils, I will explore the different shades, this will visually communicate the word contrast.

DSCN4434  DSCN4437  DSCN4438  DSCN4436  DSCN4433

I started off by taking some images of some pencil crayons, I wanted to show the different colours that are used among pencil crayons, I took some images at different angles to see which angle worked best, the best ones that stood out for me were the first and second one because I managed to get a focused effect on the those images. I am going to use a colour splash effect which is when you isolate one or more colours converting the rest of the photograph to black and white. Its quite easy to isolate a single colour within the image and create this effect. This works best if the color of the subject stands out from the background. Here are are two of the images I used the color splash effect on…

Contrast 1  contrast 2

This is a great effect in my opinion, its was very easy to create, all I to do was to duplicate the image, desaturate the copied image to -100 which turns the image black and white, I then used the eraser tool, this erased the black and white colours I didnt want, which in this case was the coloured crayon area. The outcome did come out very well, for both images. I emphasized the coloured areas by lowering the saturation in the rest of the photos, this gave them a more realistic look. Both images portray ‘contrast’ brilliantly, I love how both direct the views attention to a particular point of interest. The Red, blue, yellow, green, and orange were the best colours to work with because they had the most effective look, the contrast of the five different colours communicate the word contrast very well in my opinion. My favourite out the two image is the one on the right because it looks more professional, and the whole image just seems to have a much cordial look.

Contrast 1

Final Image –

contrast 2

I really like the tonal contrast of this image, I think this image portrays contrast well. overall I am extremely pleased with the outcome, I have learned a view more techniques in Photoshop , I am also pleased with photography I did because I very rarely use a camera.

Contrast 2:

I’m really enjoying working with the word contrast, I’m going to try a different approach, Ive got the idea of using some food colouring in water. This will characterize contrast well in my opinion.

Untitled-3  Untitled-2  Untitled-4

Untitled-5  Untitled-6  Untitled-7

The process was pretty simple for something that looks so effective, I started off by pouring cold water in to a glass vase, I chose cold water because it works better with the food colouring. I the began to use a pipette to drip the food colouring in to the water, sadly this did not work as well as I’d hoped…. frustrated! I then thought of just pouring the colouring out of the bottle, this seemed to have a better effect (here’s an example video on how to do it) and drew more colour in to the picture. I had to video because I was on my own and I couldn’t take the photo at the same time I was pouring the colouring in the water. The videos worked better than expected, and had a great outcome, the different shades of colour shows contrast from dark to light colours, which is called tonal variation in art terms.

Once I had taken the videos, I print screened the parts of the video I wanted. I then brought the images in to Photoshop, edited them a little, such as improving the brightness and contrast etc. The final outcome was very successful, and looked very professional. If you look each colour you can see they are all the same shape in terms of the colouring pattern, I choose the best image, which was the one with the red food colouring in, duplicated it 4 times, and edited the Hue and Saturation to the colours I wanted which are yellow, blue, and green. This gave it a much more stronger outcome. Looking at the final outcome, I can honestly say I am overwhelmed with how its come out, I didn’t expect it to come out as well as I’d have thought, it also visually communicates the word contrast brilliantly in my opinion.

Contrast 2

Contrast 3:

I wanted to experiment more with the word contrast, for this idea, i thought of using coloured skittle sweets, I will take images of them spread out on top of each other.


DSCN4546  DSCN4548

I took around 20 images, there were about 3 images that worked out the best, I chose dominant colours and mixed them together to get the contrasted look. the different colours work really well together, especially the greens, reds, and the purples. I love the comparison between the dark and light colours, contrast is easily noticed. My favourite image is the one on the bottom right, I like the angle in which i have taken the photo, I used the focus button on the camera to take this particular image. I took this image in to Photoshop, and gave it more exposure and contrast, here is the image below…

Contrast 3

As you can see there is a lot more colour to the image, it expresses contrast well, as it shows a variation of dark and light colours. I used the hue and saturation tool a little to add a little more intensity to the image design, I also used the curves tool this made the image lighter, and made each colour aspect more clearer. I finally used a layer mask to get rid of any unwanted marks or speckles that were easily seen. I personally don’t think this one is the strongest compared to the other designs I have done for contrast, I would say my other outcomes show contrast this more effectively.

I tried some Photoshop techniques on one my other photos as well but it didn’t have the same effect in my opinion…

Contrast 3

Final Image:

Contrast 3

I enjoyed working with this design, although it wasn’t the best, I do think I have learnt a little bit more working with photography and how to use certain options.


The next word I have chosen is Energy, the definition for Energy is….

Energy (Noun)

1) Dynamic quality <narrative energy>

2) Vigorous exertion of power

3) Usable power (as heat or electricity); also : the resources for producing such power

I chose energy because there are many cool ways in which you can visually communicate it. When I think of energy I think brightness or the heat of the sun. I’m maybe thinking about doing some photography or some digital software manipulation, I like the idea of having a light bulb to represent energy, the beaming colour is quite effect when an image is taken of a light bulb. I also like the idea of using electricity to communicate energy. Here are some examples of energy below….

energy  Untitled-1  7804333_orig  0034-digital_photography_course_london_146

The first image is I found is rather unique in my opinion, its an image of a wind turbine coming out of the, almost like a piece of grass or a dandelion, this portrays energy in a brilliant way in my opinion, its such a clever design which is why it stood out to me, it looks very realistic to say its was easily, photography and software manipulation played a big part in this design being created. The second image I found reminds me of the flow of electricity, the reason is because of the bright blue colours, and the wavy lines used. It has been created by using paint, and some sort of fork abject to get wavy pattern that is portrayed. The third image I think is brilliant, because it uses small logos/icons of sauces of energy such as wind turbines, the sun, and trees etc, the whole image is almost a city silhouette, but built out of the icons, this is similar to typographic imagery, by replacing the type with the icons/logos. The final image is probably my favourite, its looks very professional and it communicates energy well too. The image has been created through the use of photography, the camera has been put on a slow shutter speed, this is so it capture the light, which it has done in this image. I’m thinking of trying something like this because its has a pretty cool effect, and more importantly a great outcome.





Mind Map and Ideas:


Energy 1:

When I think of the word energy, I think of light bulbs and neon lights. I’m liking the idea of having someone having a light bulb, or maybe someone holding a light bulb, the light bulb will looks like its turned on, I think this Idea could be successful in portraying the word energy.

I thought the idea of someone holding a lit up light bulb was a very good way of characterizing the word energy. I started off by taking a few images of my dad holding a loose bulb, I took a few images at different angles to see which ones worked the best. This didnt work out well because the I couldnt get a dark enough background in each of the images i ahd taken. Frustrated! I then looked up a few images on the internet of someone holding a light bulb. The image I found was a perfect example of what I wanted my image to look like. I brought the image in to Photoshop, I had to darken the background a little more to make sure no light passed through the bulb, and also when I add the light to the bulb it will be a lot more radiant and visible. I had to look up on YouTube at some tutorials on how to add light to the bulb, this is where I stumbled upon the Lens Flare tool, this tool enabled me to add a beam of light to the bulb in my image. Here is an example of what I did…

ASDHASDHAIHD  jakejcm  ADHasjdhajd


As you can see It’s a pretty simple process on how to use the lens flare tool. It benefited me massively because I didn’t know how I was going to add the light to the bulb in my image. I think the final image looks very effective, I love how its Interprets energy, its a simple design that suits its purpose in visually communicating the word energy. I tried editing some of my final design, so as lowering the brightness, levels and hue and saturation. I think the image works well when I lower the brightness, its dims the light creates a more unique look. I finally experimented with the Hue and Saturation, I looked at different colour variations such as blues and reds, but I think it was a little bit too much, so I decided to stick with the original image as my final design.

Untitled-1  Untitled-5

 Energy 1  4

Final Image:

Energy 1

I learnt quite a lot working with energy, I learnt quite a few new tools and techniques such as, using the lens flare , also my experience has been improved working with layer masks. It looks as if the hand is producing energy in to the light bulb, hence why I look at this image I straight away think energy.

Energy 2:

I wanted to try some more photography, but I wanted to work with the shutter speed option a little more to build my confidence, I will take image of cars at night, this will capture the light in a cool and unique way. Here are some images I have taken below….

DSCN4571   DSCN4582   DSCN4583   DSCN4605   DSCN4601   DSCN4594   DSCN4598   DSCN4620   DSCN4618   sdijvisofj  sdijvisofj  sdijvisofj  sdijvisofj

I took around 45 images in total, most of them were just black, because the camera didn’t catch the cars quick enough, but the ones that did catch had a decent effect, I started off taking some image on white lane, which is the first few image, this didn’t turn out very well in my opinion, it turned out poor because of the light from the street lights was too bright, and ended up getting in the way of the light form the cars. I decided to change the location to a darker place, this helped massively as the slow shutter speed captured light a lot better, it was still hard to time the photo as the camera I was using wasn’t very good, but the ones that did work had a positive effect, I forgot to mention that i took images of a tram that was passing by too, this looked pretty sleek, if the tram was going quicker the image might look a little stronger. I thought it would be a good to change the location again, I wanted to capture more cars from different angles, so I went on a road near Rother Valley. This had a similar effect as you can see with the car going past on the bottom image. But to get the images with the beam of light I used a shutter speed of 1/60sec to 1/125sec this panned out to create an image like motion blur. This had a much stronger outcome as you can see, the only problem I had with this was the location because there wasn’t many cars that went past, so i did have to wait a while for just one car to pass, luckily the motion blur effect worked first time a car went past. I decided to bring a few images in to Photoshop, this is just so i can edit he brightness, contrast, and levels etc.

Below is just an example video on how I learnt how to work with different shutter speeds…..

Edited Photoshop images…

energy 2  Energy 2.1  energy 2.2

Here are the three images I edited on Photoshop, these are the best images i took in my opinion, they are the ones that captured the most light, and effectively visually communicated energy. The first image which the tram one, I opted to use the option darken strokes, this made the image more intense, it also made it look more like energy instead of movement. the second image was sort of a similar process, but I didn’t use any smart filters,i just edited the brightness and contrast, to the lowest possible number, this darkened the background and lighted the red a white colour. The third image, I had to up he contrast a little because the image was very bright. I used the brush tool to get rid of any light areas that were distracting in the image. Overall I do believe all of these images portray energy extremely well, better than i thought to be honest. Final image shots.

energy 2.2

energy 2

Energy 2.1

Energy 3:

I’ve been really enjoying working with the word energy, I want to try some more designs. Seen as the project runs through to bonfire night, I’m thinking of the taking some images of fireworks and sparkles etc, this could have a commendable finished outcome. i do think its an opportunity not to waste. Here are some photos I have taken on the night….

fireworks 1  fireworks 2  fireworks 3  fireworks 4  firebomb 2  sparkler 1  sparkler bomb 1

These are the best image I had taken, I took around around 35 image, put most of them weren’t the best. The camera I used didn’t work as well as I would of thought, I struggled a little with the shutter speed option as it wasn’t working properly. I used a slow shutter speed for the firework images (1/2 1/4 slow shutter speed) this did have a great effect, and the fireworks look really powerful in terms of the colours that came through. I started to focus on how sparklers and sparkler bombs can react to a slow shutter speed. Some of the images that I did take looked very good, but some had too much of a blurred effect, which I didn’t want. The last image on the bottom right is a perfect example on how I wanted my images to look like, this is a sparkler bomb that I used in my back garden, I used a tripod to support the camera I was sing, this worked legitimately well, I used a shutter speed of around 1/6 seconds this captured the image better than I expected. Here is a website below on how to photograph fireworks


Edited Photoshop images..

energy 3.1  energy 3.2  energy 3

Here are the three images that i thought were the strongest. The first image was possibly the best firework picture i had captured. However the image was a little too bright for my liking so, I decided to up the contrast to around 80, and lowered the brightness to -30 this gave the image a better effect. I think its a brilliant capture, the glowing colours, almost neon like, epitomize energy in strong positive way. The second image in my opinion is the best image I took, i did however have to edit the brightness a little as it was a little too vibrant, I gave the image a posted edges effect, and sharpened the outlines, to give it a more vigorous look, the sparks that I managed to obtain had a lot better outline effect once I added the Photoshop edits. The third and final image is not the best out of the three, but it was an image that i captured well in time. The image was extremely vibrant with dark and light purples, so i had to down the brightness, I also adjusted the curves. I used the spot healing brush tool to get rid of any unwanted smoke marks from the firework. Here are my final images below…

energy 3.1

energy 3.2

Overall I enjoyed capturing different images of fireworks and sparklers. The fact bonfire night fell through with the project did give me a great opportunity to practice on my camera more. I am very happy with the final images i have taken. I do think they both portray the word energy pretty well.