Menu

Tutorial 137: Animated Maps

Severo Ojea | Aug 17, 2018

A couple of weeks ago, someone—I can't find the original message unfortunately—asked us to recreate this beautiful animation by Toros Köse for Pause Fest 2018. They're really well done. They use 8K textures run through After Effects. AE crawls at even 4K so working with 8K couldn't have been fun. But the end result is beautiful titles for Pause Fest.

We set to work making displacement maps in a bunch of different ways. It's easier to generate terrain maps out of Cinema 4D since it has many more options and defaults for noise than After Effects. Conversely, if you want to do elaborate and specific write-on strokes, you can export your camera and displace 3D layers in AE with the Displacement Map effect—which is how the lines in the GIF below were created.

Also, this tutorial uses Redshift so if you want to use a different render engine, you'll have to adapt these ideas to your own project.

And thanks again to our sponsor, School of Motion. Make sure to check them out!

Grab the Project Files

Get the project file through our Gumroad Store. These project files contain the setups for a simple terrain, and the Workbench mountain. The C4D files will work back to R19. The AE files are built in CC 2018 but have also been backsaved to CC v13. There is also an animated EXR sequence.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 136: Procedural Tracking FUI

Joe Clay | Aug 10, 2018

This week we take use various techniques to pull mattes that we feed into the Minimax effect to make tracking marks that follow our footage. It's procedurally built so once you've made the setup, you just have to alter things to fit your source footage, but the rest of the effect will build itself.

We also learn how to use the transform effect to make effects that only have a horizontal or vertical effect conform to any angle we wish. That's a particular favorite of mine.

I love how well this works. It's perfect for FUI designs. And as a bonus, you can just use the mattes alone to add visual interest for backgrounds or whatever other uses you can find. So, as always I encourage you to go out and experiment!

If you want to experiment with the IR look, check out this and this.

And thanks again to our sponsor, School of Motion. Make sure to check them out!

Grab the Project Files

Get the project file through our Gumroad Store. The project files will work in legacy versions of AE. This download includes the footage, and all of the setups included in the tutorial, as well as a comp that has colored trackers.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 135: Effector Deformation

Severo Ojea | Aug 3, 2018

This week's C4D tutorial uses effectors in an interesting way. Instead of modifying Mograph clones, we're using them to deform geometry. By mixing a few things together we can get an interesting undulating liquid effect that kind of resembles a non-Netwonian fluid.

And thanks again to our sponsor, School of Motion. Make sure to check them out!

Grab the Project Files

Get the project file through our Gumroad Store. The C4D files contains two setups. One is the liquid pool, and the other will be a letter. One of them also contains the X-Particles setup. This should work back to about R18.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 134: Tiny Card Dancer

Joe Clay | Jul 27, 2018

This week, by request, we take a look at a cool effect from Pylik. We use a bunch of different glitch techniques like the ones we've show in our Glitchy playlist. Combined with the Card Dance effect, we build an effect that tracks itself to a face—or anything for that matter—using the luminance of some map layers.

And thanks again to our sponsor, School of Motion. Make sure to check them out!

Grab the Project Files

Get the project file through our Gumroad Store. The project files will work in legacy versions of AE. Some of the textured matte comps require AE CC 2018 versions that support Master Properties. I saved it out to an older version, but I'm not sure what kind of error you might get. Other than that, the test footage, textures, setups, and some extra unused items are all included in the download.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 133: Effector Reveal

Severo Ojea | Jul 20, 2018

This week we take a look at creating a reveal using effectors in Cinema 4D. We're applying it to text, but it can be applied to 3D objects as well. It's a useful effect that you can build upon and put into your bag of tricks.

Grab the Project Files

Get the project file through our Gumroad Store. The project files will work in modern versions of C4D. For one of the setups, you'll need to download CV Outline from Cineversity. There are 4 setups. The first is the base effect on an object. The other three are the steps outlined in the tutorial broken out into separate C4D files. The After Effects project to create the GIF above is also included, and there's a legacy version of it in case you're on an older version of AE.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 132: Shader Effector

Severo Ojea | Jul 13, 2018

This week's tutorial explores the Shader Effector inside of Cinema 4D. We'll be using it to animate randomized colors of clones. This will help you build things like blinking lights on a computer tower.

