SlideShare a Scribd company logo
Celtra Builder Features
Motion Graphics
Builder Features Overview
Motion Graphics
Timeline, Reactive Animation,
Transition Component
Motion Graphics
Powerful, yet simple features for building
engaging and compelling animations that
are time based or reactive to user scrolling
• Build complex event-based animations
quickly with Timeline
• Use Reactive Animation with Timeline to
achieve parallax effects and animation that
reacts to user scroll
Motion Graphics
Define the atmosphere and character
of your creative
Reactive
Animation
Timeline
Animation
Timeline Animation
Effortless animation from start to finish
• Use layouts to define and set your objects
• Animate the objects you've defined in layout
with Scenes
• Gain control over individual properties, using key frames
for position, size, opacity, rotation and visibility
• Stay efficient with elegant editing: Move, copy, cut and
paste key frames across objects and their properties
• Preview as you go with in-Builder preview
Timeline panel
Building with Timeline Animation
Timeline Animation Example
• Reactive scenes are based on percentage of the
scrolled area in the viewport
• Animation is tied to the pixels scrolled (preserving the
“speed” of the animation)
• Preview as you go with in-Builder preview
• Trigger zoom, parallax, fade and many more
effects using the power of scroll
• Non-intrusive UX using a simple in-line placement
Reactive Animation
Draw users attention in an engaging, yet
non-intrusive way
Building with Reactive Animation
Reactive Animation Example

More Related Content

What's hot

Autodeskinventor2009subscriptionbonuspack0 1
Autodeskinventor2009subscriptionbonuspack0 1Autodeskinventor2009subscriptionbonuspack0 1
Autodeskinventor2009subscriptionbonuspack0 1
wagi2
 

What's hot (7)

Webinar presentation: Auto-chapter your Zoom recordings & webinars
Webinar presentation: Auto-chapter your Zoom recordings & webinarsWebinar presentation: Auto-chapter your Zoom recordings & webinars
Webinar presentation: Auto-chapter your Zoom recordings & webinars
 
Symantec User Experience Group - Tools - Sketch
Symantec User Experience Group - Tools - SketchSymantec User Experience Group - Tools - Sketch
Symantec User Experience Group - Tools - Sketch
 
Autodeskinventor2009subscriptionbonuspack0 1
Autodeskinventor2009subscriptionbonuspack0 1Autodeskinventor2009subscriptionbonuspack0 1
Autodeskinventor2009subscriptionbonuspack0 1
 
Optimizely介绍
Optimizely介绍Optimizely介绍
Optimizely介绍
 
Adaptive Layout In iOS 8
Adaptive Layout In iOS 8Adaptive Layout In iOS 8
Adaptive Layout In iOS 8
 
Zaany pdf presentation
Zaany pdf presentationZaany pdf presentation
Zaany pdf presentation
 
【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン
【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン
【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン
 

Similar to Celtra builder features - Motion Graphics

Crafting interactions with Core Animations, David Ortinau
Crafting interactions with Core Animations, David OrtinauCrafting interactions with Core Animations, David Ortinau
Crafting interactions with Core Animations, David Ortinau
Xamarin
 

Similar to Celtra builder features - Motion Graphics (20)

Starting Core Animation
Starting Core AnimationStarting Core Animation
Starting Core Animation
 
Session 15 - Working with Image, Scroll, Collection, Picker, and Web View
Session 15  - Working with Image, Scroll, Collection, Picker, and Web ViewSession 15  - Working with Image, Scroll, Collection, Picker, and Web View
Session 15 - Working with Image, Scroll, Collection, Picker, and Web View
 
Core Animation
Core AnimationCore Animation
Core Animation
 
Animation in iOS
Animation in iOSAnimation in iOS
Animation in iOS
 
Demystifying Angular Animations
Demystifying Angular AnimationsDemystifying Angular Animations
Demystifying Angular Animations
 
Using Advanced Technology to Provide Enhanced, Device-based User Support
Using Advanced Technology to Provide Enhanced, Device-based User SupportUsing Advanced Technology to Provide Enhanced, Device-based User Support
Using Advanced Technology to Provide Enhanced, Device-based User Support
 
