Post production

Post-Production

 

In post-production all the scenes are put together. I used After Effects by Adobe for this. In After effects I set the frame rate to 24 Fps which is the industry standard. I imported each of the animation Passes into After Effects. The animations passes include, line art pass, colour, colour pass, hair pass for Simon’s hair and a shadow pass.

If the local colour of  the characters didn’t feel right for any of the scenes they were in (Integration pass) I selected the local colour layer, duplicated it and then added a hue and saturation effect. I Selected colorise, which tinted everything with the same hue and searched for a hue that was close to the scene that the characters were in, and turned down the opacity.

For Simon’s hair I created a new solid layer. I then selected the rectangle tool and created a mask. I dragged it across the screen right at the point where the hair gradient will start, then I went to the mask settings and edited the feathering to create a soft edge.

I duplicated the hair layer by clicking ctrl + D and selected a matte to the hair colour.

Below is an example of one of the animation scenes before and after editing.

I tried to do a camera zooming in effect in After Effects. (see above)

For the scene above, I didn’t add shadows when I was animating in Harmony because I wasn’t sure of the lighting for this scene. Once I knew the direction of the lighting I was able to use a mask and animated the shadows on the character in After Effects.

Above shows added lighting to the animation in After Effects.

I added rim lighting to the characters in after effect by using the inner shadow.

 

Water Reflection

 

The videos and images below show how I achieved water reflecitons.

Stylistic Reflections

To add stylistic reflections I added a fractal noise effect to a solid layer. I then increased the contrast and went to the transform drop down box and set the uniform scaling to off. I set the scale width to 2400 and height to around 40, the complexity to 3.5 and animated the evolution  (time * 100 expression) Then I pre- composed the layer and turned it off.

The next step was to create an adjustment layer. I  repositioned the adjustment layer and added the displacement map effect on top and set it to the fractal noise effect.  I then adjusted the displace values and also added a camera lens blur effect and cross blur.  I set the blur radius to 3 and the radius x to 75.

At first nothing happened. Once I had to set the set source to effect mask then reflection effect worked.

Water Effect

To create the effect of ripples on the water, I made a new solid layer and added the fractal noise effect. Then I changed the fractal type to strings and the noise type to linear and edited the brightness and contrast until I was happy with how it looked. Next I animated the evolution of the texture. To do this I inverted the alpha of the texture, I disabled the uniform scaling and scaled up the width and the height. After that, I added the fast box blur and increased the blur effect.  Then I added a vector blur, and increased the amount of the blur radius. I then added the level effect and edited its values. I put this layer in a per -composition. After this, I  created a new solid, and put the the new layer below the per-comp layer.  Then I turned the per-comp layer blend mode to add, duplicated the comp layer and edited the effects so all the layers look slightly different.  This is how you achieve the ripple effect of water.

 

Lighting Composition

Below show scenes in how I composed the lighting.

I added a noise effect on top every scene.

Above you can see the shadow under the cat.  To achieve this, I created a new solid on top of the background then used the ellipse mask and opened the setting to change the points, turned the layer blend mood to multiply.

I can add nightlights by using layer styles.

To make the rim light, I made a pre- composition with all the animation passes in, went to the layer sales and added an inner shadow and edited the setting until I was happy with it. I then changed the blending mode to linear dodge.

The above images see Elizabeth under water. To achieve the underwater effects, I created new solid layer and added a 4- colour gradient and picked 4 different blues for the blue scenes and 4 different reds for the red scenes. I added the cc snow effect and edited until I was happy with how it looked. For the light rays I created a new solid and set the colour to white then add fractal noise and then edited the effect until I was happy.

Next, I animated the evolution and edited the revolutions to match the length of the animation. I pre composed this layer and added the corner pin and dragged the position marker for each corner pins. Then I changed the blend mode to soft light and lowered the opacity. After that, I added a mask using the elliptical mask.  I created the mask over the pre comp. Once I had the mask I went to the mask values and set the feather to about 150 and played around with the expansion values to soften off the edges. Lastly I added a new solid layer and added the fractal noise effect, changed blend mode to colour dodge and lowered the brightness and contrast values on the fractal noise down and turned down the opacity on the layer. Finally I animated the evolution .

I put all the layers (backgrounds included ) in a pre-composition and added a shift channels effect. Then I made three copies of the pre-comp. In the first comp I leave the red channel on and turned off the green and blue.  In the second pre-comp I left the green channel on and turned of the red and blue channel.  Then on the last pre-comp I left the blue channel on and turned off the red and green. Lastly,  I set the first two comp blend modes to add and moved the positions in opposite directions to create a chromatic aberration.

Below, I added the spots to the ray by using a mask

 

Conclusion

