Anonymous
Not logged in
Talk
Contributions
Create account
Log in
Publication Station
Search
Editing
AE Scripts
(section)
From Publication Station
Namespaces
Page
Discussion
More
More
Page actions
Read
Edit
History
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
== Guide: Font Weight animation == This guide demonstrates how to animate text weight by using and editing a given code. <br> You can follow the original tutorial showing 3 ways to animate text weight >>[https://www.youtube.com/watch?v=EGi_-k9o-OM here] (expression Strats at 6:51) <br><br> [[File:FontWeight.gif|500px]] <br> {| class="wikitable" |- | skills || copy-paste-and-adjust code |- | || layer control expression |- | time to complete || 21 minutes |} '''step 1''' <br> Add a solid layer and add text layer. Choose a ''typeface with multiple weights''.<br> '''step 2''' <br> add a Null object > rename it 'control'.<br> [[File:FontWeight1.png|500px]] <br> '''step 3''' <br> add a Slider Control effect to the Null layer > rename it 'font weight'.<br> [[File:FontWeight2.png|500px]] <br> '''step 4''' <br> click your text layer drop-down arrow > open the 'TEXT' drop down menu.<br> next to the Source stop watch alt(Option)-click > paste in the following code:<br><br><syntaxhighlight lang="javascript"> var array=[ "ChakraPetch-ExtraLight", "ChakraPetch-Light", "ChakraPetch-Regular", "ChakraPetch-Medium", "ChakraPetch-SemiBold", "ChakraPetch-Bold" ]; r = Math.round(thisComp.layer("control").effect("font weight")("Slider")); style.setFont(array[r]); </syntaxhighlight><br> [[File:FontWeight3.png|500px]] <br> [[File:FontWeight4.png|500px]] <br> <br> '''step 5''' <br> adjust the code content - change the names of the fonts to your own selection.<br> '''step 6''' <br> mark inside the brackets of r=Math.round() from (thisComp to "slider")> connect the whip-pick next to the code with the font weight slider. your text and null layer should now be connected. <br> [[File:FontWeight5.png|500px]] <br> '''step 7''' <br> start animating: set the slider on 0 and the indicator in the beginning of the timeline. click the stop-watch next to the slider under the control layer.<br> your text and null layer should now be connected. <br> [[File:FontWeight6.png|500px]] <br> move forward in time and set the control slider on 5 (when using 6 fonts). go further in time and set it bak to 0.
Summary:
Please note that all contributions to Publication Station are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see
Publication Station:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Navigation
Main navigation
Main page
Printmaking Studio
Print Studio
Dig. Publishing Studio
Namespaces
Grafiwiki
Random Page
Log in
Wiki tools
Wiki tools
Page tools
Page tools
User page tools
More
What links here
Related changes
Page information
Page logs