Menu

Bearded Spice

Joe Clay | Jan 27, 2017

Hi guys, this is just a quick note to tell you about a great piece of free software I came across. I was talking to a friend about podcasts, and there's one he suggested that only had episodes on YouTube—seriously guys, then it's not a podcast.

Anyway, I hate listening to long form content on YouTube while I work because I can't quickly pause something to listen to a VO or something. Or I get up and pause something only to have it open iTunes and play more stuff on top of what was playing.

Anyway, that got me wondering if there was anything out there than can pre-empt media keys on macOS so you can play/pause YouTube. Side note: it feels strange, but satisfyingly easy to write macOS vs Mac OS.

So I came across the strangely named Bearded Spice project on GitHub. Don't go to the .com site, because it's either been hacked or someone set it up with redirects for a bad reason. Anyway, though it's a little buggy, this menubar app throws a little bearded guy up on your menubar that will allow you to switch between sources. It seems to have a bug where if Spotify is open it only plays and pauses that, even if you have YouTube selected, but that's not a huge deal.

It works in Chrome out of the box, but in Safari you need to "Allow Javascript from Apple Events" in the Develop Menu. It has support for a lot of sites, and if you're adventurous with Javascript, you can write your own support and update the Git.

So I don't know about you, but this is pretty awesome as it opens up a world of other content without interrupting my workflow.

Flow Library

Joe Clay | Jan 3, 2017

Library Preview

Hi guys! I've finally gotten around to making my own library for Flow. If you don't have Flow, you're going to want to go buy it. It's definitely one of those scripts that improves the quality of your work and helps you work faster.

Curves

Good easing will give your work a lot of life. And since animators can make these libraries available for download, you can start with a solid foundation without even having to adjust your own curves! So in that spirit, I'm sure you guys can put our library to good use!

Changes

Joe Clay | Dec 30, 2016

I've just finished uploading a whole lot of changes to the site, after changing a lot of things around. Now, most of the site uses Markdown thankfully so that I can update things quickly. Even better, I can have someone help me update things without them needing to know any sort of coding. Side note, check out Caret if you're using Markdown. It's a pretty awesome little editor.

I wish I had made that change sooner, especially for blog pages. It makes articles easier to work on, without having to have the code in my face. It's been somewhat of a dream of mine to get all my websites running Markdown ever since I discovered it years ago (like in 2004 when John Gruber invented it...) but sometimes I move slow. I've always coded these custom PHP solutions for myself that I'm just used to messing with. Now I've got all of that where it belongs, in the backend, with Markdown running over top of it. And I've made some clever little tweaks to make all of this easier to maintain. Or at least they're tricks I think are clever!

I've also rearranged a couple of the sections. Freebies have been merged with the blog, so that everything is together in the blog section but freebies have their own section as well so new people can just come in and grab everything, and our hopefully faithful followers can stay updated on the blog. I also have scheduled updates for certain things. If I have fresh content in the queue, it'll appear at 11am Eastern Time. Set your watches.

Because of the changes and a lot of the code being new, there might be bugs. So if you see anything strange, let me know. My test server isn't an exact copy of the live server, so certain things might be completely broken on the live server and I might not notice. For example I had to fix a couple of the download links because the live server cares about case, and my local apache setup doesn't. One day I'll fix that.

The best news I have is that this makes the blog a LOT easier to update. So, as projects allow, expect a little more content each week. And don't forget to check out our latest tutorial #51 Flavor Text!

Tools

Joe Clay | Dec 28, 2016

Tools

So we're a few days from the end of the year and you've got some cash in your pocket. You need to get some sweet write-offs in before January 1st? You want some amazing free tools? Well, here is a sizable list of great plugins and scripts you can get to save you a boatload of time and effort. Most of these should be built into After Effects.

I've put the current price of each plugin or script below as of the time of writing this, so you can figure out if it's worth it to you.

FXConsole FREE

Video Copilot's FXConsole has quickly become one of my most used plugins. I can't believe it's free. It basically allows you to type in the name of a plugin or even a preset and add it to a layer but it does SO much more. I'm not even going to explain more, go grab it now.

Flow $30