As always, I find myself reflecting on the finished animation.  There are many parts to making an animation short, from storyboarding to character design, choosing an animation style and thinking about colour and symbolism.  For the most part I am happy with the final animation production.  I am always a little self critical.

The sections that I am most happy with are the underwater scenes. Especially the first underwater scene. I think it looks the best and showcases my abilities the best. I think the aspect that I enjoyed the  most was post-production.  I like putting the finished passes together and using After Effects.  I have learnt a lot of skills which I want to develop further.

However, looking back on things. there are somethings I would have done some things differently. For example, I should have given someone else the job of drawing the animated background for scene 4 from the beginning instead of giving it to myself and causing myself a lot of stress about having a lot to do with not enough time. If I had done this, then I would have had time to make the dream sequence using the puppet pins which I had to drop in the end.

Drawing characters and animating them is not easy.   I think I did a reasonable job at keeping the character on model throughout the animation, but it can always be better.  However, maybe any inconsistencies that I noticed are because I have been staring at these animations for so long that I notice any mistakes easier than other people only watching the animation once.

Working with other people also has its pros and cons.  It is great to have someone to share the load, bounce ideas off and to help contribute to the whole process.  But working with others does have challenges.  However, in the challenges, skills are learnt such as learning effective communication, conflict resolution and good team work.

Overall, this year has taught me a lot and I look forward to developing my animation skills further.

Creative Futures

EOYS

Art Book Development

In preparation for this year’s major project, I visited last year’s exhibition to gather ideas and understand what was expected in the final year.  This was useful as it gave me an insight into what to expect and what I needed to achieve.

I took some business cards home and also took some photos of the exhibitions.

I really liked the dark backgrounds in the two photos above, and decided that I would use a dark background too.  Particularly in the artbook, poster and business cards as the images would stand out against the background.

Content

I thought about the content of the book. (See above) I wanted the content to flow through the characters, their development and on to the environments and the artwork.  As I am dyslexic, I wanted the images to speak for themselves, with minimal written content. I shared these ideas with Abbi to see if she was happy with the flow of the book.

With the content decided, I used Adobe InDesign to set up the book. We started with the cover of the book.  I was to design the front cover, and Abbi was doing the back cover.

Front Cover (above)

Back Cover (above)

Content Page

Next, we did the content page.  That way, I could check back and make sure we had covered all the aspects of the book that I wanted to include.

Early Concepts

The first few pages of the book were to show early concept sketches for the main characters.   We decided to make these pages white because this displayed the concepts the best, as they were hand-sketched in a darker colour.

We placed several examples of each illustration on each page and balanced the negative space around each element, aiming to achieve a clear and informative display of each process.

Early Concepts Continued

We also included a few coloured early concept pages to show how the characters had developed throughout the process.

The illustrations were arranged in colour on a dark background.  We also arranged them in different sizes, orientations and made sure some images bled off the page to add interest to the book.

Final Images

Final Drawing of Elizabeth

Final Drawing of Simon

Final drawing of Kitty Cat Edwards

Storyboards

Next in our book, we showed how the story evolved by including images of our storyboards.  These images show the development of our narrative structure.

Animation

After the storyboards, we wanted to show how the animation process is edited.  We took screen grabs of some of the animation scenes, which you can see below.

Above you can see the development of Kitty Cat Edwards.

Here you can see the process of animating Elizabeth.  Starting with the sketch layer, moving on to the line art layer.  Finally, progressing to fills, shadows and highlights.

Backgrounds

 

As we were running out of time, we decided to outsource the backgrounds.

Assets

The assets for the short animation were drawn by Abbi.  Abbi drew furniture and decor that would be in keeping with the Georgian era.

Scene Set up

There are two main scene environments in the animation short.  The first is the bedroom, and the second is underwater.  I took screen grabs from some of the animation and also used some of my illustration ideas for postcards and the poster, and arranged the images either 2 or 3 to a page.  A main scene to fill the entire page with two or three smaller images inserted on top of them to add a little interest and to show different scenes without taking up a lot of pages.

Synopsis

We finished the end of the art book with a short synopsis of the storyline.

 

Poster

I always had a clear idea of how I wanted the poster to look.  As I’ve already mentioned, I wanted a dark background and wanted all the printed material to reflect a similar theme.  I wanted it to be attractive, to have the branding from my project and to communicate my skills as an animator and illustrator.

I drew the main character, Elizabeth, in Procreate for the poster.  I knew the dimensions of the poster were to be 100cm X 150cm, so I was able to set up a canvas in Procreate with the right DPI that could be scaled up to be printed out.  The final image was imported into Adobe InDesign and set up with bleed so that it could be sent to the printers to print out.

