Editorial design – Changing Faces

Our brief for this term is editorial design. As a profession, editorial design is one of the largest employers of graphic designers. From book design, newspaper publication, magazine design more recently online publications. The success of the publications depends on clear communication and consist story telling, with the use of grid layouts, typography and visual hierarchies in order to keep the readers entertained while they read the content. Varying page layouts with photograph presentation next to bold typographic treatments are ways that these can be achieved. Im really looking forward to getting stuck into this assignment, it will be a chance to get creative with typography and images, as well as utilising the skills that I have learnt and developed over the past year.

From looking at existing editorial designs, I am able to get an idea of all the different layouts and visual properties such as images used, font, composition and path for the eye. The six page spreads below show the ones that stood out to myself while researching different online magazines.

Creativeeye

Typography magazine layout by G Martin Graphics – The contrast and the colour scheme in this spread, along with the use of different font in the college on the left hand side which makes this piece stand out to myself. With the yellow linking the two pages together, giving it a good pace and path for the viewer to follow. lados

Lados Magazine –  Within this piece you can see that the use of left justify text, which in most cases would look a bit odd, but it seems to work well. The high contract black and white photograph with colour overlay has a clean and modern feel to it. It all flows well, with a clear path for the eye and hierarchy.

The design of this book was created by Broothaers Elke for a school assignment.  I was drawn into the presentation of this, with the clever rip off design to open up the magazine up, giving it an interactive ascept to the viewers experience. From look at the whole piece on the link below, you can see that Broothaers has kept the layout simple with a strong heirachy and path for the eye on each page. Each of the images are interesting to look at and all link with the calm colour pallet used throughout.  Even though this is a book, it has a feel of a magazine with the layout and pictures working together to bring the piece all together.

https://www.behance.net/gallery/669147/MAID-IN-CHINA-The-story-behind-your-stuff 

modern design

This double page spread taken from Modern Design Magazine issue 13, which covers Art and Architecture. Designed by Rolando Bouza who has used a grid system throughout the magazine possibly a 12 grid column system giving the pages a variety of ways to display the text. The font is very modern and goes well with the layout and imagery created on the left side of the spread. For myself the path for the eye is taken in by the use of lime green in the collage and the colour in the images which links the two pages together helping to guide you though the article. I like the use of the horizontal line to help with the heirachy of the quote taken out of the text.

Link to the full magazine: https://www.behance.net/gallery/110328/Modern-Design-Magazine-13

This slideshow requires JavaScript.

This layout is a typographic interpretation of obama’s inauguration speech, made for dutch magazine Creatie the only rule was that there were to be no images. The creator has then analysed the intonation of Obama speech and then has broken it down in terms of recurring words with more prominence. I really like the fact the there are no images in this piece, the words have created a visual interest for the viewer. The clever use of different weighs in the text has made the piece come alive. It can be looked over and you get a sense of what is being said without reading the whole piece. https://www.behance.net/gallery/209583/obamas-speech-a-typographic-interpretation 

There are so many magazine layout that I looked at, this part of the research has been a great help to emphasis how many different ways there are to get creative with my own piece of editorial. I really need to have a good eye for detail in this project, as well as creating something that is going to be appealing for the viewer to read.

 

 

 

 

 

 

 

Advertisements

Final Presentation and exhibition

I was a some what pleased that we had reached the end of this project, even though I had enjoyed the whole process, it had been a massive learning curve. Which had been challenging. I have come away from this project with another mass of knowledge and skills that can be expanded upon and used in the future. I also really enjoyed working as a collaborative on all the projects this term. I feel that I have been lucky that my groups have all produced some great pieces, good communication and respect have been two of the keys to the success that we had.

Final Presentation

 

 

The Exhibition

IMG_2903

All the exhibits were for our design as activism projects were all hard hitting and well thought out by the other groups. I work with a lot of talented young designers, their final animations and ephemera show this.

Uncle Tom exhibits

Out of all the groups for our Uncle Tom field module our group got chosen as one of the final pieces to display. It was great to see it being displayed in the exhibition, we worked really well as a group and think that it shows in our final collaborative piece. Its is intriguing, and think that it draws the audience in to take a closer look.

Animation Process

