Game VFX Tutorial – Magic Circle with AfterEffects [For Unity / No Plugins / Eng&Kor Sub]

How do you make a magic circle? Do you still persist in the old fashioned way? Let me introduce you to the fascinating and magical way to create a beautiful circle with AfterEffects Get ready to be amazed Welcome to Woo Art I’m gonna show you how to make an asset for a magic circle With AfterEffects, the process is much easier than with other software like Photoshop or Illustrator So, let’s start Firstly, make a comp for the texture of the magic circle The width of the texture should be broader than its height Because we’re gonna kind of roll this up to make it circular You’ll soon see what it means Okay the basic setting is done Generate a rectangular shape Click Fill option and turn it to None Turn on the stroke Change the thickness I’m gonna make it look like lines Unlock the chain and decrease the height and make the width a bit oversized And put it to the main comp Go to the effect menu Under the Distort category you can find the Polar Coordinates effect Change its type to the Rect to Polar When you increase its interpolation Yeah, see? this effect make a texture circular Moving back to the texture Adjust the position and the size Add one more stroke I’m gonna put a transparent color to the space between those lines Turn on the fill option again, and you can find the opacity parameter under the Fill group Change the opacity like this and turn everything into white Now I’m gonna add some magical looking letters I’m using the font named the Cartoon Runes It automatically changes alphabets to runes It’s pretty useful And it’s free If you’re looking for a nice free font visit 1001fonts.

com Change its color to white And turn off the stroke Place the letters like this Organize the names Okay, let’s make dividers Draw a stroke here and change its Fill and Stroke setting Open up the parameter and add the repeater I’m gonna add multiple strokes to divide this area into 10 parts Like this Open up Repeater 1 group And change both Copies and Position setting The width of composition is 1000, so 100 gaps between copies are correct Increase the number of copies Readjust the letters Duplicate it To change its Source text I’m gonna use a different way rather than type in each one Add Character offset When you put a number here, it changes the Source text Adjust the text setting a little Duplicate 3 more texts and put them into the right place When you double press U you can open up all parameters you’ve changed so far in a selected layer Put a different number to each offset Okay let’s add some shapes in between the letters I’m gonna add some simple shapes Move the shape here Just make something I don’t even know what I’m making Add repeater change the gap to 200 increase the number of copies Okay it’s almost done The main belt is completed Let’s make some decorations Add a stroke here If you put multiple shapes into one group, You can repeat them all by one repeater I’m gonna show you Add a polygon shape into Shape 1 group Since both shapes are in one group the same Fill & Stroke settings apply to them Move the triangle here Turn on the fill setting Duplicate the triangle and move it here And add repeater Okay let’s add one more decoration Add a star shape and change it to triangle Change its scale like this And rotate it 180 degrees Add a repeater Okay it’s almost done I just wanna add one last thing around its center Duplicate the main belt and place it here Duplicate the divider layer as well Adjust its thickness Let’s make it denser Okay, the main circle is done I’m gonna add some small detail Add an ellipse and change the size and change the position by the parameter inside Ellipse Path 1 Okay, add the repeater and put the number in the rotation instead of the position I’m gonna use 3 ellipses so 120 degrees are enough Okay and make it a bit weaker Adjust the detail to make it look less busy I don’t like the overlapping part in the center Let’s clip that part out Change the blending mode to the Shilouette alpha Okay the last thing is a glow Duplicate the circle Go to the effect menu and add the Gaussian blur Then, yess you’ve made a magic circle You can use part of the texture as a tile map and apply that to the ring shaped mesh like the example on the left side Or just use the whole texture like the other example Did you enjoy the video? It’ll be very useful for not only making a magic circle but also many other cases If you’re excited about watching my next tutorial Please like this video and subscibe to my channel Okay, this is the end See you in the next video Bye.