Tag: Subject

To create the video advert, I used Adobe Premiere Pro in conjunction with Photoshop and After Effects. Premiere Pro allowed me to collect all of my frames and clips together and put them on a timeline, Photoshop allowed me to create almost all of the frames and slogans featured within the video, and After Effects provided me with the tools to create the animated punk overlays within the video.

I began approaching the video advert by deciding to focus on the animated punk overlays. This process began with Photoshop, creating still frames of pop and punk musicians to be later animated in After Effects.

To create a lo-fi effect on these frames, I added a soft noise effect to each of the musicians and lowered their saturation, washing them out in order to be consistent with punk visuals. After these were created, I imported them each into their own composition within After Effects and set about animating overlays.

I used a similar Photoshop brush to the one used within my earlier poster design to create this effect. To animate it, I used After Effects’ pen tool to create a mask outside of the brush stroke, then keyframed it across the brushstroke to reveal it – in effect, creating a linear wipe transition. This process was used again on the following frames, though with slightly different graphics involved:

I then began to work on the advert’s typographical pieces, namely the slogans that would be cut between each of the animated musicians. Using Photoshop, my goal was to create frames that would reflect the nature of the quotes whilst remaining consistent with the animated musicians:

These slogans had to embody the movement as much as the animated musicians did, and so to do that, I knew I had to incorporate more punk graphics within them. Using the Permanent Marker typeface previously used that I felt pushed this visual style very well, I created the slogans and made a small background for them out of the paper material used in the background. Applying a drop shadow to these backgrounds created a nice three-dimensional effect that created the illusion these slogans had been cut out and stuck on top of an existing page. I aimed for consistency with colouration and style within the graphics present on these frames, settling for a bold red that contrasted nicely with the black and white typographical elements and the stained background. These graphics were crafted with a spray-paint Photoshop brush to appear graffiti-like, which emphasised that lo-fi style I was aiming for. I wanted the final slogan, “Be More Punk.”, to stand out from the rest as it was the one that underpinned the entirety of the movement, and ultimately, embodied it the most. I had a few ideas about how to do this, considering scale, typeface and colour, but eventually found that simply inverting the colours worked the best – changing black text to white and the white background to black.

I also decided to animate the final slogan in order to make it stand out more. This was done in After Effects, using a Typewriter effect preset on the text.

For the final typographical piece, I wanted to create a final call-to-arms for the movement. This would also be animated and make up the final frames of the video. I approached this process by using the décollage technique of using a mix of typefaces, all different shapes and sizes, to create a ‘logo’ of sorts for the movement. This was to be accompanied by another small tagline that would act as a call-to-arms. To achieve this effect, I simply placed each letter in one by one, saving as I went along, before putting them all together within Premiere Pro at a rapid pace to create what is seen below:

With all typographic and image frames complete, I began putting them together within Premiere Pro. I was aiming for a advert no longer than a minute, so I kept this in mind when selecting an audio track to accompany the piece. I was aiming for a fast, powerful punk rock track that would emphasise the punk elements within the piece. The search took some time but I eventually settled on the track ‘White On White’ by FIDLAR.

I cut the typographical frames in-between each of the animated musician frames and attempted to match it to the music track, which created a rapid pacing, suitable for a punk-themed video.

With the main body of the advert completed and set up accordingly, there were still a few more smaller effects I wanted to add to the piece to increase its lo-fi style and further embody the movement. I began these finishing touches by creating an opening and closing transition for the piece as planned within my storyboard – an effect that replicates that of a static television being turned on and off.

This was created by adding the noise effect within Premiere Pro to a black background and animated using keyframes. The illusion of it turning on was created by adjusting the scale width and height properties, starting off small, and keyframing them to increase in size.

I also added a film-grain overlay to the advert to make the video look worn, further embodying punk graphics. This was done using free stock footage from #OurConnections. (https://www.youtube.com/watch?v=J_MZb7qTenE)

Finally, to complete the illusion of a worn video, I equalised the music track within Audacity to create a more muffled sound, similar to what you would hear on older TV adverts before sound quality was the quality it was today.