Starting this part of the project was a little bit daunting. We each took 7 frames from our final storyboard, which equated to about 15 seconds each. I took the first 7. I was a complete novice with After Effects, however I overcame my nervousness and started. At first glance it felt completely alien, however I soon got into the swing of things,  youtube videos really helped, as well as our lecturers. Even though it is a slow process, its is really satisfying to see our vision in the storyboard come to life.

For the voiceover We decided that the voice of a child would help bring empathy to the animation, it leaves an impression for myself when listening to a child use adult language. It also brings a bit of humour to the end of the animation when the voiceover shouts “Whats your Legacy?” Makes myself smile and think about what is it that I want to leave behind for future generations. However the recording of it wasn’t as simple as I thought,  took more takes than I would have liked, but was an enjoyable experience overall.  I don’t think that it is perfect still, but it gets the message that was wanted by the group across. It was rather difficult to place the voiceover with the animation, I had to stretch some of the animation to fit with everything that we wanted to say. Which probably left room for more animation within. When making an another animation I think that recording the voiceover before the production would be more productive.

Working as a group came with a few hiccups as placing all our individual animations in together, as we worked on separate parts it was hard to have consistency throughout, I think that this shows in the final outcome. But all worked hard to get it done and I really like our animation, it has an appealability to it, even though it has a somewhat amateur feel it to, its not going to win any animation prizes. I suppose its like learning to draw, my skills can only get better with time.

I could have worked on this a lot further than our given submission date and if I had to tweak it I would have liked to get a more poignant message across, I feel that the narrative isn’t as strong as I originally envisioned. As we decided to aim this at graphic designers I think that it could have been more polished, the animation of the text needed to have more of a dominance in the animation, with more of a visual design. However the whole process of producing this animation has given me an insight into what needs to be thought about and how time consuming the actual animating part is. Research and planning is key and to have a really well thought out storyboard makes the process less difficult to tackle. However I enjoyed working as a group, it was good to bounce ideas off other people and get the support and feed back needed.

After working with After Effects I have noticed more and more programmes on the television that probably use After Effects or something similar to create parts of their production. Its something that I have never thought about before, and it has opened my eyes to the possibilities of what can be created with After Effects. Im looking forward to learning more and improving my skills with this programme, it could be a really useful tool for future projects.

This is our final animation

 

I animated the opening credits – On reflection it could have been a lot better. It was the first thing that I animated and by the end of the process I could have done a lot more with it, made it clearer and more visually pleasing, also the possibility of playing with different sound effects such as the sound of trees being cut down.

Overall I really enjoyed this project, it was a challenge to learn something from scratch. The six weeks that we had flew by, was a really enjoyable experience. Especially enjoyed working with Joe and Maris, think that we worked well as a team.

Deforestation Ephemera

After almost finishing our animation, we were able to concentrate on the ephemera to go along side it. As we had all the images that we wanted to use it was a case of how and what we wanted to use to market the animation, and bring awareness to our deforestation campaign. We decided upon a gif, leaflet and poster.

If this was a real life project, I’d be thinking about the printing process and materials that we would use to produce all of these pieces of ephemera. It would be a bit hypercritical if we didn’t use recycled and environmental friendly products.

Booklet / Leaflet

We wanted to come up with something different when it came to the leaflet design. Our initial thoughts were to have a pull tab leaflet which had the planet on and when the tab is pulled turns into a dried up planet.IMG_2633 With our tag line “Whats your legacy” on there. From doing some research into making the pull tab, I came across some other designs that could be used as well, and may even be more interactive for the viewer to experience. This is the youtube video that I took my inspiration from https://www.youtube.com/watch?v=u73qAckkyOQ . I downloaded the template and started to recreate the waterfall card design. I came out really well, simple but think that it will be really effective.

For the design on the pages of the booklet I used the animation illustrations and picked out some of the parts of the voiceover to turn into text. The use of black card instead of the green gives the leaflet a great finish.

Gif design

Our colleague within our group designed the gif to go along side the animation for the digital ephemera.  It has turned out as the initial leaflet design was going to be, changing from the planet earth to a dried one.

This what the Gif would look like in context on Facebook.

Poster

Poster1

Final Presentation - Deforestation images .005

BlipPAR

I received this leaflet in the post from Green Peace – the campaign has plenty of info regarding plastics in our oceans. The thing that I found interesting was  BlipPAR a visual discovery app which brings the physical world to life through smartphones, something that I thought we could use for our own campaign ephemera.

