ANgiE tAYLoR 🧷

Tag: motion Graphics

  • 12 rules of animation

    Digital Arts has featured – 12 Rules of Animation – an excerpt from my “Design Essentials for the Motion Media Artist” as their feature article this month. The article is now FREELY AVAILABLE on the Digital Arts website.

    Animation as we know it has been around since Horner invented the zoetrope in 1834. Since then animators have developed rules of animation that help us to draw viewers into the world we have created. From Disney classics to the latest stereoscopic 3D productions, we’ve plundered them all to find the 12 key techniques you need to master to be a top-flight animator.

    Some of these rules are based on real-life physics, and others on observations and reactions. They provide a set of invaluable ‘tricks’ for animators that have been proven to work in almost every situation.

    In the article I delve into the world of animation to pick out the 12 rules of animation that every animator and motion graphics artist must know. Drawn from the forms 150 year history, you’ll learn a wealth of dos and don’ts that will help you produce more engaging projects, whether you’re working in 2D, 3D, graphics, stop-motion or a mixture of them all.

    You can pick up both printed copies and digital downloads from the Digital Arts website where you can also find some of my tutorials, tips and tricks.

    I’ll also be talking about some of these golden rules of animation in my “Dynamic Text Animation for Motion Graphicswith After Effects” presentation at the Production Fiesta in London on May 6th.

    In this session, I will share an in-depth look at the options for working with text in Adobe After Effects. I’ll show examples of successful motion graphic designs and will discuss the components of design that make them work. In this session you’ll earn about the rules of typography and how to apply the rules of typography to your designs to make them easier to read and more dynamic. I’ll also take an in-depth look at the typographic controls available in After Effects and will also show you how you can use hand-drawn text to bring a unique aspect to your designs.

    I’ll also be presenting four other sessions at this event which you can find out about here. If you want to register for a full day of valuable creative sessions by me and all the other speakers you can do so here on the Eventbrite page. I hope to see some of you there, please make sure to say hello if you can make it along.

     

  • Speaking at Flash on the Beach 2011

    Speaking at Flash on the Beach 2011

    I was very pleased to get a call from John Davey, the organiser of the amazingly successful and entertaining “Flash on the Beach 2011” conference, asking me to speak at his event.

    It’s an annual conference, held in my home town of Brighton. Bringing together the best designers, developers and minds in the Flash, design and web community, it’s a conference with a difference. It attracts an interesting and diverse mix of people and is focussed on the work that we do as well as the tools that we use.

    I’ll be doing a session on creating Kinetic Typography animation in Adobe After Effects CS5.5. I’ll be featuring a breakdown of a real-life art project that I worked on in collaboration with Artist Richard Walker titled “That Day”. In this session I want to focus on the design process and demonstrate how After Effects allows creative flexibility throughout a project. For my more geeky attendees, don’t worry! I’ll also share plenty of my software tips and tricks as well as important techniques for structuring projects and optimising workflow in Adobe After Effects.

    I’ll also feature some extracts from my book “Design Essentials for the Motion Media Artist” and will be giving away a copy of it, plus a copy of my “After Effects CS5 Learn by Video” training DVD. There are always lots of great parties, dinners and other networking events structured around Flash on the Beach and you’re guaranteed to meet and interesting and eclectic mix of creatives and geeky types. So why not book a place now, it sells out fast every year!

  • Understanding Axis Modes

    Understanding Axis Modes


    After Effects can be a difficult application to learn simply because it offers you so may options. Many of these options are not immediately apparent to users so they muddle through using default settings when a better solution may be available to them. My job is to point you in the direction of these hidden helpers!

    When working in 3D, have you ever experienced difficulty when positioning or rotating layers, cameras or lights within 3D space? If the answer is yes, then understanding the 3D axis modes may help to you.

    Click on this image to enlarge it

    In this example (taken from my After Effects CS5 Learn by Video DVD) you can see a Square layer inside a 3D comp. Notice in the Active camera view (top left) you can see the three-way-axes attached to the layer. It consists of three arrows, each representing one of the three dimensions of 3D space. The red axis (representing the horizontal ‘left-to-right’ X axis) is an arrow facing left to right. The green axis is pointing upwards and represents the vertical ‘top-to-bottom’ Y axis. Finally, it’s a bit tricky to see in this view but the blue arrow, representing the ‘near-to-far’ Z axis is pointing towards the viewer.

     

    It’s a bit easier to see this if you look at the layer in the Right view. Notice in this view that we see the axes (and the layer) from a different angle. We can imagine that we are now standing to the left of the layer, looking towards the right. therefore, the blue arrow, representing the Z axis is pointing to our right, towards our imaginary viewer, who is standing in front of the layer.

    Local Axis Mod is the default behavior for these axes in After Effects. In this mode the axes are attached to the layer. So, wherever the layer moves, the axes will follow as if attached to it. Let’s see what happens if I rotate the layer.

    Click on this image to enlarge it

    In this second example I’ve rotated the layer by 90 degrees on the X axis. When I rotate the layer, its 3D axes rotates with it. Notice in the Right view, the Green Y axis is now pointing towards the viewer.

    Local Axis Mode may seem logical, when you rotate a layer, the axes rotate with it. But confusion occurs when you then start using the axes to move or rotate the layer in the Composition panel as the axes may not actually affect the values you think you’re adjusting.

     

    Notice in this movie, if I grab the Y axis to move the layer in Right view, I’m actually  adjusting the Z value of the layer. axismodesThis can be seen refelcted in Z position value in the timeline, notice it changing as I drag. If I adjust the position by dragging on the Z axis, I’m actually adjusting the Y value in the Timeline. At times this can be very confusing!

    The good news is, if this causes you difficulty, there are two other axis modes to choose from. You can change the Axis mode by clicking on the Axis Mode buttons in the Tools panel that runs along the top of the application.

    If I switch to World Axis Mode notice what happens to the axes on the layer as I do so, it changes so that the axes is fixed to the coordinates of the Composition (or world) rather than to the layer itself. If I rotate the layer again on the X axis, the axes do not move with the layer, they remain relative to the composition.

    For new users to After Effects, this mode is perhaps more logical as dragging on the individual axes in the Comp panel will always adjust the corresponding values in the Timeline as they would expect. Adjusting the position by dragging on the Y axis will always adjust the Y value, adjusting X axis always affects X and adjusting the Z axis always affects the Z value. Regardless which view I select, or how much I rotate my view or my layers the axes will always be aligned to the edges of the Comp.

    The final axis mode, View Axis Mode can be a little tricky to get your head round so beware! View Axis mode will align the axes to whatever view you are in. It allows you to rotate around the geometric center of your scene as it is currently being viewed as opposed to the comp itself.

    I hope this has helped you understand the different axis modes available in After Effects and how they can help you when moving or rotating layers within 3D space. If you want to learn more about 3D in After Effects why not pop along to my session, ‘Introduction to 3D in After Effects’ at the NAB 2011 Post Production World Conference. Please say hello if you do! Happy Keyframing!

  • Free video training & discounted classes

    Free video training & discounted classes


    I’m giving away lots of goodies this week. In this blog I’m offering you some free sample movies from my ‘2D Character Animation in After Effects’ workshop from video2brain. I’m also pleased to announce some fantastic discounts on my training courses in London in March.

    A one-off funding offer means that there’s currently a massive 80% off my Photoshop and After Effects courses at the Bridge Training. You can find out about these offers here. Just to give you an idea of the sort of savings on offer, my After Effects training 2 day training courses (Fundamentals, Intermediate and Advanced) have been discounted from the usual price of £504 to the incredible price of £108 for anyone based in the London Westminster area. Please contact The Bridge Training here to book a place.

    I’m so excited to be able to introduce a set of video training products specifically aimed at character animation in Adobe After Effects CS5. I’ve included a link to a free sample from this workshop here, just click on this link to watch it in HD. There are also some other free videos available here.

    As a freelance illustrator and motion graphics designer, I use After Effects every day to create artwork and animations of various styles. As a result, I’ve developed some powerful techniques for creating quick but compelling 2D animation, and in this workshop I share them with you. You’ll learn how to import layered files and paths from Illustrator into After Effects and how to animate flat vector artwork in both 2D and 3D space.

    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

    All this is presented in a series of short, focused, and solution-oriented videos that steer clear of technical jargon. Whether you’re a motion graphic designer, animator, storyboard artist, video editor, or illustrator, if you want to create 2D animation from flat, vector-based artwork, this is the workshop for you.

    The lessons are wrapped in a feature-rich interface that lets you jump to any topic and bookmark individual sections for later review. Full-Screen mode provides a hi-def, immersive experience, and Watch-and-Work mode shrinks the video into a small window so you can play the videos alongside your application. This course also includes project files so you can follow along and try out new techniques as you learn them.

  • Premiere Pro – real-time for After Effects?

    Premiere Pro – real-time for After Effects?

    Quite a question – Is Premiere Pro a real-time engine for After Effects? Well this week I hope to answer it at Broadcast Video Expo 2011 I’ll be on the Adobe booth demonstrating and sharing my favorite tips and tricks about Adobe After Effects CS5.

    I’ll also be sharing excerpts from my books and DVDs, giving away a free copy each day of my “Design Essentials for the Motion Media Artist” book and my “After Effects CS5 Learn by Video” DVD (Created with the amazing Todd Kopriva of Adobe).

    Those of you who have used After Effects will know that it isn’t really designed as a video editing application. there’s no real-time engine so it can be really tiresome editing footage there and waiting for previews. However, did you know that the Adobe CS5 Production Premium comes with a special, little known, real time engine for After Effects, it’s called Premiere Pro and I’m rapidly falling in love with it all over again!

    I’ll explain a little about why I describe Premiere Pro as a real-time engine for AE in a minute, but first a little bit of history (imagine wavy transition and spacey music, signifying time passing!) The first NLE I used was Adobe Premiere 4.0 on Mac, back in the mid-nineteen-ninety’s (Oh dear – showing my age there!). It was amazing to be able to edit video on a Mac and it opened video editing up to a whole host of new people after being a pretty exclusive domain, primarily owned by Avid at the time. Sadly Premiere never kept up with the pack and it’s reputation was almost destroyed with the disappointing release of version 5. Final Cut Pro also raised it’s rather sexy head at that time and it almost put a nail in dear old Premiere’s coffin.

    But I’m glad to say that Adobe have persevered and have battled to bring Premiere Pro back to being a serious contender in the bloody battle of the NLEs .They still have a way to go, to convince folks that it really can give FCP a run for it’s money. Many people are still cast under the Apple Marketing spell and many of the people who ‘dis’ Premiere Pro have never actually tried it so keep that in mind and make your own decision about whether it’s a worthy contestant. I’ve used it in real-world projects and have found it to be reliable, fast and creatively flexible. And I also use Final Cut Pro in my work as a freelancer so I know both applications well and am speaking from a real-world user point of view. Incidentally, did I also mention that the BBC are using it throughout the organization? ‘Nuff said?

    OK, back to the present! Why do I call Premiere Pro a ‘real-time engine for AE’? Well, as I said, working in AE can be a PIA (don’t you just love those TLA’s?). Often when working on music videos or opening title sequences, I’d want to edit a few clips quickly in time with music, add a few text animations, experiment a bit with the edit and timing. After Effects doesn’t facilitate this easily, you have to wait for things to render before you see them. But this is a perfect situation to use the Dynamic Link features in CS5 – you’ll get the best of both worlds by using Prem Pro and AE in conjunction with each other.

    Premiere Pro is excellent for real-time editing. You can even set up keyframe animation, time-remapping  and effect animations in real time, creating a rough cut of your finished piece. Adobe Dynamic Link then allows you to send this to AE, maintaining a live (dynamic) link between the apps, and whats more, it works!!!! The sequence opens in AE with no rendering required, ready for you to tweak and fine tune FX and keyframes. I’ll be demo’ing techniques using Dynamic Link (on a real world project) next week at Broadcast Video Expo. For those of you who can’t make it, here’s a few quick tips on the basic workflow & how it works!

    Create your project in Premiere Pro – capture or import all your source files into this project and save it.
    You can use the thumbnail view in the Project panel to create a rough storyboard for the piece before you bring footage down into the timeline, making sure that shot order and duration is roughly correct – this will save time later. Once you’ve done that, place your audio in the Timeline and then add the footage in the order it is sorted by using Premiere Pro’s amazing “Automate to Sequence’ button. So that’s the rough cut done.

    Still in PremPro, make any edit adjustments required. Keyframe any basic transformations, add effects if necessary. Once you are happy with the rough edit, and ready to jump to AE, make a selection of clips that you want to finesse in the Timeline, Right-click and choose ‘Replace with After Effects Composition’ to open the selected clips in a translated After Effects timeline. Here you can do whatever you need to do in AE.

    The beauty of this technique is that the link between the apps remains live so any changes made in AE automatically update in PremPro and visa versa, no need for rendering either way till the project is finally finished. I used this technique on the last project I worked on and reckon it saved me about 40% of the time it would have taken me only using AE.

    If you’re in the UK please pop along to Broadcast Video Expo later this month where I’ll be demo’ing this exact technique on the Adobe booth. Please say hello if you do. 🙂

  • Uprezzing Comps

    Uprezzing Comps

    A question appeared on the Video Copilot website today about uprezzing old projects which can be a bit of a nightmare in AE. You can often find that layers positions get messed up and effects change appearance when you scale your comp.

    Some of the issues that you’ll come across are hard to avoid but you can make the process a little easier by using some of the scripts that come free with After Effects CS5.

    Incidentally, making projects bigger is a massive headache so always good (if you have the opportunity of course) to create your projects at the biggest size you think may be required. If there’s ANY chance of HD requirements then use HD, even if the immediate requirement is only for SD.

    Having said all that, there are always times when you need to up-rez. Updating old projects for showreels; adapating other old projects for new jobs etc. So, if you simply HAVE to do it, there’s a couple of scipts that will work. In the Demo Palette (can be opened by going to File > Scripts > Demo Palette) there are two gems, one is called ‘Scale Comp’ and can be used to scale your entire composition, keeping all layers in the correct position. The other is called ‘Scale Selected Layers’ which will work on a selection within a comp, again, maintaining their position relative to each other.

    You need to make sure your preferences are setup correctly to use scripts in order to use these. to do so, go to Preferences >General > Allow Scripts to Write Files and Access Network.

    You will still need to go through the somewhat painful process of editing effects but this will save you a lot of work with layers etc.

    To find out more about After Effects and download some FREE movies, check out my After Effects CS5 Learn by Video page where you can watch excerpts and learn more tips.

  • ‘Sculpting’ paths in Adobe Illustrator

    ‘Sculpting’ paths in Adobe Illustrator

    Here’s another free tutorial from my first venture into making video tutorials for Adobe Illustrator. My tutorials are probably what you’d call non-standard! I’m not going to teach you how to ‘the cool look’ that we’ve all seen a million times before, that doesn’t really interest me, and there are plenty of other websites that will whow you those techniques.

    What I hope to do with my tutorials is to teach you new and interesting ways of using the tools creatively. How to ‘think’ with the software. It’s then up to you to add your own style to what you’ve learned to conjure up something unique.

    This tutorial focusses on Adobe Illustrator’s amazing reshape tools that can help you create more organic-looking drawings in Illustrator. These include Warp, Pucker & Bloat, and Wrinkle. In this movie you’ll use the Bloat tool to add muscle to your character, create hair with the Wrinkle tool, and use the Warp tool to transform primitive shapes into more realistic and organic body parts. Enjoy!

  • Basics on Solids in Adobe After Effects

    Basics on Solids in Adobe After Effects

    When designing motion graphics in Adobe After Effects there are times you just need to create a plain old layer to apply effects to. Solids are just right for this purpose, and for lots of other uses in After Effects.

    This video is aimed at a basic level. It shows you how to create solid-color layers and walks you through some of their uses.

    You can find more free videos like these from our After Effects CS5 Learn by Video product on the video2brain website. Please enjoy them – happy keyframing!

  • Animated Character Design in Adobe Illustrator

    Animated Character Design in Adobe Illustrator

    I’m very pleased to offer my readers a couple of free tutorials from my very first video2brain workshop on Adobe Illustrator. This workshop will teach you how to use Illustrator’s tools and features to prepare 2D files for animation in Adobe After Effects.

    You’ll learn how to make the most of Illustrator’s drawing tools and Autotrace feature, and to how use Live Paint and Kuler to recolor artwork. You’ll also get tons of tips and tricks for giving artwork a hand-drawn look and find out how to set up layers, aspect ratios, and transparency options for importing into After Effects.

    I’ll share many of my techniques for using Illutrator’s extensive drawing capabilities to create characters for animation. Topics covered include:

    • Setting up your workspace for video and animation
    • Working with Autotrace, Live Paint, and Kuler
    • Using multiple artboards for creating storyboards
    • Taking advantage of views and workspaces
    • Drawing freehand in Illustrator using a variety of tools including the new improved Eraser tool and the Blob Brush tool

    Whether you’re a motion graphic designer, animators, storyboard artists, video editors or illustrators, if you want to create 2D animation from flat, vector-based artwork, this workshop will be an invaluable resource.

    The lessons are wrapped in a feature-rich interface that lets you jump to any topic and bookmark individual sections for later review. Full-Screen mode provides a hi-def, immersive experience, and Watch-and-Work mode shrinks the video into a small window so you can play the videos alongside your application. Also included are exercise files that give you an easy way to try out the techniques you learn.

    Click here to get an overview of the workshop and download free tutorials using the following links;

    Working with Live Paint

    Working with the Brush Tool

  • Hand-drawn animation with After Effects Paint tools

    Hand-drawn animation with After Effects Paint tools

    Week four of 2011 brings my fourth FREE Giveaway Tutorial.

    This tutorial comes from my Adobe After Effects CS5 Learn by Video DVD from video2brain.

    The paint tools in After Effects are usually used for cloning or filling in mattes, but they can also be used to create stop-motion-style animation. In this movie you’ll see how they can be used to create a stop-motion style without the need for painful frame-by-frame tweaking of keyframes or drawings.

    In this Jumpstart tutorial I’ll show you how to create a little animated stickman, creating a looping walk cycle. I hope you can use the tips and tricks from this tutorial to create your own unique twist on my idea. If you do please come back here and post a link to your creation, I’d love to see it!

    There are a few Jumpstart tutorials included with the Learn by Video DVD. These  are designed to give you a quick overview of a particular technique.  The DVD also contains many more detailed tutorials, designed to take you through techniques and tech you After Effects using a more detailed step-by-step approach. I hope you enjoy watching them as much as I enjoyed making them.

    Happy Keyframing!

  • Lip Sync in After Effects

    Lip Sync in After Effects

    Lip-syncing is something that all animators will be asked to do at some point in their career. The following technique automates the process of lip sync in After Effects and uses only built-in features of Adobe After Effects – no extra software is required! This video tutorial is an updated version for Adobe CS5. Tutorial files and a text-based version of the tutorial for older versions of After Effects are available here if you want to follow along.


    This project     was a test project for a job for the BBC. They contacted me and asked if it was possible to create a minute of lip-synced animation on a cartoon character. The budget was really tight, as was the deadline, so I had only one day to create a character that lip-synced to a provided sound track for a full minute.

    Of course it was the BBC so I could hardly say no! So I said “Yes, no problem, I’ll take the job!” The minute I put the phone down I thought, “Oh Blimey! What have I got myself into?” I went to bed that night worrying about how I’d manage to get the job done. I tossed and turned, having nightmares about failing in my first job with the BBC. Then suddenly I sat bolt upright in bed and thought, “hang on a minute, what if I use Time Remapping with the Convert Audio To Keyframes Assistant, I’m sure that’ll work!” (That’s the kind of sad geek I really am!) 😉

    Anyway, I leapt out of bed, ran over to my computer and put together a test project to see if it would work. This is the very project I put together as a test to see if the technique would work. Luckily, it did and I got the job done on time!

    The audio used in this tutorial is contributed with kind permission. “Memories Of Your Own” – Words and Music by Jason A. Levine © Jason Levine 2007

  • Reviews for Design Essentials for the Motion Media Artist

    Reviews for Design Essentials for the Motion Media Artist

    I found this to be a really great book and is suitable for anyone who works or has an interest in motion graphics or animation. It would help someone who is studying at college, but is also very useful for those that have been in the industry a long time. I fall into the later category and was formally trained at art school in the early 80’s but I found it very useful to revisit many of the fundamental ideas that I was taught in those days which give me a solid grounding. It also gave me many new ideas and covered areas that did not exist or were in their infancy when I was a student.

    I really liked the sections on colour, typography and especially the section on composition which everyone in the industry should be familiar with but clearly are not. I’m sure this would fill in the gaps for people such as avid editors who have a purely technical background and would also inspire those who are creative technophobes to get stuck in with the computer packages today which frighten many with their complexity.

    I have shown the book to my manager at Sky and he will be buying some copies for the post production dept to read. He was was also very impressed.

    5.0 out of 5 stars on Amazon
    Paul Mark Provencher “ppro” reviewed Design Essentials for the Motion Media Artist: A Practical Guide to Principles & Techniques,

    I live in the corporate world of information technology. For the most part, this existence for me is based in an engineering mindset – plan, design, build, test, deliver.

    In my IT world, artists are thought to be undisciplined in these areas. Angie Taylor’s book makes it clear that successful artists clearly execute in much the same way as the best scientists. While they bring a creative streak that may not appear in engineering and science, they owe their success in business to their ability to plan, execute and deliver a satisfactory product on time, on budget.

    The author takes the reader through a series of concepts, starting with sketching. At first I didn’t understand what this had to do with Motion Media. But it very quickly became obvious why this was important. The book gives a great primer and cites numerous references (including current online resources) that may be used to dig in deeper.

    From there the book explores a number of concepts familiar to practicing artists – composition, story-boards, software packages (again with numerous references to some terrific resources), and all while developing the concepts in a way that follows the workflow of projects.

    I am reading this book (and several others) to gain a better command of the concepts I hope to apply to the use of my HD-movie capability of my DSLR. I believe that making movies, even if they end up being glorified home movies of my family, will benefit from a basic understanding of what goes into good motion media.

    This book has something to offer beginners like me as well as practicing professionals who need to update their understanding of motion media. I will probably read this book twice – the illustrations are wonderful, and perfectly on point, the explanations are very understandable, even for someone with little experience in this field (though I have been a photographer for a long time).

    The many resources cited as places to dig deeper are all quality products and have clearly been vetted thoroughly by the author.

    This is a solid book with much to offer. If you’re just getting into motion media like me, or perhaps you’d like to step into the latest tools and concepts, don’t hesitate to buy and read this book.

    View this book’s reviews on Amazon.com