• Olly Jordan

Chapter 41 - Teen Choice - Main Bulk of The Project: Logo, Posters, Animation - Uni 3rd Year

Updated: May 23, 2020

Here are the final artworks of my Teen Choice Project - The Logo Design, Poster Promotion and Animation reveal that would be used on Social Media. In order to make sense of the design process, I am just going to copy and paste my development journal from the time of creating the work as it is happening, so you can see the project unfold in its natural course, rather than try and be reflective of the project now. If that makes any sense at all.

This is a project where I kind of had to juggle all the elements of the design process at once - the logo, poster design and animation, so it does kind of jump about a little bit. And obviously I had to design the bulk of the poster work before I could actually paint the portraits of Hemsworth, Evans and Thompson so I knew what style of finishing I was going to do. Just trust, the mess of this post is the order and process I went through to get the final artworks above.

Experimenting with Branding

Here is a page from my sketchbook which I found interesting. I was just playing around with shapes while being inspired by some of the 80s logo designs that I found. I can imagine the actor/actress standing in between the red and the blue lines, in front of the red, but behind the blue to help give some layering process to the poster. I like the way that there has been consideration to making the rectangles look 3-dimensional with there being a pop of light at the front, this makes the rectangles look like flat sheets of an almost metallic material. I picked the shape of a diamond to work with because it is inspired by the 80s and also helps frame the actor/actress in the poster.

Here you can see a digital developmental process where I have dropped the actors into the template. I initially started by copying the rectangles from the painting and making them digitally and therefore more accurately. Then it was just a process of moving and resizing the rectangles around to make something which works nicely, the main things I needed to remember to consider was the actor’s names, the award and a #hashtag so people could get involved on social media.

Having a pink/red at the top and a blue towards the bottom compliments with the purple gradient behind it because it gives the impression of a glow. I do not however want the rectangles/diamonds to look too glowy as that would give the impression of neon and it would be expected that if the actors are essentially standing in the middle of this glowing diamond, there would be some pink and blue glowing lights on them too. This is something that I do not want to end up having to paint because that would be a bit too challenging, seeing as I don’t have that kind of light as reference on their faces and clothes.

Here is a painting from my sketchbook where I took the final digital design and simply painted it. However, when it is digitised, it just does not look good or professional at all. I think it would be better to either use just block colour if I am painting, or go digital. Obviously the fact that I have a photo reference in the middle rather than my painting will look unusual because the two are conflicting, but it is just to represent how I would fill the space with my portrait.

Here I have pushed the branding a little bit further so I can avoid potentially having a poorly painted background and diamonds. In the top left thumbnail, I simply removed the background from the painted version. This is probably most likely how I would actually create the original artwork anyway, because I would need to have a full painted background ready for the animated reveal anyway, so having each layer painted separately could work well for me as it would make my time editing to be easier. I then, as a way of still providing tonal variation, thought that foiling on the original painting could be a good way around this process, it would make the original artwork very sellable in a gallery context, but it would also look good with the branding. I was still uncertain about having a coloured background, but I think it will just have to be something that I play around with. I also experimented with gold foil as that would look amazing on the original portrait, but not so good with the pink-blue background branding. The gold is too warm of a colour and also would maybe suit the Oscar’s or something better, seeing as that is a lot bigger and well known in the film world, so the height of sophistication is a lot higher.

Here I experimented with the idea of having silver foiling as part of the brand identity. This would work nicely as it of a cooler colour and therefore fit with the pinks and blues of the rest of the brand colour palette, as well as still being cool in colour like previous designs of Teen Choice. In the 3 images at the bottom of Chris Evans, Tessa Thompson and Chris Hemsworth, I have not included any of the typography, this is because it is a potential mock-up for what the original painting would actually look like, just silver foil with the original painted portraits. This would look very smart and also tie in nicely with the rest of my portfolio of original artwork to be honest. A few of my portraits have no background, like ‘Belle’, but I digitally edited her into an airbrushed candlelight background. Having two very obvious differences between the original painting and a promotion poster design also makes my portfolio just a lot clearer as to what I am doing, am able of creating sophisticated portrait artwork as well as promotion posters which can add a completely new and different twist to it.

