Workshop: New idea for typography

February 28, 2014 § Leave a comment

Typography: New Idea

An interesting idea for a dark/medieval type letters 🙂 work in progress

Advertisements

Workshop: Ideas for fonts

February 28, 2014 § Leave a comment

Image

Image

Image

Workshop: Typography Examples

February 28, 2014 § Leave a comment

Image

Image

Image

After Effects – 12 Principles of Animation (Part 2)

February 25, 2014 § Leave a comment

12 Principles of Animation (Part 2)

Arcs – most things in nature don’t tend to move in straight lines due to momentum and gravity acting on an object. When things move they often trace an arc. When animating objects it is good practice to consider this and add arcs to our movement.

1. Create a composition 960 x 540 25fps 1sec / create a solid 100px x 100px / move to top 2. Shape tool / ellipse / double click to create a circle
3. Move timeline to zero / P for position / click stopwatch to start animation
4. move timeline to 1 sec / move circle to right / move timeline to middle / add a key

5. Duplicate layer and drag down (select the position part of the layer)
6. Add the illusion of weight by adding an arc / first frame & last frame – move object down
7. play animation to see effect & difference between each animation

1. Turn off animation by bringing timeline to zero and clicking the stopwatch
2. Move circle 3/4 of way down comp and 3/4 to one side
3. Make sure no layer is selected / select the pen tool from the top button bar
4. Draw a path from top of frame to top of ball / then to bottom / then just below ball
5. Set timeline to zero / Link solid layer (ball) to path layer (shape)
6. Select the Pan Behind tool / select path layer / move anchor point to top of path
7. Select the path layer / Twirl down to Transform / Rotate (or hit Cmd R)
8. Turn on animation (Stopwatch) set rotation to 35deg
9. Move timeline to frame 12ish set rotation to -35deg / Timeline to 1sec / rotate back to 35deg 10. Play animation – pendulum swings Left & Right

Overlap & Secondary action – To add realism it is good practice to make things move at slightly different times. You will have a primary motion (a body, say) and anything attached to that (arms) will follow that movement because they are attached, but this movement will be slightly delayed.

Add realism to the above animation with secondary or overlapping action
1. Select both layers and duplicate (Cmd D) / Drag new layers to bottom / hide the top 2 layers
2. Use the path layer position to move the animation over to other side of window
3. On frame 0 / turn on animation / hit U to show all animation
4. Move time curser to middle of timeline (frame12ish) / lock solid layer
5. Go to pen tool / click on button & hold / Convert Vertex tool
6. Select the remaining shape layer / twirl down to contents / shape / path
7. Select path / Click on each point on line to add bezier handles – Tricky bit!!
8. Click away from line and then select point (make sure path is selected in layer window)
9. Move bezier handle to add a curve to line at top and above ball / Animate this back and forward
10. Exaggerate this movement for effect / add a hold in the middle and end

Follow through – When our primary motion comes to a stop, secondary objects keep moving with momentum. 1. Select the point at the end of the tail and animate this swinging out at the end of each swing
2. Exaggerate this motion to create a whip effect
3. Open other layer to see the comparison
4. render out examples

Illustrator – Marilyn Monroe Illustration 2

February 3, 2014 § Leave a comment

Illustrator - Marilyn Monroe Illustration 2

This week we continued to create our Merilyn Monroe illustration. We added some hair color, created the eyes and played around with some shadowing.

Where Am I?

You are currently viewing the archives for February, 2014 at Graphic Design Reserch.