Category Archives: Workshop

Concept and Ideation: Kinetic Typography

Motion Graphics is well established in the realm of digital media. It’s highly creative and is influenced greatly from graphic design and animation. Typography is just one element of Motion Graphics and by experimenting with many different typographic fonts animated to a soundtrack you can make text animated that has dynamics of motion and emotion. Adobe After Effects is arguably the most commonly used digital motion graphics and visual effects software. It’s mainly used in post-production for films or television production.

Below is the outcome of the task I had to do which is to complete a audio clip of at least 20 seconds and apply what I have learnt from workshops of Kinetic Typography using After effects. I abbreviated the word “f***ing”  to “f***in'” as well as replacing the words “Americans” and “whales” with images of the American flag and a cartoon whale to make it sound more phonetically with the actors voice over.

Enjoy:

 

Concept and Ideation: Stop Motion

"Tea in a cup" stop motion, Seb Faull 14
“Tea in a cup” stop motion, Seb Faull 14

This is an animated gif I created in Photoshop. The pictures were taken one at a time with a Nikon D5200. These are the images I used:

 

I took a range of 22 images and edited them slightly in Camera Raw as the pictures were initially under exposed and a bit dark. It is fairly basic, but not bad for a first attempt. I would like to improve this GIF by adding some sound. I.e. sound effects, etc.

Concept and Ideation: A Method that links to my research

Strip-animation
“Cycle of Life”, Seb Faull, 2014

This is my first animation using a particular process in Photoshop to create my own GIF. It is a fairly basic animation, however I have managed to reflect the theme of CYCLE to this as it depicts the cycle of life and the act of ageing. This was made by using 12 photographs of the pictures I had drawn on a strip of paper that shows a mans face getting older and unhappier. In Photoshop I set the settings on the Timeline window to make it play forever and that there’s a 0.1 second duration between each frame.

Concept and Ideation: Research in to Animation

Betty Boop was one of the first Animated cartoons in 1920. At this point in history, animation was silent. It had no sound. Sound only started to be integrated by 1924. “Betty Boop” was a long running series of shows made by the animator Grin Natwick. She was originally sketched as a cartoon poodle, but evolved into a flapper-style woman during her cartoon career. She had to be toned down in the mid-1930s and appeared in two comic strips.” – http://theroaringtwentieshistory.blogspot.co.uk/2010/06/betty-boop.html

Betty Boop, 1920

 

TOY STORY – ZOETROPE

“The zoetrope consists of a cylinder with slits cut vertically in the sides. On the inner surface of the cylinder is a band with images from a set of sequenced pictures. As the cylinder spins, the user looks through the slits at the pictures across. The scanning of the slits keeps the pictures from simply blurring together, and the user sees a rapid succession of images, producing the illusion of motion”:

Encylopeadia Britannica, Inc, 2004

 

The Flip Book was patented was patented by a man called John Barnes Linnet in 1868 which was the one of the first methods of animating drawings that were done on paper individually. Fast forward now to the 20th Century, Walt Disney created Mickey Mouse and created many many films based on famous characters that we are all familiar of, which is are far more complex animations than any you may find in a flip book. Nevertheless they are both animation. They are both a sequence of images, either drawn, painted, or produced by other artistic methods, that change over time to portray the illusion of motion. “Before the invention of film, humans depicted motion in static art as far back as the Paleolithic period. In the 1st century, several devices successfully depicted motion in animated images”. – http://en.wikipedia.org/wiki/History_of_animation

 

An Egyptian burial chamber mural, approx. 4000 years old, showing wrestlers in action.
Sequence of images that minimally differ from each other – from the site of the Burnt City in Iran, late half of 3rd millennium B.C.

If they had the same technology as we have today, the would be able to take a picture of each sequence on their smartphones and process it as a GIF stop-motion.

This is one of my favourite animated movie clips from more modern times. I welcome you to watch Animator vs. Animation IV. The way the animator has animated his stick figure it’s like he has given it a personality and a character. As if it had feelings, a conscience and a conscious. That’s the beauty of Animation. Enjoy –

TEMPORAL EXPRESSIONS: IMAGES OF LONG AND SHORT EXPOSURES

LONG EXPOSURE:

These are pictures that I took using the Bulb mode on a Canon 40D. This mode allows you to choose how long the shutter of the lens will be open for by holding down the button before releasing it again. The moment you let go will be the moment you’ll take the picture, therefore choosing the exposure time yourself. These pictures reflects the style Cubism through exploring space and time and the fourth dimension through the art of image taking.

Click to enlarge

I got a friend to hold a red light under his face. I then pressed and held down on the capture button. He put his hand over the light and moved a step to the left, then took his hand away from the light lighting up his face back up again – then I let go and took the picture. Since the exposure time was so long and since my friend covered the light for a short duration the picture shows an illusion of two people. If the light wouldn’t have been covered then the movement of my friend and the light would have been one blur/movement.

