Unit 7 UAL level 3 Art & Design Kinetic animation project

Starter Session

A taste of what you are going to create for the next 3 weeks



Research Task 

  • Research the term Kinetic Animation,
  • Explain why you would use a kinetic animation 
  • Who was the main trend setter in this field?

Group Task – project brief  – Unit 7 UAL level 3 Art & Design Kinetic animation project

Create a 60 seconds animated Kinetic typography sequence using Adobe After Effects. You must one of these speech below:

Marting Luther King “I have a Dream”

 

Neil Armstrong “The Moon Landing”

 

JK Kennedy

 

Gandhi

 

Charlie Chaplin

 

Tasks:

  1. Listen as a (group) each of the speeches above
  2. Download your preferred speech
  3. Edit the sound clip as needed (reduce to 60 seconds you want to use).
  4. Import into Adobe After Effects and analyse,  use a planning sheet -> markers where each work should appear.
  5. Prepare a rough plan for transitions and how the words will appear in your animation.
  6. Prepare a storyboard for your animation
  7. Animate text objects based on your audio and storyboarded plan.
  8. Add Intro and credits to your animation
  9. Package your animation
  10. Present your work to the class
  11. Upload your animation on your blog or youtube

Hand in your group project inexactly 3 weeks 

Good Samples – Kinetic Animations


 

Extension – Homework 

Try and animate a whole song, you will find songs lyrics on this site http://www.metrolyrics.com/

 

 

Where you can download free images for free

Where you can download free images for free

 

Where you can download free images for free

Picjumbo.com is a great site to get free images for your design jobs. The owner of this started about a year ago, but now his pictures get downloaded at a rate of more than 750000 a day.

You will find inspiration from this site for your photography work, but you can also use it as a start for your designs. Just try it and see: https://picjumbo.com/. No strings attached, choose your picture and click on the download button. There is a premium option, but I don’t use the premium option I can’t really comment on this. I think it’s a good start for students projects.

img_5644df7e443d1 Where you can download free images for free

Animation Workshop Level 3 year 2 Unit 7 Time Based

Animation Workshop Level 3 year 2 Unit 7 Time Based

In  this session you are going to research Flip book Animations, then make a simple flip book animation.

 

Starter Session 

HAVE YOU SEEN THIS FLIP BOOK COMMERCIAL?

RESEARCH ACTIVITY

When was the first Flip book animation created?
What was the original term used for flip book then?
Did flip book put Great Britain on the history?

Why did the French man Pierre-Hubert Desvignes loose the battle of the flip book?
What was aim of inventing the flip book?

PRACTICAL ACTIVITY 

 WHAT YOU WILL NEED:

  • Paper

    6b2173a5418731129e023715b3cf52c1 Animation Workshop Level 3 year 2 Unit 7 Time Based

    Kineograph

  • Pen/pencils/colour pencils/Paint (depending how far you want to go with the experiment)
  • Scissors
  • Glue

You will create a flip book animation in group or individually

  1. To begin, plan your animation; write a short script. Think of a simple story- what would you like your character to do? Stories need a beginning, middle and end. You might need to spend more than 5 minutes,   thinking about your ideas for characters and the animation theme.  You can start to sketch ideas on a sheet of paper.
  2. Create your flip book pages by setting a layout on a A3 page, then cut it out or use the template bellow and cut it out (you might need to print more than one page).
  3. You will be putting a drawing on each page of your flip book, and make it move on each page, this could include a walking cycle.
  4. To ensure you are set when you start drawing, draw your scene and character on your first frame/paper and last scene  on the last frame/paper first.  Then fill in the “in-between scenes” by tracing (called onion skinning) the character/scene and each time slightly adjust their position on the page.
  5. Then glue your animation together and enjoy it!

Advice on Flip book animation

  • Get a friend to do a movement in slow motion so that you can see how actions are performed.
  • To depict fast motion you will need few drawings and to depict slow motion you will need a lot of  drawings.

img_56439f407de35 Animation Workshop Level 3 year 2 Unit 7 Time Based

Look at the movies after the short video tutorial to get inspiration.

 

HOW TO MAKE A FLIP BOOK ANIMATION (SIMPLE)

 

INSPIRATION

 

HOMEWORK EXPERIMENT DRAWING TECHNIQUES AND FINISH YOUR FLIP BOOK ANIMATION

Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

