As requested I've made the breakdown of Mr. Cube and my take on how to achieve this style.
Method 1 0:48 : After Effects shape layers - done by keyframing paths and opacity on and off.
Method 2 7:43 : Photoshop Extended video timeline layer - import video into Photoshop and create path and draw on black video layer
Method 3 10:45 : Photoshop Extended video frames as layers - import video into Photoshop as separate layers and draw on new layer then export. I haven't used this yet but I think it will work.
Method 4 : Flash - convert video to flv and import into timeline. Draw your path or paint of a separate layer export image sequence. I don't go into explaining this because I'd probably just make a fool of myself with what I know about Flash.
Thanks for watching let me know if you guys have any questions!
Adobe Photoshop is a tool that a great number of creative minds are familiar and comfortable with. While it isnt software package that has been built with animation specifically in mind there it has huge potential as an animation tool. The ability to control an aesthetic within the software gives a very hands on feel to the process and endless possibilities for your end result. I hope that this tutorial will help bridge the gap between designer and animator, beginner and professional.
Before you get started you’ll need a basic-intermediate understanding of Photoshop, as well as a copy of Photoshop CS Extended (Which you can download from the Adobe website here)
The layout of the tutorial-
Part 1 Getting Started-
All the key features that you’ll need to know in order to get animation out of Photoshop. These include an introduction to the animation timeline as well as the steps you can follow to export your animation.
Part 2 Clean-up, Colour and Creating Actions.
A step by step walk through for creating some the actions that will help you speed up your animation workflow – including creating colour layers, effective bucket filling and creating your next frame. It also touches on the use of adjustment layers.
Part 3 Extra Tips and Tricks-
A few extra tips and tricks to help you get started animating in Photoshop. These include using preexisting videos in your animation, better manipulating the timeline and how to export gifs from Photoshop.
If you are using CS6, a few things wont work exactly the same way for you. I'll make a revised tutorial at some point but in the mean time-
To get the timeline, go to Window/Timeline. This will open the new Timeline window. Then Click 'Create Video Timeline'. To change the frame rate use the small option button in the corner of the Timeline Window and select 'Set Timeline Frame Rate'. You can now longer change the duration of the timeline using a dialog box, but you can extend it by dragging on of the video layers past the default 5 second point.
There is no longer a PNG quicktime export setting which is a bit of a bummer. I have started using 'Photoshop Image Sequence' and PNG as my default exporting.
A big new feature is being able to import image sequences straight into photoshop as video layers. Try that out. Its Great!
Also a great new feature is being able to apply clipping masks to groups. Once you start finding uses for this you'll wonder how you survived without it. Its amazing.
This is a quick tutorial on how to connect two points with a line that will lengthen or shorten depending upon position it is anchored to. I hope it is useful and as always...have fun being creative with it. Thanks for stopping by!
An in-depth tutorial on color correction using Curves inside of After Effects and Photoshop. This method explains how to color correct most any footage "by the numbers". It's a bit of a science that requires only a minimum amount of understanding of RGB values.
Please bestow a ♥ like or leave a ✉ comment if you have questions!
You can skip the introduction if you so choose: 0:45 - Before and After (Full Color Correction Example Here: vimeo.com/14400218) 1:09 - Color Correction After Effects Tutorial Start 12:37 - Edit your color corrected footage in Premiere! (Dynamically Link the CC'ed Footage)
Using Photoshop for color correction is really a lot easier than you may think. In this tutorial, the method is very simple and fast - NO rendering multiple frames, NO importing video files into Photoshop, and easy access to making color changes.
This tutorial is a tad long at 15 minutes - please bear with me as I fully explain the techniques here! (It was recorded it in the middle of the night. :) Hopefully you will find the techniques in this After Effects Color Correction Tutorial helpful. UPDATE 3/31/11 - I have re-uploaded this tutorial as I have redone the intro.
✏ Choose areas that are large enough to sample and don't contain color casts or Chromatic Aberration
✏ Remember to use common sense. If the colors are just not looking right, either sample a different area or adjust to your liking.
✏ Your footage may have different areas of brightness or color shifts throughout the video. Animate your Levels for differing brightness, and animate your Curves for differing color where needed.
✏ Sometimes having crushed blacks or blown highlights are okay - especially in video. Keep this in mind when working with the Levels effect and don't worry if you have either of those in your final result.
✏ If you have the opportunity, use a gray card somewhere in the image - so that later in post, you can reference that neutral gray midtone for color correction.
✏ IMPORTANT: If you are using CS5, make sure you are using the Eyedropper Tool, NOT the Color Sampler Tool. Thanks to Ryan Yakich for the heads up.
RGB Color Correction Values Reference (also at 9:54):
Highlights ✏ 245
Midtones ✏ 135
Shadows ✏ > 12
Final result of my free tutorial on the integration between Illustrator and After Effects CS6.
There are only 6 keyframes for an apparition, and it's independent from the number of elements of your object.