I wanted the poster to be simple yet dramatic, without too much clutter.  I included simple background that was dark but dappled to reflect being underwater.  This background was also used for my Art Book.  Elizabeth was positioned in a prominent place at the front of the poster.

We did play around with a few fonts before we decided on the final one for the poster. We also looked at a few colours.

I quite liked this version. I liked the simplicity of the font with the mix of upper and lower-case letters.  I thought this design while simple, elegant and professional.

This was another version that was designed. We looked at some Gothic fonts as the storyline lent itself to the Gothic genre.  We also changed this font to pink to match the colours in Elizabeth’s hair.  However, we didn’t like this version.

 

Our third iteration of the poster was a different Gothic type font for the words Bitter Sweet, keeping the font all white. Again, we just didn’t like the overall aesthetic.

The above iteration is our final version of the poster that we were both happy with.   The font we decided upon was called Lumenharrma.

Business Cards

Like the poster, I always had a clear idea of how I wanted my business cards to look.  I always had intended to use the image on the front of the artbook for my business card.

Again, as I said in writing about the poster, I wanted it to be attractive, to have the branding from my project and to communicate skills as an animator and illustrator and obviously, my contact details.

The front and back designs were carefully thought out to serve complementary functions – one for branding and artistic impression, the other for direct contact and accessibility

The icons for my contact details – ArtStation, YouTube and Instagram had to be redrawn using Illustrator by tracing over a downloaded JPEG of each logo.

Then Adobe InDesign was used to compile all the elements together in software that is suitable for Digital Printing. I sourced a template that stated the dimensions should be 85mm x 55mm with 3mm bleed all round. The bleed allows the cards to be cut to the exact size without any white showing around the edges.

The front side of the card (above) serves a more functional role. It has a clean layout with clearly labelled contact icons: email, Instagram, ArtStation, and YouTube.

Each icon is visually distinct and aligned with its corresponding information, ensuring quick recognition.

The use of the dark background maintains consistency with the rest of the project and also enhances legibility.

I chose a bold, modern typography to emphasise my name “CHLOE SNOWDEN,”

The words “Animator & Illustrator” were spaced out in a minimalist, sans-serif font. I think that communicates professionalism and is also clear.

I added a QR code in the top-right corner.  This allows viewers to instantly access my online portfolio and links without needing to manually type addresses.

The placement, which is in line with my name and title, ensures it doesn’t clutter the layout while remaining easily scannable.

The back side of the card, (above) has my illustration of Elizabeth.  Overall, I wanted the card to strike a balance between artistic flair and professional presentation.

CV

For my CV, I wanted to build upon last year’s CV, which is above.  I had decided to finish my degree this year instead of doing a placement year.  Therefore, there wasn’t too much to add to the CV.

I decided to read over the one from last year and make some amendments.

For my new CV, I changed some of my contact details.  I set up a new email address as I will no longer have a UU email account after the summer.  I wanted a separate email from my personal email for potential work opportunities, so I used Gmail to make a new email address.

I also added details to contact me on ArtStation and YouTube as well as Instagram.

I then decided to add a little more detail to the ‘Education’ sections of the CV.

I also realised that I had entered the dates I was in school incorrectly, so I needed to fix those to the correct year, which was 2014, not 2012.

At this stage, I hadn’t completed my show reel, so I took the link out of it with the intention of putting it back into the CV when the show reel was completed.

I wanted the CV to be reflective of the colours and style of my major project, so I decided to remove the pink strip and replace it with the same background that I used in my poster.  It is also the background that I used in my art book.

Once my show reel was complete and uploaded to YouTube, I inserted the link into the CV.

Prints

Showreel

I used AdobePremiere Pro and After Effects to make the showreel. I re-edited the start of my showreel from last year and changed the dates.  I then imported all the images into Adobe Premiere Pro. I wanted to include some of my sketches, so I scanned in some hand drawn sketches and included them. I also included some of my digital drawings. I usually screen record my sketches.  This allowed me to visually show the process.  As these were in portrait and not landscape, I used 2 layers in Premiere. The first layer I enlarged the image and added a 20% Gaussian Blur. The I positioned the 100% scale video on the top layer. This way, the entire screen was filled and there was no black lines along either side of the images. I used Epidemic Sound for the music and downloaded a theme that I liked.

Portfolio

Artstation

Cara.app

 

Character art for the cartoon network theme

 

 

Portfolio

 

Concept character design

 

Art style test

Final character design

Animation tests

(didn’t animate the jellyfish)

 

Storyboards

Animatic

3D models

 

Keyframes

Animations

 

 

Concept art

 

Poster ideas/concepts

Poster art

art book cover art

Cartoon Network EOYS art

Final animation

I did the composition in After Effects (Abbi did the backgrounds, the cat animations and the jellyfish animations, got the backgrounds for scene 4 out scoured by Amy)