Working with After Effects.

After Effects. from George on Vimeo.

In today’s seminar we started to work with After Effects, we were asked to create a kinetic typography opening scene. As i’ve used After Effects before the task was not too challenging however I still learnt how to achieve a similar outcome with a much easier approach. I also learnt and used more effects on texts for example the use of 3D to create a swinging effect on the text, and opacity which i have not used before.

I will now further this into a 20 second clip from from Breaking Bad and attempt to subtitle it as the words are spoken.

Before starting my Kinetic typography clip I watched this tutorial on youtube.

Introduction to HTML.

  • Screen Shot 2014-10-23 at 11.24.34 (1)
  •  Screen Shot 2014-10-23 at 11.24.34
  • Screen Shot 2014-10-23 at 11.24.10
  • Screen Shot 2014-10-23 at 11.24.28

Today we started working with with HTML, we learnt the basics to HTML and started to work with the software ‘Brackets’. This task was enjoyable as I don’t have an insight to HTML. We began by looking at sizing and rows for websites and how most websites nowadays are aimed at more than one device for example computers, phones, tablets etc. therefore they have to be able to resize to different sized screens. We looked at how to do this and how to create an initial plain website page.

I am looking forward to developing on this as its an area of DMD that I am very interested in.

Programming!

Today we were set a task to create a document on processing in which you have a background, and every time you click ten random circles appear, that have to be different sizes and colours. At first this task seemed very daunting as i’m new to programming, however when referencing to the processing website I began to start to code with a bit more of an insight, at first it was hit and miss and took a few tries to get an end product.

The first two images displayed below were my first attempts, the bottom two my final product.

Screen Shot 2014-10-09 at 11.19.52Screen Shot 2014-10-09 at 11.20.15Screen Shot 2014-10-09 at 11.43.24 (1) Screen Shot 2014-10-09 at 11.43.24

Making Gif’s.

Today we began making animated Gif’s (Graphics Interchange Format) of an animation of a cartoon man walking, We started this Photoshop-CS6-Icontask by finding a set of images of a step by step cartoon man walking. We then inserted these images into Photoshop and created a timeline in which we could place all the images in order, so that when it is played back it looks as if he is walking. Once all the images were in order, I selected each layer and moved the cartoon man over a bit in each time therefore making him move forward when the timeline was played back. I then added a background and attempted to colour him in. Below I will be posting a more advanced gif.

Untitled-1

Concept and Ideation. (Making Flipbooks etc)

Today in our seminar we looked at animation. We looked at where animation came from and how it all started, as well as all the different techniques used before the 20th century, for example the Zoetrope, the image below was my first attempt at sketching out 11 frames which would then be put in the Zoetrope which would create a smooth illusion to make it look as if the sequence was moving. The Zoetrope worked well however I think it could have worked better if my images where all similar sizes and the animation sequence was longer.

IMG_2215

Lanature1882_praxinoscope_projection_reynaud1024px-Toy_Story_Zoetrope,_Disney_California_Adventure_2640px-Phenakistoscope_3g07690u

Animation – Task 3.

PRACTICE ANIMATION SEQUENCES.

http---makeagif.com--media-11-08-2014-cioAfHoutput_e5BVegoutput_xHOk1w

The third task for our portfolio project is creating a 12 stage framed sequence using hand drawings, this is the basis to most animation we looked at in our seminar. We looked briefly at the history of animation and how it came about as well as all the different ways we can achieve an animated sequence e.g. the Zoetrope, a pre-cinema animation device which creates the illusion of a moving sequence. In our seminar we experimented with the Zoetrope by drawing out 12 images frame by frame for example a man walking taking each step each frame, when this is played by the Zoetrope spinning it creates the illusion that the man is walking, similarly to the gifs above.

We then moved on to look at stop motion another popular way of animating which is achieved by taking several photographed frames of a sequence then when its played back It appears to be moving by itself, which can be achieved with many materials however clay is very popular, for example films such as Wallace and Gromit use this method.

12 Frame hand drawn animation.

IMG_2329 output_FzwP0G

Reflecting on my final hand drawn animation GIF I am pleased with its simple design and how it runs smoothly, however I think this sequence would work better with more frames, as 12 looks good but doesn’t seem long enough.

Stop motion sequence.

<p><a href=”http://vimeo.com/111366374″>Experimenting with stop motion.</a> from <a href=”http://vimeo.com/user33820341″>George</a&gt; on <a href=”https://vimeo.com”>Vimeo</a&gt;.</p>

IMG_2330 (2)

Last of all I was impressed with the outcome of my short stop motion clip, I stuck to the idea of cycle however found it a hard theme as its quite restricting, therefore chose to use money, something which is constantly in a cycle. I enjoyed working with stop motion even though its pretty tedious taking countless photos.

I uploaded a video version as well as GIF as the quality of the stop motion sequence was dramatically reduced when turning it into a GIF.

Bibliography

http://gifmaker.me/

http://www.zamzar.com/

Temporal Expressions – Task 2.

In our brief we were asked to create a joiner image in the style of David Hockney like the image below, to keep with the theme CYCLE I decided to take a picture of a watch. I enjoyed doing this task as it took time and effort to ensure all the images matched up correctly. I also enjoyed working in the style of David Hockney as it is a very alternative style of photography and has a very eye catching appearance.

258c7ed8576db9a657f54b6ecfd9798e

Work in the style of David Hockney.

Long Exposure Shots.

Short Exposure shots.

Here are three of my favourite short exposure shots taken, I like the idea of being frozen in time and i believe these images demonstrate that very well.  They also display an instant of time and capture something that happens very quickly for example the waves/splashes.

_MG_0178   IMG_0187IMG_0176

Here are just a selection of some of the short exposure shots taken.

Screen Shot 2014-11-10 at 19.06.33

Experimenting with Slit Scan App.1

In addition to my CYCLE themed images I took some shots out of focus which I think creates a really eye catching effect, the blurred light and distorted images create more in depth meaning as the viewer has to work out what the image is and can have their own perspective of the image.

UB5UB6UB7DSC_0213