Final Piece

After being stressed about not knowing how to use After Effects properly, trying to learn, researching and rethinking ideas I have finally come to my final animation, I'm really happy with what I have learnt and what I have produced. Of course there is always room for improvement but I think I achieved a good result after never using the software before. I actually quite enjoyed the project and may now consider animation in future projects where as previously I wouldn't.

                      

Nearing the end

I went back to After effects and combined the lights and shadows that I liked from the previous post. I do like what I produced and it is what i thought was going to be my final piece but I think i will make one final adjustment on the back light as I think it is slightly too dark and takes too much away from my original off-white colour.

                      

Adjustments

Here I have included a screen shot of me working on adding some lighting to my animation and the results of it.

                    

                    

In these two tests i liked and disliked different features. In the lighting test I liked the lighting on the background as I think it adds a dimension to the page and isn't so flat an bland so I think i will use that in my final piece. I don't like the red lights on the the dots though as I don't think it adds anything good.

In the shadow test I like the use of drop shadow as it adds a subtle depth to the shapes and brings them out of the page so i will use that in my final animation.

Development

Below you can see a screen shot of all my laters in After Effects. I decided to split every single element of my animation into separate layers to make it easier to work with.

After working with all my layers I had produced a 2D version of what I actually wanted but I still need to lift it and make adjustments.

                   

Start of the final piece

This is the first stage of creating my final piece, I have put all of my baselines in time with my music, having not tried anything with music yet this went surprisingly well.

                       

Although in my storyboard it showed the bars pushing each other off the screen I had a happy accident in not achieving that and ended up with an overlap which i actually quite like and I think the speed of the bars fits well with the music. I decided it would take 3 seconds to get a bar fully across the page.

Typography Selection

As I am having an end screen on my animation I need to choose typography. I have selected a few fonts which I liked the look of.

I tried to choose quite bold fonts and I think a few of them slightly fit with my music. 

I have chosen to use number 3, the font 'Impact', i have chosen this because i think it is quite similar in that it is bold like the album cover so i think it fits best. Although I like some of the more hand writing style fonts i don't think they are suited to my animation or music.

Experiments

Taking my idea into After Effects I have been experimenting with the movement and the lighting and produced a coupe of results.

                     

I really like the off-white colour, but i have tried to use white lighting to emphasise the red dots and it hasn't really shown up so more work needs to be done on it.

                     

In this version there is a slight red light which could bring out the red colour more and I like how the slight drop shadow just lifts the shape from the page without being too dramatic. i think while creating my final project I will refine this more.

Advanced Storyboard

I have re-drawn my storyboard to include my selected colours and show in more detail my transitions with my baselines. this includes rough timings. I have also drawn a diagram explaining light positioning.

Meanings

I have chosen to use the red, black and off-white colour scheme. In my opinion every colour and shape has meaning and a relationship with the music.

Off-white - a blank canvas the music is placed onto

Black - the dull, droning sound of the bass

Red - in contrast but also the bright tone in the melody

Rectangle - dull, angular, sharp, flat lines thought of while listening to the music

Circle - in contrast but also the soft 'lines' thought of in the melody

To me everything just fits together so well.

Colour Selection

Taking inspiration from the inspirational videos I looked at I have created different arrangements of colours using my storyboard as a base. 

I decided to do these two brightly coloured options but I don't think they fit the music at all because the music is quite dull with some contrast but these colours are bright and cheery.

I also tried out this off-white, grey and back theme but decided that there needs to be some colour to bring a bit of life because it looks too dull.

I then went to look for inspiration for other colour alternatives. I looked at the album cover for the song and saw the black, red and white theme so decided to try and use that.

I think the black background looks good but I decided to also try it reversed. I sort of prefer the white background as it fits slightly better with the music and to me shows meaning in every part both shape and colour.

I also looked at adding a simple texture effect to try and bring a little life to it and I think I may look more at texture. I think the image is very flat but it is a good base to work from.

Another experiment I tried was feathering the edge of my shapes to make them less harsh, I think this is a lot more subtle than the texture and I like the soft appearance. I also prefer the off-white colour because of it being less harsh.

Music mapping

