Concepts…A designer who writes essays

Having just gone through writing an essay for my ‘Cross Media Creativity Perspective’ my brain is filled with what I would call ‘MindBlowingChaos‘ ‘Concept Overload’; working with ‘Participatory Culture’.

Extract from my ‘Cross Media Creativity’ Essay – Focusing on the ‘Doctor Who’ Phenomenon

“Through out this course my position in the cross media sphere has been enhanced; coming into the perspective from a ‘Digital Media Design’ view my knowledge of Cross Media Creativity has expanded to more than just the knowledge of tablets, computers and phones. Being taught that cross media creativity is more that just viewing media on a screen I have learnt that the use of re-inventing a franchise in your own way is part of this perspective. When thinking about productions like Doctor Who I would always consider the show to be running on its own power; the cast and crew creating the show in parallel with the audience enjoyment in the phenomena. This reflects an understanding of the power fluctuations between the creator and consumer. This having a huge role to play with such a big phenomena cross media creativity brings the audience and what they love watching together and allows opportunities to be part of it. This unit has impacted on my future media consumption; a guilty pleasure of mine is watching Doctor Who fan made trailers and now when watching them I don’t just view what someone has created; I view why they have created it that way, what are they trying to say and how could this effect the entirety of Doctor Who. To come with future projects I will now always take into account how it will be consumed and what production values may effect my inspirations. Throughout the unit the learning curve has been hard, but enjoyable giving me an eagerness to learn how much wider the scale goes with Cross Media Creativity.”

Above is an example of my own interpretation of ‘Participatory Culture’, this created by me in First year.

Taking this theory concept in to context I am going analyse a way of ‘maybe’ incorporating it into my Processing piece; taking a Phenomena in the world and manipulating it into a work.



What is Processing?

Processing is an open source programming language and integrated development environment (IDE) built for the electronic arts, new media art, and visual design communities with the purpose of teaching the fundamentals of computer programming in a visual context, and to serve as the foundation for electronic sketchbooks.


This work above is an example of what can be created through the use of Processing. My knowledge being based in HTML/CSS the potential to create something above through a piece of code is quite over whelming; being able to sit down a use a pencil to create a piece of art similar to the above would have been expressed as ‘common sense’ to a person like me, but being able to use ‘code’ to write a work of art has opened my views to this.processing_workshop_20141010Processing Spiral


Above is the result of the code…

Here I’m at a point where I am experimenting with the potential of what could come out of coding, hopefully eventually leading me to the point where I become inspired by something I would like to create.

Here I’m find the repeat of the spiral too simple; something so basic which hasn’t taken me long to create doesn’t satisfy what I want to do.

Moving on the something better a bit more complex

Now it’s time for 2nd Year

So it has taken me a solid 2 months to actually get to the point of being able to say;

“I am on the verge of being half towards catching up with all my work”

My website is at the point where I am happy to leave it for now and press on with what is important….second year on my DMD University course.

Website Header

Prepare yourself for some Design.

Doctor Who (Kinetic Typography) Portfolio

This is my final production for this mini project….reason for this is down to time, there is a lack of it… Here you can see my use of colour for change in personality and size of font to give a depth of field, also a problem which I solved was the speed of the camera. Using less sudden movements and spacing the key frames apart more gave a smooth feel to the animation, complementing the typography and also the audio itself. I’ve also take a Tardis (The Doctors Time Machine) texture to use as the background, inspired from the V for Vendetta texture used.

If I where to continue this project, which I most likely will at a later date in my own time…I would finish off the entire audio and spend more time on placement and effects used. Creating something which I could use as a full portfolio piece.

If I where to make any changes to this just over 30 second animation I would work with more effects, giving individual words personalities and textures. This would related more to other Kinetic Typography animations which I have seen and thoroughly enjoyed.

Another Try (Kinetic Typography) Portfolio

Another basic training for myself, I have changed the audio something which I stumbled upon

I am going to stick with the chosen audio and work on this for my final piece, I feel a lot more emotion in this one rather then the other. Also being given the opportunity to work with colour to show off different genders/character in the audio, not having this would have made the animation a bit dull and dry from my point of view.

  • The camera movement is too fast (hurting the eyes)

downloadThis appeared to represent a Moire Pattern… This was mentioned to me by one of my seminar tutors, Simon. The result of this was a bad view for the eyes ruining the whole animation. This needs to be fixed.


  • Slow to fast camera movement isn’t perfect

There is a big jump from slow cut moves to fast cuts, again not look very nice and can be quite messy when viewing the animation. The struggle is trying to keep up with the audio in the animation, but there is another way round this. Coming back to a structured theme, like in V for Vendetta this problem could be solved.

I am getting used to the camera tool now and have also taken some of the techniques I was using for my first Gravity Kinetic animation, using those for improvements. Coming along here tomorrow I will finish up with this mini project and get back to my Blending.

I Am Talking (Kinetic Typography) Portfolio

First Draft of after effects camera tool…

A fair bit of work is needed on this, of course I am not happy with it, but it is a starter to get me warmed up with how to use the camera tool. The next step being for me clean everything up, not having having such a cluttered space because this looks very messy and doesn’t give off a nice image and also to bring in some of the techniques used in the first Gravity animation. This will help give off a better image for the animation. Starting to add some personality in the words and movement.

Hello Stone Henge (Kinetic Typography) Portfolio

I love Doctor Who. It is without a doubt my favourite thing in the whole world. I want to do something which I am going to enjoy (obviously) bring me to use this epic speech made by The Doctor (Matt Smith). Another reason for this choice of mine is due to the theme of the speech. The power and persuasion which is in his voice, put together which the timing of each word made is perfect for a Kinetic Typography display. Check it, someone has already done one.

Using a tutorial linked to me from my class mate Bob I began to learn the basics of using the camera tool on After Effects.

The reason I want to use the camera tool for my Typography animation is because of it’s free flowing manner. Having subtitle animation which is just layered key frames gives off a…what i would call ‘tacky’ impression’…whereas using this motion movement shows a clean good looking video effect. Watching the tutorial gave me the basics of everything I needed to get started.

Using keyframes and camera movements the flow from word to word was working out smoothly. When adding text I would have to go through the process of putting 2d font into a 3d area which allowed me to work with the words and travel through them. The tools for moving text around and the camera around are incredibly simular to those used on Blender; working with X,Y and Z axis you place the work in the position you want.

Screen Shot 2014-03-23 at 20.18.03

Coming to a point in the animation where I though a change in view was necessary I wanted to show off the surrounds e.g. the back of other texts in the scene. As seen below.

Screen Shot 2014-03-23 at 21.49.43

A problem appeared when doing this.…when working with this tool you have a point of interest which is where the camera always looks at when flowing. When flipping the camera to face the back of the text the point of interest would change compromising the rest of the animation.

Screen Shot 2014-03-23 at 22.42.21

After some research and pure stroke of luck I came across that you could key frame said point, solving the whole problem. You may think that, that is obvious, but trust me it took me a while to find out.