With all elements completed and ready, I exported the video as an .mp4 at 29.97fps in 1080p.

 

With a solid amount of initial research complete, I began working on the digital piece of promotional material that would be my response to the Movement brief. As a recap, the piece must promote, embody and explain ‘Punkism’, and it must move in some way.

I decided to begin some initial ideas with a moodboard – however, this quickly developed into a piece of work on its own, and turned into a poster format. The goal of this moodboard was to visualise the punk elements I had uncovered within my research so far, as well as experiment with some slogans and typography.

I began by creating an A3 Portrait document in Adobe Photoshop, with a CMYK colour range and 300ppi suitable for print.

 

 

Using a paper texture background, I began by inserting an image of a pop musician as the main focus of the composition.

 

Copying and shrinking the paper texture, I changed its blending mode to multiply and filled it with a different colour to create a more distinct background texture. I added two more pop musicians here and gave them a white stroke outline and created a noise effect to reflect the gritty aesthetics of punk. Furthermore, using Photoshop brushes, I added some punk-style overlays to the popstars to embody the nature of the movement, reminiscent of D.I.Y lo-fi posters.

 

I began working with some typographical elements here, looking at several different typefaces that I could use – but eventually settled with the handwritten-style typeface Permanent Marker. This choice, I feel, best represents the nature of the movement, thus embodying it. I used this font for both the main title/slogan – Death To Pop – and the subtitular text, the call to action – Save Music, Be More Punk.

 

To further embody the movement, I added a couple of anarchy symbols to the piece. These symbols feature heavily within punk culture and are instantly recognisable within the context of the poster. Furthermore, I began working with some slogans here – settling with slogans such as “Support Smaller Artists” and “Creativity Is Being Suffocated”. These were inspired by the interviews I watched within my initial research, and explain the core ideas of my ideological movement.

The finishing touch to the poster was an overlay – using the same paper texture as the background, changing its blending mode to multiply and lowering the opacity rendered an even more lo-fi, gritty aesthetic that would be attributed to punk-themed posters.

Overall, I feel as though this moodboard/poster is successful in promoting, embodying and explaining my movement through its overall composition, use of slogans and its context as a poster. Whilst not an animated piece, this has served to inspire me further within idea generation and development, and has given me a strong sense of which direction I should take my digital piece of movement in.

My next goal was to decide on which medium to use for the digital piece. I was considering creating a web banner based around my poster, an animated .gif that would rest on a webpage advertising the movement, but eventually decided to challenge myself by creating a full video advert that would play on social media platforms or music channels. Ideally, I was aiming for it to be 30 seconds to a minute in length.

I generated ideas for this concept by creating two storyboards.

Reflecting back upon this storyboard, I wasn’t too happy with the contrast between titular frames and the video clips I was using. Whilst this video advert would promote and explain the ideology, it would not embody it because of a lack of consistency with the use of punk graphics. It was these thoughts that led me onto creating my second and final storyboard:

I feel as though this storyboard embodies the nature of the ideology far better through its consistent use of punk graphics, as well as making room for more slogans and call-to-arms. The ‘logo’ of the ideology is also further improved through its use of décollage, reflective of early punk graphics.

With this storyboard complete, I moved onto developing the video advert.

With a good sense of the direction I wanted to take my ideological movement in, I started researching visual elements of punk culture, and how I could incorporate that within my piece of movement. I began by examining the work of Jamie Reid, a graphic artist associated with punk culture who developed pieces for English punk band The Sex Pistols amongst other works.

Jamie Reid. Sex Pistols, Anarchy in the UK. 1976.
© 2018 Jamie Reid Courtesy Isis Gallery, UK

Jamie Reid uses a technique known as décollage, which is a method of cutting out existing graphics and sticking them together in a collage format. In the above poster for The Sex Pistols‘ first single, Anarchy in the U.K., Reid uses typographical elements that are sans serif yet varied in scale and weighting to emphasise the ransom-note effect, and Reid combines this with the torn U.K. flag and safety pin imagery to create a distorted, gritty image suitable for punk graphics. Reid’s use of décollage and its strong presence in punk graphics is a factor I’m taking into account when developing some ideas, and is something I’d ideally use within my digital piece of movement.