If you're like me and aren't really a fan of the After Effects graph editor, you're going to want to pick Flow up. And while you're at it, make sure to grab Andrew Embury's, Ryan Summers', and Google's libraries for Flow. We'll also be posting a free library soon as well. It's taking me a while to build a library of my own because there are so many great ones already available!

Zack Lovatt and Tomas Sinkunas destroyed it with this script. Flow has supplanted my use of Ease and Wizz, which is almost sad because I used the hell out of Ease and Wizz. In fact, its functionality inspired Quiver. But unless I need a true Expo—and I kind of hacked a good solution with Flow—Ease and Wizz sits unused now. And best of all, Flow doesn't need to use expressions to accomplish easing, so if you have to hand off your project, it looks like you took the time to hand-ease everything.

Ray Dynamic Color $29.99

Ray Dynamic Color is an awesome color palette script by Sander van Dijk. I use Ray every day. You can make palettes, pick colors off of it, use it to link colors, and easily change palettes and colors. It's very versatile. It's also great for use in team situations so people can share palettes and colors on projects.

GifGun $29.99

If you're making gifs, get GifGun by Nik Ska. Never waste your time again by roundtripping through Photoshop to make a gif. Without GifGun, it's unlikely that the tutorials on this site would have gif examples. And now it even offers compression options too!

Explode Shape Layers $29.99

Zack Lovatt's excellent Explode Shape Layers script will save you a good amount of time if you work with shape layers on the reg. You can use it to easily turn vector files into shapes and explode and implode groups of shapes to and from different layers. And it can even get rid of those annoying extra boxes that AE somehow adds after converting some vectors.

Color Vibrance FREE

Video Copilot's Color Vibrance plugin has helped me on a few projects where directors were looking for certain colors to pop. You can also use it to subtly unify the colors in a composite. It's actually helped me quite a bit more than expected to save some projects by adding an unexpected dimension to the design.

Saber FREE

Saber, also free from Video Copilot, is quite useful. You can use it to stroke a mask, add in energy effects, etc. It has a great library of different presets too. Andrew Kramer shows off a lot of cool uses in his introduction for Saber, but there are a lot of cool ways you can use it. Check out our Ring of Fire tutorial for example.

Quiver $15

Quiver is a script made by, well, me. So I think it's pretty cool. I had just bought Ease and Wizz, and I thought that the idea of adding expressions using a script would work well for all of those expressions I use that I either have to look up or save somewhere. Why not just store them in simple text files in my documents folder than can be called up at a moment's notice to be added to any property?

Randomizer $5

I also built Randomizer because I got tired of shifting a bunch of layers slightly in time to get randomized motion. Anything that can save me time from randomly sliding layers in my comps is worth a little coding effort. If that's something you hate doing, you might want to grab it. Right now it shifts entire layers randomly, but in the future I'll add a feature to randomly adjust sets of keyframes as well in a free upgrade. Why didn't I do that originally? I didn't think of it until just now...and it's a bit more complicated to move keyframes around.

Scripty FREE

OK, this is the last one of my own scripts that I'll mention. It's a super simple one. If you hate having to flip back and forth between apps so you can see your scripts, or if you need a place to store some text temporarily without leaving After Effects, check out Scripty. Admittedly, I haven't used this one as often as I should because usually I'm still pretty old school and print out scripts on paper. Hey, I grew up writing book reports on typewriters. Yeah, I'm only 32. So?

Stardust $249

I haven't used Trapcode Particular for a hot minute, because I only had it when I was working as an employee and I haven't done much with particles lately. Stardust just burst on the scene as a competitor in the particle generator world, and for the price, especially the introductory price of $249, it's definitely worth giving a shot. Normally I buy my plugins when I have a need, but I couldn't pass that up.

I haven't used Particular in a while, so I could be wrong, but from what I can tell, Stardust allows for a lot more customization in one layer than Particular, although from my small amount of use so far it seems a good bit more buggy. They just released an update that should improve the bugs I experienced, but even without fixes Stardust makes up for those bugs in utility. There's even a Plexus-like particle type.

With Stardust, you can add in all sorts of different generators and different particles in a node-based workflow that allows to you apply all sorts of effectors to different particles. One generator can generate many different particles. Some particles can have turbulence while some are unaffected. There are attractors, 3D object support, and all sorts of things. It seems to be like a Particular/Form/Plexus hybrid that has more customization than any of those three. I'm excited to play with it more when I get a moment because right now, it seems like imagination is the only limit.

