SlideShare a Scribd company logo
1 of 8
PRAKTIKUM 7 - ANIMASI 2D
(Delay Expression pada Kinetic Falling Text)
2 D3 TEKNOLOGI MULTIMEDIA BROADCASTING A
KELOMPOK 3
Risca Zuliana (4103151001)
Natasha Savira (4103151020)
Arvin Janathan Adhim (4103151021)
What is an expression (Adobe After Effects)?
Expressions will look pretty familiar to most of the readers that
frequent the Giant Robots blog. They’re very similar to scripts you
would use on the web, but rather than acting on the application itself,
they define how a property should behave. Adobe based their
expression language on JavaScript, so writing and editing the code
should also feel very familiar. Expressions are by no means a
requirement for prototyping animations, but I’ve found them very
helpful when trying to recreate effects like inertia or bouncing without
specifying a bunch of additional keyframes.
Adding expressions in After Effects
• First, right-click on the final keyframe, open the Keyframe Assistant
menu, and choose Easy Ease Out. This last step is optional, but
specifying Easy Ease Out will slow the animation down towards the
end, which works well with the inertia expression we’re working with.
• Next, hold ‘alt’ and left click the stop watch icon next to “Position”.
This should enable expressions on this layer and open a textarea-style
field where you’ll put the expression.
• Go ahead and copy and paste the above script, replacing what’s
already in the expression input.
• Feel free to add motion blur at this point, too. It’s a toggle on each
layer, just click the box below the motion blur icon to enable it for
that layer. It simply smoothes out the animation and makes it look
less jarring.
• Now you’re free to jump into the code to change how your animation
looks. Below is a reference for what changing the different variables
will do to your animation, with the other variables left the same.
• You can add a lot of life to your animations with just two keyframes
and an expression. We also only animated the position property here,
but you can add this same expression to other properties as well.
With just a few additional keyframes and a few tweaks to the
variables for each property, the animation really begins to come to
life.
Script Delay Expression (Kinetic Falling Text)
Delay = .1;
myDelay = delay*textIndex;
t = (time – inPoint) – myDelay;
if (t >= 0){
freq =3
amplitude = 150;
decay = 8.0;
s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t);
[s,s]
}else{
value
}
Sumber :
• https://robots.thoughtbot.com/using-expressions-in-after-effects
• https://forums.creativecow.net/thread/227/18564
• https://helpx.adobe.com/after-effects/using/expression-basics.html

More Related Content

Viewers also liked

Anypoint platform security components
Anypoint platform security componentsAnypoint platform security components
Anypoint platform security componentsD.Rajesh Kumar
 
expression falling text ppt
expression falling text pptexpression falling text ppt
expression falling text pptAlif Suprianto
 
Kinetic typography alif and aan
Kinetic typography alif and aan Kinetic typography alif and aan
Kinetic typography alif and aan Alif Suprianto
 

Viewers also liked (6)

Mule advanced
Mule advancedMule advanced
Mule advanced
 
Similar merchandise
Similar merchandiseSimilar merchandise
Similar merchandise
 
Anypoint platform security components
Anypoint platform security componentsAnypoint platform security components
Anypoint platform security components
 
ADI DAYS - Giovanni Meneghetti
ADI DAYS - Giovanni MeneghettiADI DAYS - Giovanni Meneghetti
ADI DAYS - Giovanni Meneghetti
 
expression falling text ppt
expression falling text pptexpression falling text ppt
expression falling text ppt
 
Kinetic typography alif and aan
Kinetic typography alif and aan Kinetic typography alif and aan
Kinetic typography alif and aan
 

More from natashasavira

Tugas Animasi 3D (Client)
Tugas Animasi 3D (Client)Tugas Animasi 3D (Client)
Tugas Animasi 3D (Client)natashasavira
 
Animasi 2D (Project)
Animasi 2D (Project)Animasi 2D (Project)
Animasi 2D (Project)natashasavira
 
Animasi 2D (Project)
Animasi 2D (Project)Animasi 2D (Project)
Animasi 2D (Project)natashasavira
 
Animasi 2D - Review Text Effect
Animasi 2D - Review Text EffectAnimasi 2D - Review Text Effect
Animasi 2D - Review Text Effectnatashasavira
 