Music mapping is a term I have invented to describe my process of understanding my music properly from a timing perspective and instrumental breakdown. 

Seen below is a drawing of the music firstly as a block sound and then as individual instruments. This showed me what I needed to know for how many possible shapes or colours I would need in my storyboard. 

After doing this, due to the amount of detail in the melody and wanting to make the After Effects process as quick and painless as possible I created a timing sheet so that I know where everything is supposed to go before starting my animation. I think this will help me because I won't need to rearrange things once I start, it also gives me a rough idea of how many key drawings/layers I need (note, not key frames). It looks complicated but there is method to my madness.

Moving forward

After doing the workshops I have decided that I am comfortable with doing things digitally rather than stop motion or illustration so this is the method I will use for my animation.

After Effects - Workshop 4

In this workshop we worked with green screening combined with the layering of techniques from the previous session.

                    

I thought this was quite a quick and easy process to do and I like the outcome with the exception of the light movement. We created a 'null object' which my light would follow and I made my area too big. Other than that I think it works fine and I am now considering including a light following an object in my animation.

                      

The piece I have created here was just to show that I could remove the back ground on a piece so I started off with a green background and then completely took it away. I don't like doing this process and I didn't enjoy the process of stop motion I used for the pennies.

After Effects - Workshop 3

In this workshop we used a lot of techniques such as cameras, lights and adding text to an image to create a 3D effect animation. This process is called 2D to 3D animation. Below is what I produced in the workshop.

                      

I really like how this works and I'm proud of the camera work with the focusing. After doing this I went home to try and create another one myself, after forgetting how to do a couple of things I tried to produce a similar image.

                     

With this animation is was hard to get the camera focusing just right because the cartoon style made it hard to see which parts of the image were in sharp focus and which were blurred. It isn't as good at the Spiderman animation but I still managed to get the processes in there which is the more important thing.

Using the camera and lights was hard and confusing at first but now it has become something that I surprisingly comfortable with, this gives me confidence to maybe use a light or camera technique in my project.

Stop Motion Animation 2

After doing my first set of experiments I went back and did some more work on it to try out different frame rates.

                      

This was my second attempt at my Snake animation. As I said previously I wanted it to run slower because I wanted it to be more jerky like the original game I was inspired by. I think I achieved this by changing the frame rate to 6fps instead of the previous 12fps and I think it works a bit better.

                       

In my previous experiments I liked Build and Spiral so here I have combined the two at 8fps. I like the way it looks and how changing the colours which layered on top of each other makes it obvious what's happening.

I still think it would be possible to use something like this for my project idea and I will most likely do further experiments with stop motion with my music.

Stop Motion Animation Workshop

In this workshop we use the application I Can Animate and a rostrum camera set up to take individual images which became frames in a 12fps animation. I liked this process and thought it was easy to do - it was a lot easier than when I used it for my cell animation using my iPad. We used lego blocks in our animations because it was fixed form that was easy to work with.

                   
                                               

This was the first thing I produced. I started with the yellow and then I thought I'd make a sort of gradient to add interest by adding the red, I continued doing this until the end. I think it worked well but I got a little confused with which way my slide was going.

                    
                                                     

After the workshop I made more lego animations, this being the first. I tried to experiment with a swirl pattern which was difficult to pull off with squares but I like the speed which it runs at.

                     
                                                           

This was inspired by the old game Snake. I think this runs too fast and I would have liked it to have had that old game feel, it might have worked better if I'd used a lower frame rate such as 8 or even 6 so get the effect of little breaks between movements.

                     

A few other people in the group were doing different things to me, one thing they were doing was building upwards towards the camera so I decided to try it myself. I thought it would have ran slower than this but I still like it's speed however, I don't think it has nearly enough of an effect as if it was shot from the side and mot above.

                       

This was my final creation of the day inspired by volume bars, I really like this, I think the fast speed closely mimics the volume bars on hifi systems. I think this is possibly my favourite thing I made.

I can imagine all of the above clips (apart from Snake) running in sync with music to visually demonstrate the rhythm.

After Effects - Workshop 1

