The Making of Arrowz // Comlete MOGRT Tutorial in After Effects
This is a complete walk through/tutorial of this MOGRT I released a coupe of days ago:
• Arrowz // MOGRT to create arrows in Premie...
Follow along, and you can make your own MOGRT.
Chapters
00:00 – Introduction: Overview and goals of the tutorial.
00:24 – Creating the Composition: Setting up the composition and objects.
01:24 – Setting Path and Expressions: Defining the path with expressions.
02:02 – Adding Stroke to Shape Path: Making the path visible with a stroke.
05:02 – Tangent and Curve Adjustment: Creating and adjusting the tangent to control curves.
10:08 – Controller Setup: Creating controllers to manage path adjustments.
13:27 – Animating the Path: Using trim paths for animation control.
18:02 – Creating the Arrow Shape: Designing a triangle to follow the path.
27:00 – Controlling the Arrow's Rotation and Scale: Fine-tuning rotation and scaling based on the path.
36:09 – Using Essential Graphics Panel: Adding controls to the Essential Graphics panel.
47:22 – Final Adjustments and Export: Final touches, exporting, and concluding the tutorial.
------------
Expressions:
To create the path and the controller:
point1=thisComp.layer("Point1").transform.position;
point2=thisComp.layer("Point2").transform.position;
zero =[0,0];
tangent = thisComp.layer("Tangent").transform.position;
createPath(points = [point1,point2], inTangents = [zero,zero], outTangents = [tangent,zero], isClosed = false)
For the triangle to stick to the trim paths 1:
getPath = content("Group 1").content("Path 1").path;
trimEnd = content("Group 1").content("Trim Paths 1").end;
getPath.pointOnPath(trimEnd/100)
For the trangle to always point to the right direction:
angle =thisComp.layer("Controller").effect("Angle Control")("Angle")
var pathToTrace = content("Group 1").content("Path 1").path;
var progress = content("Group 1").content("Trim Paths 1").end/100;
var pathTan = pathToTrace.tangentOnPath(progress);
timeIn = thisComp.layer("Controller").effect("timeIn")("Slider");
timeInDuration = thisComp.layer("Controller").effect("timeInDuration")("Slider");
radiansToDegrees(Math.atan2(pathTan[1],pathTan[0]))+angle;
------------
Visit my Gumroad page for goodies: https://fanverse.gumroad.com/
------------
Subscribe to my channel for future updates📺:
/ @fanversepost
Support me by buying me a coffee☕: https://www.buymeacoffee.com/fanverse...
📸Instagram: / fanverse.io
#aftereffects #aftereffectsexpressions #createpath #createpathexpression #motiongraphics #animation #tutorial #keyframes #mograph #aftereffectstips #aftereffectstutorial #pathanimation #vfx #visualfx #2danimation #expressionlanguage #aftereffectscripting #tangentmanipulation #dynamicpaths #Premiere Pro Mogrt, #Text Effects Premiere Pro, #Mogrt Templates, #Premiere Pro Text Templates, #Quick Text Effects, #Animated Text Premiere Pro, #Modern Text Effects Premiere Pro, #Cinematic Text Effects Premiere Pro, #Title Animation Premiere Pro, #Lower Thirds Premiere Pro, #Text Overlays Premiere Pro, #Dynamic Text Premiere Pro, #Clean Text Effects Premiere Pro, #Premiere Pro Tutorials, #After Effects Templates, #Video Editing Tips, #Motion Graphics, #Graphic Design, #Video Production