Final Design

Ideas Generation:

I started off creating a mind map, mapping all the stuff to do with the project title 'KABOOM Innovation and tradition in art and design' and thought about what I could do with the animation to coincide with the title. I then googled the definition of 'KABOOM' and did a bit of research into it:

Mind Map

Kaboom meaning research

I then went on to YouTube to get some inspiration on the things I could do for my advertisement of KABOOM. My original was a slideshow/filmreel type advertisement, showcasing a few designs as it went through the reel, so I looked up a few videos on YouTube and found a couple videos that was similar to my idea, so I could adapt my idea with their to get a better result:





Storyboard:
All the sequences will have background effects on them, these will be things like flares and they'll have different colours on each of the sequences corresponding to the colour of the picture being viewed, so the background will blend with the picture. The pictures will also have a border around them. It will also have an ambient background sound with sound effects corresponding to what's happening in the animation.

Experimentation:

First of all I created a text layer and added a layer mask over the top. I then  key framed the mask path to move over the text so it reveals the text.

Here I added a lens flare effect a new a shape layer and key framed the path to the same position as the mask to make it look as though the flare is revealing the text. I also turned up the brightness to create a nicer finish to the animation.

Here I experimented with the transition effect page turn, I key framed the turn the turn to start before the first animation finished and to reveal the new layer underneath. 

Final Outcome:

My Work Evaluation:
My final outcome is slightly different to what my storyboard was and main idea was because I lost my work just before the coursework deadline, but I persevered and managed to do a animation that I believe was better than the one I was working on before I had lost it. The only thing I dislike about the animation is the title screen of 'kaboom' as it isn't a very exciting or unique design, it could of done with some effects on it to give the viewer more entertainment. Apart from the title screen I believe everything else was fine within the animation especially my ending scene with the explosion and appearing text. Another thing that I would liked to of done with the animation is put a bit of background animation on the middle scenes behind the artwork sources and I would of also liked it to of been my artwork in the middle scenes but due to me losing my memory stick I had lost all the artwork I had done for this animation. Either way I'm pleased with how the animation has turned out and how I managed to complete the animation with the little time I had left.


Charlottes Animation Link:
http://charlottehewinsmtp.blogspot.com/

Evaluation:
Overall I think this animation is very creative, and the drawing skills used at the beginning are very good. It looks as though the person in the animation represents Charlotte not being able able to think of any ideas and she has represented that in her animation which has actually given her the idea of girl sat in the classroom not being to think of am idea but eventually comes up with one that is represented in the 2nd half of the animation. Even though this a very creative creative animation is does have its downsides; in the 2nd part of the animation i didn't find it flowed with the rest of the animation as it was a stop motion animation done with a camera where as the the 1st half was drawn, another downside would be there was no sound effects and I really think the animation could of been brought to life with a bit of sound effects. Overall it was a very creative design that looked as though a lot of thought and effort went in to the design especially the 1st half of it.


Source Image Links:
- http://www.google.co.uk/imgres?imgurl=http://www.mosedaleendfarm.co.uk/images/desktops/Swineside_1280_720.jpg&imgrefurl=http://www.mosedaleendfarm.co.uk/GalleryDesktops.asp&usg=__HuVVwO6wjZfZs-Vh3630gLlHk3E=&h=720&w=1280&sz=314&hl=en&start=6&zoom=1&tbnid=PQFjhgx8aTo6wM:&tbnh=84&tbnw=150&ei=udblTqKDJYyYOpbXwbAE&prev=/search%3Fq%3D1280/720%26um%3D1%26hl%3Den%26safe%3Dactive%26sa%3DN%26tbm%3Disch&um=1&itbs=1

- http://www.google.co.uk/imgres?imgurl=http://www.excellentwallpaper.com/w_show/motorcycle-race-manipulation-1280-720-6476.jpg&imgrefurl=http://www.excellentwallpaper.com/view_wallpaper/motorcycle-race-manipulation-1280-720-6476.html&usg=__rfQa3ddsC7a0v4JN5d4kUlJtcSk=&h=720&w=1280&sz=264&hl=en&start=1&zoom=1&tbnid=t8fa9Fh6lJ-g1M:&tbnh=84&tbnw=150&ei=otrlTuLAGsmWOuHdgIYC&prev=/search%3Fq%3D1280/720%2BImage%2BManipulation%26um%3D1%26hl%3Den%26safe%3Dactive%26sa%3DN%26tbm%3Disch&um=1&itbs=1

- http://www.hanzell.com/

Charlottes Animation Link:
http://charlottehewinsmtp.blogspot.com/

Evaluation:
Overall I think this animation is very creative, and the drawing skills used at the beginning are very good. It looks as though the person in the animation represents Charlotte not being able able to think of any ideas and she has represented that in her animation which has actually given her the idea of girl sat in the classroom not being to think of am idea but eventually comes up with one that is represented in the 2nd half of the animation. Even though this a very creative creative animation is does have its downsides; in the 2nd part of the animation i didn't find it flowed with the rest of the animation as it was a stop motion animation done with a camera where as the the 1st half was drawn, another downside would be there was no sound effects and I really think the animation could of been brought to life with a bit of sound effects. Overall it was a very creative design that looked as though a lot of thought and effort went in to the design especially the 1st half of it.

