presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars...
Transcript of presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars...
![Page 1: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/1.jpg)
CS5245Vision and Graphics for
Special Effects
![Page 2: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/2.jpg)
Prelude:Storyline and effects
Storyline• Modern-time fantasy on spell casting• Kenny and Fion are dating secretly• Diana, being jealous of Fion, summoned a bounty hunter to kill her• Fion, being cornered by the bounty hunter, dodged the bullet and casted a spell which allows her to walk through bookshelves as she made her escape
Effects• Bullet zooming past the camera• Actress running through the bookshelves• Actor disappears into smoke
![Page 3: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/3.jpg)
Effect 1:Bullet zooming past the camera
The effect
![Page 4: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/4.jpg)
Effect 1:Bullet zooming past the camera
The effect
![Page 5: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/5.jpg)
Step 1:Capture camera’s motion path with Match Mover
How we shoot Raw capture
![Page 6: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/6.jpg)
Step 1:Capture camera’s motion path with Match Mover
Tracking settings
![Page 7: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/7.jpg)
Step 1:Capture camera’s motion path with Match Mover
markers
![Page 8: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/8.jpg)
Step 1:Capture camera’s motion path with Match Mover
Show video with all the markers
![Page 9: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/9.jpg)
Step 2:Create computer graphic of bullet in Maya
Frame 0Frame 134
![Page 10: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/10.jpg)
Step 2:Create computer graphic of bullet in Maya
Modeling
Texturing
![Page 11: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/11.jpg)
Step 2:Create computer graphic of bullet in Maya
Bullet taking a linear path
![Page 12: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/12.jpg)
Step 2:Create computer graphic of bullet in Maya
Bullet exiting towards the bottom left hand corner of the screen
![Page 13: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/13.jpg)
Step 2:Create computer graphic of bullet in Maya
Bullet taking a curved path
![Page 14: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/14.jpg)
Step 2:Create computer graphic of bullet in Maya
Bullet exiting towards the center left hand side of the screen
![Page 15: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/15.jpg)
Step 2:Create computer graphic of bullet in Maya
Linear lightings in the library
![Page 16: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/16.jpg)
Step 2:Create computer graphic of bullet in Maya
Top view
Modeling of the lightings
![Page 17: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/17.jpg)
Step 2:Create computer graphic of bullet in Maya
Hole in the bullet
![Page 18: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/18.jpg)
Step 2:Create computer graphic of bullet in Maya
Setting up the blue screen
![Page 19: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/19.jpg)
Step 2:Create computer graphic of bullet in Maya
![Page 20: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/20.jpg)
Step 3:Compositing in After Effects
Applying advantedge
Keying out the bullet
![Page 21: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/21.jpg)
Step 3:Compositing in After Effects
Keying out the bullet
Applying colour key afterwards
![Page 22: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/22.jpg)
Step 3:Compositing in After Effects
Creation of smoke
Particles playground Fast blur effect
![Page 23: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/23.jpg)
Step 3:Compositing in After Effects
Creation of smoke
Mesh warp
![Page 24: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/24.jpg)
Step 3:Compositing in After Effects
Creation of smoke
Transform function
![Page 25: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/25.jpg)
Step 3:Compositing in After Effects
Creation of smoke
![Page 26: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/26.jpg)
Step 3:Compositing in After Effects
Creation of blurred trail
![Page 27: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/27.jpg)
Step 3:Compositing in After Effects
Creation of blurred bullet
![Page 28: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/28.jpg)
Step 3:Compositing in After Effects
Show video again
![Page 29: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/29.jpg)
Effect 2:Actress running through bookshelves and hiding in it
The effect
![Page 30: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/30.jpg)
Effect 2:1st Attempt (failed)
• Wrong method of filming
• Very difficult to key due to bad footage
• Unsuitable camera angle for the effect
![Page 31: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/31.jpg)
Effect 2:2nd Attempt (failed)
• Not novel enough(Flat surface)
• Not dramatic enough
• Can be improved
![Page 32: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/32.jpg)
Step 1:3rd and final attempt
![Page 33: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/33.jpg)
Step 1:3rd and final attempt
“Hiding Area”
![Page 34: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/34.jpg)
Step 1:Filming of Shelf-to-shelf as background footage
![Page 35: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/35.jpg)
Step 2:Keying Using Advantedge: Sampling Background
![Page 36: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/36.jpg)
Step 2:Roto-Screen correction: Adding/removing overlay
![Page 37: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/37.jpg)
Step 2:Adjusting the MATTE: Adding Matte/Removing Noise
![Page 38: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/38.jpg)
Step 2:Shadow Removal / Cleaning up
![Page 39: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/39.jpg)
Step 3:Composition of fore and background
![Page 40: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/40.jpg)
Step 4:Masking of Foreground in AE:
(Adding and Subtracting Masks)
![Page 41: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/41.jpg)
Step 4:Adding of Shadow in AE
Show video again
![Page 42: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/42.jpg)
Effect 3:Actor disappearing into smoke
The effect
![Page 43: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/43.jpg)
Step 1:Disappearance of actor
![Page 44: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/44.jpg)
Step 1:Disappearance of actor
![Page 45: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/45.jpg)
Step 2:Creation of smoke
![Page 46: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/46.jpg)
Step 3:Appearance of smoke
![Page 47: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/47.jpg)
Step 4:Combining both effects
Show video again
![Page 48: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/48.jpg)
Ars Goetia:Our video
The Making of Ars Goetia
![Page 49: presentationcs4340/project-2008/ln/Ars Goetia.pdf · Ars Goetia: Our video The Making of Ars Goetia. The End Lee Jianxing Alvin Ng. Title: Microsoft PowerPoint - presentation.ppt](https://reader030.fdocuments.in/reader030/viewer/2022021611/5bbd9ce209d3f2fe038c7040/html5/thumbnails/49.jpg)
The EndLee Jianxing
Alvin Ng