top of page

Alcohol Digital Media Animation

Scripts
First Draft Storyboard

I decided against drawing anything for the last three lines, "Don't like any of these facts?", "Then you need to change - today" and "Get sober, live sober," because I didn't feel like it'd be necessary to draw anything for it. I didn't have an image in my head which would make sense to animate for these lines.

Second Draft Storyboard

I decided that I wanted to animate the last three lines after all, and I decided to have someone walk through a tunnel to the light at the end, where they come into a sunny forest clearing, representing sobriety with the sun shining, and the flowers growing. I wanted this to show that there's always hope, and that living a life of sobriety is better than being an alcoholic.

I copied the shape of the fist for page 4 of my second draft animation storyboard because I want to have one of my characters to throw a punch at the screen, to resemble someone fighting someone else, put in the first person perspective. I felt this kind of shot would be a refreshing change, and it would be fun to animate. I copied from reference the photo of the fist on the right. To compare them, I cropped the picture of the storyboard down to just the fist, and I also took out the background and words around it in Photoshop. I then took this image and also traced over it in Illustrator to see how it would look. This image showed exactly the kind of stance and shot I wanted - the person in the background is blurred while the camera focuses on the fist being thrown at the camera, and I want to do something similar to this. The line is "You may contribute to violent crime - like the 47% committed in 2015." I wanted to get this point across really simply but effectively, and I want to task myself with having to draw the motion of someone punching towards the camera because I think it will look really good, and using a different shot, in which the audience become more involved with the animation by having it from the first person perspective, is a refreshing change in direction.

Drawing Attempts

I drew these images out on Paint because I wanted to see whether I could change my animation style, and draw my animations on the computer instead of by hand on paper. I decided to start off simple and I picked a couple of pictures from my storyboard to copy out. I disliked the way they turned out because they look very amateurish and I know I can draw better on the computer than this. Using paint to draw is can be difficult, because using a pen and drawing pad means pressing the tip down can cause a circle to appear, which focuses on the colour I think, which makes it frustrating and difficult to draw. After a lot of persistence, the drawings didn't turn out the way I wanted them to and I decided to use another program to draw to see if the outcome was better.

I downloaded an app at home called Sketchbook, and I redrew the images above along with a couple of others to compare what they turned out like. I really liked the way these drawings turned out because the app allowed me to draw smoother, and the pencil drew a lot better, starting out with a soft outline which could be drawn over and darkened. This was helpful because I was able to do the rough sketches first and then go over it again once I was sure of what I was doing. It allowed me to see exactly where I should draw if I needed to tweak parts of the drawings, whereas when you draw with the pencil on Paint, you can't tell what is a mistake and what is to be kept, because the colour doesn't change. This app means I can draw darker over what I'm sure of, and it's a lot smoother too - it's easier to use and the quality of the production is better. I definitely want to experiment more using this app to draw, and I'm seriously considering drawing out everything on the computer rather than on paper now thanks to this. By this quality, I also may not even need to go through my previous process of tracing over everything in Illustrator, which will make my design approach to this animation different from my first one, and give it even more originality.

Most of the drawings for my animation are below, except for those drawn and coloured in my SketchBook app only. Not every drawing is featured in the list below, but all of them are looked at underneath in a bit more detail.

Original Drawing
Illustrator Tracing
SketchBook Colouring

Attempt 1:

Final Version:

I made the colour a little lighter on the final version.

I used the same drawing for the 'right' sign and rotated it horizontally, then used the same font to write the word 'wrong' and put it on this sign.

I erased the writing from the original drawing and wrote the word 'right' in the font Chalkboard font in Regular to replace it.

I redid the grass, to make sure it showed up like it did for the other sign.

I didn't colour the cloud in because it's typically white anyway, so there isn't a coloured version of the image trace.

I used the above picture instead to redraw this and colour it.

The line for the hair didn't show up when the image was traced, so I used the pen tool on Photoshop on the original drawing and drew over it. I then traced this image again and then erased a little of the hair line on the right as it leads up to the thicker line.

I used the first picture instead to redraw this and colour it.

Drawing Attempts and Sketches