Jamie Reid, John Varnom. Sex Pistols, Never Mind The Bollocks, Here’s The Sex Pistols. 1977.
© 2018 Jamie Reid Courtesy Isis Gallery, UK

 

I experimented a little with the décollage technique and how I could incorporate it within my piece as a movement, perhaps best used as a title on an animated banner, or an annotation within a video clip.

 

Examining posters that advertised punk-themed music events also proved to be a valuable insight to punk graphics. These posters feature a very limited and washed out colour palette, incorporating a similar décollage technique that Reid uses, and overall, the composition is very D.I.Y in style. These features are something I’m going to consider when developing my piece of movement, perhaps by using colour correction to wash out saturated colours, and using overlays to add grit and texture to the piece.

Source: Reveron, S. 2015. CVLT Nation. [Online]. [Accessed 8 November 2018]. Available from: https://www.cvltnation.com/diy-dadaism-when-80s-punk-posters-and-flyers-ruled/

Before moving on to develop some ideas, I decided to take a look at some interviews with musicians and members of punk culture that spoke out against the pop music industry to get a sense of what others who share my views had to say on the topic. This was done primarily to get a sense of some slogans or mottos I could use to advertise and promote my movement within my digital piece.

The brief for the Movement project was to invent a new ideological movement and create digital material that promotes, embodies and explains that movement. The only constraints were that the ideology must not exist, and that the digital material must be a piece  of movement – such as an animation or video clip.

I began approaching this brief by considering my own interests and beliefs – things that I would want changing in the world – in order to establish my own ideology. I was very quickly drawn to ideas situated around music, and more specifically so, the pop music industry; an industry whose practises and attitude towards music in general clash with my own. I’ve always seen the pop music industry as something that is purely focused on generating money – manufacturing music for profit, using the same recycled sounds and themes over and over again, essentially taking the heart and personality out of music. Music, like all art, is a platform for creative expression – and I feel as though the pop music industry is destroying and limiting this through its attitude. On the other hand, punk culture and music has always sought to rebel against this and put creativity and personality back into music, straying away from the norms. It was from these thoughts that I ended up on the idea of ‘Punkism’ – a movement dedicated to rebelling against the practises of the pop music industry and encouraging others to be a little more punk.

I created a mind-map in order to explore this concept further and give clarity to the movement, considering its intent, target audience, branding methods and processes of development.

In preparation for the Movement module, I looked at five title sequences within film and television and examined their use of typography, image and sound and how they come together to create movement. My goal in this effort was to discover how movement can be used to create a strong identity for a piece of media, whilst also forging a lasting impression on a viewer.

 

#1: Game of Thrones (TV Series, 2011)

HBO’s Game of Thrones’ lengthy title sequence is used to reveal the cast of the show whilst establishing the episode’s narrative. The leading cast members are revealed through a capitalised typeface with loose serifs and slight bevels to create a strong medieval style that matches the show’s themes. We are introduced to the episode’s narrative as the camera pans across an illustration of a map – the world of Westeros from the show – with medieval colouration present through soft greens, deep blues and bold golds. Three-dimensional models are animated to extend from the map in a clockwork-like manner, contributing to the establishment of the narrative by revealing locations from the show. These animations are accompanied by typographical illustrations on the map which further denote the show’s setting. The show’s theme song, a grand orchestral piece, creates a strong lasting impression as it builds up excitement as the sequence progresses, climaxing when the show’s title is displayed. This title is very similar to the subtitle text used to reveal the cast members –  a capitalised typeface featuring superior letters to reaffirm the sense of grandeur built up throughout the sequence. In effect, movement is used vigorously within this title sequence to establish the epic, fantastical narrative the show is built on.

 

 

#2: Superbad (Movie, 2007)

