SlideShare ist ein Scribd-Unternehmen logo
1 von 9
{
Source Filmmaker
Advanced Techniques
Lesson 1 : Using the Graph Editor to Animate
By Antonio Cribari
Obejctive: Learn the basics of the Graph Editor to animate models placed
In the working space
Requirements: A working Steam Client connected to the internet with
Source Filmmaker Installed. You also should have read through Hector’s
Lessons on basic use of Source Filmmaker to understand this lesson.
Open Source Filmmaker and have a project started with a model you wish to
Animate. For this example we’ll use the included TF2 Scout Model
Step 1
Click the Button in the timeline tab to open the graph editor. Select the
Model in the Animation Set Editor tab. All of the movable bones should appear.
Step 2
To animate in the graph editor, key frames are used. They determine motion over
time. Place your play head at the beginning of the timeline and press “M” to make
a new key frame. Key frames can be identified by the blue pointing triangle at
the top of the timeline.
Step 3
We want to create a new key frame, so click about 100 frames over and press “M”
again to make a new key frame.
Step 4
Ensure the second key frame is selected and move the model in a way you wish
to see movement between two frames. I’ll move his arm up a little to show how
key frames are used to make motion.
Step 5
On the Timeline tab, press the play button. The motion should simulate between
the two key frames you developed. If you see motion between the two key frames,
you have successfully completed this lesson.
Step 6
You should now understand the simplicity yet power of the graph editor in SFM.
There isn’t much to it! The creativity from here is up to you. Just remember that
key frames are used as markers in time for movement. The time between key frames
is the time it takes for the motion to occur.
Completed
Your Mission
• Animate two models to do an action simultaneously
• Animate a human figure to wave at the camera
• Animate a camera to fly through a loaded map (uses same key frame method)
• Animate two human figures Hi-Fiving

Weitere ähnliche Inhalte

Was ist angesagt? (19)

Rsa animation how to guide
Rsa animation   how to guideRsa animation   how to guide
Rsa animation how to guide
 
Flip
FlipFlip
Flip
 
I movie instructions
I movie instructionsI movie instructions
I movie instructions
 
Flip
FlipFlip
Flip
 
Power point with-animation-before-sanitization
Power point with-animation-before-sanitizationPower point with-animation-before-sanitization
Power point with-animation-before-sanitization
 
Flip
FlipFlip
Flip
 
Google sketch up storyboard 1
Google sketch up storyboard 1Google sketch up storyboard 1
Google sketch up storyboard 1
 
Cast Shadow
Cast ShadowCast Shadow
Cast Shadow
 
Lomography
LomographyLomography
Lomography
 
Camera angles and shots
Camera angles and shotsCamera angles and shots
Camera angles and shots
 
Lighting effects
Lighting effectsLighting effects
Lighting effects
 
Newspaper ad production
Newspaper ad productionNewspaper ad production
Newspaper ad production
 
Curs photoshop
Curs photoshopCurs photoshop
Curs photoshop
 
Photography terminology work sheet
Photography terminology work sheetPhotography terminology work sheet
Photography terminology work sheet
 
Camerawork and photography
Camerawork and photographyCamerawork and photography
Camerawork and photography
 
Task 3
Task 3Task 3
Task 3
 
Empire title
Empire titleEmpire title
Empire title
 
How to photograph landscape reflections by Michael Forman
How to photograph landscape reflections by Michael FormanHow to photograph landscape reflections by Michael Forman
How to photograph landscape reflections by Michael Forman
 
03 whack a-witch!
03 whack a-witch!03 whack a-witch!
03 whack a-witch!
 

Andere mochten auch (14)

PortFolioEnglish
PortFolioEnglishPortFolioEnglish
PortFolioEnglish
 
European Exploration
European ExplorationEuropean Exploration
European Exploration
 
Claudia
ClaudiaClaudia
Claudia
 
Georgia's Delegates
Georgia's DelegatesGeorgia's Delegates
Georgia's Delegates
 
Mendafta re pustakawan
Mendafta re pustakawanMendafta re pustakawan
Mendafta re pustakawan
 
Day1
Day1Day1
Day1
 
Practica Morocho Luis
Practica Morocho Luis Practica Morocho Luis
Practica Morocho Luis
 
Autoestima y rendimiento escolar.
Autoestima y rendimiento escolar.Autoestima y rendimiento escolar.
Autoestima y rendimiento escolar.
 
Análisis y Priorización de Necesidades
Análisis y Priorización de NecesidadesAnálisis y Priorización de Necesidades
Análisis y Priorización de Necesidades
 
Qué es el CO
Qué es el COQué es el CO
Qué es el CO
 
Fotografii istorice
Fotografii istoriceFotografii istorice
Fotografii istorice
 
Yolanda (3) (1)
Yolanda (3) (1)Yolanda (3) (1)
Yolanda (3) (1)
 
May Newsletter
May NewsletterMay Newsletter
May Newsletter
 
Michael c
Michael cMichael c
Michael c
 

Ähnlich wie SFM Lesson 1

Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
bhavanalm
 
Technique page animation
Technique page   animationTechnique page   animation
Technique page animation
Kate-Anna Smith
 
How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5
Boy Jeorge
 
Flash cs4 tutorials_2009
Flash cs4 tutorials_2009Flash cs4 tutorials_2009
Flash cs4 tutorials_2009
techbed
 
Modul 4: Menggunakan motion guide
Modul 4:  Menggunakan motion guideModul 4:  Menggunakan motion guide
Modul 4: Menggunakan motion guide
Izatul Akma
 

Ähnlich wie SFM Lesson 1 (20)

Apps in a Flash HCI
Apps in a Flash HCIApps in a Flash HCI
Apps in a Flash HCI
 
Power pointlabs quick tutorial
Power pointlabs quick tutorialPower pointlabs quick tutorial
Power pointlabs quick tutorial
 
𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx
𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx
𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Technique page animation
Technique page   animationTechnique page   animation
Technique page animation
 
How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5
 
Flash
FlashFlash
Flash
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash Tutorial
 
Lesson 3 motion tween
Lesson 3 motion tweenLesson 3 motion tween
Lesson 3 motion tween
 
Flash cs4 tutorials_2009
Flash cs4 tutorials_2009Flash cs4 tutorials_2009
Flash cs4 tutorials_2009
 
title how to
title how totitle how to
title how to
 
FLASH L07 VIEW TOOLS
FLASH L07 VIEW TOOLSFLASH L07 VIEW TOOLS
FLASH L07 VIEW TOOLS
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
waagen-ecard
waagen-ecardwaagen-ecard
waagen-ecard
 
waagen-ecard
waagen-ecardwaagen-ecard
waagen-ecard
 
Modul 4: Menggunakan motion guide
Modul 4:  Menggunakan motion guideModul 4:  Menggunakan motion guide
Modul 4: Menggunakan motion guide
 
mastercam_full
mastercam_fullmastercam_full
mastercam_full
 
mastercam_full
mastercam_fullmastercam_full
mastercam_full
 
Robot flash tutorial
Robot flash tutorialRobot flash tutorial
Robot flash tutorial
 

Mehr von TonyC445

Photoshop Lesson 3
Photoshop Lesson 3Photoshop Lesson 3
Photoshop Lesson 3
TonyC445
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
TonyC445
 
HTML Lesson 2
HTML Lesson 2HTML Lesson 2
HTML Lesson 2
TonyC445
 
HTML Lesson 3
HTML Lesson 3HTML Lesson 3
HTML Lesson 3
TonyC445
 
Photoshop Lesson 2
Photoshop Lesson 2Photoshop Lesson 2
Photoshop Lesson 2
TonyC445
 
Photoshop Lesson 1
Photoshop Lesson 1Photoshop Lesson 1
Photoshop Lesson 1
TonyC445
 

Mehr von TonyC445 (6)

Photoshop Lesson 3
Photoshop Lesson 3Photoshop Lesson 3
Photoshop Lesson 3
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
HTML Lesson 2
HTML Lesson 2HTML Lesson 2
HTML Lesson 2
 
HTML Lesson 3
HTML Lesson 3HTML Lesson 3
HTML Lesson 3
 
Photoshop Lesson 2
Photoshop Lesson 2Photoshop Lesson 2
Photoshop Lesson 2
 
Photoshop Lesson 1
Photoshop Lesson 1Photoshop Lesson 1
Photoshop Lesson 1
 

Kürzlich hochgeladen

The title is not connected to what is inside
The title is not connected to what is insideThe title is not connected to what is inside
The title is not connected to what is inside
shinachiaurasa2
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
mohitmore19
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
VishalKumarJha10
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
Health
 

Kürzlich hochgeladen (20)

The title is not connected to what is inside
The title is not connected to what is insideThe title is not connected to what is inside
The title is not connected to what is inside
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptxBUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
 
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.com
 
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
 
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
 
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
 
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) SolutionIntroducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
 
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTV
 
