Venetian Blinds Effect/Transition used on NBC branding

[Roland R. kahlenberg]

It’s possibly multiple instances of CardDance with each instance applied to an Adjustment Layer.

HTH
RoRK

Intensive AE & Mocha Training in Singapore and Malaysia
Adobe ACE/ACI (version 7) & Imagineer Systems Inc Approved Mocha Trainer

[Paul Gugulan]

Thank you Roland, the name of the effect is exactly what I was looking for. Now I’m able to find a lot of tutorials on this. I was having trouble before because I didn’t the exact name of the effect.

[Roland R. kahlenberg]

Cool! I hope it works out for you.

Cheers
RoRK

Intensive AE & Mocha Training in Singapore and Malaysia
Adobe ACE/ACI (version 7) & Imagineer Systems Inc Approved Mocha Trainer

[David Bode]

I don’t think this is a card dance thing, but I could be wrong. If you look at the clip it is similar to one of those 3 sided triangular billboards. It looks to me like it is a set of 24 or so triangles that turn 120 degrees to reveal the next image.

I have been trying to work out how to replicate this look, but I cant figure it out. It is a slick looking effect.

I made a comp that almost works using a comps that have 24 panels cut out of them and then put together to make a 3D comp, but the rendering order is screwing them up.

Check it out. https://f1.creativecow.net/file/3189/3189_nbcvenetianblindeffect1.aep.zip

Any other suggestions?

[Roland R. kahlenberg]

I did this – https://www.broadcastgems.com/cubewipefx/ a while back and if what you want is triangles instead of a cube AND I think my way is quite efficient THEN what you’re doing ‘wrong’ is having additional precomps.

I see the solution involving a 3-part comping hierarchy.
1) Source Comps – no effects that will affect the 3D aspects of the layers

2) Source Comps Sliced – The original Source Comps are placed here and sliced into their vertical parts. Each comp here is a vertical slice. You will have 24×3 total comps in this hierarchy.

3) Triangle PreComps – Composite each group of Source Comps Sliced (the previous group) ie, each Triangle Comp will contain 3 sliced comps, one from each source. Create your individual triangles in this comp.

4) Final Comp – place the Triangle PreComps here and enable Collapse Transformations. Use the Index expressions to control the y-rotations.

HTH
RoRK

Intensive AE & Mocha Training in Singapore and Malaysia
Adobe ACE/ACI (version 7) & Imagineer Systems Inc Approved Mocha Trainer

[David Bode]

Thanks for the suggestion Roland.

I had a comp setup this way but I the layers were out of order so it didn’t render correctly.

I now have this working pretty well, but it is still not exactly right.

I am getting bleed through on the edges of the triangles as they turn. I remember seeing a post about changing the blend mode to alpha add but that didn’t seem to help.

https://f1.creativecow.net/file/3192/3192_nbcvenetianblindeffect.aep.zip

Also I would love to know how you control the motion with gradients. Your package looks very slick.

Thanks again for your help.
Dave

[Roland R. kahlenberg]

Hi Dave, perhaps it’s better that you post an image of what you mean by ‘bleed through’. My AE machine will be tied up for a while.

As for working with gradients, I used the sampleImage Expression method.

Cheers
Roland

Intensive AE & Mocha Training in Singapore and Malaysia
Adobe ACE/ACI (version 7) & Imagineer Systems Inc Approved Mocha Trainer

[David Bode]

https://f1.creativecow.net/file/3194/3194_trianglesmaster.mp4.zip

Perhaps this will help. This is a rendered out version of the comp I uploaded. When the triangles turn I can see through the edges of where side A and B meet onto the back side of side C.

Let me know if that makes sense at all.

Thanks,
DB

[Roland R. kahlenberg]

Did you apply Alpha Add to the precomps or to the final comp? If you have Collapsed Transformation switched on, then they should be applied to the precomps.

Another option is to set each nested comp in the final comp to draft quality. This will prevent anti-aliasing from kicking in and thus prevent the back layers from showing through. Hopefully this won’t destroy the look.

BTW, what you have looks pretty good. Perhaps adding shadows may also help to mask the issues you have with the back layers.

HTH
RoRK

Intensive AE & Mocha Training in Singapore and Malaysia
Adobe ACE/ACI (version 7) & Imagineer Systems Inc Approved Mocha Trainer

[David Bode]

I tried the alpha add but that didn’t seem to help all that much.

I did find 2 tricks to make it a little better. The one that works the best is to create smaller triangles that are all black that sit inside the original triangles. This was pretty easy to do and works ok. The effect isn’t spot on, but it is getting closer.

I have been working on the sampleImage expression and I have managed to make that turn the triangles when driven be a gradient.

target = thisComp.layer(“GRAD”);
darkgray = target.sampleImage([80, 200],[3.5, 3.5])[0];
linear (darkgray, 0, .33, 0, 120);

What I can’t work out is how to use the gradient to make the rotation move the other way. Right now I have it setup with a black solid and a 33% gray solid that animates from right to left. That works just fine.

Perhaps it is impossible but what I would like is to have the layer look at another gradient, something like 33%-66% gray, and have the value increase on top of what I already have. So the first gradient takes the Y rotation from 0-120 and the second takes it from what ever the rotation is currently to 240.

Any idea on this?