Columbia Pictures’ Superbad features a short and simple titular sequence that serves to introduce the cast and production company, whilst infusing the viewers with a sense of what the rest of the movie will be about. Following the iconic Columbia Pictures logo, a simple colour range of bold primary colours is used alongside very limited imagery and simple typography. Imagery is used through the single-colour silhouettes of the human body that are placed against a contrasting background and is combined with movement. Movement is used effectively within this sequence in the form of the human body dancing, portraying a sense of casual fun and comedic elements that are prominent throughout the rest of the movie. Simple sans serif typography serves only to introduce the cast and production company – this is an effective use as it doesn’t detract away from the main focus of the sequence, that being the dancing silhouettes. The song “Too Hot To Stop” by The Bar-Kays is the musical piece that accompanies the sequence – a funky piece that emphasises the fun and comedic themes created by the moving images on-screen. Overall, Superbad’s title sequence is simple yet effective, using movement to introduce the movie’s cast whilst portraying the themes of the movie in a manner that creates a lasting impact on the viewers.

 

 

#3: Stranger Things (TV Series, 2016)

Netflix’s Stranger Things has a very simple title sequence featuring only two colours, simple typographical images composed against a plain background, and a short sci-fi-influenced piece of music. The sequence begins with darkness before the camera slowly zooms and pans to reveal glowing red outlines of letterforms. As the music builds up, the letterforms slowly glide across the screen – creating a sense of hypnosis –  before coming together to reveal the series’ logo as the music climaxes. The typography and soundtrack slowly fade out to close the sequence. The typography used within the sequence is capitalised serif, majuscule in effect, and features superior letters to create an apprehensive tone ready for the upcoming episode. The sequence is very reminiscent of Stephen King’s book covers, as well as title sequences from Star Trek – works of horror and sci-fi respectively, which the show is entirely themed around. Movement is used very delicately and slowly to infuse the viewer with the sense of mystery that the show is heavily based on.

Source: Radiotimes.com. 2017. Radio Times. [Online]. [Accessed 28 October 2018]. Available from: https://www.radiotimes.com/news/2017-10-28/whats-the-story-behind-the-nostalgic-80s-style-stranger-things-opening-titles/

 

#4: Enter The Void (Movie, 2009)

Gaspar Noe’s Enter The Void features an incredibly rapid, vivid title sequence that is composed almost entirely of typographical elements. The first half serves to introduce the crew members behind the film, whilst the latter introduces the cast. Each individual typographical piece is designed to invoke the nature of the character or crew member. The first half features typographical elements that are sans serif, bold and majuscule in style that, combined with their large scale, invade the screen and create a strong lasting impression on the viewer – especially when considering the use of colour; rapidly changing and blinking between two or three different colours that are similar to a strobe light effect. The movement and pacing of each typographical piece is especially note-worthy, with each piece remaining on screen for less than a second yet still creating a strong impact on each viewer. A mixture of languages are used and are reflected within the typographical elements. The latter half of the sequence features a huge variety of different typographical styles – some lower-case and sans serif, others entirely upper-case and serifed, featuring a huge range of typographical techniques such as superior letters, ligature and bifurcated letterforms. Each typographical piece in this latter half serves to reflect the nature of the cast member and the character they portray within the movie. Overall, movement is used at an incredible pace within this title sequence to shock the viewer into remembering it – and with such a unique portrayal of a huge variety of typographical elements, it’s incredibly hard to forget it once a viewer has seen it.

 

#5: Bojack Horseman (TV Series, 2014)

Netflix’s Bojack Horseman features a short opening sequence that serves to introduce the themes and narrative of the show. It’s unique in the sense that throughout most of the sequence – excluding the beginning and end – the character Bojack is consistently positioned in the centre of the screen. His positioning and presence in the foreground establishes him as the main protagonist of the show, whilst supporting characters are seen in the background. We are introduced to the narrative and key themes of the show in the background – the lifestyle of a declining celebrity, their struggle to hold onto fame and their experiences with a normal lifestyle.  The sequence features a vivid and bold palette of colours that is reminiscent of the show’s setting – a fictional interpretation of Hollywood, highly glamourised. A jazz-style soundtrack accompanies the sequence which furthers this embracing of Hollywood. The typographical elements used are sans serif and comical in style, reflecting the context of the show – a cartoon. Overall, movement is used to establish key narrative elements and characters whilst portraying a good sense of the show’s themes, creating an instantly recognisable piece that is bound to stick within the viewer’s mind.

 

