Motion Graphic Design: Composition

Motion Graphic Design: Composition

Motion Graphic Design – Composition

 

In this course, learn about the most important principles of composition and how to use them in your designs.

This is a premium course on Linkedin Learning. You can find some free tutorials from this course below.

Course Introduction

It can seem as though professional artists and designers have an instinctive understanding of where to position elements on a screen. But these capabilities don’t appear out of nowhere—many designers develop these skills by studying graphic design at art college or university. The principles that are taught in these schools have been developed over centuries, and they offer a fairly foolproof set of methods.

Self-taught designers often spend too much time experimenting with the placement of elements on screens, using a trial and error approach to design that can be slow and unproductive.

Free Tutorials

Here are a few free tutorials from this course for you to enjoy.

If you’d like to see more you can sign up for a free trial here.

Course Details

Instructor Angie Taylor puts these principles in context by taking you though the development of an online advertisement, and showcasing the different techniques used throughout her workflow. 

Angie's Favorites

Angie shares her favorite tips. She demonstrates how to capture colors, patterns, and shapes using the Adobe Capture app; develop your rough ideas into layers that are ready for animating; compose design elements in After Effects; and create 3D artwork with Cinema 4D and After Effects.

All Angie’s premium courses are available here on the Linkedin Learning website.

Character Animator Training

Character Animator Training

Character animator

Traditional 2D character animation can be a laborious and time-consuming process. In this Adobe Character Animator training course I’ll share my essentials tips and techniques for making the processes involved in 2D character animation less painful.

Ask for more info

Character animator training course

In this one-to-one training workshop Angie shares her industry secrets with you. You’ll learn how to import layered files and paths from Illustrator into After Effects. See how easy it is to animate flat vector artwork in both 2D and 3D space, and you’ll explore options for outputting your animations.

Topics covered include:

  • Setting up After Effects for creating 2D character animation
  • Using input devices to capture motion and apply it to your characters
  • Creating animation and lip-syncing with audio files, using expressions and scripting to make the process easier
  • Applying grouping techniques and using parenting to create hierarchical animations
  • Following the best working practices for outputting your animations for the web, TV, and mobile devices.

Watch examples of Angie’s tutorials

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

Your Instructor - Angie Taylor

All courses are taught by artist, Angie Taylor. Angie worked as a motion graphic designer for over 25 years.

She was a demo artist for Adobe and is an Adobe Community Professional. You can see examples of Angie's work here on her portfolio.

Angie is a lecturer at the Univeristy of Brighton. She has taught children and adults at several colleges, schools and universities.

Angie has several books & courses  published on design & animation.

After Effects training | Summer 2017

After Effects training | Summer 2017

Steve Williams | Royal Navy – graphic design team

Fab environment to learn. Angie is a superb teacher and taught me so much more than just the content of the course. She was really flexible in that we were able to go ‘off-piste’ if required to show particular techniques or details that would benefit my development. Thank you for a truly creative 2 days!

Free festive presets

Free festive presets

We’re giving away some free festive presets in December’s newsletter to say thanks to all our friends for supporting Creative Cabin in 2016. Please fill in the form below to sign up for this and future newsletters. Each month you’ll receive tips, presets or tutorials as well as occaisional special offers for training at Creative Cabin.

[mc4wp_form id=”945″]

By submitting your details, you are indicating your consent to receiving emails from us.

After Effects tips

Here’s my latest collection of After Effects Twitter Tips from the Creative Cabin archive.

Learn all sorts of useful tips and tricks in bite sized portions. Make sure to Follow us on Twitter to get even more of these tips regularly as well as other goodies welike to share.

  1. AFTER EFFECTS TIP | To make a one node camera point at a layer, select the layer, then with the unified camera tool selected, hit the F key
  2. AFTER EFFECTS TIP | Copy & Paste any mask shape into a position property to make layer move along the path. Click on property name to select
  3. AFTER EFFECTS TIP | Give Adobe your feedback | Report Feature Requests & bugs here; http://t.co/s7f1NOPs @AdobeAE #AfterEffects
  4. AFTER EFFECTS TIP | To stretch or squash an animation – select all keyframes – hold Alt key & drag first or last Keyframe in selected group
  5. AFTER EFFECTS TIP: Video tutorial – Use the Stroke effect on Illustrator paths to make handwriting animate on screen http://t.co/0E6UHcKOsr
  6. AFTER EFFECTS TIP: How to make a layer follow a path copied from Adobe Illustrator artwork. http://fb.me/CEapjgCw
  7. AFTER EFFECTS TIP: add new Refine Matte effect to ANY matte in AE to refine edges or add motion blur. Not just for Rotobrush! Fabulous tool!
  8. AFTER EFFECTS TIP: Animating characters, use expression pickwhip 2 link body parts 2 cntrl layer. Expression control effect 4 each movement.
  9. AFTER EFFECTS TIP: How to make a layer follow a path copied from Adobe Illustrator artwork; http://bit.ly/f8tP4w
  10. AFTER EFFECTS TIP: Lay down markers in time with audio by previewing the audio and hitting * on number pad when you want markers to appear.
  11. AFTER EFFECTS TIP: to edit the path of an effect’s positional property (e.g. Particles) got to Layer panel & choose effect in target menu.
  12. AFTER EFFECTS TIP: To use more than one layer as matte without precomping. Add multiple copies of Sett Matte effect to layer needing matted.
  13. AFTER EFFECTS TIP: @butlerm_com Try combining transfer modes, use more than one layer with a different mode and opacity value on each! 🙂
  14. AFTER EFFECTS TIP: Add keyframes for hidden Transform properties by selecting layers & hitting alt & property letter (eg alt-p for position)
  15. AFTER EFFECTS TIP: Applied a preset & wanna find out how it’s made? Select layers then double-hit the U key to expose adjusted properties.
  16. AFTER EFFECTS TIP: Make 3D layers turn to face camera as it moves. Select layers, go to Layer>Transform>Auto Orient. choose Towards Camera
  17. AFTER EFFECTS TIP: Right-click on a property value to open Edit Value dialog. Here u can access different measurement units & adjust ranges.
  18. #AfterEffects Tip | Rotate , scale, skew or move all layers by adding the Transform effect to Adjustment layer – keyframe to animate them
  19. #AfterEffects Tip | Scaled a layer down, nested the comp, then scaled it up? Click Collapse Transformations switch to fix resolution issues.
  20. #AfterEffects Tip | Travis Wade presents his After Effects: Copy and Paste Shortcuts on Motionworks; http://t.co/nP2yA1nJ
  21. #AfterEffects Tip Make layer automatically turn to follow direction of path – select layer, go to Layer > Auto Orient. Choose ‘Along Path’
  22. #AfterEffects Tip | Isolate a property group from the Effect Control Panel in Timeline by double-clicking Property Group name in ECW
  23. #AfterEffects Tip | Do you have trouble with slow render speeds? Here’s a video workshop by Todd Kopriva to help: http://t.co/Y45ucGEl
  24. #AfterEffects Tip: Do you have trouble with slow render speeds? Here’s a video workshop by Todd Kopriva to… http://t.co/2fL7wE8l
  25. #AfterEffects Tip – Scale layers in comp without messing up composition – Select layers – Go to File > Scripts > Scale Selected Layers
  26. #AfterEffects Tip | @Doguib7 Create a Shape Layer, use Offset Paths & Trim Paths from Shape Layer ‘s “Add” menu to animate paths – lotsofun!
  27. #AfterEffects Tip | Animate property randomly – Alt-click Stopwatch to add expression. Type Wiggle(10,50) to change value 10 p/sec within 50
  28. #AfterEffects Tip | Audio file plays at different speed than recorded? Check that RAM preview settings match the frame rate of the audio.
  29. #AfterEffects TIP | Custom Shape layers – 1 Layer > New Shape Layer 2 Draw path with pen 3 Select path property – paste custom path @Doguib7
  30. #AfterEffects Tip | Drag comps directly to Adobe Media Encoder to render in background. Allows you to continue working on other comps in AE
  31. #AfterEffects Tip | Loop Footage – select clip, go to Interpret Footage > Main > Other Options > Choose how many time you want to loop 🙂
  32. #AfterEffects Tip | Quickly deselect selected items by hitting F2. On Mac make sure to use Fn key to override system shortcuts.
  33. #AfterEffects Tip | Replace layer in Timeline with footage from Project panel (retaining fx + KFs) – Select both, hit Cmmd+Alt+/ Ctrl+Alt+/
  34. #AFTEREFFECTS TIP | Rubbish at animating? Don’t worry! Use the Motion Sketch panel to record mouse or pen motion & apply it to your layer 🙂
  35. #AfterEffects Tip | Video Tutorial – how to make your own “Old Film” effect using Turbulent Noise; http://t.co/IOn0bHVPuU @AdobeAE #Mograph
  36. #AfterEffects Tip | Video tutorial – Use the Stroke effect on Illustrator paths to make handwriting animate on screen http://t.co/APabrfE9FT
  37. #AFTEREFFECTS Tip 41: RT @i2cblog: In Project panel, search ‘unused’ or ‘missing’ to see what’s not used in any comp or source is missing
  38. #AfterEffects tip; Moving project to other machine or archiving? File > Collect Files gathers all source footage & project maintaining links
  39. #AfterEffects tip; Scale layers or comps without messing up composition. Go to File > Scripts > Demo palette. Use Scale Layers
  40. #AfterEffects Tip; Use Premiere Pro to cut footage, add simple animation to layers in real time. Dynamic Link portions to AE for finessing
  41. #AfterEffects Tip: @Franckmax If you want to do that, just Toggle hold the keyframe first, then right-click and choose “Easy Ease Out/In” 🙂
  42. #AfterEffects tip: @jamesboorman To make the particles stay “alive” for longer, adjust the Lifespan property.
  43. #AfterEffects Tip: @MarkToddWagon No need for Alt, Page Up & Down on their own works. Home & End key to move to 1st & last frames of comp.
  44. #AfterEffects Tip: 3D layers have Material Options to control shadows. Cast Shadows & Accept Shadows can be switched on or off per layer.
  45. #AFTEREFFECTS tip: Animate Source Text property 2 make words change over time in text layer. Font & character panel attributes also animated
  46. #AfterEffects tip: Convert Text to Shape layers (Layer > Create shapes from Text) – Add cool Shape properties to get creative! Endless Fun!
  47. #aftereffects tip: Create a keyframe for a property on selected layers by holding alt key & tapping property shortcut. P for Position etc
  48. #AfterEffects Tip: Even out animation speed – select Keyframes in timeline (except 1st & last KF). Right-click & choose “Rove Across Time”
  49. #AfterEffects Tip: Found a camera move or lighting setup you like? Remember you can save them as Animation Presets to use in other comps.
  50. #AfterEffects Tip: Give footage instant punch & contrast – duplicate layer – make top layer Overlay Blend mode – adjust Opacity to taste 🙂
  51. #AfterEffects Tip: Have layers in comp that you don’t want to render? Select Layer, go to Layer > Guide Layer to create non-rendering layer.
  52. #AfterEffects tip: Help with custom shatter maps. Re: Is this done with shatter effect? http://cr8v.co/wCe [Like it? http://bit.ly/lRPIGH ]
  53. #aftereffects tip: Huge files? Slow render times? Select layer in Project, go 2 File > Create Proxy. Makes linked low res version of file!
  54. #AfterEffects tip: Jump back & forth between visible keyframes & layer markers by hitting J & K. Trouble remembering? Think JUMP KEYFRAMES!
  55. #AfterEffects Tip: Learn Cinema 4D – soon – you won’t regret it! 🙂 @maxon3d @AdobeAE #Mograph @c4dtips
  56. #AfterEffects Tip: Locate missing footage by typing ‘missing’ in2 search field in Project panel. Relink by double-clicking it & relocating
  57. #AfterEffects Tip: Metric Kerning looks good on well-designed, classic fonts for broadcast – it includes a little more space than Optical
  58. #AfterEffects tip: Painting in Layer panel. Go to View > New View. Place comp & layer panels side by side. Lock them for nice ETLAT workflow
  59. #AfterEffects Tip: Pt 2. Select Camera, double-hit U key to expose adjusted properties, drag select them, drop into Effects & Presets panel
  60. #aftereffects tip: Remember the shortcuts for properties with the word ‘STRAP’. (S)cale, Opaci(T)y, (R)otation, (A)nchor Point, (P)osition
  61. #AfterEffects tip: Rendering more than one format? Select Render Item, go to Composition > Add Output Module to render once & format twice
  62. #AfterEffects Tip: Rendering movie for web? Choose poster frame displayed in thumbnail – Go to Composition > Set Poster Time before render.
  63. #AFTEREFFECTS Tip: Retime animation – select keyframes – hold Alt key & drag 1st or last keyframe. Keeps relative timing intact.
  64. #AfterEffects Tip: RT @theangietaylor: Re: After Effects Key Light – Some Spilling Occuring – How Do I Get Rid of it? http://t.co/azVs5mxn
  65. #AfterEffects Tip: RT @theangietaylor: Re: Moving Layers by n Pixels http://t.co/qtde4cIk
  66. #AfterEffects Tip: Select a layer, double-hit U key to expose properties adjusted from default state. Great way to understand effect presets
  67. #aftereffects tip: To auto-animate brush strokes as they’re drawn. Choose Paint tool & select ‘Write On’ in Duration Menu in Paint panel.
  68. #AfterEffects Tip: To create a template project simply save the project with .aet instead of .aep. Prevents u from accidentally over-writing
  69. #AfterEffects tip: To reduce the amount of motion blur in a comp go 2 Composition Settings > Advanced Tab & reduce the Shutter Angle value.
  70. #AfterEffects tip: To use included scripts enable General > Preference to ‘Allow scripts . . .’ and then restart… http://fb.me/BQbXk95K
  71. #AfterEffects Tip: Use Motion Sketch panel to capture motion from Wacom tablet & apply it to layers. Good way to record gestural animation.
  72. #AfterEffects Tip: Use the J & K keys to jump between visible keyframes
  73. #AfterEffects Tip: Use the “continue” Loop expression 2 continue an existing animation, maintaining speed &… http://t.co/u21TqofD
  74. #AfterEffects Tip: When overnight rendering, render out an image sequence, at least then if it crashes you can save frames already rendered.
  75. #AfterEffects tips from @AngieTaylor – Software Tips & Tricks Newsletter – http://t.co/kEF6ry0p [Like it? http://t.co/IzVYju0W ]