I wanted to draw a sink and a glass of wine being poured down it to signify the willingness to pour some away, but ultimately having a lot still left, to demonstrate drinking over the recommended unit guideline of 14 units for each week but drinking no more than 21 units, and whether this is morally correct. I started off drawing the main image of the sink, but then I decided to look for a reference on how to draw the faucet, so I found the second image. I drew a faucet resembling this image, and then decided to start drawing the glass of wine being poured down the sink. I drew this backwards, starting with the last image until I got to the first, because I thought it would be easier. I had intended to put these images into Illustrator, but the unequal measures of the sink just didn't sit right with me, and I also thought that the marks left from erasing the lines each time to work backwards on the drawings would be a little difficult to get rid of, so I decided I would redraw them.

I started off drawing the drunk person with the lamp shade drawing on their head, but I couldn't get the shape of the fist right. I looked at my own hand and sketched it out beside my drawing attempt to see how the hand would close into a fist to be fist-bumping the air. I then redrew it, which is my first drawing attempt 2. I then tried to draw the person again, this time with their arm in the air, as if they've lifted their arm up to fist-bump the air. I didn't really like the way this looked, so I decided I'd redraw it again at a later stage. The final image is of the first drawing, except as my final attempt. Originally I really liked it, and decided I'd copy the left side of the arm, rotate it horizontally and reuse it as the right side. However, I looked back at my Drawing 1 Attempt 2 photo and liked that a lot more, so I decided to trace that. However, I had attempted to copy the left arm and rotate it horizontally so that they both were equal, but that didn't look like how I wanted it to.

I drew this character because I wanted them to be drunk and upside down hanging from a climbing frame. I thought this would be a funny element to my animation, but also show one of the stupid things someone could do while intoxicated. The person also has the word 'idiot' written on their forehead, with the 'd' purposely the wrong way round, signifying that this was a drunken prank committed by this person's friend. I used the children hanging upside down on the climbing frame photo as as reference for the lower body, positioning the legs and how they would hang on the bar. I wanted to show this image from different angles, because I want to start off with the person face and then have the image slowly rotate and zoom out to show him on the climbing frame.

I drew another rain cloud and coloured in the rain drops with my pencil. I used this as an attempt at moving the rain drops, to make it look like it was really raining, but I didn't like the outcome very much.

I also drew out the thunder cloud bit by bit and photographed it, because I thought about following the lighting piece by piece. However, I realised I could still do this anyway by taking a photo of the entire thing and then following the lighting bolt in that way.

Before I had managed to draw the girl in the rain, I attempted to draw her twice before. The first one didn't come out correctly because of the eyes - I wondered whether I should use black circles for eyes or whether I should try and draw the actual shape of a pair of eyes, but I didn't like either of them. The shape of the chin on the first attempt also didn't look right. The version I stuck with is the one that I illustrated, which I believe to look a lot better than the others. I also drew a rain drop landing on the girl's nose for my final version of the character, but I didn't like the way this turned out, and I don't think I'll use it for my animation. I also attempted to draw a flood caused by the rain, where the girl looks at someone with an umbrella, who's off screen. I attempted to draw this person, but really early into drawing the character, I didn't like it, so I scrapped it.

I used the first image of the girl and the raindrop to create the entire scene I wanted to animate - I moved the raindrop down continuously, and then created another raindrop to land on the girl's nose. After this, heavy rain begins pouring down, ruining the girl's hair and making her angry. I decided to use the first picture of the girl because I thought it would be easier to just redraw frames, especially using SketchBook. I had originally drew a couple of frames out, but I thought it would be more beneficial to use one and work off of it. Overall there are 13 frames used to create this.

The first colour experiment I did consisted of colouring the shirt red, the lampshade a pale yellow, and the inside of the lampshade a little darker. I wasn't happy with the colour of the inside of the lampshade, so I did it again. Colour Experiment 2 has the inside of the lampshade even darker, which I was happy with. I then moved onto getting the right shade for the skin. After this, I cleaned the drawing up and also redrew some lines on the lampshade. I put the numbers of the HSL for the shades of colours I used.

I started off by moving the arms from the first finished drawing of the lampshade drinker, so that I could position the person differently. I wanted the arms to be extended upwards, as if the drinker was raising them to fist bump the air, or look as though he's dancing. I then drew the missing parts of the arms again, but I quickly realized that the shoulders looked weird, and one arm has been moved too far away from the rest of the body and looked really odd. I moved the arm closer and then started fixing the shoulder to make them dip downwards. I also realized that the first picture of the lampshade drinker had a three quarter sleeve shirt of, so I changed the t-shirt on this drinker and drew it correctly.

