SlideShare une entreprise Scribd logo
1  sur  19
PRESENTATION
ON
SHOWING THE PROCESS OF
MAKING AN ANIMATED CLIP OF
ONE SCENE
Presented by
Swasat Dutta
Diploma 2nd year
OBJECTIVE OF THIS PROJECT:
The purpose of this exercise is to understand the
complete production process of making a flash clip
from concept to excuation.
The Process:-
The complete process follow the step
as below-
Step 1: Story collection.
Step 2: Selection of story.
Step 3:Character design and scenerio
Step 4: storyboard prearation –sketching/colouring.
Step 5:Tracing of sketch using lightbox.
Step 6:Scaning of storyboard sketch.
Step 7:Digitization -Import to photoshop.
Step 8:Storyboard/scene -Digital drawing.
-Character drawing in layers.
- Background drawing.
Step 9:Scene finalization for Flash animation.
Step 10:Import to Flash: -Photoshop layers.
-Separate character layer.
Step 11: Flash animation of scene.
Step 12: Flash clip publication.
Step 1- Collection of story
STORY 1:The old man,his young wife and theif.
STORY 2:Fighting goats and the jackal.
STORY 3:The king and the foolish monkey
STORY 4:The bird with two heads.
STORY 5:The jackal and the drum.
Step 2: Selection of story
STORY 1:The old man,his young wife and theif.
The story is about an old man who was a widower,then
he remarried.His young wife was unhappy as he was an
old man.The old man did everything to impressed
her.One night a thief entered into his home,suddenly his
wife hugged him as she was scared and came to know
the reason why his wife hugged him.His was very happy
and shouted at the theif “ i am a happy man now please
take anything you like”.
MORAL:Sometimes,even our enemy can be benefical
to us.
STEP 3:Character Design
STEP 4: STORYBORAD PREPARATION
Storyboard is made up of different
scens.Here storyboard is prepared to
know the scene and timing for each
scene.
STEP 5:TRACING OF SKETCH USING
LIGHTBOX
I have done the tracing with the help of
lightbox.There i have used an A4 size paper
for the output.
STEP 6: SCANING OF STORYBOARD
SKETCH
The tracing paper was scaned for the digitization
with the help of a scanner.
STEP 7: DIGITIZATION-IMPORT TO
PHOTOSHOP
The scaned image was imported to photoshop for
digitization.
Step 8:Storyboard/scene
-Digital drawing
-Character drawing in layers
- Background drawing.
These steps were done in photoshop.
Step 9:Scene finalization for Flash
animation
When all the above steps/process were done,then
the scene was finalized for animation in flash.
Step 10:Import to Flash -Photoshop layers.
-Separate character layer.
The digitized photoshop file was imported to flash
for animation.
STEP 11:FLASH ANIMATION OF SCENE.
In this step the scene was animated.
STEP 12:FLASH CLIP PUBLICATION
Here the flash file was saved in .swf format and the
clip was published.
THANK
YOU
FOR
WATCHING...

Contenu connexe

En vedette

#6 character design
#6 character design#6 character design
#6 character designkkirschbaum
 
Drawing stage
Drawing stageDrawing stage
Drawing stage048354
 
Exposure - animatic and trailer subtitles
Exposure  - animatic and trailer subtitlesExposure  - animatic and trailer subtitles
Exposure - animatic and trailer subtitlesEleanorBinley99
 
Walt Disney Storyboard
Walt Disney StoryboardWalt Disney Storyboard
Walt Disney Storyboardtmh17
 
10 top photography composition rules
10 top photography composition rules10 top photography composition rules
10 top photography composition rulesdonnamacd
 
Hướng dẫn viết Kịch bản
Hướng dẫn viết Kịch bảnHướng dẫn viết Kịch bản
Hướng dẫn viết Kịch bảnnhanai ho
 
bố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phimbố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phimThien Pham
 
Tech act2 dominguez
Tech act2 dominguezTech act2 dominguez
Tech act2 dominguezJhayDee213
 
Final Media Project Storyboard
Final Media Project StoryboardFinal Media Project Storyboard
Final Media Project Storyboardredheadgirlusc
 
A2 Film Storyboard
A2 Film StoryboardA2 Film Storyboard
A2 Film StoryboardKHallWyke
 
Storyboards for media
Storyboards for mediaStoryboards for media
Storyboards for mediaJoshua-M
 
The rules of filming!
The rules of filming!The rules of filming!
The rules of filming!miawalls
 
Bài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phimBài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phimthieunganhg
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenHazlin Aisha Zainal Abidin
 

En vedette (20)

#6 character design
#6 character design#6 character design
#6 character design
 
Questionnaire results
Questionnaire resultsQuestionnaire results
Questionnaire results
 
How to storyboard
How to storyboardHow to storyboard
How to storyboard
 
Drawing stage
Drawing stageDrawing stage
Drawing stage
 
Exposure - animatic and trailer subtitles
Exposure  - animatic and trailer subtitlesExposure  - animatic and trailer subtitles
Exposure - animatic and trailer subtitles
 
Walt Disney Storyboard
Walt Disney StoryboardWalt Disney Storyboard
Walt Disney Storyboard
 
Storyboard
StoryboardStoryboard
Storyboard
 
10 top photography composition rules
10 top photography composition rules10 top photography composition rules
10 top photography composition rules
 
Quay phim
Quay phimQuay phim
Quay phim
 
Hướng dẫn viết Kịch bản
Hướng dẫn viết Kịch bảnHướng dẫn viết Kịch bản
Hướng dẫn viết Kịch bản
 
bố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phimbố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phim
 
Tech act2 dominguez
Tech act2 dominguezTech act2 dominguez
Tech act2 dominguez
 
Final Media Project Storyboard
Final Media Project StoryboardFinal Media Project Storyboard
Final Media Project Storyboard
 
A2 Film Storyboard
A2 Film StoryboardA2 Film Storyboard
A2 Film Storyboard
 
Storyboards for media
Storyboards for mediaStoryboards for media
Storyboards for media
 
Typography Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)Typography Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)
 
The rules of filming!
The rules of filming!The rules of filming!
The rules of filming!
 
Storyboarding for Film
Storyboarding for FilmStoryboarding for Film
Storyboarding for Film
 
Bài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phimBài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phim
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin Cullen
 

Similaire à how to make animated clip

Stop-Motion-Animation.ppt
Stop-Motion-Animation.pptStop-Motion-Animation.ppt
Stop-Motion-Animation.pptraketeeraph
 
Computer animation
Computer animationComputer animation
Computer animationamme77
 
Getting Started with Popplet
Getting Started with PoppletGetting Started with Popplet
Getting Started with PoppletAlyson Carpenter
 
Tellingmystory
TellingmystoryTellingmystory
TellingmystoryKMACG
 
Claymation Instructions for the Classroom
Claymation Instructions for the ClassroomClaymation Instructions for the Classroom
Claymation Instructions for the ClassroomSandra Hines
 
TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3Diyana Harithuddin
 
Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)charles-stick
 
Introduction to portraiture
Introduction to portraitureIntroduction to portraiture
Introduction to portraitureMissBrazeau
 
Digital Storytelling Using iPads
Digital Storytelling Using iPadsDigital Storytelling Using iPads
Digital Storytelling Using iPadskarlaholt
 
Chance's "Visual Effects" Lecture
Chance's "Visual Effects" LectureChance's "Visual Effects" Lecture
Chance's "Visual Effects" Lecturejpowers
 
Animation production M.5/2
Animation production M.5/2Animation production M.5/2
Animation production M.5/2ChutiKarn Chd
 
1. production experiments
1. production experiments1. production experiments
1. production experimentsDaisyPotter
 
5. fmp pre production improved *Final*
5. fmp pre production improved *Final* 5. fmp pre production improved *Final*
5. fmp pre production improved *Final* Fraser Hardwick
 

Similaire à how to make animated clip (20)

Stop-Motion-Animation.ppt
Stop-Motion-Animation.pptStop-Motion-Animation.ppt
Stop-Motion-Animation.ppt
 
Animatics
AnimaticsAnimatics
Animatics
 
Computer animation
Computer animationComputer animation
Computer animation
 
Getting Started with Popplet
Getting Started with PoppletGetting Started with Popplet
Getting Started with Popplet
 
