Production Page (Steps towards Ident)

Screen Shot 2013-11-25 at 10.46.14

Screen Shot 2013-12-02 at 08.31.25

Screen Shot 2013-12-02 at 08.34.52

Screen Shot 2013-12-02 at 08.39.56

Screen Shot 2013-12-02 at 08.43.58

Screen Shot 2013-12-02 at 08.52.14

Screen Shot 2013-12-02 at 08.53.32 Today i’ve created my first layer of my ident, above is my arcade screen which I had created using Adobe Illustrator. The screen consists of rounded rectangles and normal shaped rectangles which is coloured in different shades of black and grey.

After Affects

New composition, Frame rate HDTV 108025 and the duration 4 seconds

Screen Shot 2013-11-26 at 14.25.27

Screen Shot 2013-11-26 at 14.27.24

Changed Full to Half.

Creating a mask “shape tool”

Clicked “layer” then “solid”

Screen Shot 2013-11-26 at 14.29.17 Screen Shot 2013-11-26 at 14.29.37

Chose the colour “pink”

Screen Shot 2013-11-26 at 14.29.42

Created a ellipse using the ellipse tool to create new mask

Screen Shot 2013-11-26 at 14.30.34

Effect

Applying a effect, applied a “distort”, “turbulent displace” effect to the solid layer

Screen Shot 2013-11-26 at 14.34.53 Screen Shot 2013-11-26 at 14.35.02 Screen Shot 2013-11-26 at 14.35.09

Setting key frame

e.g Dragging the timeline to the beginning, clicking on stopwatch for the expansion mask then dragging the timeline to the right which expands the mask.

Screen Shot 2013-11-26 at 14.37.48 Screen Shot 2013-11-26 at 14.38.02 Screen Shot 2013-11-26 at 14.41.31 Screen Shot 2013-11-26 at 14.41.38

Graph to speed up the transformation

The easy ease tool enables to expand the object to your preference, e.g quicker or slower

Screen Shot 2013-11-26 at 14.48.35

Screen Shot 2013-11-26 at 14.51.17

Below is the Easy Ease tool

Screen Shot 2013-11-26 at 15.00.20

Screen Shot 2013-11-26 at 15.00.27

The easy ease tool has enabled me to change the duration of the speed of the animation, I wanted the start to be quick the gradually become slower.

Adding Glow 

Making the layer 3D

Screen Shot 2013-11-26 at 15.04.26

Screen Shot 2013-11-26 at 15.05.32

Adding light

Layer- New- Light

Screen Shot 2013-11-26 at 15.06.36 Screen Shot 2013-11-26 at 15.06.42

Playing around with glow settings

Screen Shot 2013-11-26 at 15.08.26 Screen Shot 2013-11-26 at 15.08.47

Changing the colour of my solid

Screen Shot 2013-11-26 at 15.16.04

Producing mud

Screen Shot 2013-12-02 at 09.04.25 Screen Shot 2013-12-02 at 09.21.49 Screen Shot 2013-12-02 at 09.34.05 Screen Shot 2013-12-02 at 10.08.03

Using the pen tool, I had traced around a image of mud, this technique was much quicker than using the brush tool and much more neater. Perviously I had used the brush tool, which involved me colouring around the template, however with my second of image of the mud, I had used the pen tool, which is screen shotted above.

Screen Shot 2013-12-02 at 10.40.35

Above is a screen shot of the end result to my splatter of mud. On the right hand side I had traced over that image, and recreated my own version, using a lighter shade of the colour brown. This image was made up using squares, therefore using the pen tool was easy to use and to trace over the image properly. The splatter of mud will be included within my ident, as apart of an aspect which will appear on the arcade screen.

End result of mud

Screen Shot 2013-12-02 at 10.47.28

Creating the brain

Screen Shot 2013-12-03 at 14.19.05 Screen Shot 2013-12-03 at 15.24.38 Screen Shot 2013-12-03 at 15.30.14 Screen Shot 2013-12-03 at 15.41.28

My initial idea for my brain was for it to be “real life” however the brain image that I had originally had was not copyright free, therefore I had to find an alternative, during this process I hadn’t found a Brain image that I had in mind.I then decided to create a animated version using the software Adobe Illustrator. I had traced around the original image then using the brush tool painted the insides with ink and then outlined in detail with the brush tool using the colours, pink, purple and grey. My final result is screen printed below.

End result of Brain

Screen Shot 2013-12-03 at 15.58.43

Green screen Footage online

http://www.canstockphoto.com/footage-video/greenscreen.html

Above is a website I had come across, which provides free green-screen footage of all different types of subjects including the green-screen footage I needed. All these footages are copyright free.

Creating Bat

Screen Shot 2013-12-09 at 10.02.22 Screen Shot 2013-12-09 at 10.06.50I had taken a image from Google images of a free copyrighted black bat, I had then dragged it into Adobe Illustrator , using the pen tool, I had traced around it, which is shown above. However I didn’t particularly like the design, so I decided to get  a different image and re do the steps I had done before. Below are the screen shots of these steps.

Screen Shot 2013-12-09 at 10.13.58 Screen Shot 2013-12-09 at 10.26.12

Screen Shot 2013-12-09 at 10.39.10

Screen Shot 2013-12-09 at 10.40.41

Above shows the transformation within the straight lines to curve, using the curve tool allowed me to re shape the pen tool lines, to create a neat, tidy, tight look.

Creating Red Button

Screen Shot 2013-12-10 at 11.48.23 Screen Shot 2013-12-10 at 11.48.53 Screen Shot 2013-12-10 at 11.49.17 Screen Shot 2013-12-10 at 11.49.45 Screen Shot 2013-12-10 at 11.49.58 Screen Shot 2013-12-10 at 11.50.20 Screen Shot 2013-12-10 at 11.51.07 Screen Shot 2013-12-10 at 11.51.42 Screen Shot 2013-12-10 at 11.52.08 Screen Shot 2013-12-10 at 11.52.23 Screen Shot 2013-12-10 at 11.53.44 Screen Shot 2013-12-10 at 11.56.06 Screen Shot 2013-12-10 at 12.02.49

Using Adobe Illustrator, I had created my red button, which is a major feature of my ident. I had created it using basic shapes such as: circles and squares.The steps are provided above.

After Affects

Screen Shot 2013-12-10 at 11.45.26 Screen Shot 2013-12-10 at 12.08.33

Screen Shot 2013-12-10 at 12.36.25 Screen Shot 2013-12-10 at 12.50.43

Screen Shot 2013-12-11 at 09.45.29

Leave a comment