SlideShare ist ein Scribd-Unternehmen logo
1 von 17
CREATE to
LEARN
Renee
Hobbs@reneehobbs
Introduction to Digital Literacy
Chapter 13
Animation
Pages 207 - 222
Drawing as
Abstraction
• The act of drawing is not just a way of expressing
thought: it’s a way of thinking.
• Because the physical act of drawing aids in the -
formation of long‐term memories, sketching is the
essence of the creative design process.
• Because animation lets you visualize the impossible,
it taps the limitless imagination of the human being.
• Drawings abstract our experience of reality through
representation. Through pictorial images, we can
appreciate how the formal structure of representing
objects and events shapes our understanding of the
world.
Education
and the
Imagination
• Schooling expands thinking, but it also limits it.
• Through animation, students convey an idea, concept, or thought in a way that
words, still pictures, and audio can’t.
• Animations help students internalize the information they are expected to learn.
• As they develop the story and script for an animation, students are naturally
encouraged to write narratives that include descriptive details and clear event
sequences.
• When students create story-boards, it helps them master sequencing, visualization,
details, conflict, and narrative structure
Some Types
of Animation
Flipbook Animation: Using a small book, animators draw a series of images, with little variation to
the image so that it appears to move when the pages of the book are flipped.
2D Animation: A limited number of drawings are created using software and the computer is used to
make variations that create the illusion of movement.
3D Animation: Many animated films use this style where computer software is used to create
characters that appear to have depth and often look highly realistic.
Stop‐Motion Animation: Static objects are moved, a little at a time, to create a fluid sense of
movement. Moving puppets, clay objects, or cut‐out pieces of paper all use this style of animation.
Whiteboard Animation: This style can be produced simply by videotaping a person using a
whiteboard.
Typography Animation: When letters and words are animated, different font faces and types, plus
the use of color and space, create a visual look that captures viewer interest and often accompanies
the spoken word.
The Power
of
Animation
• Animation is a powerful tool for
persuasion and propaganda.
• Video animations are effective in
persuading people to take action – 90
percent of online users say a video is
effective in making a decision about
purchasing a product or service. In the
first three months of 2015 alone, viewers
watched over 4.1 billion branded videos.
Computer animation is essentially a digital
version of stop‐motion animation that
enables a graphic artist to produce scenes at
the computer without the use of actors,
sets, or props.
Today the tools of computer‐generated
animation are available in low‐cost versions
that even young children can learn.
Create Your Own
Animation
OSnap!
PowToon
Moovly
Create Your Own
Animation with
7 Easy Steps
1. Develop A scope of Work
2. Identify a Mentor Text
3. Select an animation Production Tool
4. Create Storyboard
5. Create, find or edit the images you need for
your production
6. Show and Receive Feedback
7. Revise and Edit
Step 1: Develop
a Scope of
Work
Develop a Scope of Work
where you identify your
purpose, your audience,
and your point of view.
Step 2:
Identify a
Mentor
Text
Identify a mentor text that you
admire, one that influences your
thinking about the design of your
work. Study how it has been
constructed, paying special attention
to the use of time.
Step 3: Select an Animation Production Tool
Select an animation production tool from thae many free
and low‐cost tools available. You may enjoy exploring
tools like Moovly or PowToon for drag‐ and‐drop
animations or OSnap! for photo animations. You can see
a complete list of simple animation tools on the Create
to Learn website. You may find it useful to experiment
with different tools until you find one that works best for
your purpose.
Step 4:
Create
Storyboard
Use storyboarding as a planning
tool for moving image media. A
template of four or six rectangles
per page can be helpful in
visualizing what the viewer will see
and hear. Storyboarding helps you
design visual interest into your
project while enabling you to think
more deeply about the content,
sequence, and structure of your
project.
Step 5: Create, find or
edit the images you need
for your production
Produce the images you need
for your production, editing
as you go. Add language,
music, and sound.
Step 6: Show
and Receive
Feedback
Show your production to some
people who can offer you frank and
candid feedback. Check to see if the
messages and feelings they get
from your work are aligned with
your purpose and goals.
Step 7:
Revise and
Edit
Revise and edit as
needed, adding titles
and credits. Choose
how to distribute
your animation and
use a well‐written
description and
metadata to help it
become more
findable.
Animated
Interviews
• Animation is both a genre and a production technique
that is incorporated into many different genres of moving
image media. Many short interview clips have been
illustrated using animation.
• Using stop‐motion animation, the objects move across
the screen in ways that suggest both the emotional
depth and sheer evanescence of music as it affects our
conscious understanding as beings in time.
• Filmmakers makes a visual connection between the
genres of music and animation in order to express the
wildness and uncontainable nature of the human
imagination.
Activity: Create an
Animation
Create your own animation using with following steps:
1. Develop A scope of Work
2. Identify a Mentor Text
3. Select an animation Production Tool
4. Create Storyboard
5. Create, find or edit the images you need for your production
6. Show and Receive Feedback
7. Revise and Edit
Key
Ideas
• In animation, two‐dimensional drawings or three‐dimensional
objects are presented in sequential order at 12, 18, or 24
frames per second, which creates an illusion of movement.
• Animation creates meaning through the imaginative use of
symbols that move in time and space, creating a suspension of
disbelief that compels viewer attention.
• Non‐narrative videos use rich content, visual style, and clear
temporal structure to attract and hold viewer attention and
create learning.
• Today with simple drag‐and‐drop digital tools, anyone can
create a simple animation.

