[{"data":1,"prerenderedAt":384},["ShallowReactive",2],{"navigation":3,"/additional/customizer":115,"/additional/customizer-surround":379},[4,18,32,52,67,90,95,100,105,110],{"title":5,"path":6,"stem":7,"children":8,"icon":17},"Getting Started","/getting-started","1.getting-started/1.index",[9,12],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Overview","/getting-started/overview","1.getting-started/2.overview","i-lucide-eye",false,{"title":19,"path":20,"stem":21,"children":22,"page":17},"Develop","/develop","2.develop",[23,28],{"title":24,"path":25,"stem":26,"icon":27},"After Effects","/develop/develop-ae","2.develop/develop-ae","i-lucide:blocks",{"title":29,"path":30,"stem":31,"icon":27},"Premiere Pro","/develop/develop-pr","2.develop/develop-pr",{"title":33,"path":34,"stem":35,"children":36,"page":17},"Essentials","/essentials","3.essentials",[37,42,47],{"title":38,"path":39,"stem":40,"icon":41},"Package Options","/essentials/package-options","3.essentials/1.package-options","i-lucide-cog",{"title":43,"path":44,"stem":45,"icon":46},"Group Options","/essentials/group-options","3.essentials/2.group-options","i-lucide-folder-cog",{"title":48,"path":49,"stem":50,"icon":51},"Element Options","/essentials/element-options","3.essentials/3.element-options","i-lucide-square-dashed-mouse-pointer",{"title":53,"path":54,"stem":55,"children":56,"page":17},"Additional","/additional","4.additional",[57,62],{"title":58,"path":59,"stem":60,"icon":61},"Customizer","/additional/customizer","4.additional/1.customizer","i-lucide-sliders-vertical",{"title":63,"path":64,"stem":65,"icon":66},"Stylization","/additional/stylization","4.additional/2.stylization","i-lucide-paint-roller",{"title":68,"path":69,"stem":70,"children":71,"page":17},"Verification Сodes","/verification-codes","5.verification-codes",[72,77,82,86],{"title":73,"path":74,"stem":75,"icon":76},"About Verification","/verification-codes/about","5.verification-codes/1.about","i-lucide-shield-check",{"title":78,"path":79,"stem":80,"icon":81},"VideoHive Integration","/verification-codes/vh","5.verification-codes/2.vh","i-lucide-message-circle-code",{"title":83,"path":84,"stem":85,"icon":81},"Gumroad Integration","/verification-codes/gumroad","5.verification-codes/3.gumroad",{"title":87,"path":88,"stem":89,"icon":81},"WordPress + WooCommerce Integration","/verification-codes/wordpress-woocommerce","5.verification-codes/4.wordpress-woocommerce",{"title":91,"path":92,"stem":93,"icon":94},"Examples","/examples","6.examples","i-lucide-download",{"title":96,"path":97,"stem":98,"icon":99},"Testing & Debugging","/testing-and-debugging","7.testing-and-debugging","i-lucide-flask-conical",{"title":101,"path":102,"stem":103,"icon":104},"Compilation & Release","/compilation-and-release","8.compilation-and-release","i-lucide-rocket",{"title":106,"path":107,"stem":108,"icon":109},"Personalized Extension","/personalized-extension","9.personalized-extension","i-lucide-brain",{"title":111,"path":112,"stem":113,"icon":114},"Branding","/branding","branding","i-lucide-hexagon",{"id":116,"title":58,"body":117,"description":372,"extension":373,"links":374,"meta":375,"navigation":376,"path":59,"seo":377,"stem":60,"__hash__":378},"docs/4.additional/1.customizer.md",{"type":118,"value":119,"toc":360},"minimark",[120,128,131,142,149,165,170,176,186,192,195,200,210,215,222,231,238,243,249,253,263,284,290,294,301,316,321,331,336,342,346,352],[121,122,123,124,127],"p",{},"The ",[125,126,58],"strong",{}," is a button in the toolbar that allows you to launch a window for quickly adjusting elements.",[121,129,130],{},"It is especially useful in After Effects templates and for MOGRTs to change colors within the composition/text and other parameters that the author initially specifies.",[121,132,133,134,137,138,141],{},"The customizer collects fields in a ",[125,135,136],{},"control layer"," (After Effects) / ",[125,139,140],{},"MOGRT element"," (Premiere Pro) which is specifically specified and displays them in the extension, allowing you to quickly configure the parameters.",[121,143,144],{},[145,146],"img",{"alt":147,"src":148},"Customizer Overview","/images/customizer/overview.jpg",[150,151,152],"tip",{},[121,153,154,155,164],{},"Depending on the package settings, the customizer may behave differently and allow editing of other parameters ",[156,157,158,159,163],"em",{},"(this is related to ",[160,161,162],"code",{},"engine_pack",")",".",[166,167,169],"h2",{"id":168},"after-effects-only","After Effects only",[121,171,172,173,175],{},"To use the ",[125,174,58],{}," with your After Effects project, we use the layer commenting system.",[177,178,179,183],"ol",{},[180,181,182],"li",{},"Switch on the comments display (if they are off). Right-click a bar with columns (Layer Name, ...), find a comments column, switch on.",[180,184,185],{},"Add a special comment to the required layers.",[121,187,188],{},[145,189],{"alt":190,"src":191},"AE Assign","/images/customizer/ae-assign-comment.jpg",[121,193,194],{},"The customizer will pick up the layers with the comments and specify what they relate to, what you need to do with them.",[150,196,197],{},[121,198,199],{},"After making the changes, you can hide the comments column again and they will still work.",[201,202,203],"note",{},[121,204,205,206,209],{},"The Customizer also picks up effects created through ",[125,207,208],{},"pseudo-effector"," (child elements).",[211,212,214],"h3",{"id":213},"control-mark","Control Mark",[121,216,217,218,221],{},"Comment to link your ",[125,219,220],{},"main controller"," to color settings, sliders, etc.",[121,223,224,225,230],{},"You can change the minimum and maximum values ​​using the ",[226,227,229],"a",{"href":228},"/essentials/package-options#customizer_control_range","customizer_control_range"," parameter.",[121,232,233,234,237],{},"Just add comment: ",[160,235,236],{},"ATOM_CUSTOMIZER_LAYER"," to bind it.",[201,239,240],{},[121,241,242],{},"The control layer must be inside the main composition.",[121,244,245],{},[145,246],{"alt":247,"src":248},"AE Control Mark","/images/customizer/ae-control-mark.jpg",[211,250,252],{"id":251},"text-placeholder-mark","Text & Placeholder Mark",[121,254,255,256,259,260,164],{},"Comment for linking ",[125,257,258],{},"text layers"," and ",[125,261,262],{},"placeholders",[264,265,266,275],"ul",{},[180,267,268,271,272,164],{},[160,269,270],{},"ATOM_TEXT_EDITOR_LAYER"," - Add this comment to the text layer ",[156,273,274],{},"(if your text is inside a composition, add this comment for all text layers inside)",[180,276,277,280,281,164],{},[160,278,279],{},"ATOM_PLACEHOLDER_LAYER"," - Add this comment to the composition layer ",[156,282,283],{},"(if the placeholers are inside the composition(s), add this comment for all compositions inside)",[121,285,286],{},[145,287],{"alt":288,"src":289},"AE Text Mark","/images/customizer/ae-text-mark.jpg",[211,291,293],{"id":292},"timing-control-mark","Timing Control Mark",[121,295,296,297,300],{},"This option adds a system of animation timing management ",[156,298,299],{},"(using markers)"," for the applied compositions.",[121,302,303,304,308,309,311,312,315],{},"To use the settings of timing control of your elements you need to use the mark and the marker with a point in time, and the additional option (",[226,305,307],{"href":306},"/essentials/element-options#layer_timing","layer_timing",") on your element. If ",[160,310,307],{}," is not set, the default value ",[156,313,314],{},"(IN/OUT control)"," will be used.",[121,317,233,318,237],{},[160,319,320],{},"ATOM_TIMING_CONTROL_LAYER",[121,322,323,324,327,328,164],{},"For the standard ",[125,325,326],{},"IN/OUT control system",", place a marker in the middle of your composition ",[156,329,330],{},"(after the main animation and before the end of the animation)",[201,332,333],{},[121,334,335],{},"This option does not appear in the Customizer settings, but is related to the label system described in this chapter.",[121,337,338],{},[145,339],{"alt":340,"src":341},"AE Timing Mark","/images/customizer/ae-timing-control.jpg",[166,343,345],{"id":344},"premiere-pro-only","Premiere Pro only",[121,347,348,349,164],{},"The Customizer for Premiere Pro only works for ",[125,350,351],{},"MOGRT elements",[201,353,354],{},[121,355,356,357,164],{},"The exported MOGRT file should only have control effect settings ",[156,358,359],{},"(which are set before converting After Effects to MOGRT)",{"title":361,"searchDepth":362,"depth":363,"links":364},"",1,2,[365,371],{"id":168,"depth":363,"text":169,"children":366},[367,369,370],{"id":213,"depth":368,"text":214},3,{"id":251,"depth":368,"text":252},{"id":292,"depth":368,"text":293},{"id":344,"depth":363,"text":345},"Customize elements directly through the extension.","md",null,{},{"icon":61},{"title":58,"description":372},"GZan_s4Hlh2dGeU_WTKmROKMQOjhzf4nv6TfjoT9l0A",[380,382],{"title":48,"path":49,"stem":50,"description":381,"icon":51,"children":-1},"Parameters for individual elements.",{"title":63,"path":64,"stem":65,"description":383,"icon":66,"children":-1},"Settings for styling the package.",1773452494253]