I had to redraw the climbing frame I had the upside down drinker on because the first one didn't look at good, and the proportions were also a little off. I drew over the character because some of the lines hadn't shown up when the image was traced, then coloured it. I also coloured the background, showing half of the grass and half of the sky. My plans for this image is to start off with the character's face, showing the word 'idiot' (which has been drunkenly scribbled on his forehead, with the 'd' the wrong way around due to intoxication). The image slowly zooms out and rotates to show the person upside down on the climbing frame.

I redrew the rain frames so that the rain covered the entire screen and resized them on my after effects composition, which I started to organize my animation's.

I also had to resize and save the upside down drinker on the climbing frame to transfer it onto the composition. I originally planned on using the larger version so that I could scale the picture down and move it slowly until it would get to the point where I can replace it with the second version, and continue to scale this picture down until the entire thing was visible. I thought this would be better to do because it would mean that the picture wouldn't be extremely pixelated if it was enlarged to create the effect I wanted, which was to focus on just the face of this person being upside down and slowly zoom out to discover why. However, using only the second picture, I managed to enlarge it without it becoming pixelated like it was before, and then slowly zoom out and create the same effect. I'm still debating on whether I should rotate the image before I zoom out on the picture, so that it start with the person being the right way up and then rotating to show they're upside down on the climbing frame.

This wasn't as easy for the kryptonite in the beer glass image. It was still very pixelated when enlarged, so I tried to use the technique of two images, but this was difficult as well because trying to get one image the same as the other and in the exact same place when the numbers on the scale for the information about the picture didn't correspond with the information on the other.

I redrew the sink and the wine glass because I hadn't been happy with it the first time around. This time, I'm much happier with it. I had drawn the sink frame by frame on paper, and then traced it in Illustrator. The left side on the drawings didn't entirely trace, so I drew over them in SketchBook and coloured them. Instead of working off of all of the frames I drew out, instead I used the first one and just kept redrawing the wine glass, changing it's position.

I re-drew the animation of the punch being thrown at the camera using photos I'd taken of my friend modelling the action for me to use as references. I drew them all in SketchBook and coloured them, and I found drawing the images like this was a lot better than my previous attempts of drawing on paper because the proportions were much better this way. I thought this SketchBook version also looked a lot better than it would've had I drawn it on paper.

References for Throwing Punch
Animation Lines Recordings Version 1
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
16.
13.
14.
18.
15.

My friend recorded the lines to my animation for me in separate files, which will be easier to put together in the After Effects composition. Having each file named also means I don't need to continue to re-listen to it to know how long I have for each animation to take place. However, some of the lines that were recorded didn't turn out as clearly as I had hoped, and parts of the beginnings of lines were missing, so I've asked my friend to re-record some of the lines.

I started off by drawing out a character and colouring it, then I decided I wanted to use this as the part of the animation where someone's in prison. Originally, the idea for this would be for someone holding a cup to be brushing it against the bars to create noise, as it's an action that's become popular on comedy TV shows as comic relief. However, I decided that instead I would draw the bars of the cell slowly moving downwards, trapping the character, and having their shirt change from purple to an orange prison shirt, with the number of the prisoner wrote on the front. I thought that showing this would make the audience immediately understand it, and I didn't want to over-complicate the idea in case it didn't actually work out. I was also very happy with the way this turned out.

I wanted to redraw the eye and instead of drawing it out frame by frame to blink, I want to slowly enlarge it to focus on the wine glass in the iris. I drew the eye really small to begin with and then realized it would need to be a lot bigger in order not to turn pixelated when enlarged. I also hadn't been happy with the way I had drew the wine glass in the eye the first time, so I was perfectly fine with redrawing it and making it bigger. The second version had the eyebrow to short in width, so I moved the end to the right a bit and then filled in the middle, which is why the bottom line of the eyebrow jolts out a little. I then fixed this, and the finished product is the final picture of the eye, which I was really happy with.