With a firm understanding of the Art Deco movement and several initial ideas on how to design a poster to celebrate it, I concluded the research stage of the project and moved onto some preliminary sketches. Within these sketches, I aimed to complete several objectives:

• Decide upon the poster’s layout, deciding between symmetrical and asymmetrical designs, working out a grid system that would be suitable for the three paragraphs, and figuring out the best visual hierarchy in order to create an aesthetically pleasing poster that properly celebrated the movement.
• What illustrative image to use, how it can best celebrate the movement through metaphor, and the best way to fit that within the poster so that it dominates the main space yet maintains a sound visual hierarchy.
• The style of typography to use to best celebrate the Art Deco movement.

 

Layout

I began my preliminary sketches focusing on layout, creating two symmetrical and two asymmetrical designs (one portrait and one landscape for each.) Whilst I’ve established that the majority of traditional Art Deco posters are symmetrical, I decided to experiment and see whether any new ideas could stem from some asymmetrical designs.

Symmetrical (Portrait) – the most traditional layout for Art Deco posters, I used a grid system with three columns and aimed to create a visual hierarchy that would first draw attention to the Art Deco title, then the image, then the paragraphs. This left room for a quote or subheading at the top as well as some discrete text within the outer border (a common feature within the majority of Art Deco posters), and thus I feel like this may be the strongest layout – it will best celebrate the movement best because of its inclusion of traditional features.

 

Symmetrical (Landscape) – a variation on the traditional symmetrical layout, I used a grid system of five columns and aimed to create a visual hierarchy that would draw attention to the image first. This would work well as my research proved the image should dominate the main body of the poster, however, I don’t think there is enough attention drawn to the titular text and paragraphs.

 

Asymmetrical (Portrait) – whilst not strictly asymmetrical (like posters within movements such as Constructivism or Dada), I aimed to create a layout that would still be effective for advertisement, as that is the key focus for traditional Art Deco posters – hence a loose symmetry within the above design. I used a grid system of four columns here, with the titular text overlapping the image. Whilst the visual hierarchy is strong, there are certain areas of the poster that are left empty, such as the bottom left and the header around the quotation. I believe this empty space would weaken the overall design, and if I am to develop this further, I would need to fill it.

 

Asymmetrical (Landscape) – more asymmetrical than the portrait variation, I decided to experiment by adding an extra image overlapping the first. There is a good path of the eye here over a grid system with four columns – the eye is drawn to the title first, then the image, then the paragraphs. Whilst incorporating most of the traditional features, this idea has its weaknesses – such as some empty space,  and not being suitable for advertising due to its slightly more confusing layout.

Overall, I feel the symmetrical portrait layout is the strongest idea (though a few tweaks can be made during the development stage), followed by the symmetrical landscape and then the asymmetrical portrait and landscape designs. Each design has their own strengths and weaknesses which I’ve done my best to identify here, and will take the various strengths into further development in order to create the best layout.

 

Typography

I continued with the initial ideas with some typographical sketches. As established within research, titular text within traditional Art Deco posters is typically majuscule and grand in style. Subtitles and smaller text depends entirely on the product being sold – and as I am not selling a product within my own poster, instead celebrating the movement, I believe it would be best to use a typeface that reflects the modernity of the movement for my paragraphs.

#1 – A fairly simple majuscule letterform that conforms to the traditional typography used within the movement, but perhaps could be made a little more exciting and decorative for the poster in order to create a stronger aesthetic appeal.

#2 – A Broadway influenced letterform that celebrates the Art Deco movement rather well (one could draw a comparison between the typography used in Broadway advertisements and traditional Art Deco posters.) A strong contender for the titular typeface.

#3 – A decorative letterform that generally reflects the style of Art Deco, but perhaps is a little too complex for the poster celebrating the movement due to its lack of a crossbar – this might not translate well across other letterforms either.