Plexus $249.99

While I haven't used Plexus in a bit, it's still a solid plugin, especially if you want to use it with 3D objects. I'll have to play more with Stardust before I can figure out if I can replace Plexus with it completely—like if you need to link actual layers together—but either way, you can't go wrong with Plexus. If you've seen work with a lot of connected lines, there's a good chance it was made with Plexus.

Element 3D $199.95

You've probably seen the excellent Video Copilot plugin Element 3D, but if not it allows you to bring a model into After Effects and then texture, light, animate, and even clone it. In my opinion, it's a little quirky about some things—like anchor points—but once you figure that out it works pretty well. If you're wondering, it's usually just better to make nulls for your object groups and animate those instead.

I had a project where I needed to animate a bunch of 3D devices, and it was so much faster for me to model them and then bring them into AE with Element for simple texturing and animation. It made changing anything a lot easier, and I didn't have to deal with frame sequences.

Paint from Paint and Stick $99.99

I've only used Paint a little bit so far due to time crunches, but I had a great time with it. If you're looking to do some cel/hand animation in After Effects, look no further. I was using it on my iPad Pro + Pencil through Astropad. I had an issue with that completely unsupported setup, and the developers even got back to me to let me know about changes they were going to make. Any plugin with that active of a developer is worth a look. I haven't had a need for the Stick portion of the plugin, but I'm sure it's excellent if you need that functionality.

Joysticks n' Sliders $39.95

If you're doing character animation, get Joysticks n' Sliders now. It's especially perfect for doing heads of characters that you want to look pseudo-3D when they look around. There are plenty of other uses for it as well in a more motion-graphic setup. Basically, you can use on screen controls to switch between keyframes you make—like a character looking up or to the right. It's super powerful.

Rubberhose $45

Rubberhose is another script you need to get if you're animating characters. If you need characters to have stroke arms and legs, this is perfect for you. You can also attach custom feet and hands easily. There are also other uses beyond arms and legs for characters. For example, anything you would have done with the Beam effect with null controls would likely be better done with Rubberhose.

Butcapper FREE

By the same developer as Rubberhose, Adam Plouff, Butcapper is a great little utility script. It's free, and it allows you to easily change stroke types in layers without having to drill down through a million shape layer elements. Anything that can stop you from having to do that is worth it.

Origami $39.99

I'm waiting on a project to use Origami on so I haven't bought it yet. It's another script by Nik Ska, the GifGun developer, so I trust it's well built. It does split up layers for its effect, which will slow things down if you have a ton of layers, but you get a lot of animation for that render hit.

CompCode $100

At the moment, I don't have a need for CompCode just yet. But I definitely see it in my future to package presets. It looks like it will be amazing. If you see branded script panels from me, know that they'll be the direct result of CompCode. And it's made by Tomas Sinkunas, developer of many kickass scripts like Flow, so you know it's rock solid. It's a script that can build scripts. That's some Inception-level coding.

AE Pixel Sorter $39.99

If you need some distorted techy looks, grab AE Pixel Sorter. You've probably seen this effect elsewhere, but this appears to be the first plugin for this effect for After Effects. I bought it, but I haven't had too many opportunities to use it yet because I haven't had to work on something in this style recently. I wish I did so I could use it!

Expressionist $39.99

For the moment, I've been making do with AE's terrible expression editor box, but when I get to making more of my presets that rely heavily on sliders and other controls, I plan on purchasing Expressionist. If you do a lot of work with expressions, you should check it out.

Property Effector $39.99

Property Effector has some really neat functionality. It allows you to build a Cinema 4D style mograph-ish effector relationship among properties on multiple layers. It's kind of easier to see than to explain. So check it out. I haven't bought it yet, but it's another one that's on my list.


So there you go. That's a pretty lengthy list of some very awesome scripts and plugins that will save you some time. All together, if I didn't miss anything, that's $1,283.21. So if you want some write-offs, don't forget software! And if you have any suggestions for stuff I missed or left out—cue the dude who's going to say I left out FT-Toolbar!—put them in the comments below!