In the After Effects workshop we were taught how to use the functions in the program including how to set up compositions, selecting layers and scaling of images. Eventually we got into rotating too. However, before doing this we were taught about pixels on Photoshop and then we edited out image, the Batman logo in Photoshop before opening the file in After Effects. Below is the clip which I produced.

                 

After the workshop I went back to After Effects and made another logo animation.

                 

For both of these I used the same process as before with separating the logo elements and making them move. I like the Mastercard one more than the Batman one because it runs a bit better and uses both rotation and positioning on the page to manipulate it. 

I think these simple movements are definitely something which I can transfer into my project.

Storyboard

I decided to use idea 1 for my final storyboard because there is a lot of experimentation I could do with it and more things happen in this idea than in the simpler idea 2. I think when this is animated it will look good when in sync with my music.

New ideas

Way back at the start of the project we were asked to come up with words about how we felt about the music etc, I created a bigger list but never narrowed it down to the required 3. My 3 words are: bass,  sway and repeat. 

I think the section of the song that I have chosen suits a rhythmic abstraction piece. 

Idea 1

This is my first idea, here I have the bassline represented by rectangles which would run along the bottom of the screen for as long as that sound is present and then circles, for the melody, to contrast that which come out at different points and sizes in the area and stay for the short amount of time the sound is present. I think this is a good idea albeit simple but I think simple is good if it can be done well.

Idea 2

For this idea I came up with this "onion skin" design which has the same principle as idea 1. The rings apear when sound is present and not when sound isn't. Each ring would represent a bass or melody sound. I think this is my simplest idea and I'm not sure how it would look, it may look quite nice with the design but dull at the same time due to lack of movement.

Idea 3

My final idea is the most complicated of the three. Unlike the others which can be created in different ways this would be digital only. I was inspired by things I saw but having not seen the computer software yet I may be putting all my eggs in one basket. The idea works in the same way as the other two where a shape represents a sound, here the ribbons/wavy shape/wisp represents the bass and the puffs of smoke represent the melody. I do like the idea but it's a gamble and a challenge.

Sound edit

Before continuing into my storyboarding stage I thought I would edit down my track so that I only wrote an animation specifically for my chosen part and not one that could just fit anywhere.
Below is the sound clip I will be using.

                    
                                                   

Direction

I am now happily at the stage where I need to decide what I'm doing. After looking at all the inspirational material I decided not to look any further into my first idea as it is no where near as strong as the ideas which have no filtered through. 

I was captivated by the rhythm based pieces, although I did like some of the abstract pieces I find it hard to think in that way but I think I'm going to attempt to use rhythm as a focus and try and put a little bit of abstraction in there. I'm still not sure on which method to use; stop motion or illustration but I feel like that can be decided after I have storyboarded my final idea because then I wil move my process into experimentation to see which works best and gives the right feel.

Inspirations 3 - Other inspirations

Here I am looking at animations which I find inspiring but are not directly related to music but are still useful for this project.

I saw this which inspired me because of the abstract wisps instead of actual shapes, again as I've said previously this could be an approach I could take.

I have chosen to show this clip because I think it is a good demonstration of representation.

                                            

As I have previously touched on stop motion animation I thought I'd include a few bits, I really like stop motion animation I think it is a very creative process and you have a lot of freedom with it. I think it's actually here that I realise that this project isn't so daunting and that really it's all about creation, the hard bit only comes in matching music but sometimes things don't match but it still works.

 

I actually found Pes a long time ago before we were shown it in this module, I love their work I think it is pretty amazing how they create the things they do and it just shows exactly what can be done. In this I like how they take recognisable objects and change them.

I really like this animation too and it shows that sometimes there are no limits (although for my project there is) but it shows how things like stop motion don't just have to apear on a 2D surface but can also be 3D.

This sort of stop motion video is more with in my reach but I still like this, a lot happens and it is still smooth. You could imagine a little thing like this being put to some music and creating a rhythmical drawing sequence.

Inspirations 2 - Abstraction based pieces

Below are a selection of abstraction based animations to music which I enjoyed and think could help me develop a better idea for my project.

In this video a really like how sounds are represented in this almost sporadic fashion along with this very sporadic track/array of sounds. I think this may be of some help to me if I was attempting an extreme abstraction piece.

