Process and Production: Infographics Animation

In today's Process and production with Sara, I created an animation based on infographics about my trip from home to work. I looked at an artist named Nick Felon for inspiration.

I first created a map in Illustrator which I saved on separate layers which then allowed me to import it into to after effects and create separate paths. I used the a generated stroke layer as a path on after effect with the pen tool in order on selected reveal original in order to create the moving line.

I untucked the link button on the scale and changed the anchor point position i order to create the bar chart. Blinds where used to create the effect.

Infographic Process and Production from Jack Pomfret on Vimeo.

Process and Production - Typesetting 3 - Templates

In the third and final workshop with Aiden, the task was to create templates that could be used as a quick layout tool when presenting work.

Process and Production - Roto-scoping

In the workshop with Sara, I learned how to roto-scope on After effects. It is a really simple method which can have very nice end results. Roth scoping is defiantly something that i think is going to come in handy in the future when i am animating.

In order to rotoscope, you first create a solid layer on after effects, selecting the colour that you want the shape to be. Then, using a short clip as a template, draw around the edges of the shape you are creating with the pen tool. This creates a mask. After doing this, it is just as simple as moving forward one frame and editing where the path is. You need to keyframe each individual frame, and once it is played together , it creates a seamless movement.

This is what i created using this animation process:

Rotoscope from Jack Pomfret on Vimeo.

I think it has turned out well for my first try. I added a texture to the background along with a hue in order to create the contrast between the figure in the centre and the background. I intend to make use of this method in part of my animation i am creating for my live brief.

Process and Production - CC Paper roll on

Sara's Process and Production lesson started with us watching an example of what we were to base our piece off. The animation below "All we ever wanted was everything" is an excellent example of how the tool CC Paper Roll On effect in After effects can be used.




In the workshop with Sara, we looked at another effect that after effects has to offer, which would create a roll on effect for the vectors that we were to create. The theme that my group was given was "Huddersfield". The first thing that I thought of when thinking of huddersfield was the train station, as this I use it a lot traveling from my hometown to huddersfield. I started the workshop by creating a vector of the train station on Adobe Illustrator.

I am happy with the way the vector image turned out. I think the colour scheme works well. I saved all of the layers separately which will allow me to create a delayed roll on effect with the different layers, which will hopefully result in a aesthetically pleasing animation. I wanted to add something else to the animation. For anyone who knows Huddersfield, there is a statue in front of the building of Harold Wilson. I created this in Adobe Illustrator also.

In order to use the roll on effect, it was as simple as selecting the layer, and selecting effect, distort, and the CC paper roll on. It is then just a case key framing the Fold position and fold direction, making sure that the controls are on Classic UI so the the page turn is from the bottom. The fold direction must be set to 180% also.

This is the final outcome:

Process and Production - CC paper roll on from Jack Pomfret on Vimeo.

I am happy with the result of the animation. I think that having the purple on the back pages of the layers helps to create a nice contrast between the layers that have already finished turning onto the page and those that still need to. I enjoyed this workshop and think that the CC page turn is very powerful toll that could come in useful in future animations.

Process and Production - Cinema 4D Lesson 2 - Generative patterns

After being introduced to Cinema 4D with Jay, and completing the 3D Logo, we moved on to generating patterns using this powerful software. The first thing that we were taught to create was a striped funnel with balls moving down the centre which created a trippy, illusion effect.

In order to create this piece, I first created a tube and removed the caps in order to create the hollow tunnel. We then added a twist effect and added texture. In order to create the stripes we used the checkerboard texture, and then reduced the amount of columns which in turn created the strippy effect that can be seen on the animation. We then added the sphears, adding reflectence in order to create the glass like texture. Dynamics was then added in order to make the balls travel down the the tunnel, allowing the balls to boune off the sides.


Lesson 2 Twist and Sphear (Converted) from Jack Pomfret on Vimeo.



We then moved on to creating a generative texture. In order to create this, we added stripes in illumines colours to a plane, and added noise. We then added a subdivision surface modifier which smoothed the edges and made the pattern flow as you can see.

The final task was to create multiple panes in post modernistic colours that would move in random directions due to the use of the emitter settings. This changed the speed and direction of where the panes moved. We also added some text with MoText.   

Post Modernism from Jack Pomfret on Vimeo.

Process and Production - Stencil prints 2 colour image and type

For this weeks process and production with nick, the task was to create out own stencils for a sentence and a word that we picked out of a hat. The sentence that I ended up with was "Drown me in your sweet submission" and the word for the image was "Grenade". I was happy with the combination I selected as it did not look strange together as submission and the grenade complimented each other. Some people got things that did not go together at all.

I created the templates for the typography and the grenade. The typography was based on a stencil font I found online called Gunplay which I thought was appropriate. I then created two posters with a roller and paint.

This was the first poster I created in portrait, using the blue and red paints that were available. I think that the poster turned out well, and like the fact that one of the grenades is hanging off the page, leaving enough room for enough negative space, so the poster doesn't look to crowded.  

I decided to create the second poster in landscape, and incorporated three colours instead of two. I think that the yellow works well with the blue and red, and the landscape orientation allowed more room for the type to fit on the page comfortably. 

It was enjoyable to create my own templates as this allows you the freedom to create the poster in the style that you like. I wanted to go for the tradition stencil font style as I knew this would work well theoretically, however, the main reason was to stick to an army like theme to go with the grenade.