#4 – A majuscule, geometric letterform that reflects traditional typography within Art Deco posters very well due to its simple, bold and angular form – something that draws attention extremely well, which is necessary within this poster. Another strong contender for the titular typeface.

#5 – An angular, majuscule letterform, similar to the fourth idea but slightly more decorative. This would probably work equally as well, but I’m drawn more to the above idea due to its geometric conformity.

#6 – Another Broadway influenced letterform that is more reflective of the late years of the movement, especially within America. Whilst effective, I believe this style of typeface to be quite cliche and used thoroughly throughout posters other than ones that celebrate the Art Deco movement, and thus may not be as effective as other concepts.

Upon careful reflection of these letter forms and with the opinion of peers, I decided to develop the fourth idea further into titular text due to its geometric and majuscule style, as well as being effective for commercial advertisement – perfectly celebrating the Art Deco movement.

Regarding the typeface I’ll be using for the paragraphs, I decided upon Futura – a sans serif geometric typeface that reflects the modernity of the era and the geometry used within Art Deco posters. I initially thought about using Times New Roman or Myriad Pro, however, I do not feel these typefaces celebrate the Art Deco movement as well as a sans serif, geometric typeface.

 

Image

My initial ideas ended with what image I could use within my poster. From my research, I understand I need to create an image that is a metaphor for the movement – thus, an image that reflects the embracing of modernity and commerce. Fairly early on, I decided the image of a city skyline would reflect this rather well, as skyscrapers and taller buildings reflect modernity – the only thing I needed to further incorporate was commerce.

Instead of sketching these ideas, I decided to use the pen tool within Adobe Illustrator to create some vector images (creating a far more accurate portrayal of a skyline than my own sketches.)

I focused on creating some sharper vectors as well as angular ones that would create a sense of geometry within the overall poster, adding some finer details (such as windows and decals on the buildings) to add more depth to the image.

To compose the overall skyline, I used an image I created for the screenprinting workshop. This was a larger skyscraper that appeared three-dimensional through its shading of colour.

To add this to the overall image, I changed the red to black and orange to grey to match the greyscale theme so far (though colour would later be added to the poster within further developments.) I also decided to change some of the sharper strokes to angular ones, reflecting the angular strokes used within traditional Art Deco posters.

Once these final tweaks were done, I put all of the vector images together to create the final skyline used within the poster.

 

Development of Initial Ideas

With a sufficient layout, typography and image decided upon, I began to approach the digital poster. Within Adobe InDesign, I created an A3 portrait document with a grid system of five columns. I decided upon five columns to better spread the paragraphs across the poster, as I feel three or four columns would not be enough to provide sufficient information on the Art Deco movement.

I then set to work on creating the titular piece of text. I used the typeface Cubano, an Adobe TypeKit font which best reflected the idea I settled upon within my typographical sketches. In order to best fill the empty space, I decided to use the polygon tool as I felt this would match the geometric style of the poster (though this would soon change.)

I then added the skyline image to the document, positioning it above the titular text in order to create a strong hierarchy. It was here I also decided to replace the polygons with a simple circular shape, increasing the tracking of the title to spread it across the A3 spread and filling the remaining space. I felt this was simply visually stronger than the polygons.

I then added the paragraphs to the grid system within the document, using the Futura typeface as decided upon earlier. I used an 11pt. font size, 20pt. tracking and justified text in order to create the smoothest visual distribution for the paragraphs:

Paragraph #1:

Art Deco was a revolutionary movement in the artistic world – born as a response to the Art Noveau movement and influenced heavily by Cubism, Art Deco sought to embrace modernity and commerce in the fast-changing world post-World War I. Originating in Paris in 1925, the movement span across several visual art forms, such as architecture, interior design, painting, sculpting and graphic design. It later found its way to America during the Great Depression – serving as a promise for better times ahead, remaining a prominent movement until 1940. Art Deco features symmetrical and geometric layouts composed of simpler and angular strokes with a minimalist colour range compared to the complex, traditional flourishes and deep colour palette of the Art Noveau movement that preceeded it.

Paragraph #2:

Within the context of graphic communication, one can examine the works of poster artist and typeface designer Adolphe Mouron, better known under the pseudonym ‘Cassandre’. Renowned for his contribution to bridging the gap between commercialism and poster design, Cassandre is arguably best known for his advertisements of overseas travel. One can examine the works “L’Atlantique” (1931) and “Normandie” (1936), two posters that encapsulate the key features of the Art Deco movement through their clear embracement of commerce and modernity. Cassandre demonstrates the methods within Art Deco through his symmetrical, simple layouts which create a strong visual hierarchy – we’re drawn to the grand image first (which often dominates the main space of the poster), followed by the titular and subtitle text.

Paragraph #3:

Typography plays a large role within the Art Deco movement, and exceptionally so within advertising; the way it is positioned, scaled and the overall style of it is used to represent the modernity of the era. Titular text is often capitalised with each letterform matching cap-heights, creating a majuscule effect, whilst subtitles are often stylised to reflect the product sold – products aimed towards upper class individuals would more than likely feature serif and script-style typography, for example.

Sources:

• Owen, Antoinette. “Treatment and Mounting of a Poster ‘Angleterre’ by A.M. Cassandre.” Journal of the American Institute for Conservation, vol. 24, no. 1, 1984, pp. 23–32.
• Anonymous, 2011. Art Deco for a modern age. 1st ed. Cork, Ireland: Post Publications Ltd.
• The Art Story. 2018. Art Deco Movement, Artists and Major Works | The Art Story. [ONLINE] Available at: https://www.theartstory.org/movement-art-deco.htm. [Accessed 8 October 2018].

 

Reflecting upon the poster at this point, I noticed there was quite a lot of empty space at the top of the poster. I decided to increase the scale of the central skyscraper in order to create a stronger presence for the image, as well as visually represent commerce – something which I had struggled to incorporate up until now. I began by adding a simple dollar sign to the central building, but felt this was a little jarring to the path of the eye as it did not match well with the three dimensional effect I had created. To rectify this, I added two currency symbols – the pound and dollar sign – to each face of the skyscraper.

With most of the key features incorporated into the poster, I was left to focus on a subtitle/quotation and colour. This actually proved to be one of the most challenging parts of the design process, as it was hard to represent colour distribution through my initial sketches.

Using an arced line and the type on a path tool, I used a simple slogan “Look To The Future” as I felt this neatly summed up the ideologies of the Art Deco movement. I added hyphens to either side of the text to create a slightly more grandeur aesthetic.

One of the final steps before the final outcome was to add colour to the otherwise greyscale poster. Traditionally, Art Deco posters are fairly minimalist and use a small palette of colours. I was limited to two, however, and those colours would be the black shade of the image/text and the solid colour background. I tried a small range of CMYK colours suitable for print – a red, yellow and blue – and the choice became fairly clear. Red was very quickly ruled out as its connotations did not align with that of Art Deco. The decision between blue and yellow was fairly difficult, as I felt both provided that sense of modernity and hope for the future – though I eventually settled with yellow, due to its connotations of hope, grandeur and reliability.

A small finishing touch I added to the poster was a black frame, in order to create the white border effect seen in many traditional Art Deco posters.

 

Final Outcome

PDF:

Re-Imagining Design Histories – Art Deco – Final Outcome [Aaron Compton]

 

 

Art Deco was a revolutionary movement in the artistic world – born as a response to the Art Noveau movement, Art Deco sought to embrace modernity and commerce in the fast-changing world post-World War I. The movement originated in Paris in 1925, but quickly spread across Europe and even reached America during The Great Depression, serving as a promise for better times ahead – remaining a prominent movement until 1940.

The movement span across several mediums of visual arts, such as architecture, interior and furniture design, painting, sculpture and graphic design. Its purpose – to embrace the modernity and increasing commercialism in the world –  is reflected through often symmetrical and geometrical layouts, with simpler, angular strokes compared to the often complex, traditional flourishes of the Art Noveau movement prior. Notable works of architecture include New York’s Chrysler and Empire State buildings, but in the context of graphical communication we can examine the works of Adolphe Mouron Cassandre.

 

 