This animation uses an approach i haven't yet looked at which is stop motion animation I like what you can do with stop motion and although this has no sound i still like it as a smooth piece of work. this could be another possibility for me instead of illustration.

                       
                                                         

I think this is amazing but unfortunately out of my reach I think but I really like how the shape is deconstructed and reconstructed, I think it is a real spectacle and it fits well with the music. I only wish I could be this good.

                

This is different to anything else I've looked at, I like the shape morphing and how the movements fit well with the music but the shape itself has no relation to the music.

                                  

I think this is of inspiration to me because again it is different to other things I have looked at and I think it is even more abstract because there is no definitive shape used. I could use line, or like here smoke, to represent different sounds as a good alternative to shape.

Inspirations 1 - Rhythm based pieces

Below are a selection of rhythm based animations to music which I enjoyed and think could help me develop a better idea for my project.

I have chosen this video because I like how the shapes are in rhythm and always apear in the same place, I still think it is abstract even without the movement of shapes and I particularly like the use of the bars and circles to contrast.

I think this is quite fantastic, I think it is almost an alternative view of a music score. I would be possible for me to do something like this as my track in the most part has a clear rhythm.

I like this because it is hand drawn cell animation which of course I have done and it is very smooth. Content wise I like the movement and how the dots represent the striking high pitched sound in the song.

                            

Here I like the relationship between shapes and how the beat is picked out. In some parts of it I like the triangles and use of circles too to contrast the huge usage of squares. I do think there is a lot going on though.

                     
                                           

I really like this video because of all the different elements and colour, this might work with my track with it having multiple instruments at different speeds, a colour could represent each one.

Methods of portrail

There are many different ways I could go about my animation so I need to start thinking about which direction I'd like to go in so that I look for inspiration for animations created in that way.

Possible methods:

(by methods I mean ways of representation not processes such as cell animation) 

shapes

typography

colours

contrast: light/dark

layering of images

illustration

paper

clay

shadows

art movement

Effects:

camera angles/zooms

flashing/flickering

For this song I don't think that typography is suitable unless I created a shape out of letters but I think with the abstract ideas we're aiming for it is too complicated and adds an unnecessary element to the simplicity of shapes. I don't think I would use clay either as although it would be nice to have a Wallace and Gromit feel it would take too long in the given time and again add too many complications.  

After doing the cell animation i do quite like that approach although it can be stressful but that could fit in with the timeframe I have. 

Shapes and colours are an obvious must have for creating a visual but the selection of those is important. I also think some kind of contrast would work well due to the darker nature of the song, it could compliment it or emphasise it.

I think my direction is very open but there is a high likelyhood that I will choose illustration. I will look at inspiration to see what I can get from that and if my mind is changed afterwards. 

At the moment I think I prefer the idea of a more "hands on" approach having never used After effects before I think things like lights and cameras will purely depend on my grasping of the software so I'm aiming for something simple with a good execution rather than relying on my digital skills.

Cell animation

During this workshop we had to take two logos and create an animation with them to last 12 seconds at 12fps (frames per second).

These were the two logos we decided to work with in our group, we chose these because they were reasonably simple and we quickly decided on an idea of what to do with them.

These were out idea sketches of what we wanted to happen before we made our storyboard. We decided that the arrow was going to come down a break shapes up to create a face (character) and then our face was going to do something such as blinking.

On our storyboard we kept it simple with each action taking 1 second (12 frames) to complete. There would be a zoom into the face before blinking and eye movements before beginning to coe to a close with the face falling apart and ending on the same blank screen we started with. We did this to make it rounded with a real beginning, middle and end, just like any narrative. 

This video was a 12 frame test to check the alignment when using the iPad app I Can Animate. After deciding that is was working well I continued to create the full 12 seconds (below).

First idea

This post is about my first idea, feedback on that in a tutorial and my response to that feedback.

I liked the idea of a dream sequence and using the pace ideas (previous post) as a base and using the objects to represent them.

I came up with the idea of having a fisherman on a boat who falls asleep and dreams (in a surrealist manner) about his surroundings and using the dark feel of the song to create a tragedy of his boat sinking. This would then end with a cliff-hanger ending which would be a fade out to represent waking up but the viewer doesn't see an awakening it is just assumed. Below is a rough sketch of this.

