Tutorial 149: FUI Particles

Severo Ojea | Nov 9, 2018

This week, we're exploring creating FUI particles from footage using X-Particles inside of Cinema 4D. This technique can be used to easily make complex-looking animation very quickly.

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains two of the three setups shown. We can't include the running man because it's from stock. The C4D files work in R19+ with X-Particles 3.5+. The AE files work back to AE 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 and some tutorials also come with additional BTS content showing more of the builds.

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 148: Tech Backgrounds

Joe Clay | Nov 2, 2018

This week, we explore using screen captures to build tech backgrounds by treating them with effects like CC Kernel. This allows us to take a traditional UI and get edges of different elements so that we strip away the actual UI and are left with a sort of structure rather than the UI itself.

As always, if you use any copyrighted material, you need to make sure that it's no longer recognizable. By converting things into partial edges, we can convert such structured layouts into techy backgrounds without misrepresenting the original content. Our intent is to take our input and convert it to a completely different output.

Of course there are many ways to do this, this is only about the idea of taking these screenshots and converting them for our uses.

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains all of the elements necessary to build the example backgrounds shown in the tutorial. It also contains 3 C4D files with the setup for the cloners. You can also bring these in with Cineware and run that through this process. It should give interesting results.

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 and some tutorials also come with additional BTS content showing more of the builds.

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 147: Node Networks

Severo Ojea | Oct 26, 2018

This week we're taking a look at creating a node network in Cinema 4D. We go through four different setups. Two are a more manual process but they are more robust than the other two, which are more automatic.

Grab the Project Files

Get the project file through our Gumroad Store. There is a project file for each setup shown in the tutorial for a total of four. Most of the setups should work for most modern versions of C4D. The X-particles setup should work in R19+.

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 and some tutorials also come with additional BTS content showing more of the builds.

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 146: Noice Noise

Joe Clay | Oct 19, 2018

This week, we're going to explore making new noises using camera sensors. When you generate noise inside of After Effects it's' either all very uniform or patchy. You can make better noise in AE, but what's even better and faster is to use your camera to record with the lens covered. All camera sensors have some inherent noise, and recording blackness makes it easy to bring it out. Use a levels or curves adjustment and go to town.

By using a bunch of different cameras, even different copies of the same camera, we can get interesting noises to use in our animations.

I didn't go over some of the examples as this is really about making the noise, but they basically use Displacement Map pointed at the noise. The one that shifts colors has Displacement Map on an adjustment layer with a blending mode of Hue instead of Normal. I do explain the grainy glow technique, and I hadn't found it when I recorded, but it came from this tweet from @shabello23:

There's a lot of different things you can do with noise, so having another way to make noise can be really helpful. Never forget that you can use your camera—even your cell phone—to make all sorts of interesting stuff to use.

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains the noises and examples shown in the tutorial. There are also a few other noises available as separate downloads so you don't have to download them all at once if you don't want to. The Raven file is the raw R3D so it's as customizable as possible. You can bring R3D files into AE. It might have to be a version after my Raven was released. I've also included a legacy file for older versions of AE back to 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 and some tutorials also come with additional BTS content showing more of the builds.

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 145: Pop-up Book Part 2

Severo Ojea | Oct 12, 2018

This week, we're looking at how to make various versions of parallelogram-fold pages for a pop-up book inside of Cinema 4D. Using an Xpresso rig, we again set up our animation to be controlled with a single slider.

In the future, we will combine this page with other types of pop-up pages to create a pop-up book. Our next Cinema tutorial will explore something different, but if you need more pop-up pages and missed Tutorial 143: Pop-up Book Part 1, you should check it out!

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains the full rig shown in the tutorial. It also contains the UV maps shown in the example but the materials are not created so that you can tailor them to whatever renderer you're using. This should run in most modern versions of Cinema 4D.

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 and some tutorials also come with additional BTS content showing more of the builds.

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 144: Inter-faces

Joe Clay | Oct 5, 2018

This week we're taking a look at building a sort of FUI look by tracking a face and using Minimax to create boxes around features. This could be interesting combined with a full user interface. If you want to keep the outline of the body, it'd be best to shoot on white if the person has dark hair. But you can play with contrast if you want some of the person's features to be missing or altered.

Have fun with it and tweet us @workbench_tv if you come up with anything cool! And be sure to grab JSplacement if you haven't.

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains all of the comps shown in the tutorial—including the animated version and the extra version—as well as the footage and JSplacement still. This is made in AE CC 2018 but I've saved a version back to AE v13 as well.

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 and some tutorials also come with additional BTS content showing more of the builds.

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 143: Pop-up Book Part 1

Severo Ojea | Sep 28, 2018

This week, we're looking at how to make a V-fold page for a pop-up book inside of Cinema 4D. Using an Xpresso rig, we set up our animation to be controlled with a single slider.

In the future, we will combine this page with other types of pop-up pages to create a pop-up book. Make sure to check out Tutorial 145: Pop-up Book Part 2!

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains the full rig shown in the tutorial. It also contains the UV maps shown in the example but the materials are not created so that you can tailor them to whatever renderer you're using. This should run in most modern versions of Cinema 4D.

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 and some tutorials also come with additional BTS content showing more of the builds.

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 142: Retiming Animations