Storyboard Templates

Joe Clay | Dec 1, 2016

Hey everyone! I've developed an improved workflow for storyboarding. I used to just draw them on a page I made and scan them in. I didn't do much editing of them in Photoshop unless something was really a pain and needed to be duplicated a billion times.

Storyboard image

Initially, I set up this InDesign document that took those scans and put them in a slightly cleaner template. But that was still tedious. A few months back I bought an iPad Pro and Apple Pencil and I started to use Procreate. I used it to board a project and it was awesome! It's easy to collaborate with someone without having to be near a computer, and I didn't have to redraw things over and over. It made making slightly different frames super easy so making more frames to fit a lengthy script wasn't a big deal. And because of that, I can get a better feel for pacing. Since I can export to PSD from Procreate, I can then export those layers to PNGs. I use a 4K 16:9 preset (3840x2160) in Procreate so I can enlarge if need be.

So then I needed to step up my InDesign game. I made all the text boxes threaded so I can put my script in and it flows the necessary pages. It takes minutes to make my final document now—especially since I now do them completely digitally.

Anyway, you can grab that InDesign document right here. The zip also contains my older templates that I printed to draw on. If you're unfamiliar with InDesign or how I made this document, continue reading to figure out how to use it.

Storyboard examples

Initial Setup

Storyboard examples