After putting my idea across I was told that it was very strong and I shouldn't use a character (even though focus wasn't on him) instead I should try and bring the audience into the dream by making them part of it instead of being an onlooker. I sketched out my idea again using the idea of the dream being the audience's dream. personally I don't think it is strong but i I do think it creates more tention/suspense and emotion in the viewer.

Initial thoughts

While listening to the song (below) I wrote down ideas as they came to me and here I have organised them into groups that make a little more sense.

Mood: slow, dark, melancholy, level, drama

Pace: gliding, floating, rocking, sway, dream

Objects: sky, boats, birds, pendulums, music scores, metronomes, sea, fish

Drama: falling, sinking, chase, death, darkness, change

Style: surreal, dream, hallucinations, subconscious, abstraction, drugs, alcohol (effects on the body)

Slow speed could allow for for freedom

Key ideas: away from the norm, representation, symbolism

Print to pixel

For this project I have been given the track "Organic" by Philip Glass. I'm not sure what to make of it yet but my first thought is that this will be a challenge as the song is quite slow with no real climax so I think it will be difficult to choose a section to work with.

I hope that through my coming research I can develop a solid idea to accompany the song with the idea being abstraction.

A thought

I have just looked at I love dust and their work and I have just posted about found type which fits in with them. Now I have to stop and considder myself. Yes I like the fonts I looked at but I'm supposed to sell myself, now I am not sure if I should be fitting in with them or going with my own style of what I'd call simple type styles or "scruffy" type styles, more like doodles.

[Source] p.157 Hand Job

[Source] p.134 Hand Job

[Source] p.94 Hand Job

[Source] p.45 Hand Job

[Source] p.110 Hand Job

 

Above are things I like, type made of lines, type with twirly bits, little patterns. I also like loose cursive hand writing and yes I also like the bubbily fun writing. Self promotion is hard, there is so much to consider, I don't think I've ever had to think about myself is so much detail before. I think I like too much of a wide range of type to narrow it down enough for this project and there is also a different between type I like to look at and type I can actually create.

 

Decision time: I have chosen to stick with my guns and use a style which fits in with the agency because I chose them because of their modern work so I think it's only right to stick with the idea of modern for this project.

Tyography

I went back and looked through the work of my chosen agency I love dust and I have decided that in my work I'd like to use hand drawn typography although the agency uses both hand drawn and digital type and I like both styles I feel like my work would maybe look better if I just stuck to one style through out (unless later on I can find a way which looks right to mix it, this may be aided by my method of presentation). I have a personal interest in hand drawn type and I'd like to explore that more so that is why I have chosen that side of things.

To help me with my ideas I have been looking through my copy of Hand Job (A catalog of Type) and this is sort of like a typography bible for all things hand drawn. I have picked out multiple examples that I think fit in with I love dust's style because I want my work to show that I can work in the same way (without copying).

[Source] p.62 Hand Job

 This was the first type I came across which I liked, it is very simple but could still be used well and I like how the black adds depth to it, it doesn't come across as a very serious font and I think on a piece of woth it would be quite bold.

 

[Source] p.97 Hand Job

 This to me is quite structured but it's slight ittalic style makes it look a bit free somehow, I like the use of the straight, thick black lines. I may use something like this in my design but in comparison to the one above my eye is more drawn to that one because it is cleaner and now it looks less playfull and more professional (somehow).

 

[Source] p.122 Hand Job

 I love this type and I think I am quite likely to use this in my work, I like how it is filled in and it has a straight uniform feel to it yet is semi-playful at the same time. I see this as a more formal font because of the bold striking feel you get from it so it could be used for a more serious point in the 4 pieces of information on my package.

 

[Source] p.145 Hand Job

[Source] p.144 Hand Job

 These two I think take on a sort of graffiti style which I like as it is fun and could be used for a more playful moto in my group of 4. Graffiti is a more moder style and I think that would fit in with the agency's work because their work all feels and looks very modern, they have also used more psychodelic fonts.

 