Animation Lines Recordings Version 2
"In 2015, 11% of men and 7% of women in England consumed more than 14 units a week but no more than 21 units."
"You may not remember what happens when you get drunk, but we do."
"You may contribute to violent crime - like the 47% committed in 2015."
"You may be admitted to hospital like the 1,085,830 - ish people in 2014 - 2015."
"You may cause 1 out of 3000 others to be killed or injured as a result of drink driving."
"Or you may be the one to die from alcohol consumption, just like the other 8,758 people in the UK in 2015."
"Don't like any of these facts?"
"Then you need to change - today."
"Live to fight another day."

I asked my friend to re-record these lines because some of the starts of the lines for the first recordings were missing. However, this seems to be the same with these re-recorded lines. I have come up with a solution though: instead of repeating the words 'you may', I might use it once and then either cut it out afterwards so it's not said again, or I can use it from one recording and repeat it in front of each line, like editing the audio for the animation.

I started off trying to draw an arm, in order to create a frame by frame animation of the arm breaking. However, I decided to scrap the idea of drawing someone with an injury or a dove to represent the line about injuring or killing someone when being the drinker involved in a drink drive accident. Instead, I wanted to draw the hospital symbol, which is best known as the red cross. I tried to draw it out in SketchBook but I didn't like the way it looked, so instead I used rectangle shapes on Paint to create the cross, then coloured it in SketchBook. I want to use it so that I can zoom in on the colour and then zoom back out onto the animation of the heartbeat line, or use it to run along the line and move the camera with the jogs in the line.

Animation Version 1
Strength Warnings

This is the original animation that I talked about in my evaluations before the two week break, which featured the drawings that I was putting in order, ready to put together properly with the audio. This version features the raindrop falling on the girl's face and then the rain pouring down, the drunk man with the lampshade on his head, the man with 'idiot' wrote on his forehead caught in a climbing frame, the kryptonite in the pint of beer, the man at the bar with his head in his hands and the thunder cloud with lightning coming from it.

I wanted to make some labels for the line explaining the maximum amount of units of alcohol men and women should be drinking each week. I wanted to make it as clear as possible what these units equal to in terms of pints of beer, glasses of wine and shots of spirits, and their strengths because I want my animation to also be educational by not only encouraging change but also informing my audience of the limits of alcohol, plus the consequences of abusing it.

Animation Version 2

This version is the start of the real editing process for the animation, this time using the voice over and organizing the animations to follow the script in order. The animation starts off with the images of a pint of beer, a glass of wine and a shot of spirits lowering onto the screen from above. Following this is the man with the lampshade on his head, then the man on the climbing frame. After this is the kryptonite in the beer glass, which I think I should make a tiny bit faster to end at the same time the voice over line for that animation does. Next is the raindrop falling on the girl's face, which I think I should also add the sound effect of rain to, to cover the silence after the line for this animation is spoken. Finally, the alcohol unit guidelines flash up on screen. I think this part needs to be made a bit longer because it all moves too quickly to be able to look at properly.

Animation Version 3

I added some more lines and animations, starting with the wine being poured down the sink, which corresponded with talking about the percentage of men and women that drunk more than the recommended amount of units a week but not more than the previous recommended amount, which was higher. After re-watching the wine being poured down the sink, I thought maybe I should make the animation a bit quicker, because I still want a sense of realism, and I know someone wouldn't pour wine down the sink that slowly.

I added in the right and wrong sign posts and set them next to each other, and also used the wine eye animation. The eye enlarged, although I wasn't sure about the size it enlarged to because I thought it started to look slightly pixelated, so I wanted to fix that.

I know that I was supposed to use the image of the man at the bar for the line talking about not remembering what happens when drunk, but I didn't like the way it looked. I thought there wasn't much to the two frames I'd drawn, and I also didn't like the bar I drew. I decided to scrap this image and replace it afterwards.

After this is the punch being thrown at the camera. While it looks good, I realized afterwards that it should've been made bigger and moved to the side, to make it look like the rest of the body is off screen.

Next is the heartbeat, which is followed with the camera. I liked this, but I wondered about whether to add a heartbeat sound or not.

Animation Version 4

I fixed the speed of the animation showing how many pints of beer, glasses of wine and single shots of spirits are equal to 14 units each week, so that it's a bit slower, and the labels can be seen and read. I thought that looked a lot better because it was readable, and I want to involve my audience with reading from the animation in addition to being told the information. I also fixed the speed of the wine being more down the sink, making the animation quicker, which is more realistic to if this was actually carried out.

