Menu

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.

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.

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.

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.

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.

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.

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 139: All Roads Lead to the Bench

Severo Ojea | Aug 31, 2018

This week, we're making roads in Cinema 4D. Have you always wanted to live out your Sim City childhood as an adult? No. Well that's unfortunate because that's what we're doing.

These roads are built to follow a spline, so you can build them in any shape you'd like. You can also use that path to animate cars along your road. Our project files also have an Xpresso setup so that you can swap out different types of roads if you need to.

Grab the Project Files

Get the project file through our Gumroad Store. This download contains one project file with everything shown in the tutorial. It also includes an Xpresso setup to allow you to change sections of the roads to portions of a bridge. This should work back to around R11.5.

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 138: Better Glows in AE

Joe Clay | Aug 24, 2018

This week, we're taking a look at ways you can get around or improve After Effect's default Glow effect. Glow has some issues with it—one of the major ones is how linear it is. It doesn't have a ton of body by default. So in this tutorial we're going to explore other ways that you can build your own glows.

A few methods work well by stacking the Glow effect with various different radii and intensities. But the final versions I show in this tutorial eschew the Glow effect entirely and instead rely on various blurs stacked together with CC Composite. You can also stack other effects like Fill and Fractal Noise in between to get different looking glows—so experiment!

For more information on linking paths for a continuous trim between multiple paths, check out Tutorial 124: Linked Paths.

Grab the Project Files

Get the project file through our Gumroad Store. These project files contain the setups for each of the various glows showed in the tutorial as well as the background texture and the original Illustrator files for the shape layers. The original project was made in After Effects CC 2018, but there's also a version backsaved 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

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

123456789101112131415