Technique Experimentation

Hair Selection -


Today we experimented with another technique of selection using the brush tool:

                                    

We used the brush as a mask brushing over everything we wanted to be selected:

                                    

We then un-clicked the quick mask mode and inversed the selection so it selected our brush path. We then used refine edge to and adjust the settings so I would rub out everything that is white to reveal our punk girl image without a background so it is editable:

I then just added a gradient background to the image to make it look more appealing.

Final Outcome:

Typography -

Today we created a Carson effect picture, first we took a picture of a woman:

We then used the cutout filter to define main colours:

We then went to Image - Brightness/Contrast and turned the contrast right up and turned the brightness right down to give it a black and white effect:

We used the pen tool and created a work path around the face, then used the horizontal text tool and click on the work path to type within the path. I then used the text and used the warp tool to create eye out of the text:

In my final design you used the same technique as before to create the worded hair bits and deleted my quotes text that was on the eye:

Simple Animation - 

We started to make the animation by creating the background layer, first of all we used the Clouds filter giving the cloud effect:

We then used the difference cloud filter multiple times till we got the desired effect:

                                     

We then went to gradient map and changed the colours with in the picture to give a fire effect:

We then used the radial blur filter to give a burst effect to the image:

We then used the twirl filter to give a spinning effect to it:

After that we added some text applying a gradient, bevel and emboss and drop shadow to the main text (BOOM) and only adding an outerglow to the sub text (Design By Richy) and having the layer type on multiply to make it blend with the background:

We than opened the animation window and dragged the text of the screen, then duplicated the frame and dragged the text back on to the background, we then selected both frames and clicked the tween button and selected 50 frames so that the text would move from of the background to on it within 50 frames:

Final Outcome:

Astor Park Poster -

First of all I cut out the graffiti person from a picture I took at Astor Park and placed him in the corner:

I then cut out another piece of graffiti that I took a picture of and placed it behind the person, I also changed the hue/saturation to make it all purple, I then added a slight drop shadow on the person:

After that I took another picture of the Astor Park sign and cut out the background part so it was only the writing and metal texture left, I then added a gradient as an overlay on it. After took another bit of graffiti as used to put behind the Astor Park sign cut out:

I then used the rectangle tool to create a long rectangle along the middle separating the 2 halves and I then made another big rectangle at the bottom and added grey - black gradient on it:

Finally I added another graffiti picture that was taken from Astor Park and used it as an overlay on the bottom  bit, I then wrote in the text added a black outer glow and put the layer type on multiply to blend it with the background layer:

Final Outcome:

Stop Motion Animation -

First of all we took a picture of each thing we drew down, I then put each picture into after effects and arrange made each picture a frame and put it in sequence:

Final Outcome:

Creating and Using a Pattern:

First of all I took an image of a cabbage.

I then used the crop tool to select the part of the image I wanted.

I then then used the hue/saturation tool to change the colour to cyan.

I then used the text tool to put an 'f' on my pattern, I then resized using the transform tool, holding in shift to keep the same shape.

I then used the rotate tool to make the 'f' diagonal and dropped the opacity to 65% to add effect.

I then created a new file, and placed my pattern into it and duplicated my pattern.

After that I moved the patterns together and merged them, then duplicated them to created a abstract effect.

Once I had done that, I duplicated merged layer several time and put it all around to fill the Photoshop document.

I then merged the all the layers and used the text tool to create the text, after that I selected the text and and clicked the pattern layer and used the selection to cut the text out the pattern layer.

Finally I added the pattern as an overlay over the background and added a gaussian blur.

Finally I added the pattern as an overlay over the background and added a gaussian blur.

Final Image

For my second pattern, I started off using a rough texture and changing the colour balance so it became purple:

I then used the brush tool to create the fibre star in the middle, after that i then cropped the image:

I then put the pattern into another image and duplicated it, then I flipped it horizontal using the transform tool and merged the layers together:

I then duplicated the merged layer and flipped it vertical and merged the layers together:

After that I duplicated the merged layer several times and placed them together and merged it again, I then resized the merged layer to fit the Photoshop document:

I then used the motion blur filter and put it right up to 999px to create a line effect:

I then rotated the image so it was portrait and used the polar co-ordinate tool to create a burst effect and rotated the image back to landscape:

After ding my background effect, I then pen tooled out a face of a woman and used the soft brush to go around the hair and neck make  it look as though it was fading into the background layer:

I then used the pen tool to select around the hair of the woman and created a new layer and then used the soft brush tool and after selecting the colour of the brush using the eyedropper tool picking a colour from the background layer, after that I colour the hair in using the soft brush and putting the layer type on hue:

To finish my image I converted it to a smart object and used the patchwork filter to create my final image:

Final Outcome: