After Effects Tutorial | How To Bend 3D Layers

hello everyone if you remember we have talked about how to create a 3D log for papers or objects previously so if you haven't watched that already I recommend you after finishing this video watch that too however what I'm going to do today is create this long scroll so that we can easily modify its contents and replace it with any other content but before we dive in if you're new to Motion Graphics and after effects and you're unsure about the path to becoming a promotion designer I highly recommend checking out my motion hero course and if you like more of these techniques don't forget to subscribe and be sure to like so that YouTube can offer new similar videos okay without further Ado let's start the first thing that I need to do is create a wi comp for that I click on create a new composition and set it withth to five 5,000 and it's height to 1,000 and create a new comp I name it a scroll I head over to the start comp and place the scroll comp below the character animation comp is solo the layer I enabled the shy option so the other layers would be hidden and so I can only focus on this scroll comp I head over to the scroll comp and again here I have to create a new comp as well so I can put the contents of this scroll in it all right so I create a new comp but now I want it to be vertical so I said it's width to 1,000 and it's height to 5,000 and I name it contents after that to create the content of this comp I head over to the final comp and I want to copy the tanks and images that I used before and then I head back to the contents comp and paste them I also create a solid as the background and wh it I open the scroll comp and import the contents comp right here and set its rotation to minus 90 I head back to the start comp and now I have to cut the scroll comp to 30d equal pieces horizontally to do this with this I use the RDS slicer script which is totally free and you can download it using the link in the description below so I set this to 30 and this to one and I hit a slice and as you can see this com is now sliced into 30 equal pieces I select all the layers make them 3D I don't want this layer anymore so I delete it well after that the Anchor Point of each layer has to be placed to the left side of each one to do that I use the motion tools script and click on this option so the Anchor Point of each layer would be placed on the left side then I parent the thir first layer to the previous one which is the 30th one and 29 to 28 and I continue like this and parent each layer to its previous one after that I parent the Y rotation of the layer 31 to the Y rotation of layer 30 but before I all the layers and search y rotation well now I parent the Y rotation of the last layer to the Y rotation of the previous one so when this layer gets rotated the next layer rotates and moves as well well I have to keep doing this and parent each y rotation to the Y rotation of the previous one but as you know this is pretty time consuming to do this easily I just have to go to the expression box of this layer and replace the name of the layer with the phrase index and because I want it to be parented to the previous layer I add minus one which means the W rotation of this layer will be parented to the Y rotation of the previous layer which is 30 so 31 will be connected to the 30 30 to 29 and the list goes on every layer parented to the previous one now if I change this rotation as you can see the same thing happens while rotation of layer 31 is parented to the y rotation of layer 30 aside from the Y rotations being parented we also want the Y rotation of each layer to be manually modified but now as you can see if I change the Y rotation of this layer nothing happens to do that I type a plus sign at the end of the expression and type value which means the current property and this all basically means aside from the Y rotation of this layer being parented to the Y rotation of the previous layer every change to this value will affect the layer after that I right click on the Y rotation of this layer and hit copy expression only and paste it for the other layers as well now if you take a look at it once I change this layer the other layers moves as well and a curving effect will made for the layers I keep doing this and pasting the expression for each y rotation property except for the first layer which doesn't need this expression it doesn't need to be parented to any layer now if I change the Y rotation of the first layer as you can see all the layers curve together and aside from that I can rotate each layer individually as well after that I unall the layers I select the scale of the first layer and set it to 45 so they all shrink and then I adjust its position and match it with the laptop I matched the angle of the scroll to the angle of the laptop and then I rotate it let me rotate this a little bit more and to select the layers better I like the comp of the character and then I rotate this once I adjusted the scroll to thin down this part and widen the end one I head back to the scroll comp and select the contents comp and by hitting control shift C I put it in a new comp then I apply the Power Pin effect to it I lower the top left down I set it to 300 and I set the bottom left to minus 300 so I get something like this I head back to the main comp let's see how it turned out it's too thin let me increase it a bit I set it to 250 and set this to 750 well it's good oh seems like the text is upside down got to fix it I head to the contents comp and parent the two images to the text layer and flip the text layer vertically let's check it out the text seems fine to fill out this empty space I open the contents comp and move the text down a bit and to fill out this empty section I select this part copy it and paste it over here after that to animate the scroll Contents I come here and place a ruler here and add a null to the scene I parent the text player to it I open its position and create a key frame for it I move seven frames forward and move the text down just so the next line is exactly between these two rulers it's good again I move seven frames forward and I copy and paste this key frame and make them Easy E and for this animation to continue and not stop I alt click on the stop watch of the position and go to the Expressions property then select Loop out and I change the cycle to offset so the animation continues I head back to the main comp let's see how the animation looks great to make the appearing animation of the scroll like this I head to the taper comp right here first I sate the contents comp and double click on the rectangle tool so a mask as the size of the comp would be created I open it and create a key frame for the mask path and put it here in the beginning I make the mask look like this and I move it to the left so it appears like this and I make the final key frame Easy E then I create a solent and name it noise and apply the fractal noise effect to it I head over to transform uncheck this box and increase the width and decrease its height and crank up the contrast and set it to 700 I scale it up so the noise would look stretched I create a key frame for offset turbulence and here I move it forward then I create another key frame for its Evolution and here I set it to three once that's done I duplicate this layer let me hide this lower layer I create a key frame for it in the beginning I choose the noise layer as the mat so it would look like this I increase its feather in the beginning the mask is here and here it should be here I also increase the feather of this mask I hit you in the beginning it should be like this and in the end it should be like this so the edges wouldn't look Fain I come here and increase the feather a bit here the mask should move over here here and in the end it should move right here I think the evolution could be even more so the noise would have more motion I also increase its feather even more let's see how the animation is now looks good to me to fix the other side of the scroll too isolate the layers that are for the behind part and I duplicate them I move them to the top and change their label to so they would be obvious I select the first layer and add a gradient TR effect to it then I select the effect and under the edits menu I select the copy with relative property links and then I select the other layers and hit control V so when I change the effect of the first layer the effect of the other layers changes as well well I put the black part down and the white part up though I think I need to delete the last layer I change their colors I think it would be better if I switch the colors and in order not to be visible here I decreased the X scale of this layer so there wouldn't be any problem here and in order not to have these lines here I select all the behind layers and I hit M button twice so the properties of the Mask would be visible I select mask expansion and set it to one so the mask would expand and those lines would disappear after that I parent this layer to this one so later on when I made any changes to this layer the other layers would move along all right to match the moment the scroll appears with the animation of the character I had to when the character obviously hits a button which is exactly right here I select all the layers and set their initial points here let's see how it turned out I can also speed down the appearing animation a bit I think it's pretty good good luck and thanks for watching

Channel: Jafar Fazel

Views: 28,946

Keywords: bend 3d layers in after effects, after effects tutorial, motion graphics, motion graphics tutorials, after effects, motion design, learn motion graphics, adobe after effects tutorial, motion design tutorial, after effects motion graphics, after effects motion, after effects tutorials, Motion Graphics Tutorial, motion designer, motion graphics animation, jafarfazel, curve paper in after effects, paper animation in after effects, scroll animation in after effects

Id: onHYMM-PRQE

Length: 17min 7sec (1027 seconds)

Published: Wed Nov 08 2023