I fixed the eye, which enlarges but not too much. I think the size it enlarges to is still attention grabbing, and it doesn't move too quickly nor is it too big where it takes up the entire screen. I'm glad it also doesn't look as pixelated as it would've had I kept it how it was.

I filled the space for the 'you may not remember' line with the word drunk, and I found a wave effect to put on the word. I think it looks good because it represents how things seem when you're intoxicated - everything is scrambled, moving and blurry and probably looks as though waving. I'm glad I found the effect because it's different to the rest of the animation, which is more based on drawings, so using an effect on a word mixes the different types of things going on which is refreshing and unique.

I made the throwing punch bigger and moved it to the right side of the screen, so the rest of the body looks like it's off screen. I also made it a bit quicker, to represent more realism since I drew this from a real life reference.

Instead of using somebody breaking their arm or having a dove fly on screen, I used the hospital sign I created and constantly made it bigger and smaller, in order to look like it was beating, almost like a heart. I then added in the man being thrown in prison, although the abrupt ending to the line, which I cut down, sounds wrong and therefore I need to fix it in the next version of the animation.

After this is the flat line which I created in PhotoShop, although I don't like it due to the inconsistency with the heartbeat line. I want to redraw both of these to make them look similar. The number 8,758 also moves across with the line.

After this are the lines 'don't like any of these facts?', 'then you need to change - today' and 'live to fight another day'. I wanted to add some more text to create a mixture for my animation style, and I also scrapped the idea of the person walking through the tunnel because I started to dislike it.

Sound Effects
Heartbeat

I found this sound of a heartbeat monitor after originally accidentally finding just a normal heartbeat sound, which wasn't what I had been looking for. I tried adding this in but the animation lasts as long as the line, and the sound doesn't sound right when put over the top of the speaking.

Heartbeat Flat Line

I also found this sound of a heartbeat flat lining which I liked. I had the problem where the sound overpowered the voice and didn't sound right.

Heavy Rain

I used this for the rain that follows the rain drop falling on the girl's face but the sound was misplaced because there wasn't really any other sound effects in the animation. I didn't like it as much as I thought I would have, but I'm still wondering whether I should add it in to fill the silence and have the heavy rain animation make more sense.

Animation Version 5 Screenshots

I started off with trying to use transitions and cuts in between sequences of animations in order to get the entire project to flow together better. I tried to change the end position of the beer, wine and spirit glasses by moving them off screen to the left after they lower onto the screen. However, this didn't look good when I played it back because they moved too fast in comparison to the speed they lowered onto the screen with, so I wanted to come up with a different way to make it leave the screen quickly while still matching the first part of this sequence.

I decided to change the opacity instead so that the images fade over the time span of a couple of seconds, which worked a lot better because it matched the speed from the objects moving into the frame beforehand. This worked a lot better because it fits in more.

I moved onto the next part of the animation which was the drunk man with the lampshade on his head dancing, which originally just appeared on screen. Instead I changed the starting position for the animation so it moves onto the screen from the right into the middle and immediately starts dancing. I wanted to do this to be able to transition my animations in different ways with different techniques.

Listening to some of the feedback I got from my previous animation version (4), I was told to experiment with cutting part of the rain scene out to see what it would look like, because it looked overcomplicated and unnecessary to have every part of it. I started cutting out every other frame so that afterwards, I could put the remaining frames together and the parts that had been cut wouldn't be missed. However, after looking at it afterwards, it didn't look right. I drew the raindrop to move a little bit of a distance each time, which didn't look right with some frames cut out. I decided to try it again instead and proceed with a different approach.

I removed the sequence with the first raindrop falling, but I kept the sequence of the second raindrop falling on the girl's nose. I also shorted the heavy rain part by a couple of frames and kept the last two frames of the girl drenched in the rain and looking angry about it. I had also managed to have the entire sequence fit in with the length of the voice over line, so they finished at the same time. This was better for my animation because previously, the line finished and the rain animation was going on. With no sound effect, it looked a little weird, so I'm glad I found a way to change that whilst still having the rain animation look good.