Weitere ähnliche Inhalte

Was ist angesagt?

No One Cares About Your Content (Yet): WordCamp Miami 2013
No One Cares About Your Content (Yet): WordCamp Miami 2013No One Cares About Your Content (Yet): WordCamp Miami 2013
No One Cares About Your Content (Yet): WordCamp Miami 2013
Cliff Seal
 
No One Cares About Your Content (Yet): WordCamp Chicago 2013
No One Cares About Your Content (Yet): WordCamp Chicago 2013No One Cares About Your Content (Yet): WordCamp Chicago 2013
No One Cares About Your Content (Yet): WordCamp Chicago 2013
Cliff Seal
 

Was ist angesagt? (20)

Poster assignment - PR
Poster assignment - PRPoster assignment - PR
Poster assignment - PR
 
Content presentation - Bangkok Conference 2012
Content presentation - Bangkok Conference 2012Content presentation - Bangkok Conference 2012
Content presentation - Bangkok Conference 2012
 
Web Design
Web DesignWeb Design
Web Design
 
Marketing and Social Media for Independent Business
Marketing and Social Media for Independent BusinessMarketing and Social Media for Independent Business
Marketing and Social Media for Independent Business
 
Digital literacy for librarians
Digital literacy for librariansDigital literacy for librarians
Digital literacy for librarians
 
ANR Digital Workshop Notes 28/8/12
ANR Digital Workshop Notes 28/8/12ANR Digital Workshop Notes 28/8/12
ANR Digital Workshop Notes 28/8/12
 
Chicago Booth Career Services: Social Media Discussion
Chicago Booth Career Services: Social Media DiscussionChicago Booth Career Services: Social Media Discussion
Chicago Booth Career Services: Social Media Discussion
 
More Mind Reach
More Mind ReachMore Mind Reach
More Mind Reach
 
Scotiabank presentation december 7, 20112
Scotiabank   presentation december 7, 20112Scotiabank   presentation december 7, 20112
Scotiabank presentation december 7, 20112
 
Week 4. moat. promotion and sales
Week 4. moat. promotion and salesWeek 4. moat. promotion and sales
Week 4. moat. promotion and sales
 
Creating a Winning Content Strategy
Creating a Winning Content StrategyCreating a Winning Content Strategy
Creating a Winning Content Strategy
 
Online Branding
Online BrandingOnline Branding
Online Branding
 
5 Ways to Create Compelling Content - with notes
5 Ways to Create Compelling Content - with notes5 Ways to Create Compelling Content - with notes
5 Ways to Create Compelling Content - with notes
 
Blogging: What I've Learned
Blogging: What I've LearnedBlogging: What I've Learned
Blogging: What I've Learned
 
PSA Development
PSA DevelopmentPSA Development
PSA Development
 
AMS Training Social Media Presentation
AMS Training Social Media PresentationAMS Training Social Media Presentation
AMS Training Social Media Presentation
 
Web Analytics for Communicators
Web Analytics for CommunicatorsWeb Analytics for Communicators
Web Analytics for Communicators
 
No One Cares About Your Content (Yet): WordCamp Miami 2013
No One Cares About Your Content (Yet): WordCamp Miami 2013No One Cares About Your Content (Yet): WordCamp Miami 2013
No One Cares About Your Content (Yet): WordCamp Miami 2013
 
