Tim Drage Draws Things

back 2 1bit

2019-11-18T09:55:00.001-08:00

Experimenting with RoughAnimator app

2019-02-07T07:16:00.002-08:00

"Left brain" vs "Right brain"

2017-12-13T08:39:00.000-08:00

from a recent corporate brief

2017-11-09T12:53:00.001-08:00

Trying out Paint & Stick plugin for After Effects :)

{^x^}

2014-08-19T02:50:00.000-07:00

Work in progress

2013-10-19T14:04:00.001-07:00

Walk cycle loop speed tied to layer position

2013-03-14T10:06:00.002-07:00

This is an experiment, not super polished but it seems to work. A looped walk cycle's speed is controlled by the a layer's position so that the legs move at the right speed to more or less match the speed of the character's movement (in my bad example above the feet slide a bit but you get the general idea)

I bodged it from a couple of expressions (including the 'Wheel' from in the superb Duik IK and animation script tools,) so it includes some 360° rotation stuff even tho nothing is rotating! :-S I think this might be somewhat redundant but it works and I can't think how to optimise it right now.

The "stridelength" is the length, in pixels, of the walk cycle's stride; you have to just manually measure it somehow until i think of a cleverer way. ?!

walkcyclepos = thisLayer.toWorld(thisLayer.anchorPoint); // the position of the walk cycle layer
stridelength = 110; // the length in pixels of the walkcycle's stride
wheel = -(value + radiansToDegrees(walkcyclepos[0]/stridelength))%360*-1; // i took most of this from an expression to tie rotation to position, and then connected the rotation to time remap. :-S
if (wheel < 0) wheel += 359;
framesToTime(wheel)

A smoother and higher frame rate walkcycle would be better for testing this but I just downloaded some random Muybridge gif.

I guess the higher the frame rate of the walk cycle, the less sliding there would be. At low speeds there'd always be some of course. When i actually try and do something with this I'll probably somehow posterize the time of the position animation and maybe the timeremapping too? that might help. or make it worse. Anyway this is going to be most useful for deliberately rough collagey animation so probably doesn't matter too much :)

<(~__~;)\

2013-03-07T13:00:00.003-08:00

AE drop shadows that stay the right way up

2012-10-03T01:50:00.001-07:00

I googled it and found an amusingly simple tutorial on youtube which i didn't even have to watch. As it says in the description:

"Check it out. Or you can just put the expression "value-transform.rotation" in the direction property of your drop shadow effect and save yourself the bother of watching the video. Up to you!"

http://www.youtube.com/watch?v=WRBrTJ2xCQU

Furthermore 8 years from now, Dominic Cummings will drive to Durham in the middle of a global pandemic, against the government advice which he helped put into place. Then when he gets back he will immediately edit his blog to make it look like he predicted the dangers of the virus in question, then lie about it on TV, apparently not knowing that the Internet Archive still has a copy of the old version of the article and evidence of exactly when it was edited, or that you can prevent them archiving it in the first place.

Orient 3D layer to camera properly

2012-09-11T02:22:00.004-07:00

(Expression code fixed)