Xamarin 9/10 San Diego Meetup
Xamarin 9/10 San Diego MeetupXamarin 9/10 San Diego Meetup
Xamarin 9/10 San Diego Meetup
 
Basic Android Animation
Basic Android Animation Basic Android Animation
Basic Android Animation
 
Core Animation
Core AnimationCore Animation
Core Animation
 
Mechanical 3D product animation – Development Process
Mechanical 3D product animation – Development ProcessMechanical 3D product animation – Development Process
Mechanical 3D product animation – Development Process
 
Motion design in FIori
Motion design in FIoriMotion design in FIori
Motion design in FIori
 
Make web Magical with framer-motion
Make web Magical with framer-motionMake web Magical with framer-motion
Make web Magical with framer-motion
 
UI Animations in Meteor
UI Animations in MeteorUI Animations in Meteor
UI Animations in Meteor
 
UiKit Dynamics-360idev2014
UiKit Dynamics-360idev2014UiKit Dynamics-360idev2014
UiKit Dynamics-360idev2014
 
Why storyboard
Why storyboardWhy storyboard
Why storyboard
 
Animated video production process
Animated video production processAnimated video production process
Animated video production process
 
AppNotch
AppNotchAppNotch
AppNotch
 
Crafting interactions with Core Animations, David Ortinau
Crafting interactions with Core Animations, David OrtinauCrafting interactions with Core Animations, David Ortinau
Crafting interactions with Core Animations, David Ortinau
 
Bhavesh_Shukla_Resume
Bhavesh_Shukla_ResumeBhavesh_Shukla_Resume
Bhavesh_Shukla_Resume
 
Making you, and your Clients Happy, by Using Reusable Components to Build Dru...
Making you, and your Clients Happy, by Using Reusable Components to Build Dru...Making you, and your Clients Happy, by Using Reusable Components to Build Dru...
Making you, and your Clients Happy, by Using Reusable Components to Build Dru...
 

More from Celtra Inc

Outstream Video Advertising with Celtra for brands & agencies
Outstream Video Advertising with Celtra for brands & agenciesOutstream Video Advertising with Celtra for brands & agencies
Outstream Video Advertising with Celtra for brands & agencies
Celtra Inc
 
Outstream Video Advertising with Celtra for Media Partners
Outstream Video Advertising with Celtra for Media PartnersOutstream Video Advertising with Celtra for Media Partners
Outstream Video Advertising with Celtra for Media Partners
Celtra Inc
 

More from Celtra Inc (14)

Celtra Creative Insights Report Q1 2018
Celtra Creative Insights Report Q1 2018Celtra Creative Insights Report Q1 2018
Celtra Creative Insights Report Q1 2018
 
Celtra builder features - Essential Tools
Celtra builder features - Essential ToolsCeltra builder features - Essential Tools
Celtra builder features - Essential Tools
 
Celtra builder features - Visual Effects
Celtra builder features - Visual EffectsCeltra builder features - Visual Effects
Celtra builder features - Visual Effects
 
Celtra builder features - Location
Celtra builder features - LocationCeltra builder features - Location
Celtra builder features - Location
 
Outstream Video Advertising with Celtra for brands & agencies
Outstream Video Advertising with Celtra for brands & agenciesOutstream Video Advertising with Celtra for brands & agencies
Outstream Video Advertising with Celtra for brands & agencies
 
Outstream Video Advertising with Celtra for Media Partners
Outstream Video Advertising with Celtra for Media PartnersOutstream Video Advertising with Celtra for Media Partners
Outstream Video Advertising with Celtra for Media Partners
 
Machines will break our hearts
Machines will break our heartsMachines will break our hearts
Machines will break our hearts
 
The Rise of Creative in a Programmatic World
The Rise of Creative in a Programmatic WorldThe Rise of Creative in a Programmatic World
The Rise of Creative in a Programmatic World
 
The Right Audience, the Right Time, the Right @#*!?
The Right Audience, the Right Time, the Right @#*!?The Right Audience, the Right Time, the Right @#*!?
The Right Audience, the Right Time, the Right @#*!?
 