Tellingmystory
TellingmystoryTellingmystory
Tellingmystory
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
Claymation Instructions for the Classroom
Claymation Instructions for the ClassroomClaymation Instructions for the Classroom
Claymation Instructions for the Classroom
 
Question 4
Question 4Question 4
Question 4
 
TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3
 
Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)
 
Introduction to portraiture
Introduction to portraitureIntroduction to portraiture
Introduction to portraiture
 
Animation
AnimationAnimation
Animation
 
Animation LOA
Animation LOAAnimation LOA
Animation LOA
 
Digital Storytelling Using iPads
Digital Storytelling Using iPadsDigital Storytelling Using iPads
Digital Storytelling Using iPads
 
Chance's "Visual Effects" Lecture
Chance's "Visual Effects" LectureChance's "Visual Effects" Lecture
Chance's "Visual Effects" Lecture
 
Animation production M.5/2
Animation production M.5/2Animation production M.5/2
Animation production M.5/2
 
1. production experiments
1. production experiments1. production experiments
1. production experiments
 
5. fmp pre production improved *Final*
5. fmp pre production improved *Final* 5. fmp pre production improved *Final*
5. fmp pre production improved *Final*
 
Question 4
Question 4Question 4
Question 4
 

Dernier

Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 

Dernier (20)

Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 

how to make animated clip

  • 1. PRESENTATION ON SHOWING THE PROCESS OF MAKING AN ANIMATED CLIP OF ONE SCENE Presented by Swasat Dutta Diploma 2nd year
  • 2. OBJECTIVE OF THIS PROJECT: The purpose of this exercise is to understand the complete production process of making a flash clip from concept to excuation.
  • 3. The Process:- The complete process follow the step as below- Step 1: Story collection. Step 2: Selection of story. Step 3:Character design and scenerio Step 4: storyboard prearation –sketching/colouring. Step 5:Tracing of sketch using lightbox. Step 6:Scaning of storyboard sketch. Step 7:Digitization -Import to photoshop. Step 8:Storyboard/scene -Digital drawing. -Character drawing in layers. - Background drawing. Step 9:Scene finalization for Flash animation. Step 10:Import to Flash: -Photoshop layers. -Separate character layer. Step 11: Flash animation of scene. Step 12: Flash clip publication.
  • 4. Step 1- Collection of story STORY 1:The old man,his young wife and theif. STORY 2:Fighting goats and the jackal. STORY 3:The king and the foolish monkey STORY 4:The bird with two heads. STORY 5:The jackal and the drum.
  • 5. Step 2: Selection of story STORY 1:The old man,his young wife and theif. The story is about an old man who was a widower,then he remarried.His young wife was unhappy as he was an old man.The old man did everything to impressed her.One night a thief entered into his home,suddenly his wife hugged him as she was scared and came to know the reason why his wife hugged him.His was very happy and shouted at the theif “ i am a happy man now please take anything you like”. MORAL:Sometimes,even our enemy can be benefical to us.
  • 7.
  • 8.
  • 9.
  • 10. STEP 4: STORYBORAD PREPARATION Storyboard is made up of different scens.Here storyboard is prepared to know the scene and timing for each scene.
  • 11. STEP 5:TRACING OF SKETCH USING LIGHTBOX I have done the tracing with the help of lightbox.There i have used an A4 size paper for the output.
  • 12. STEP 6: SCANING OF STORYBOARD SKETCH The tracing paper was scaned for the digitization with the help of a scanner.
  • 13. STEP 7: DIGITIZATION-IMPORT TO PHOTOSHOP The scaned image was imported to photoshop for digitization.
  • 14. Step 8:Storyboard/scene -Digital drawing -Character drawing in layers - Background drawing. These steps were done in photoshop.
  • 15. Step 9:Scene finalization for Flash animation When all the above steps/process were done,then the scene was finalized for animation in flash.
  • 16. Step 10:Import to Flash -Photoshop layers. -Separate character layer. The digitized photoshop file was imported to flash for animation.
  • 17. STEP 11:FLASH ANIMATION OF SCENE. In this step the scene was animated.
  • 18. STEP 12:FLASH CLIP PUBLICATION Here the flash file was saved in .swf format and the clip was published.