SPESIFIKASI AFTER EFFECTS PRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)
SPESIFIKASI AFTER EFFECTSPRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)SPESIFIKASI AFTER EFFECTSPRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)
SPESIFIKASI AFTER EFFECTS PRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)natashasavira
 
Dompet multifungsi BTN
Dompet multifungsi BTNDompet multifungsi BTN
Dompet multifungsi BTNnatashasavira
 
Metodologi desain 00
Metodologi desain 00Metodologi desain 00
Metodologi desain 00natashasavira
 

More from natashasavira (9)

Tugas Animasi 3D (Client)
Tugas Animasi 3D (Client)Tugas Animasi 3D (Client)
Tugas Animasi 3D (Client)
 
Animasi 2D (Project)
Animasi 2D (Project)Animasi 2D (Project)
Animasi 2D (Project)
 
Animasi 2D (Project)
Animasi 2D (Project)Animasi 2D (Project)
Animasi 2D (Project)
 
Animasi 2D - Review Text Effect
Animasi 2D - Review Text EffectAnimasi 2D - Review Text Effect
Animasi 2D - Review Text Effect
 
SPESIFIKASI AFTER EFFECTS PRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)
SPESIFIKASI AFTER EFFECTSPRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)SPESIFIKASI AFTER EFFECTSPRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)
SPESIFIKASI AFTER EFFECTS PRAKTIKUM 6 ANIMASI 2D (TEXT EFFECTS)
 
3 Contoh Prototype
3 Contoh Prototype3 Contoh Prototype
3 Contoh Prototype
 
Dompet multifungsi BTN
Dompet multifungsi BTNDompet multifungsi BTN
Dompet multifungsi BTN
 
Facebook
FacebookFacebook
Facebook
 
Metodologi desain 00
Metodologi desain 00Metodologi desain 00
Metodologi desain 00
 

Recently uploaded

TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxUmeshTimilsina1
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17Celine George
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 

Recently uploaded (20)

TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 

Delay Expression pada Kinetic Falling Text by Group 3

  • 1. PRAKTIKUM 7 - ANIMASI 2D (Delay Expression pada Kinetic Falling Text) 2 D3 TEKNOLOGI MULTIMEDIA BROADCASTING A KELOMPOK 3 Risca Zuliana (4103151001) Natasha Savira (4103151020) Arvin Janathan Adhim (4103151021)
  • 2. What is an expression (Adobe After Effects)? Expressions will look pretty familiar to most of the readers that frequent the Giant Robots blog. They’re very similar to scripts you would use on the web, but rather than acting on the application itself, they define how a property should behave. Adobe based their expression language on JavaScript, so writing and editing the code should also feel very familiar. Expressions are by no means a requirement for prototyping animations, but I’ve found them very helpful when trying to recreate effects like inertia or bouncing without specifying a bunch of additional keyframes.
  • 3. Adding expressions in After Effects • First, right-click on the final keyframe, open the Keyframe Assistant menu, and choose Easy Ease Out. This last step is optional, but specifying Easy Ease Out will slow the animation down towards the end, which works well with the inertia expression we’re working with.
  • 4. • Next, hold ‘alt’ and left click the stop watch icon next to “Position”. This should enable expressions on this layer and open a textarea-style field where you’ll put the expression.
  • 5. • Go ahead and copy and paste the above script, replacing what’s already in the expression input. • Feel free to add motion blur at this point, too. It’s a toggle on each layer, just click the box below the motion blur icon to enable it for that layer. It simply smoothes out the animation and makes it look less jarring.
  • 6. • Now you’re free to jump into the code to change how your animation looks. Below is a reference for what changing the different variables will do to your animation, with the other variables left the same. • You can add a lot of life to your animations with just two keyframes and an expression. We also only animated the position property here, but you can add this same expression to other properties as well. With just a few additional keyframes and a few tweaks to the variables for each property, the animation really begins to come to life.
  • 7. Script Delay Expression (Kinetic Falling Text) Delay = .1; myDelay = delay*textIndex; t = (time – inPoint) – myDelay; if (t >= 0){ freq =3 amplitude = 150; decay = 8.0; s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t); [s,s] }else{ value }
  • 8. Sumber : • https://robots.thoughtbot.com/using-expressions-in-after-effects • https://forums.creativecow.net/thread/227/18564 • https://helpx.adobe.com/after-effects/using/expression-basics.html