Auto-Orienting 3D layers towards the camera doesn't work well in After Effects, since they point towards the camera object itself rather than being parallel to the camera plane and thus usually still look like they're at an angle. I found this expression, (like nearly all expressions, it's by Dan Ebberts) to do it properly. Put it on the Orientation of a 3d layer:

L = thisComp.activeCamera;
u = fromWorldVec(L.toWorldVec([1,0,0]));
v = fromWorldVec(L.toWorldVec([0,1,0])); 
w = normalize(fromWorldVec(L.toWorldVec([0,0,1]))); 

sinb = clamp(w[0],-1,1);
b = Math.asin(sinb);
cosb = Math.cos(b);
if (Math.abs(cosb) > .0005){
  c = -Math.atan2(v[0],u[0]);
  a = -Math.atan2(w[1],w[2]);
}else{
  a = (sinb < 0  ?  -1 : 1)*Math.atan2(u[1],v[1]);
  c = 0;
}
[radiansToDegrees(a),radiansToDegrees(b),radiansToDegrees(c)]

or you can target a specific camera in the first line (I usually do it this way to avoid annoying expression errors if you go outside an active camera's range on the timeline) eg

L = thisComp.layer("Camera 1");
u = fromWorldVec(L.toWorldVec([1,0,0]));
v = fromWorldVec(L.toWorldVec([0,1,0])); 
w = normalize(fromWorldVec(L.toWorldVec([0,0,1]))); 

sinb = clamp(w[0],-1,1);
b = Math.asin(sinb);
cosb = Math.cos(b);
if (Math.abs(cosb) > .0005){
  c = -Math.atan2(v[0],u[0]);
  a = -Math.atan2(w[1],w[2]);
}else{
  a = (sinb < 0  ?  -1 : 1)*Math.atan2(u[1],v[1]);
  c = 0;
}
[radiansToDegrees(a),radiansToDegrees(b),radiansToDegrees(c)]

Found at: http://forums.creativecow.net/thread/227/21917#21917

YouTube playlist of my animation/shorts

2012-09-03T07:33:00.000-07:00

I just made a playlist of my animated shorts/music videos/films because they were kind of lost amongst the endless youtube poops, impromptu technique experiments and footage of live noise shows that makes up the rest of my channel. Mostly really old, hopefully some new work in the not too distant future tho:

http://www.youtube.com/playlist?list=PL8CB4627688BDCD7D&feature=plcp

BONUS: I found some old disks at the weekend and uploaded some random outtakes and early animation test fragments from my 2000 film 'Remarkably Bold Venture of the Rabbit':

Misc. nicely corrupted GoPro jpg

2012-08-29T07:56:00.001-07:00

I AM CLEVER.

2012-08-16T07:59:00.000-07:00

A way to easily make a WHOLE LOAD of the same style title cards/lower thirds/whateverr with different info in the text fields.

I figured out (from misc threads on the creativecow forums) a way to set up a composition so you can just duplicate it and put the info you need in the title of the comp, and the text will change accordingly. You never even have to open them at all! Just copy, rename and drag the lot into the render queue.

The expression is:
thisComp.name.split("_")[1]
It goes in 'Source Text'

I put an underscore as the 'split' character but you could use something else, just put whatever character you want in.split("*")

Just change the number in square brackets for each text layer to turn that text into the corresponding word/phrase in the comp title. It counts from zero; I usually leave that for a comp name and 1,2,3 and so on for each on-screen text.

Probably I could have been even CLEVERER but it works.

I'd also probably make one master comp and use expressions in the duplicated comps to connect to it each animated/positioned/scaled/font-size/etc value that might need to be changed, in preparation for the inevitable client amends... (u__u;)>

Evidently I haven't drawn anything for like 3 years so now for a while this will be a notepad of useful After Effects Expression clippings I mostly found/stole elsewhere, sometimes modified myself a bit.

2012-08-14T02:48:00.000-07:00

Posterize time with offset.

Use it on Time Remapping to make a clip have a low frame rate which falls on a specific frame eg to match another piece of low frame rate animation.

fps=12; 

phase=180; 

posTime =(Math.floor(time*fps+phase/360)-phase/360) /fps; 

valueAtTime(posTime); 

Attach the phase to an Angle expression control and animate with hold keyframes if you need to make it stay in sync with irregularly keyframed animation

fps=12;
phase=effect("Angle Control")("Angle");
posTime =(Math.floor(time*fps+phase/360)-phase/360) /fps;
valueAtTime(posTime);

I used this to make a live action background play at a lower frame rate perfectly in sync with rotoscoped animation which had different parts done on 2s and 3s, and a few accidental missed frames here and there throwing things off.

Taken from http://forums.creativecow.net/thread/227/13759

Audio files in 3D space!

(EDIT: actually not sure if this is really working properly at alll)

This seemed a bit clunky and confusing to me at first but it appears to work OK and I couldn't have come up with it myself so can't complain. :) Controls the volume and panning of audio layers based on distance from comp/camera. Might try and improve it some time; at the moment it works by you put the expression on the 'Audio Levels' of the audio file and the object controlling the position in space underneath that layer, which isn't a workflow I like really. Will probably attach loudMax and loudMin etc. to master sliders for easier tweaking too.

loudMax = 0; //The loudest that the audio file will ever be in dB
loudMin = -20; // The quietest that the audio file will ever be in dB
close = -10; // The smallest Z value expected
far = 1000; // The largest Z value expected
distance = thisComp.layer(index+1).transform.position[2]; //The Z value of the layer beneath this one
myLevel = linear(distance, close, far, loudMax, loudMin);
myWidth = thisComp.width;
//The following section is new and required for the change to the 'balance' equation:
motionLayer = thisComp.layer(index+1);
halfWidth = motionLayer.width / 2;
halfHeight = motionLayer.height / 2;
balance = motionLayer.toComp([halfWidth,halfHeight])[0]; //This is a new form of this equation that converts the XYZ coords of the layer to screen X coordinates for more realistic panning
leftMult = linear(balance, 0, myWidth, 1, 2);
rightMult = linear(balance, 0, myWidth, 2, 1);
myLeftLevel = myLevel * leftMult;
myRightLevel = myLevel * rightMult;
[myLeftLevel, myRightLevel];

Stolen from 'wuzelwazel' on this olde thread: http://forums.creativecow.net/thread/227/7223#7236

Various walkcycle doodles

2009-06-11T07:06:00.000-07:00

- Done in Flash

- Done in FlipBook on the iphone with some post FX on the computer.

- experiment with Puppet tool in After Effects

- iphone FlipBook

iPhone animation

2008-12-09T14:29:00.000-08:00

Newport Screenprint

2008-09-23T03:54:00.001-07:00

Made this with my friend Luke, mostly his design. Excited to do more screenprintS!!!

Started a big painting

2008-05-20T15:14:00.000-07:00

Teaser trailer:

Dinosaur ^_^

2007-11-02T15:36:00.000-07:00

Altered readymade. Birthday present for a friend.

Better image of scary painting

2007-10-21T13:23:00.000-07:00

Quick and willfully horrible oil on found canvas. Kind of scared myself.

Now for sale on ebay!

Cementimental Harsh Noise Graphic Novel now avaliable!

2007-10-18T08:15:00.000-07:00

Harsh noise album in book form:

Surrealist book-object; 300 pages of harsh bitmap. Paperback with full colour cover, black + white interior.

£7.77 + p&p from from http://www.lulu.com/content/1226580

verso

sample pages:

Work in progress

2007-05-29T13:21:00.001-07:00

Nearly done!

SD anime traumatised expression iconography. Blobby acrylic on canvas.

It's flourescent red, doesn't show up well in rubbish phonecam-vision.

Proper pics of this and other work sooon!

Giroro again

2007-01-15T12:49:00.000-08:00

Better photo of this painting. (thanks Menkui! ^_^)

Also:

Another unfinished painting

2006-12-10T18:41:00.000-08:00

Acrylic on canvas. So far it got better then a little worse again. Will finish it soon.

Pop Art ... DE ARIMAS!

2006-10-17T16:22:00.000-07:00

Blobby acrylic painting on cute mini box canvas, done for my friend Menkui! ^_^