Using the Template

  1. First, I like to set my display mode to high performance because nothing I do in Indesign is tough to display.
  2. Open up Type > Text Variables > Define.
  3. Set the _Project Name variable to, uh, the name of your project.
  4. If you want to use the 16 grid setup it's ready to go (it's 2 lines of text per box).
  5. If you want the 9 grid, make a new page and delete the original page.
  6. If you made a new page, hold shift+cmd and click drag through each line of text frames to make them editable.
  7. Paste your script into the first text frame. New pages will flow as needed.
  8. Edit your script. You can add descriptions using the "comment" text style.
  9. Shift+cmd drag over every frame that you want to put an image in (it is fine to cross over the text boxes, or even select frames you don't want to fill.
  10. Now you can hit cmd+d with nothing selected or go to File > Place.
  11. Navigate to your folder of storyboard frames. Select the first frame, and shift+click on the last one. This will load up your cursor with all of the boards.
  12. Now just click in each frame to drop each image where they need to go.
  13. Once you've placed the frames, if you need to duplicate any, hit B. A box will pop up.
  14. Click on the frame you want to duplicate. Then hit B again and it'll look the like place cursor again.
  15. Click in the frame you need to place the duplicate.
  16. If any of the frames fit strangely, click to select the content of the frame, and the right click and select Fitting > Fill Frame Proportionally.
  17. Click on frames to select them to resize as needed.
  18. Hit cmd+E to export. I usually just use 'High Quality Print.'

It sounds way more complicated than it is. If you haven't used InDesign before, it can seem odd. But once you've done it a few times, you will be glad you downloaded this file.

I'm not an InDesign master, but if you have any questions use the contact form to shoot me an email and I'll point you in the right direction.

After Effects Icons

Joe Clay | Jul 21, 2016

Updated 11/3/16 for CC 2017!

Happy Thursday! I saw that the excellent Zack Lovatt had posted some icons for those of us who keep multiple versions of After Effects around for one reason or another. Having multiple versions can be a pain when you're in your file system or looking at icons on your dock. Zack created a set for Windows users but he didn't have a way to make them for Mac, so since I use a Mac I built the larger icons, and asked him for permission to upload his small versions in the Mac set. You can get them here.

Icon example

To change your AE icon:

  1. Find the After Effects app whose icon you want to change
  2. Find the corresponding AE .icns file for that version
  3. Hit Command + i or right click and select 'Get Info'
  4. Drag the .icns file to the icon preview in the top left

You might have to click the icon in your dock, or possibly remove it and replace it to get it to refresh.

If you want to restore the original icon:

  1. Go to the After Effects app whose icon you want to restore
  2. Hit Command + i or right click and select 'Get Info'
  3. In the window that opens, select the icon in the top left and hit Command + x or Edit > Cut to restore the icon

The download includes all of the files required to make the icons, including Zack's original files. There's also an AE project that the rest of the icons were built in if you'd like to make your own. I used Icon Composer 2x by Lemon Mojo to assemble the .icns files. It's awesome, super-easy, and free.

Solus

Joe Clay | Apr 12, 2016

Wow. I just came across this amazing short film from Identity Visuals. The animation and style are simple but beautiful. The sound design and the music are absolutely perfect, conveying all the emotion necessary to tell a story without using words. Definitely give this a watch.

And make sure you check out the rest of their work. They've got some great stuff on their Vimeo page.

It's always been one of my goals to make an animated short film. After seeing this, I think Sev and I might need to check that one off the list this year.

Scripty

Joe Clay | Feb 19, 2016

Happy Friday! Here's a free script that my studiomate, Sev has asked me about. It lets you put text into a floating/dockable panel, so you can keep important text (like your script) right next to your compositions!

Scripty preview

I got to learn how to better lay out script UIs and you get a free script! Perhaps in the future there will be a paid version that will swap selected text into a layer or something. But for now, this is it. For some reason AE text boxes support rich text too, so if you paste in text that's bold or italic that'll be shown also.

The only caveat is that you download it through gumroad so I can get an idea of how it's doing. It's free and pay what you want, so you can download it without having to put in any contact info! You will have to enter 0 for the amount though! Anyway, I hope you find it useful!

Get it here.

The Newness

Joe Clay | Feb 17, 2016

Hi guys! I'm Joe from Workbench. Get used to that phrase. If you're around here often, you'll probably hear it a lot.

I've been wanting to make Workbench for a while. It's my time to begin a community. Unfortunately, I still need to add commenting to this blog, and some other stuff here and there. Until then, feel free to contact us or you can hit me up on twitter @workbench_tv. You can find out more about my story and the Workbench story in the about section. There are a few tutorials up now for you to peruse, and there's a few products to check out. And there will be a lot more tutorials, products, and freebies coming.

Expressions

Joe Clay | Jan 25, 2016

Here are some of the useful expressions included with Quiver.

//Autofade: Add to opacity
transition = 8;       // transition time in frames
if (marker.numKeys<2){
tSecs = transition / ( 1 / thisComp.frameDuration); // convert to seconds
linear(time, inPoint, inPoint + tSecs, 0, 100) - linear(time, outPoint - tSecs, outPoint, 0, 100)
}else{
linear(time, inPoint, marker.key(1).time, 0, 100) - linear(time, marker.key(2).time, outPoint, 0, 100)
}
//Countdown Timer (apply to Source Text)
t = Math.floor(time);
s = 240 - t;
minutes = Math.floor(s/60);
seconds = s-(minutes*60);
if(seconds < 10)
{
    seconds = '0' + seconds;
}
minutes + ':' + seconds;
//Inertial bounce
amp = .1;
freq = 2.0;
decay = 2.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}}
if (n == 0){ t = 0;
}else{
t = time - key(n).time;
}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{value}
//Apply to Time Remap
pos = transform.position;
delay = -1; //in seconds
x = Math.pow(pos[0]-960,2);
y = Math.pow(pos[1]-540,2);
d = Math.sqrt(x+y);
value + linear(d,0,1102,0,delay);
// Spin (rotate at a constant speed without keyframes)
veloc = 360; //rotational velocity (degrees per second)
r = rotation + (time - inPoint) *veloc;
[r];
//Moves things in a spiral (apply to position)
center=[thisComp.width/2,thisComp.height/2];
rMax = 240; //maximum radius
decay = 0.3; //decay
freq = 6; //frequency
aStart = 0; //start angle offset
aRate = 220; //rotation rate
offsetFactor = 1000; //smoothness
r = rMax/Math.exp(time*decay);
a = degreesToRadians(aStart + aRate*time);
offset = (r/offsetFactor)*Math.sin(freq*time*Math.PI*2);center + [Math.cos(a),Math.sin(a)]*(r + offset);
// Throw (move at a constant speed without keyframes)
veloc = -10; //horizontal velocity (pixels per second)
x = position[0] + (time - inPoint) *veloc;
y = position[1];
[x,y];

I hope these scripts can help you out in your work! Keep an eye on this section for more useful tools!

< OlderNewer >