Experimenting with the silver foiling could help give me a few brand identity ideas, like, do I want the rectangles to be full bleed? Should I have a faded effect where it looks worn? I happened to come across a process where I would not have to screen print glue and then wait for a whole day for the glue to dry. You can actually use spray mount as a way of fixing the foil onto the paper. Using spray mount could be quite good at giving an inconsistent feel to the work, obviously because it is a spray so you do not actually have control over which areas stick and which don’t. I also think that in terms of the animation reveal, the technique of using spray mount could also be beneficial, because I could try to recreate the feeling of spray by having the Diamonds reveal themselves in a spray-like fashion, with small dots leading the way. I will have a little experiment later to see how silver foil and spray mount works out. I think it is important for me to now create a logo for this new Teen Choice 2018, seeing as I am now building an identity: diamonds/V’s, colour palette of silver, pink and blue.


Logo Design Development

Here is a scan of one of my sketchbook pages. I was just experimenting with my brush pen to be honest with the key elements that I knew I wanted to incorporate into my logo design - a diamond, and obviously the name of the event. There are many individual brush strokes sketched here, but that was so that I could create a diamond shape digitally by selecting individual strokes to combine together. I also like what is happening with some of the typography here, especially where the N and the CH are really working well together by interacting with the other letters. This is something that I would like to continue to explore when I turn to creating a digital design.

In the first and second logo design, I have played around with the mark making just like I said I would in order to make the diamond. I was in keeping with the use of my pink, blue and now silver colour palette, however, I felt as though the use of brush mark making for the font as well as for the diamond was a bit too much, it is always good to have a contrast. In the third logo design, I experimented with the font by switching in a couple of other letters to replace the previous ones, so the N and C. As well as switching some of the letters around, I also added a couple of splat marks to the letters with the intention of giving them just a little bit more energy, however, I just did not feel like it was working so I removed the splashes, which is what the fourth design is. The fifth design is simply just a gradient from pink to blue on a clipping mask layer, this instantly looks very exciting to me! The colour transition works very nicely and does instantly scream the 80s vibe I have been going for. In the sixth design, I wanted to get back to the diamond as that is a core part of my branding, and seeing as it is silver in my portraits, I thought it would be good to make the diamond silver in the logo, as that would instantly make connections between the universal look of the branding. The silver is nice, but again, just not with a brush marked diamond, which leads me onto the seventh design where I recreated the same design, but with rectangles.

In the ninth design I came across something that I think started me off in a good direction. The way that the diamond is whole rather than of individual lines looks so much more professional and slick, especially because of the contrast between the vector diamond and the hand-rendered font. I developed this design further in the following designs just making minor tweaks. Like for example, putting in a paint streak texture to cover up part of the diamond to help reveal ‘2018’. The use of negative space here works very nicely, this not only helps highlight ‘2018’, but it also calls back to the 80’s vibed typography I found where the typography is surrounded by a geometric shape, but the shape does not actually touch any of the typography, it just hugs around it.

I am pretty happy with where the logo is heading at the moment, the colour scheme works nicely and represents what I want it to, the typography and the vector graphic design works together nicely, I think that maybe just a little bit more consideration into the relationship between the letters will help make the logo look more like a logo. So far, it only seems like 4 of the letters actually work nicely together, ‘T’’N’ of Teen, and ‘C’’H’ of Choice.


Background Experiments

Here are some background designs that I created in my sketchbook. I simply used a paint roller and some acrylic printing medium to create these backgrounds. Following on from my discoveries with the last time that I was creating the poster designs, I wanted the background to have a rough and messy edge as this instantly tells the viewer that this is an intentionally messy painting, rather than having neatened off edges for something which could just easily be a digital gradient. I only used one shade of pink and one shade of blue to create all of these different designs. The first was a colour gradient, but I think the variation in colour is a bit too strong. The rest of the designs are just very playful and looking in the mark making really. I was not expecting to create the perfect background design, but what I was hoping to do, was create enough designs so that I can layer them up on photoshop and edit them so that a combination of them can work together to create a strong and intentionally messy but also beautiful background.