For the kryptonite glass, I had already noticed that the second layer pixelated a little, and the movement of one layer changing into another as the kryptonite glass got smaller (the first layer had the bigger version and cut off a certain point so the second layer then zoomed out from where the first stops) looked odd because it moved positions and it's length changed ever so slightly, but noticeably. I cut out the second layer and just kept the first, zooming it out until it bottom of the cut off beer glass was visible. However, I moved it to the bottom of the screen, so as the kryptonite zooms out, the glass is visible near the end but the entire thing isn't shown. I think doing this makes the animation still look good, and I understand know that the whole glass doesn't have to be shown for the audience to understand what's going on. By showing just the top of it, it's obvious what the image is. I may also go back and make the image a bit larger later on.

I wanted to make another transition for the end of the alcohol unit guidelines to move into the next line featuring the wine being poured down the sink. I started the next animation with the number '2015' because the line talks about the percentage of men and women who admitted to having more than the recommended guideline per week but didn't exceed the previous guideline in the year 2015. I decided that since 40% strength warning was above the line of spirit glasses, that the images could be moved. I moved the strength warning upwards and the spirit glasses line downwards, and then '2015' enlarged in the space where they were, as if they were moving out of the way to make room for it. I really liked this because it was different to some of the other transitions I'd created, and I felt like this was refreshing. I also changed the colour of '2015' to a light blue colour, which I matched with the rest of the text to come, although looking back on it now, I realise I should probably leave all of the text in red because it would then match the colour of the strength warnings too.

I changed the 11% to fade out as the 7% moves onto the screen, and lined up the percentage signs so that the numbers would be in the same place.

In order to make this animation longer for the length of the voice over line, I decided to repeat a couple of frames near the end. Although this didn't extend the animation that much, I felt that repeating a couple of the frames made this sequence a little better. I then extended the last frame so that I could transition it out and have the animation end at the same time as the voice over line finished.

I centred the anchor point into the middle of the eye because it enlarges onto the screen, and it wasn't forming in the middle like how I expected it to until I changed the anchor point. Once this was done, I then focused on the transition to move the eye off of the screen by changing the position, so it moved to the left of the screen.

I tried to think of a way to make the word 'drunk' look like it was actually intoxicated by adding to the wave effect I had found. I attempted to rotate it constantly from left to right, but it didn't look correct and was a little boring, especially since this line didn't have a progressive animation to unfold. I also tried to lower the amount of waves, but this didn't improve the effect either. I decided instead to draw inspiration from one of the first After Effects program tasks we did at the beginning of the year, which was copying a word and trying to recreate the way it faded in and then started rotating as the word became bigger. I liked the idea of using this as I used it on this animation yet, so I created it with the word 'drunk'. I liked this a lot more because it was doing something other than just sitting in the same space, and it worked as a transition too, which then faded back out again.

I went back to the eye because I had an idea for the word 'drunk'. I wanted to change the colour of the word to a light blue and then use a solid dark blue background colour to make it look like the word was in water, to match the way effect. To do this, I wanted to transition the eye (since the iris is dark blue) to flash or do something similar in order to change the screen to blue. I tried to use the effect CC Light Burst 2.5 on the image of the eye, but it didn't look right. The screen never went fully blue and instead the eye became harder to see as the light was being stretched. I didn't like the way this turned out because it didn't look effective, and it didn't achieve what I was trying to get it to do. I scrapped the idea and decided not to use a blue background colour, because this would also be inconsistent with the white background colour used throughout the animation.

I went ahead with the idea to change all of the words and the numbers to a light blue colour, although I'm now regretting this considering that red would've been a better choice due to it also matching the strength warnings and the glasses of wine. I'm wondering whether I should change them all again.

Before I recoloured all of the words to blue, I had tried to mix up the style of the sentences at the end of the animation by placing them differently. However, in my opinion, it didn't look very good, as I hadn't done it before so I didn't really know how to arrange them. I also thought it would probably be difficult to read, so I decided against using this kind of style for the end sentences and instead kept it simple by writing them out in straight lines.

I took out the line "But does that still make it right?" to see whether it would make a difference to the animation. I took this out because I didn't have a specific animation for it, and I couldn't think of any words to animation for it, so I decided I didn't want to use it any longer. The animation runs smoothly without it, which is good.