These are some more pictures I took with a long exposure:

Click to enlarge

The first to images were done with the same technique I explained earlier; using the Bulb mode. The last image was done using the same red light but just drawing my name ‘SEB’ in the air. This had to be done back to front, from my POV (point of view), so the letters are drawn  the right way round. I started the movement from the bottom of the ‘S’ and followed all the way through to the bottom of the ‘B’ all in on fluid motion.

SHORT EXPOSURE:

Click to enlarge

These pictures I took on Hampstead Heath were taken on Manuel using the Burst Shot mode. Whilst I was holding the capture button the pictures were taken in quick succession capturing the movement as if it were slow motion.

 

IMAGE JOINERY IN THE STYLE OF DAVID HOCKNEY’S

"Mosaic montage of leaves", Seb Faull, 2014
“Mosaic montage of leaves”, Seb Faull, 2014

This is a mosaic montage I have done in the style of David Hockney. I executed this by using one photograph only using a DSLR Canon 40D with an f-stop 2.8 and a shutter speed of 1/100 and using light reflectors to diffuse the light. I then made some slight adjustments on Camera Raw to enhance the colours and sharpness of the image. I then opened the image on photoshop to turn the single image into a grid of overlapping layers. Using this process one would learn some useful techniques. I.e. how to make actions, how to make custom grids and great layer handling skills.

These are the adjustments I made on the original image.
These are the adjustments I made on the original image.

 

Now with the image opened on Photoshop I create a new picture to produce my grid.
Now with the image opened on Photoshop I create a new picture to produce my grid.

 

So now I selected the whole picture
So now I selected the whole picture,

 

I edited this selection with a stroke of 1px and the colour black
I edited this selection with a stroke of 1 pixel and the colour black

 

ggg
So now I’m turning this image to a pattern by ‘Define Pattern’.

 

ggg
I save the pattern as Grid 500 and closed it, as it’s already saved as one. (I could also use this particular pattern another time on an another document).

 

gg
So now back on the original Leaf image I made a new layer for my grid.

 

g
I filled this new layer, but not with a colour, but with the pattern we have saved – Grid 500.

 

gg
I then inserted it from the Custom Patterns.

 

g
Here’s my Grid 500.

 

g
I wanted to change the colours round so I Inverted the colours,

 

g
and used the Blend mode to Screen to see the layer underneath through my grid.

 

g
As you can see here.

 

g
Now we want all the squares to become their own individual layers. To make this efficient and to prevent this being repetitive it’s useful to use Actions within Photoshop.

 

f
To create an Action on Photoshop you can use the shortcut ‘alt f9’.

 

g
On Actions you make a new action and name it to what you like and record; what an action does is it records everything you perform until when you stop the recording. Now what you will need to do is select the first square on the grid using the Magic Wand tool and go to select the Background. On the keyboard press the shortcut ‘cmd j’ to copy the selection on to a new layer. To make the layer 80% opacity as opposed to the default 100%, press another shortcut ‘8’. Now finally click on the Grid layer so that becomes selected/active at the end. So now you click stop.

 

g
So now, with the Magic Wand tool selected you can just click each square consecutively and play the action which you have just saved and it will perform the task you have just recorded. This creates a much faster work flow (saves time).

 

g
So as you can see in my layers panel each individual square on the grid is being saved on their own layer.

 

f
So now you don’t need the grid you or the background, so delete or turn off the Grid layer and create a new layer above the Background layer.

 

Fill
Fill the new layer White which is going to give the image a washed out effect.

 

f
To move each square on the grid you need the select tool. To make this process a bit faster you select the Auto-Select function which selects the layer that the square is on.

 

f
Then you just change the positions of the squares that were aligned with the grid and rotate them slightly.

 

f

Add some Drop Shadow to make it look as if they are layered one on top of each other as if they were acting like a real montage of photographs.

 

f
You can apply the same Drop Shadow values just by holding the ‘alt’ key and clicking and dragging the ‘fx’ icon on to the layer you wish.

 

To make it look something like this.

Timelapse of Norway

This is a Timelapse I did back in my home country last summer. The images were taken on a timelapse setting on my Gopro Hero 3+. I set up the camera on a tripod and set the settings to take pictures every 30 seconds for a set number of hours. The results came out superb so I stitched them all together into a timelapse movie within the software called Gopro Studio. I enhanced the colour and sharpness of the movie and put an MP3 track behind it to give it a mood. I also added a fade-in and fade-out effect at the beginning and end of the clip. I believe this follows the theme CYCLE because it’s showing the viewer the sun setting which occurs every evening, over and over again. The song behind it is by an artist called Tupac and the song is called I Wonder If Heaven’s Got A Ghetto, clearly the song signifies life after death which is involved in the Cyclic Existence.