No One Cares About Your Content (Yet): WordCamp Chicago 2013
No One Cares About Your Content (Yet): WordCamp Chicago 2013No One Cares About Your Content (Yet): WordCamp Chicago 2013
No One Cares About Your Content (Yet): WordCamp Chicago 2013
 
PRSA AM SESSION
PRSA AM SESSIONPRSA AM SESSION
PRSA AM SESSION
 

Ähnlich wie Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter 13, Animation

Unit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdfUnit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdf
Noraima2
 
VISUAL COMMUNICATION in architecture communication
VISUAL COMMUNICATION in architecture communicationVISUAL COMMUNICATION in architecture communication
VISUAL COMMUNICATION in architecture communication
SHAHEENPARVEEN56
 
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWEDVIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
ElysaMicu
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
mcar5427
 
Digital storytelling
Digital storytellingDigital storytelling
Digital storytelling
Shalyn Tan
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
nesticos
 
Storytelling 101
Storytelling 101Storytelling 101
Storytelling 101
taralv
 

Ähnlich wie Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter 13, Animation (20)

What is Multimedia presentation and design
What is Multimedia presentation and designWhat is Multimedia presentation and design
What is Multimedia presentation and design
 
Animation Studio in Dubai
Animation Studio in DubaiAnimation Studio in Dubai
Animation Studio in Dubai
 
What is Animation Video Production: A Guide
What is Animation Video Production: A GuideWhat is Animation Video Production: A Guide
What is Animation Video Production: A Guide
 
Preparing and Using Visual Aids
Preparing and Using Visual AidsPreparing and Using Visual Aids
Preparing and Using Visual Aids
 
Interactive materials
Interactive materialsInteractive materials
Interactive materials
 
Montage- Animation Studio in Dubai.pptx
Montage- Animation Studio in Dubai.pptxMontage- Animation Studio in Dubai.pptx
Montage- Animation Studio in Dubai.pptx
 
Animation
AnimationAnimation
Animation
 
Unit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdfUnit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdf
 
Types of Characters used in e-learning
Types of Characters used in e-learningTypes of Characters used in e-learning
Types of Characters used in e-learning
 
VISUAL COMMUNICATION in architecture communication
VISUAL COMMUNICATION in architecture communicationVISUAL COMMUNICATION in architecture communication
VISUAL COMMUNICATION in architecture communication
 
Using Comics In The Design Process Upa Boston Cueva
Using Comics In The Design Process Upa Boston CuevaUsing Comics In The Design Process Upa Boston Cueva
Using Comics In The Design Process Upa Boston Cueva
 
Multimedia
MultimediaMultimedia
Multimedia
 
instructional aids
 instructional aids instructional aids
instructional aids
 
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWEDVIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
 
Benefits of whiteboard animation
Benefits of whiteboard animationBenefits of whiteboard animation
Benefits of whiteboard animation
 
How Do Animators Bring an Idea to Life
How Do Animators Bring an Idea to LifeHow Do Animators Bring an Idea to Life
How Do Animators Bring an Idea to Life
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
 
Digital storytelling
Digital storytellingDigital storytelling
Digital storytelling
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
 