This tutorial is quite simple you can use it with your theme in mind, you don’t have to use the picture of a person (anything will do).

  1. Open your image in Photoshop

img_563e3fde7c4f0 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

2. unlock you image layer4188cc3efc055efdf9b954c49a058ed2 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level to unlock the layer just click on the padlock. You will notice the name of the layer changing to layer 0. At this it’s good practices to name all your layers.

3. Duplicate your image. You will now see to images in the layer palette.

img_563e40e00ef25 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

Hide the second layer you will only need it if you mess up with your image. To hide a layer just click on the eye on the left of the image.

img_563e5605b051b Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

img_563e44005d78a Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

4. With the selection tool you prefer using make a selection of the part of the image you want to use; do Select->Inverse to make sure you select the background

img_563e413fbe3cb Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

5. Delete the background

30bc9ac2ea6a02ba7fb351b32aa068f0 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

6. Press CRTL + SHIFT + U to desaturate (black & White) your image

img_563e43248a4d9 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

7. Create a layer bellow you black and white image

img_563e44e312fc9 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

8. Fill the layer with black, select the black colour in the foreground colour in the tool palette. And use the Bucket in the tool palette to fill in the layer

img_563e5ebc136e5 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level17dad1ea6097e7757eed43fe433c470d Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

img_563e5f12d9e24 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS levele0018cfdb6506e04a83ab2bb50dbcbfe Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

9. Your layer will be black on the layer palette, you can name it background.

.img_563e4539597f8 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

10. Make a composite snap shot of your main image (black and white), my main image is head. Select the appropriate layer and click CRTL + SHIFT + ALT + E. You will now see an image made up with both your main image and the background.

img_563e46485b66a Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

 

11. And you will have to save it, save it as displacement.psd; you will need it later.

 

484354929ad2b8139453f2b034e8903d Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

12. Get the levels tool open, see below; and the the output leveller get the grey arrow to 113

img_563e47b8290a3 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

img_563e480972795 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

13. Get some from somewhere, a poem, a news article, and copy it.

img_563e49b1aac98 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

14. with the text tool selected paste the text you’ve copied in a text box. Change the text colour to white if necessary.

img_563e4a8670475 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

15. Now you need to make sure you copy and paste the text until you cover the whole image.

img_563e4c0305b95 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

16. Now you are going to the make sure that you are on the text layer and use the displacement filter see below;

img_563e4cd4c7f65 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

17.  Click on the rasterize option.

img_563e4d91158b3 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

18. Change the rasterize scale to what ever you want (both vertical and Horizontal)

img_563e4dec84571 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

19. Now the Duplicate the text layer. CRTL + J.

img_563e4f20906d3 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

20. Add a gradient above the top text layer, and select or make you own gradient.

img_563e4f991d1b4 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

img_563e50e5954ab Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

20. Change the layers blending to overlay

21. Crop your image if necessary, with the crop tool.

img_563e516d2ec7a Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

21. Change layer blending to overlay and opacity for your images

img_563e5235c838d Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

22. Change the layer blending to overly for the rasterized text layers.

img_563e525fa1999 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

 

img_563e530ddb562 Making a simple typographic Poster Using Photoshop with a Photo- for Graphics students level 2, 3 and AS level

Your typographic poster is finished.

 

 

Showcasing your work for young designers

dribbble.com

Dribbble is a global support, and sharing community for  web designers, graphic designers, illustrators, icon artists, typographers, logo designers, and other creative types share small screenshots that show their work, process, and current projects. They are also very active in promoting meet-ups worldwide, I think is a plus for students wanting to network.

But wait there is more: job postings

Event Photography opportunity

I got this e-mail this morning, and it would a good opportunity to take for students with a good portfolio.

Fun Kids Activity for National Geographic

We are looking for an experienced events photographer for this coming Saturday and Sunday, the 13th and 14th April 2013.

Studio Time has been asked to supply a photographer to work at a one of event for National Geographic at a retail shop in Old Brompton St, South West London. Studio Time will provide camera kit for this event.

The event will take place from 1pm till 5pm and the photographer will need to be present through out this time, although they will only be required to work during three 20 minute intervals, photographing kids with a giant mechanical polar bear.

The pay is £100 per afternoon.

If you are interested please send us an email detailing your events photographty experience and a link to relevant examples of your work. PLEASE DO NOT SEND IMAGE FILE ATTACHEMENTS.

Please apply by emailing info@studiotimephoto.com (Please read above before applying)

Page 2 of 1112345...10...Last »