I transitioned the flatline and the number '8,758' as it appears on screen, moving from one side to the other. I thought this was better because there's more than just one element doing something.

I added the first fight text bubble after the throwing punch, and I want to add some more to it afterwards. This one enlarges in size, which I think looks good due to the idea. It also adds to the rest of the animation for this voiceover line, and I really like the way it turned out. I looked at this sign a little more below.

I removed a couple of the lines at the end because I wanted to consider the sensitivity of the animation. I also wrote about help being available, advertising psychotherapy and alcohol rehabilitation.

I created three fight text bubbles overall with the words 'wham', 'ouch' and 'pow' inside. I remade the 'pow' bubble because it was really small and pixelated. I made it bigger and removed the red from the inside. I traced it and then recoloured it, plus added text in the font Impact, which is the same as what I used for the other two. I animated them so that they enlarge on the screen, so this will extend the throwing punch animation.

I wanted to make the police car move across the screen, looking as though it was actually driving, so I positioned it on one the right side of the screen, out of frame, and moved it across to the left side.

I took this drawing home to go over the lines from the image tracing on Illustrator, because some were erased. I was going to colour it and take out the black and white shading to re-shade it with darker colour tones. However, I decided I liked it a lot more in black and white, so I wanted to keep it like this. While I know that all of the other drawings are in colour, I thought that messing with this drawing may not pay off and the outcome may look worse in colour, thus wasting my time completely. I thought that keeping it in black and white helps show the amount of detail I had used on it when I drew it, and I like it most like this because it looks more realistic and authentic to the original drawing.

More Drawings

I wanted to make the animation for the throwing punch longer, so I planned on adding some fight text bubbles, drawing inspiration from old cartoons. I started off drawing a couple which were okay, and the I tried some more attempts but they didn't look as good as the first ones. I liked the middle one the best, so I'm planning on using this. Below are some more that I practised drawing which I may use.

I also plan on drawing some more for my thrown in jail animation, after one of my peers suggested I could draw the person getting arrested and having handcuffs put on them.

Arrest Animation

I drew this image from reference because I wanted to add something to the thrown in jail animation. I decided to use the image of someone being arrested because I thought this could help tell a story within this part of the sequence about how the person gets arrested then put in prison. I drew it out on paper but then at I tried to take out the colour of the paper, which was difficult to do. Instead, I removed most of the background on PhotoShop then traced it in Illustrator. I wanted to go back to it and go over the lines that have faded from being traced and re-shade it properly. 

I took it to re-outline the drawing and re-shade it in colour, but I decided against colouring it because I thought it had more detail in black and white. I thought that adding colour would ruin the photo and the shading would look weird so I decided not to do it. It's staying black and white because I feel like it looks better this way.

I also possibly want to draw a police car flashing it's lights before the arrest, and I drew a really rough sketch without taking much time on it just to have the idea down on paper so it reminds me to draw the car.

Police Car Moving Animation

The first image in this gallery is what I mentioned previously - I drew a picture of a police car in rushed conditions just to remind me that I wanted to use it as part of my animation. I found a reference for it to redraw, and once I redrew it I took a photo of the drawing without the tyres coloured, then with the tyres coloured, and finally a photo where I re-outlined the entire car. I used the last photo and removed the background of the paper in PhotoShop, then I went over it all with the pen tool so there would be no missing lines when I traced it on Illustrator. I then started colouring the car according to the colours on the original reference I looked at. I'm planned on moving it across the screen to tell the story about someone getting arrested and thrown in prison.

Animation Final Version

This version includes the additions of the fight text bubbles for the throwing a punch at the screen sequence, and the police car and the arrest for the person being thrown in prison sequence. Overall, I'm extremely happy with this version of the animation. Next I'm going to collect some peer feedback on what is liked about this version of the animation and what I can do in the final week to make it better before the deadline.

I collected some feedback on my animation and my peers thought it was really good and very clear, plus well put together. I was told that the sequence from 0.08 seconds to 0.13 seconds goes a little fast and is difficult to read if you're watching the animation for the first time, but when I went to sort this out, I saw that it was the alcohol unit guidelines. I didn't really want to mess with this because it all fits with the length of the voice over line, so I think I'm going to leave it how it is and use this as the final version of my animation.

bottom of page