A Marketers guide to gaming in display ads
A Marketers guide to gaming in display adsA Marketers guide to gaming in display ads
A Marketers guide to gaming in display ads
 
Cross-Screen Transplants
Cross-Screen TransplantsCross-Screen Transplants
Cross-Screen Transplants
 
How to Build Display Ads for Retail?
How to Build Display Ads for Retail?How to Build Display Ads for Retail?
How to Build Display Ads for Retail?
 
The Iron Throne of Display Advertising
The Iron Throne of Display Advertising The Iron Throne of Display Advertising
The Iron Throne of Display Advertising
 
Never Mind Black Friday, Here's Mobile Monday
Never Mind Black Friday, Here's Mobile MondayNever Mind Black Friday, Here's Mobile Monday
Never Mind Black Friday, Here's Mobile Monday
 

Recently uploaded

Unlocking Success: The Leading SEO Reseller Services in India
Unlocking Success: The Leading SEO Reseller Services in IndiaUnlocking Success: The Leading SEO Reseller Services in India
Unlocking Success: The Leading SEO Reseller Services in India
PitchPineMedia1
 
Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...
Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...
Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...
Prof. Marcus Renato de Carvalho
 
Liquid Staking: An Overview for Beginners in 2024
Liquid Staking: An Overview for Beginners in 2024Liquid Staking: An Overview for Beginners in 2024
Liquid Staking: An Overview for Beginners in 2024
nehapardhi711
 

Recently uploaded (20)

Kế hoạch Digital Marketing cho bánh Cosy
Kế hoạch Digital Marketing cho bánh CosyKế hoạch Digital Marketing cho bánh Cosy
Kế hoạch Digital Marketing cho bánh Cosy
 
Mastering Multi-Touchpoint Content Strategy: Navigate Fragmented User Journeys
Mastering Multi-Touchpoint Content Strategy: Navigate Fragmented User JourneysMastering Multi-Touchpoint Content Strategy: Navigate Fragmented User Journeys
Mastering Multi-Touchpoint Content Strategy: Navigate Fragmented User Journeys
 
SAUDI ARABIA MARKET OVERVIEW-PARTICLE BOARD.docx.pdf
SAUDI ARABIA MARKET OVERVIEW-PARTICLE BOARD.docx.pdfSAUDI ARABIA MARKET OVERVIEW-PARTICLE BOARD.docx.pdf
SAUDI ARABIA MARKET OVERVIEW-PARTICLE BOARD.docx.pdf
 
15 ideas and frameworks on the art of storytelling
15 ideas and frameworks on the art of storytelling15 ideas and frameworks on the art of storytelling
15 ideas and frameworks on the art of storytelling
 
Awesome Free Global Opportunity Online Mining Crypto Currency On Your Mobile...
Awesome Free Global  Opportunity Online Mining Crypto Currency On Your Mobile...Awesome Free Global  Opportunity Online Mining Crypto Currency On Your Mobile...
Awesome Free Global Opportunity Online Mining Crypto Currency On Your Mobile...
 
Unlocking Success: The Leading SEO Reseller Services in India
Unlocking Success: The Leading SEO Reseller Services in IndiaUnlocking Success: The Leading SEO Reseller Services in India
Unlocking Success: The Leading SEO Reseller Services in India
 
The_Canvas_of_Creative_Mastery_Newsletter_May_2024_Version
The_Canvas_of_Creative_Mastery_Newsletter_May_2024_VersionThe_Canvas_of_Creative_Mastery_Newsletter_May_2024_Version
The_Canvas_of_Creative_Mastery_Newsletter_May_2024_Version
 
How to Run Landing Page Tests On and Off Paid Social Platforms
How to Run Landing Page Tests On and Off Paid Social PlatformsHow to Run Landing Page Tests On and Off Paid Social Platforms
How to Run Landing Page Tests On and Off Paid Social Platforms
 
What is Digital Marketing? Advantages and Disadvantages
What is Digital Marketing? Advantages and DisadvantagesWhat is Digital Marketing? Advantages and Disadvantages
What is Digital Marketing? Advantages and Disadvantages
 