Cassandre incorporates all the core features of the movement within his poster designs, “L’Atlantique” (1931) and “Normandie” (1935). The posters are adverts for overseas trips, which instantly reflect the increasing focus on commerce and advertising that became prevalent in society following World War I. The layouts in both posters are symmetrical, following a simple grid system which creates an easy path of the eye – we’re drawn to the image first, then the titular typography followed by the subtext. Like all traditional Art Deco posters, Cassandre uses illustration over photographic image to convey the advert, featuring a small palette of colours which creates a minimalist effect. There’s not a lot of text used in either poster – something which I’ll need to consider when approaching my own design, as I need to incorporate three paragraphs without compromising the overall style of the poster – but the text used features a title with more information presented in the subtitles. The typography used here is all capitalised, and each letterform in a line of text have matching cap-heights, reflecting a majuscule typographical style. This technique creates a sense of grandeur when combined with the scale of the images, which conveys the overall message of the adverts perfectly – in the context of the era, a trip overseas would certainly be a grand ordeal.

Sources:

• Anonymous, 2011. Art Deco for a modern age. 1st ed. Cork, Ireland: Post Publications Ltd.
• The Art Story. 2018. Art Deco Movement, Artists and Major Works | The Art Story. [ONLINE] Available at: https://www.theartstory.org/movement-art-deco.htm. [Accessed 8 October 2018].

 

Poster Design

Displayed above are two more traditional posters from the Art Deco movement – on the left, Sam Hyde Harris’ Southern Pacific Daylight (1937) and on the right, Willem F.ten Broek’s Holland-America Line (1936). These posters, like the work of Cassandre, are an example of advertisement for travel and reflect the increasing communication around the world in the 1930s, ushering in a new age of transport. They too incorporate many of the traditional Art Deco poster characteristics – such as bold, majuscule typography for titular text, a minimalist colour range and a dominating image that creates a strong visual hierarchy.

Marcello Nizzoli’s Cordial Campari (1926) and Roger Broders’ Vichy Ses Sources (1928) are advertisement posters that aren’t as focused on transport, but rather commerce and the sale of a particular product. Within Nizzoli’s poster, the designer creates a strong visual hierarchy through his image and text placement, drawing the eye first to the bold majuscule “Campari”, then the product itself – which is made aesthetically appealing through its simple yet vibrant contrast with the luxurious red background. Broders’ work is a little different than the other posters I’ve examined so far and doesn’t feature a piece of titular text towards the lower half of the image – instead, this titular piece is scaled slightly smaller and distributed across the two right thirds of the poster to create an interesting asymmetrical appearance, especially so when also considering the size and placement of the “Sports”, “Tourisme” and “Theatre” text pieces. Whilst this is not traditional of Art Deco advertisement posters, the overall weighting of the poster is balanced out through the image – the figure on the left dominates the space, immediately drawing the eye to what the designer is intending to sell – thus, it is a successful experimental piece.

 

Whilst not an actual word, the concept of hybography is that two separate typefaces can be merged together to create one, hybrid typeface – hence ‘hybrid typography’. As an example, one can take a serif typeface, cut out the serifs, and attach them to a sans serif typeface to create a new, hybrid typeface that is more interesting and dynamic; something that will stand out more to an audience and catch the eye.

The short workshop consisted of receiving a single word, and our goal was to visually convey its meaning through the way we presented it on the page – in a sense, using hybography to demonstrate meaning and ultimately creating an interesting piece of typography.

I received the word ‘vivacious’, and began by narrowing down its definition.

With the definition understood and some exploration into how best to represent the word, I began some quick preliminary sketches.

With these complete, and a general idea of the final design visualised, I constructed the final piece on A3:

I mostly drew from the style of my first three sketches, developing them into a typeface and adding a few hybographic features such as the flairs. Upon reflection, I would perhaps add serifs to some individual letterforms, such as the V and S, in order to convey the meaning of the word further whilst adhering to the rules of hybography. Overall though, I’m happy with the first attempt at experimentation, and will take the practices I have learnt into the development of our next project – the ‘Six Word Story’ poster.