Storytelling 101
Storytelling 101Storytelling 101
Storytelling 101
 

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Philosophy of china and it's charactistics
Philosophy of china and it's charactisticsPhilosophy of china and it's charactistics
Philosophy of china and it's charactistics
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
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Ă...
 
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...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.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
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
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...
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health Education
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
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.
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
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
 
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
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 

Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter 13, Animation

  • 1. CREATE to LEARN Renee Hobbs@reneehobbs Introduction to Digital Literacy Chapter 13 Animation Pages 207 - 222
  • 2. Drawing as Abstraction • The act of drawing is not just a way of expressing thought: it’s a way of thinking. • Because the physical act of drawing aids in the - formation of long‐term memories, sketching is the essence of the creative design process. • Because animation lets you visualize the impossible, it taps the limitless imagination of the human being. • Drawings abstract our experience of reality through representation. Through pictorial images, we can appreciate how the formal structure of representing objects and events shapes our understanding of the world.
  • 3. Education and the Imagination • Schooling expands thinking, but it also limits it. • Through animation, students convey an idea, concept, or thought in a way that words, still pictures, and audio can’t. • Animations help students internalize the information they are expected to learn. • As they develop the story and script for an animation, students are naturally encouraged to write narratives that include descriptive details and clear event sequences. • When students create story-boards, it helps them master sequencing, visualization, details, conflict, and narrative structure
  • 4. Some Types of Animation Flipbook Animation: Using a small book, animators draw a series of images, with little variation to the image so that it appears to move when the pages of the book are flipped. 2D Animation: A limited number of drawings are created using software and the computer is used to make variations that create the illusion of movement. 3D Animation: Many animated films use this style where computer software is used to create characters that appear to have depth and often look highly realistic. Stop‐Motion Animation: Static objects are moved, a little at a time, to create a fluid sense of movement. Moving puppets, clay objects, or cut‐out pieces of paper all use this style of animation. Whiteboard Animation: This style can be produced simply by videotaping a person using a whiteboard. Typography Animation: When letters and words are animated, different font faces and types, plus the use of color and space, create a visual look that captures viewer interest and often accompanies the spoken word.
  • 5. The Power of Animation • Animation is a powerful tool for persuasion and propaganda. • Video animations are effective in persuading people to take action – 90 percent of online users say a video is effective in making a decision about purchasing a product or service. In the first three months of 2015 alone, viewers watched over 4.1 billion branded videos.
  • 6. Computer animation is essentially a digital version of stop‐motion animation that enables a graphic artist to produce scenes at the computer without the use of actors, sets, or props. Today the tools of computer‐generated animation are available in low‐cost versions that even young children can learn. Create Your Own Animation OSnap! PowToon Moovly
  • 7. Create Your Own Animation with 7 Easy Steps 1. Develop A scope of Work 2. Identify a Mentor Text 3. Select an animation Production Tool 4. Create Storyboard 5. Create, find or edit the images you need for your production 6. Show and Receive Feedback 7. Revise and Edit
  • 8. Step 1: Develop a Scope of Work Develop a Scope of Work where you identify your purpose, your audience, and your point of view.
  • 9. Step 2: Identify a Mentor Text Identify a mentor text that you admire, one that influences your thinking about the design of your work. Study how it has been constructed, paying special attention to the use of time.
  • 10. Step 3: Select an Animation Production Tool Select an animation production tool from thae many free and low‐cost tools available. You may enjoy exploring tools like Moovly or PowToon for drag‐ and‐drop animations or OSnap! for photo animations. You can see a complete list of simple animation tools on the Create to Learn website. You may find it useful to experiment with different tools until you find one that works best for your purpose.
  • 11. Step 4: Create Storyboard Use storyboarding as a planning tool for moving image media. A template of four or six rectangles per page can be helpful in visualizing what the viewer will see and hear. Storyboarding helps you design visual interest into your project while enabling you to think more deeply about the content, sequence, and structure of your project.
  • 12. Step 5: Create, find or edit the images you need for your production Produce the images you need for your production, editing as you go. Add language, music, and sound.
  • 13. Step 6: Show and Receive Feedback Show your production to some people who can offer you frank and candid feedback. Check to see if the messages and feelings they get from your work are aligned with your purpose and goals.
  • 14. Step 7: Revise and Edit Revise and edit as needed, adding titles and credits. Choose how to distribute your animation and use a well‐written description and metadata to help it become more findable.
  • 15. Animated Interviews • Animation is both a genre and a production technique that is incorporated into many different genres of moving image media. Many short interview clips have been illustrated using animation. • Using stop‐motion animation, the objects move across the screen in ways that suggest both the emotional depth and sheer evanescence of music as it affects our conscious understanding as beings in time. • Filmmakers makes a visual connection between the genres of music and animation in order to express the wildness and uncontainable nature of the human imagination.
  • 16. Activity: Create an Animation Create your own animation using with following steps: 1. Develop A scope of Work 2. Identify a Mentor Text 3. Select an animation Production Tool 4. Create Storyboard 5. Create, find or edit the images you need for your production 6. Show and Receive Feedback 7. Revise and Edit
  • 17. Key Ideas • In animation, two‐dimensional drawings or three‐dimensional objects are presented in sequential order at 12, 18, or 24 frames per second, which creates an illusion of movement. • Animation creates meaning through the imaginative use of symbols that move in time and space, creating a suspension of disbelief that compels viewer attention. • Non‐narrative videos use rich content, visual style, and clear temporal structure to attract and hold viewer attention and create learning. • Today with simple drag‐and‐drop digital tools, anyone can create a simple animation.