Joe Clay | Sep 21, 2018

This week we take a look at how to retime animations for Mograph Templates. This expression will allow you to retime your animations while preserving the timing of the intro and outro animations—only the hold point is flexible. This way, you can have Motion Graphics Templates that can be retimed without time remapping in your main comp—which can have odd effects with animated Master Properties.

This expression can be applied to nearly every property since it ends with valueAtTime(). I've set this up by making a layer called controller, which is where the markers go. To split markers, option/alt+click on them and drag. Make a marker that covers your intro animation and one that covers the outro animation.

//Retime animations
dur = thisComp.layer("Controller").effect("Duration")("Slider");
m = thisComp.layer("Controller").marker;
animIn = m.key(1).time;
hold = animIn + m.key(1).duration;
animOut = m.key(2).time;
outDur = m.key(2).duration;
end = animOut + outDur;
if(time < hold) {
    t = time;
} else if(time > dur-outDur) {
    t = linear(time,dur-outDur,dur,animOut,end);
} else {
    t = hold;
}
valueAtTime(t);

If you'd like the time between intro and outro to remap instead of hold, you can replace t = hold; above with the following:

t = linear(time,hold, dur-outDur, hold, animOut);

And that's all you need to retime your animations for templates. As for the rest of the template setup, that's for another tutorial. But if you'd like to see how this one is built, the project file below includes the setup.

Also, make sure to check out Evan Abram's tutorial, Controlling Time in Templates on the subject for another approach.

Grab the Project Files

Get the project file through our Gumroad Store. This project file contains the setup shown in the tutorial with all of the expressions built, including ones not shown in the tutorial. There is no mograph template built in here yet—you'd just need to drag the controls into the Essential Graphics Panel. Because of that, a version for AE back to CC v13 is included. Without access to Essential Graphics, you'll have to make a comp for each animation you want to make.

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 and some tutorials also come with additional BTS content showing more of the builds.

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 141: Animated Clocks with XPresso

Severo Ojea | Sep 14, 2018

This week we're going to use XPresso inside of Cinema 4D to make animated clocks. This concept can be applied to other things, but this particular setup is for a clock.

Grab the Project Files

Get the project file through our Gumroad Store. This project file includes the setup shown in the tutorial. Most modern versions of C4D should be able to open this file.

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 and some tutorials also come with additional BTS content showing more of the builds.

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 140: Making Custom Effects - Linear Wipe

Joe Clay | Sep 7, 2018

If you're like me, you get annoyed sometimes when built-in After Effects effects are missing a feature that you want. For example, back in the day, the Ramp effect didn't let you swap the colors. It was a pain that was eventually alleviated.

That's how I feel about Linear Wipe sometimes. So this week, I decided to improve it. Linear Wipe only works in comp space, which is great if your layers are comp-sized. But if you need to put a Linear Wipe on text and then you have a change that forces you to move the text, you'll need to re-animate your wipe. That sucks.

Here's the code to fix it. It gets applied to a Mask Path property. I built a pseudo effect with Pseudo Effect Maker so all of the things that are linked with thisLayer will need to be modified for your controls. You'll need Point Controls called Size and Position Offset, a Slider Controls called Completion and Feather, and an Angle Control called Angle.

If you're a $20 Patron, this will be one of the included complex elements for this month. The Feather value in the mask properties can just be pickwhipped to the controller for feather.

size = mul(thisLayer("Effects")("Linear Wipe Improved")("Size"), .5); //cut the size in half
feather = thisLayer("Effects")("Linear Wipe Improved")("Feather");
size = size + [feather, feather];
pos = thisLayer("Effects")("Linear Wipe Improved")("Position Offset");
completion = Math.abs(thisLayer("Effects")("Linear Wipe Improved")("Completion")-100)/100; //1-0 range
completion = completion*2-1; //Convert 1-0 range into 1,-1

pts = [];
pts[0] = [size[0], -size[1]];
pts[1] = [size[0], size[1]];
pts[2] = [-size[0] * completion, size[1]];
pts[3] = [-size[0] * completion, -size[1]];

for(i = 0; i < 4; i++) {
    pts[i] = rotatePoint(pts[i]);
    pts[i] = translatePoint(pts[i]);
}
createPath(pts);

function rotatePoint(p) {
    angle = degreesToRadians(thisLayer("Effects")("Linear Wipe Improved")("Angle")-90); //zero out the default angle and convert it to radians for the math below
    x = (p[0] * Math.cos(angle)) - (p[1] * Math.sin(angle));
    y = (p[0] * Math.sin(angle)) + (p[1] * Math.cos(angle));
    return [x,y];
}

function translatePoint(p) {
    return p + pos;
}

The code for the rotation function was derived from this lesson on Khan Academy. I can't recommend them enough.

Grab the Project Files

Get the project file through our Gumroad Store. This project file includes the setups shown in the tutorial. A version is included that will open 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 and some tutorials also come with additional BTS content showing more of the builds.

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

 1234567891011121314151617181920