ManageIQ - Sprint 236 Review - Slide Deck
ManageIQ - Sprint 236 Review - Slide DeckManageIQ - Sprint 236 Review - Slide Deck
ManageIQ - Sprint 236 Review - Slide Deck
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
 

SFM Lesson 1

  • 1. { Source Filmmaker Advanced Techniques Lesson 1 : Using the Graph Editor to Animate By Antonio Cribari
  • 2. Obejctive: Learn the basics of the Graph Editor to animate models placed In the working space Requirements: A working Steam Client connected to the internet with Source Filmmaker Installed. You also should have read through Hector’s Lessons on basic use of Source Filmmaker to understand this lesson.
  • 3. Open Source Filmmaker and have a project started with a model you wish to Animate. For this example we’ll use the included TF2 Scout Model Step 1
  • 4. Click the Button in the timeline tab to open the graph editor. Select the Model in the Animation Set Editor tab. All of the movable bones should appear. Step 2
  • 5. To animate in the graph editor, key frames are used. They determine motion over time. Place your play head at the beginning of the timeline and press “M” to make a new key frame. Key frames can be identified by the blue pointing triangle at the top of the timeline. Step 3
  • 6. We want to create a new key frame, so click about 100 frames over and press “M” again to make a new key frame. Step 4
  • 7. Ensure the second key frame is selected and move the model in a way you wish to see movement between two frames. I’ll move his arm up a little to show how key frames are used to make motion. Step 5
  • 8. On the Timeline tab, press the play button. The motion should simulate between the two key frames you developed. If you see motion between the two key frames, you have successfully completed this lesson. Step 6
  • 9. You should now understand the simplicity yet power of the graph editor in SFM. There isn’t much to it! The creativity from here is up to you. Just remember that key frames are used as markers in time for movement. The time between key frames is the time it takes for the motion to occur. Completed Your Mission • Animate two models to do an action simultaneously • Animate a human figure to wave at the camera • Animate a camera to fly through a loaded map (uses same key frame method) • Animate two human figures Hi-Fiving