AI-Powered Personalization: Principles, Use Cases, and Its Impact on CRO
AI-Powered Personalization: Principles, Use Cases, and Its Impact on CROAI-Powered Personalization: Principles, Use Cases, and Its Impact on CRO
AI-Powered Personalization: Principles, Use Cases, and Its Impact on CRO
 
Fortschrittliches Ki unterstütztes Marketing über WhatsApp Digital - membersh...
Fortschrittliches Ki unterstütztes Marketing über WhatsApp Digital - membersh...Fortschrittliches Ki unterstütztes Marketing über WhatsApp Digital - membersh...
Fortschrittliches Ki unterstütztes Marketing über WhatsApp Digital - membersh...
 
BLOOM_May2024. Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024. Balmer Lawrie Online Monthly BulletinBLOOM_May2024. Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024. Balmer Lawrie Online Monthly Bulletin
 
Ash By Ash Benson Rebrand Creative Direction
Ash By Ash Benson Rebrand Creative DirectionAsh By Ash Benson Rebrand Creative Direction
Ash By Ash Benson Rebrand Creative Direction
 
Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...
Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...
Relatório da OMS / Unicef / IBFAN sobre a situação do Código Internacional de...
 
Liquid Staking: An Overview for Beginners in 2024
Liquid Staking: An Overview for Beginners in 2024Liquid Staking: An Overview for Beginners in 2024
Liquid Staking: An Overview for Beginners in 2024
 
SMM Cheap - No. 1 SMM panel in the world
SMM Cheap - No. 1 SMM panel in the worldSMM Cheap - No. 1 SMM panel in the world
SMM Cheap - No. 1 SMM panel in the world
 
ThinkNow 2024 Consumer Financial Wellness Report
ThinkNow 2024 Consumer Financial Wellness ReportThinkNow 2024 Consumer Financial Wellness Report
ThinkNow 2024 Consumer Financial Wellness Report
 
34-Rahul-Mande.pdf PROJECT REPORT MBA 4TH SEMESTER
34-Rahul-Mande.pdf PROJECT REPORT MBA 4TH SEMESTER34-Rahul-Mande.pdf PROJECT REPORT MBA 4TH SEMESTER
34-Rahul-Mande.pdf PROJECT REPORT MBA 4TH SEMESTER
 
Digital Money Maker Club – von Gunnar Kessler digital.
Digital Money Maker Club – von Gunnar Kessler digital.Digital Money Maker Club – von Gunnar Kessler digital.
Digital Money Maker Club – von Gunnar Kessler digital.
 
The Old Oak - Press Kit - Cannes Film Festival 2023
The Old Oak - Press Kit - Cannes Film Festival 2023The Old Oak - Press Kit - Cannes Film Festival 2023
The Old Oak - Press Kit - Cannes Film Festival 2023
 

Celtra builder features - Motion Graphics

  • 2. Builder Features Overview Motion Graphics Timeline, Reactive Animation, Transition Component
  • 3. Motion Graphics Powerful, yet simple features for building engaging and compelling animations that are time based or reactive to user scrolling
  • 4. • Build complex event-based animations quickly with Timeline • Use Reactive Animation with Timeline to achieve parallax effects and animation that reacts to user scroll Motion Graphics Define the atmosphere and character of your creative Reactive Animation Timeline Animation
  • 5. Timeline Animation Effortless animation from start to finish • Use layouts to define and set your objects • Animate the objects you've defined in layout with Scenes • Gain control over individual properties, using key frames for position, size, opacity, rotation and visibility • Stay efficient with elegant editing: Move, copy, cut and paste key frames across objects and their properties • Preview as you go with in-Builder preview Timeline panel
  • 8. • Reactive scenes are based on percentage of the scrolled area in the viewport • Animation is tied to the pixels scrolled (preserving the “speed” of the animation) • Preview as you go with in-Builder preview • Trigger zoom, parallax, fade and many more effects using the power of scroll • Non-intrusive UX using a simple in-line placement Reactive Animation Draw users attention in an engaging, yet non-intrusive way