Grab the Project Files

Get the project file through our Gumroad Store. This project file will work in most recent versions of C4D. The computers are included but they have Redshift shaders so you will get an error if you don't have Redshift. The materials can be swapped to regular C4D materials without issue, however. So it won't affect the setups.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 131: Generative Elements

Joe Clay | Jul 6, 2018

This week, we take a look at a way to build elements out of simple comps in order to build generative elements that can be used in other designs.

We also mentioned our script, StackIt, which is useful for building up grids of elements.

Expressions

For the circuit built with Particle Playground, you'd use this expression with the Random Seed Master Property from Fractal Noise:

seedRandom(index,true);
random(1000);

And for the circuit built with Form, you'd use this expression with the Random Seed Master Property:

f = time/thisComp.frameDuration;
seedRandom(index, true);
(Math.floor(f/3)*10) + random(100);

If you want them to be more different from each other, you can increase the value inside of random() on the last line. You can probably also use timeToFrames() and posterizeTime() but I think this is easier.

Grab the Project Files

Get the project file through our Gumroad Store. This After Effects project file requires AE CC 2018 because it relies on Master Properties. All of the setups shown in the tutorial are included. There are also two additional versions without the gaps between the elements. You will need Red Giant's Trapcode Form if you intend to use that setup, but the Particle Playground version will work without any third-party plugins.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 130: Terminals and Cursors

Joe Clay | Jun 29, 2018

This week we take a quick look at how to make a nearly automatic cursor. We use a simple set of text animators to blink a cursor and follow the text as it types on. And you only need two keyframes! If you leave space before the write-on, the cursor will blink in place. I wish I had thought to do this sooner. It's already saved me a ton of time on the project I built it for.

Expressions

I've named the first Animator's group Typing and the second is called Cursor.

In Typing's range you add the following to Start:

Math.floor(value*text.sourceText.length);

Optionally, you can add this to End:

text.sourceText.length;

In Cursor's range add this to Start:

text.animator("Typing").selector("Range Selector 1").start;

And this goes in End:

text.animator("Cursor").selector("Range Selector 1").start+1;

And this goes in Cursor's Opacity:

Math.sin(time*10)*100;

Grab the Project Files

Get the project file through our Gumroad Store. This After Effects project file has a legacy version that should open all the way back to CC 2014. It contains everything shown in the tutorial.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 129: 8-bit Glitches

Joe Clay | Jun 22, 2018

This started out with working on some visualizer techniques, and ended up being 8-bit glitches. Which you would know if you watched my live stream. And I know you didn't. Don't lie to me!

In this After Effects tutorial, we build an 8-bit look and we show a technique for making glitchy mattes that can be used for all sorts of useful things. I've used similar mattes for displacement, and techy animations, but here we put them into our 8-bit look to make a sort of generative art that can be used for backgrounds, textures, mattes, etc.

For information on how to make the Digital Grain check out Tutorial 120: One Comp to Rule Them All. And be sure to go check out JSplacement! And for more info on Text Generator, check out Tutorial 37: Glitch Text 02.

Grab the Project Files

Get the project file through our Gumroad Store. This After Effects project file has a legacy version that should open all the way back to CC 2014. It contains everything shown in the tutorial including a few elements used to make some of the precomps as well as the textures shown. The audio file is not included because the license isn't transferrable. The audio comp will be left in though, so you can just drop a track in there, and the visualizer portions should work.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

Tutorial 128: I Like Turtles (Spline Animation)

Severo Ojea | Jun 15, 2018

This week we explore how you can make interesting folding meshes with MoSpline using a very simple L-System. You might have seen L-systems, or Logo programming language in school as it's often used to teach programming concepts to young children. The cursor in the UI for these graphic programs is called Turtle—which is where the name for this tutorial came from.

For additional information on L-Systems check this out. And for additional information on L-Systems in C4D read this.

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains the three Cinema setups that were demoed, as well as the After Effects project that the gif above was made in. The C4D file should work back to at least R16. The AE file was built in 2018 but there's a legacy version back to CC v13.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from additional files to early product releases depending upon the tier.

Check out our Patreon Today

1234567891011121314