[Source] p.214/215 Custom Lettering of the '60's and '70's

 

I thought I'd include this double page spread of psychodelic type from a different book because it is a style that has been used and I think I am going to use some myself. I like the free flow of it and how when words are placed ontop of eachother the curve up and down into each other, it's different, fun and less structred.

 

[Source] p.31 Hand Job

Finally I found this page in Hand Job and I like how all the fonts are on the page together mixed up and it works, this shows me that if I wanted to put all four of my pieces of information together but use different fonts then I can.

 

 

 

 

 

Inspiring 3D work with type

While looking through The 3D Type Book, I found some pieces which really inspired me and have given me ideas for how to present my work. In this project I think this book is the best thing i have found.

 

[Source] p.111 The 3D Type Boook

 

I really like this piece, somehow I can imagine it as sky scrapers on the Newyork grid just because it has height and that is shown in the close up photos of the piece. I think with my project I will experiment with creating 3D lettering like this and then there is also the possibility to do more with it with both design and the layout of it when it is put together into one piece. I think this could be a great way of demonstrating typography to my chosen agency however it could aslo be too much but I shall experiment with this.

 

[Source] p.23 The 3D Type Book

 

I think this is a really good idea. I think one thing which is hard about this project is finding a creative way to include all 4 pieces of information about us as a designer and this wound be a great way to create a piece which also says something about you. This would give the message that you care about the environment or you want to use materials in a certain way and the you could have 4 rolls that pull out each with a piece of information on about you. This is an idea that I am definitely considering using even though it has come very late in my research. In order to make it more original I might combine it with another idea.

 

[Source] p.23 New Encyclopedia of Paper-folding Designs

 

I also like this idea and I did something similar with patterns in my paper experiments. I like how the text and image are slightly distorted adding interest but are still ledgible. My only concern with this is that it is too flat, is it 3D enough for this project?

 

[Source] p.163 The 3D Type Book

 

I think this is a great extention to my early reasech as I paprticularly liked the work of Libby Stanion and I love how this idea has been connected to typography and I will definitely experiment with this idea because I do really like the combination of multiple nets to create a shape. I may also try it with shapes other than pyramids but I'm not sure how that would look.

 

[Source] p.146 The 3D Type Book

 

A further extention to above is this which I love and it would be fantastic if I could do something like this and I may try with the folding skills I learnt in my own paper experiments at home.

 

[Source] p.64 The 3d Type Book

 

This was a great find, this work is by Chris Wilkinson who is a Sheffield designer and this work was created for Sheffield Hallam. This is inspriring to me because it shows me the link between ideas, typography in 3D form and a moto to explain and idea and imagary of the idea, this helps me because I have been struggling to link things togther but now I have an idea about how. As I have said previously I like the idea of using motos to explain myself as a designer so this is also inspiring because of that.

 

 

 

 

 

More 3D work with type

When I was in the library I found the perfect book for my project called The 3D Type Book. This was a great find because it shows all sort of different ways of showing typography in a 3D way with lots of different styles and materials, I went through the book and picked out 3D type that I liked which used paper or card.

[Source] p.132 The 3D Type Book

 

I don't think this scanned image does this as much justice as the book does but this is constructed of layers and layers of paper which get smaller and slightly offset with each layer until they reach the top, I think this would be effective as a display piece or larger pieces of work and could possibly work if my logo was initials. This could be good to experiment with but I'm not too sure how it would work with the project.

 

[Source] p.21 The 3D Type Book

 

I think this is simple but if used in the right way could be effective, it's what I would call semi-3D, this is because to me it is still rather flat and just getting away with the technical fact that it is 3D. I don't think I could make my whole design like this, or not without it becoming more of poster than a package anyway, but it could work as a possibility for an add on just like the ideas around pop-up.

 

[Source] p.105 The 3D Type Book

 

This again is what I'd call semi-3D although this is more clear that is it 3D. I just use the term semi-3D as a sort of midground between 2D and 3D because I feel like 3D has more depth and structure and is bigger when held in your hand. Anyway, the think I liked about this was not just the type but the paint or ink that has been applied to it; this is another thing which needs to be thought about is what design will appear on my 3D structure.