You can see here that I have added my new painterly background to my digital template. I think that this rough edge works quite nicely, I may have another little tweak here and there, but the design and colour palette is pretty much there, it is just minor adjustments to it now. I did as mentioned above where I photoshopped together a couple of the background designs together to make this. Setting the additional backgrounds to multiply and playing around with their opacities allowed me to create a pleasant purple gradient which still has pink and blue at the top and bottom which is nice, seeing as they are in the core branding. The textures that are coming through within this background is very nice and does remind me actually of Luke Butland’s Black Panther animation, which is good.

When it comes to animating this for the reveal, I will need to have a background that I am confident with, especially if I am going to create a reveal like I already have tested with my Lili Reinhart painting. Below I have taken screenshots of each component and how I can imagine that the reveal would happen in order. Obviously it would not just appear, it would fade in or something, but that will be for me to explore further. It makes sense for each of the elements to appear in the order that they appear, so the background first, then the silver Vs behind the actor/actress, then the actor/actress, then the Vs in front. Bearing this in mind made me think about the information that should be on the first reveal. By revealing just the logo and the title of the award helps provide the excitement, then if I reveal the portrait and the bottom set of Vs at the same time which also says the name of the actor/actress, that adds a nice ending to the reveal. Whereas if I had it so that the name was on the back panels like previously designed, you would have the name be revealed before you even see their face or what they are winning/being nominated for.


Metallic Silver Experiments

In the photos above, I experimented with spray mount and foiling. As you can see, the results are quite varied and inconsistent. The reason I did not want to use the foil blocking screen printing process for this is as mentioned in the previous module, I would like to design and create artwork now that I could continue to realistically recreate at home after graduating. Yes screen printing would look good, but I would probably not consider doing it in the real world because of the amount of preparation needed as well as the facilities. If I find my own way around doing things which can be done in the comfort of my own home, I would be more inclined to repeat and continue working with these processes. Spray mount and foiling seemed like the perfect solution, however, I did struggle with it. The spray comes out in a ring, not in a mass like deodorant might for example, so it was hard to actually fill an area I wanted to because it was hard to know where the spray had actually fallen. I also experimented with ironing the metallics onto the spray mount, which is when the foiling looks a little more successful where it is a solid mass, but even that process was quite temperamental. I didn't really get along with this technique at a small scale, I doubt I would be able to create a nice foiling process at the scale I am going to be creating my portraits.

I next decided to go out and buy some metallic silver spray paint. This was much more successful. The consistency of paint that came out was what I was hoping the spray mount would achieve. Although the metallic silver spray paint is not quite as shimmery or bold as the silver foil, this could actually work even more in my favour. The fact that this is spray paint and obviously I am going to be creating a painting on the same paper will complement each other nicely. I actually think that if I were to foil and hand paint on the same paper, there would be a bit of a battle as to where the attention should be because they would both provide such different finishes. The foil would have most probably been too overpowering, whereas the spray paint and acrylic portrait painting combination would naturally work nicely together. It is quite a lot like a large airbrush to be honest, and I know from previous works that airbrush and my portraiture works well together. The metallic spray paint quickly and easily covers the area and scale that I would need for this portrait painting too. I will practise a little bit more in terms of how many coats of paint I should apply to get the best effect, as well as what happens when I create stencils for the paint to fill. But as long as I remember to just move my hand from left to right in a slow and consistent way, the spray paint should create a smooth, shimmery and sophisticated silver finish which does not distract from my portrait painting, just helps enhance it.


Logo Development

I am much happier with this as a logo design now, rather than how I had previously left it. This logo truly feels a lot more bespoke to the project and each letter has been carefully considered after having written each letter and word out quite a number of times. The development of this and finally seeing it in quite a finalised state is very nice to see. This logo design does appear to work as a unit because the letters feel as though they have a relationship with one another: the way the the ‘N’ of Teen drops down to the word below, and the ‘H’ sitting on the ‘C’ of Choice. I think it works nicely and equally in whatever form it is seen in, black and white, original, or with the alternate version with the gradient diamond. All of the design variations have a strong look.


Typography Development

When having a quick 1to1 with the tutors, it was suggested that I take a look at some of Ben Tallon’s work because of his use of typography. I can see why his work was suggested for me to look at, each of the letters just has a natural flow and relationship between one another. It was said that my logo looked too ‘designed’, meaning it looked too structured for the style of lettering it was, and after taking even a quick glance at Ben Tallon’s work, you can see why they tutors thought what they did about my logo. This typography is clearly the word written in one go, rather than hand picking the best version of each letter and photoshopping it together like I had been doing. The splats do help to bring the letters together in Ben Tallon’s work, as that is what helps give a relationship between the letters, as well as their natural closeness.

Here are some of my hand rendered names. I wanted to create my own hand rendered names, rather than picking individual letters like I had been doing because, like in Ben Tallon’s work, the relationship between the letters comes across a lot better when they have been clearly rendered in all one go. You can see where I have circled my favourite parts of whole names, this has then been scanned and edited onto my poster template as you can see below. I think that rendering the whole word really does work out loads better.


Logo Development

Here I have made some very minor adjustments to my previous logo design, such as reshaping some of the letters, but the main adjustments that you can see is that I have added splats and a drop shadow onto the logo design. The splats were added individually from my scans of the pink ink typography to add some excitement and energy, seeing as this is a young target audience, they would want that kind of energy. In the logo design at the bottom, there is a clear drop shadow, this happened by accident when I was moving the logo around and I misaligned it for where I wanted it to go, but I actually enjoyed that alot. This drop shadow helps go with the 80’s vibe I was going for, and perhaps even the 90’s.

I added the drop shadow and splats to the rest of the typography I have on my promotion poster designs, I think that it does work nicely, but maybe looks a little too photoshopped? It looks very much like there is a black layer and then a white layer of font over the top, this could just be because there is a strange mix of photo, digital and painting going on at the moment in my template, but it is something to bare in mind.

Facebook Opinions

I was pretty torn as to which logo I liked the most, because each is very different but also exactly the same as the other. The bottom one is more 80s which is what I wanted, but perhaps better suited to a skater/urban brand, whereas the top one has a strong sense of legibility. I thought it would be a good idea to ask my coursemates what their opinions where on the logo design, most of them are around 21 and so they would know what looks young and trendy now. Twelve out of the thirteen people who commented on the logos thought that the bottom one, with the drop shadow, worked better. Some were even kind enough to give me some critique, like Emma said that the splat on the stem of the T looked a little off-putting, so I have now shrunk that down to a smaller size.

I have removed the black drop shadow from the rest of my text but mixed the splats into the white of the font, this removes any thoughts that the font looks too layered. I think the drop shadow is successful in the logo design, but that should be the only place it is used.


Typography Development

Using some of the hand-rendered words as you can see above, I have now updated the text used on the promotion poster design so that it is all completely new and fresh for this project.


Group Crit

At the group crit, I presented my most recent promotion poster design and my painting of Chris Evans at the stage it was at. Overall, I would say that my project seemed to go down quite well within the group and I got some feedback that I will consider and play around with.

In terms of this project, it was suggested that I perhaps experiment with working with both my hand rendered painterly typeface as well as a serif/sans serif font for example, this would help to differentiate between the different elements and what is going on. I did explain how the animation reveal maybe with the design of my poster as I will have to consider the order in which things are revealed.

Another piece of critique to take on board was the colours, I explained how the Teen Choice colour palette tends to be of a cooler colour palette, most often blues and pinks, as well as my desire to create an 80’s inspired brand. The advice was to maybe make the contrast between the colours stronger, because you mainly just see purple in both the logo and the poster design. A way in which I will act upon this advice, is to simply colour pick from previous years of Teen Choice and apply those colours to my logo and poster design.

It was also suggested that I could play around with the text and perhaps make it come out of the silver V’s, but again, this is something that the animation could help with when it comes to making these choices.

At this moment in time however, I think it is most important to get the portraits done, or at least one of them, before I start to get back into the poster design side of the project. It is all well and good making these edits, but I obviously won’t have a photo reference of my actors in the poster, it will be my painting, and that will look different to the photo I am currently using as a template. When I drop my painting into the poster design, it will be easier to plan around with things like colours and the text.


Quick Revisit to 80's Inspired Promotion Posters

I had been struggling with the typography and layout of my poster design, as said in my group crit, the poster is close to being finished but something just isn’t quite right. I thought it would be a good idea to do just a little bit more research into poster design, but more specifically, at 80’s inspired posters.

These 3 posters stood out to me the most because of their colour palette as well as typography combinations. The first two have an obvious link to my work because of the use of a brush font, however, in both cases, the posters have mixed the hand rendered font with a basic sans serif font, this is much like the feedback I got from my group crit. What is also interesting about all three of these posters is the combinations of colours used within the typography. The Kong poster used a gradient fade on the hand rendered font, which is not only very 80’s inspired but also matches the gradient of the sun also in the poster. The rest of the fonts on that poster is of a yellow colour. A similar things can be said for the other posters with the typography being the same colours as ones already in the poster. I think it would be a good idea for me to experiment with gradients and multiple colours within my typography, that may help with the problem I am currently having.


Experimenting With My Promotion Posters Now That I Have A Finished Portrait Painting

I think that the poster has moved along in the right direction after these amendments. I have applied a gradient over the whole background so that it matches the same colours as the gradient in the logo design now, so there is more consistency throughout the design. I think that moving the actor’s name into the middle of the poster and having it break out of the silver diamond works nicely, not only because the text is now horizontal and easier to read, but it also adds more energy to the poster. If I were to keep the name within the silver diamond, it just wouldn’t work as nicely because it wouldn’t compliment the splatty energetic typography. I wanted to go for a pink fade for the actor’s names because it contrasts the blue that is at the bottom of the poster design, although you can not really see it that well because Chris Evans’ body pretty much fills the bottom of the poster.

I have also downloaded a sans serif font which I think compliments the brush typeface nicely. I am pretty sure this design is coming close to the final design now, but I am still not quite set. I like the white font being used for the #choiceactionmovieactor as that matches with the logo of Teen Choice, I also like the positioning of it being directly underneath the actor’s name. I am not sure however of where to put the category title, it just looks a little bit lost wherever I put it, perhaps it needs to be blue if it is going to be at the top of the design to contrast the pink.


Final Designs

Here are my final 3 poster promotion designs. I am pretty happy with how they have ended up turning out, there were times where I was uncertain, but the continual development has paid off nicely.

I have done well in what I intended to do, and that was to create an 80’s inspired brand identity. The colour combinations, use of a gradient and geometric shapes all scream out 80’s inspired design.

What makes this poster design successful is the balance between hand rendered painterly type and a sans serif font. The typography and its placement was something I struggled with for quite some time, but stripping back the information and its new placement works in a really sophisticated way. Going to the effort to hand render the names of the actors in one go, rather than photoshopping and grabbing individual letters like I had been doing, creates a very natural and organic relationship between the letters and you can see that they flow together nicely and makes the text easy to look at.

The textural painted background works very nicely with the realistic traditional brush paintings of my actors much better than I expected. Just the knowledge of the fact that the key elements are painted, rather than a digital gradient background for example, helps tie the poster together as a whole.

Below, you can see my final logo design for when it is used on a pale background as well as for when it is on a coloured/dark background. The colour palette and use of a diamond has worked successfully to create an 80’s inspired logo as well as to become a part of the core branding, as you can tell by the fact I am using the same devices in my poster design. Again, using a hand rendered font and a sans serif font works nicely as they contrast each other well.

If I were to continue to work on these poster designs, I would perhaps play around more with the background, like I could perhaps put some subtle diamonds in the background that are blue or pink to help keep with the colour palette and 80s vibe, but that is just a minor adjustment that would just be for aesthetic purposes. Overall, I am really happy with how the poster has turned out.

Animated Gif Creation

Using a very similar process to what I used when I animated Lili Reinhart, I very quickly managed to animate all 3 of my poster designs to reveal themselves. I am very glad that I took the time at the beginning of the project to experiment with the process and timings of a reveal when I had the time to experiment, because time is quickly running out for this module now. I think the reveal works nicely and I can see it working very nicely as a social media reveal for nominations, maybe not for a winner as that would be a spoiler. But I can see these gifs working nicely on Instagram and Facebook as a way of getting people to vote for their favourite. I was not sure whether to make the gif reverse on itself and have the actors disappear, but I thought it was a good way of finishing off the animation, as the animation will have to leave the screens at some point so it may as well disappear in style. It has been nice to work on this animation and has added something new to my portfolio, I could easily use this kind of reveal in my own practise on social media to show my final artworks. I would not be confident in taking on an animation commission however because this was just one small technique in the animation world.

2 views0 comments