I set up an account and linked the images used in our poster and booklet to show the gif, animation and a link to the WWF webpage. Im quite impressed with how simple it was to set up, use and how visually pleasing it is to see something pop up and come alive on the screen.

IMG_2882

The above are screen shots of what happens when you scan the leaflet with the Blippar app.

I enjoyed making the ephemera, especially the waterfall design leaflet. Im looking forward to displaying all in our exhibition, and getting viewers reactions and input on our animation.

Getting ready for animation

Before we started animating, we had to create and decided on what particular elements that needed to be illustrated, and produced in order to have everything ready to animate.

Text – Objectiv – Dalton Maag

We decided to use this font because of its clean and modern feel to it.

Tagline Logo – Whats your legacy

leafletpulltab

Maris in our group designed this Logo to go at the end of our animation, as a final thought to make you think about what kind of designer you want to be.

We did all the prep of the illustrations before we began to animate. It was a learning curve, as I had not done any drawing with illustrator before. The images below are the animations that I created on illustrator

Created in Photoshop

3dmap1

These are the initial images that we created

However they did have the right visual style and we liked Joes characters so decided to keep to a simple geometrical style. From this the animation flowed much more fluidly and worked better on the whole.

These were our final images for the animation.

It was came together, and was time to bring our storyboard to life.

What lies Beneath – A Typography talk by Dalton Maag

IMG_2703

This event was organised by our course programme director David Wrenne and was one of the best talks that I have been to in recent months. The talk was given by Bruno Maag, Dalton Maag founder and their creative director Tom Foley. They gave an sharp and really interesting insight into the way that they create their fonts. From history of typography to the science behind us reading it, all of which has given myself a whole new outlook on typography and the extensive process behind the scenes of the finished fonts that we see around us today.

It was interesting to learn that a bespoke typeface can take upto an incredible 4 years to perfect. There was me thinking that it was a fairly simple process! But when they stated talking about looking at the Chinese language which has 27500 different character types you start to understand the time scale and I hadn’t even considered the different variations and then more language options thats needed to be designed when developing. Let alone then having to take into account how to over come the issue of massive data amounts that would be needed. There is a clever development of open type code, that helps cut a bit of time, which allows the font files to behave smartly by controlling and making up the placement of the pixels – cutting down on the amount of megabytes needed to be processed. Clever stuff.

The whole talk was full of positive energy and I don’t think that I have ever witnessed someone as passionate about typography before seeing Bruno and Tom, it was admirable,  and you could see that they both immensely took much delight from what they do, and rightly so. They have completed some amazing work with the likes of Lush and Nokia, taking us through to the final release of their typeface and the hurdles that they had to overcome, such as appealability on a global basis and how it reacts to different interfaces. It is mind blowing the amount of work that goes into font design.

We were given little typography goodie packs at the end of the talk which enclosed four typefaces that they have developed. Funny enough we had started using the Objectiv font for our animation project prior to going to this talk. All the fonts  can be downloaded from their website https://www.daltonmaag.com/library

I left the talk with a lot more knowledge and understanding  of developing a typeface, aswell as smile on my face with the vision of Bruno Maag shouting BOOM across the auditorium.

IMG_2817

 

Advertising strategies for Animation

 

IMG_2950

For us to get a out final message in our animation effectively, we looked at advertising strategies to help with conveying this. From research on the internet and books, one of the main ways that came out was to an effective advertisement is having one that evokes emotion. Utilising emotion, advertising is often persuasive. Dr. Robert Cialdini describes six universal principles of persuasion that have been scientifically proven to persuade the advertising audience – reciprocity, scarcity, authority, consistency, liking and consensus. To make the viewer feel something, which in turn gives them the ability to relate. This is something that was important for our animation – to have a powerful message.

Key things that came out during my research which we need to question when coming up with our animation strategy:

  1. What is the goal of the project – final message – what do we want the viewer to do?
  2. Have data based facts – Gives a higher impact / more effective
  3. Human element – the viewer is able to make a correlation from our story to real life
  4. The visuals must have a reason for being there
  5. Questions to the view rather than statements have a higher impact.

I found this research really helpful, it has enabled us to have a clearer starting point. What is it that we want people to do at the end of our story. For myself I would like the audience to go away and think about their own input into the worlds environment, and work in harmony with it.