SlideShare a Scribd company logo
1 of 1
Download to read offline
Griffith University | Masters of Digital Design | Jamie Miller | s2804105
Keywords: Animation | Design | Movement | Characters | Tutorials
Course title: 7046qca | Design Narratives
The argument / abstract
Flash is more efficent in developing animations as you have more control over your content as
this reduces the amount of time spent on drawing all of the frames required. Hand drawn animations
take time to draw and develop as each frame has to be hand drawn and planned out which is a
time-consuming process. Hand drawn illustrations or animations are then scanned into a computer
using a scanning device and normally animated using graphic applications such as Flash.
The research is conclusive with this method as computers and software applications have become
part of our everyday lives. If this was not the case, we would see a decrease in the amount of computers
used and return to traditional methods of hand drawn concepts. Although hand drawn concepts still
help to produce ideas, the evidence proves that computer technologies and applications help us to
create, develop and progress designs, animations and anything else we desire at our fingertips.
It is pleasant to enjoy the other arts as hand drawn concepts/drawings/paintings/fine arts are
important to the individual in creative expression and community projects etc. The focus of
this FRED was to understand why and how computer graphics help the efficency of animations
opposed to creating everything manually. Although traditional methods and processes are
valuable also, it is a fact that computer generated graphics can be produced quickly.
animation
conclusionWith the revolution in technological advances in computing, systems
are always progressing and new technologies are forever advancing.
Computer graphics applications have evolved at an amazing pace,
hence the advances in computer graphics animation software such
as Flash and other known applications that are on the market today.
Adobe Flash has progressed through the years and offers users
the flexibility and freedom to illustrate animations with speed,
ease and accuracy.
Traditional methods are still used today which are just as valuable
in their own right although Flash offers the animator/designer the
advanced tools to further create motion graphics and animations
with speed. Speed is a vital part in today’s world as deadlines need
to be met in whats becoming a very fast paced technological era.
Flash allows you to create your illustration or animation and set it on
a stage to create movement. It can also encompass text, photographic
images, buttons or symbols.
Flash is an awesome application as its allows interactivity between the
website or website media and the observer. This interaction is important
as it allows the observer to be entertained and keeps them interested.
This can be important to the success of a website whether it is selling
shoes to garden tools as an observer’s attention must be grasped and
kept in order for it to sell their products and services.
Functionality is also important as it allows the observer to navigate
with ease and accuracy finding what they want through convenience
and simplicity. With this in mind, animation can also play an important
role to keep the observer on the site and ultimately interested.
references1. 	 Adobe inc. (2011) All screen shots and references are taken from the Adobe Suite site as tutorial guides.
	 For more information, visit the help section on the Adobe Suite site.
CLICK ON
IMAGE
TO WATCH
ANIMATION
SMALL
FLASH
EXAMPLE
Toolbar which
houses all of the
various drawing/
editing tools
in Flash.
Flash allows you to create characters, scenes,
images and movies by placing these on a stage.
Please see below.
Above is the stage where illustrations can be
placed and come to life!! Our friend to the right
will give us a short guided tour.
Add new
layers here
Timeline
Frames
movement
When you import or draw an animation on the stage, you can ‘animate it’
and add colour, depth and so forth to your stage.
Flash allows you to either import or draw images, characters and backgrounds. You can add layers
below by clicking on the layers button below. Each layer can contain an animation or character.
Add new
layers here
Timeline
Frames
Use the timeline to create the characters movements using shape/classic/
motion tweens to animate characters and scenes. This process is faster as
you can animate characters to move around the stage and also adjust the
characters movements at the click and drag of a few buttons.
Use the pen/brush or pencil tool
to create outlines for animations/
characters with more ease. Layered
imports mean that creating
a characters movement can
take place in 2 seconds flat!
Use the paint bucket or
gradient tool to colour in.
These tools are very helpful
as the designer/illustrator/
animator can ‘colour in’
with speed.
OUTLINES COLOURED CHARACTERS
Flash works with other applications such as Illustrator - illustrations can be
drawn in Illustrator and imported into Flash using layers. Illustrations can then
be animated and moved into different positions using the timelines as shown
above as opposed to drawing and creating frame after frame with paper
and pencils.
This FRED will focus on the Graphic
Application of Flash where a brief demostration
or tutorial will be given conveying the basics
of Flash animation. With this powerful graphic
tool, Flash has helped to develop Animation
and brought this into a new technological
sphere creating the argument that using
Graphic Applications is more efficient than
hand drawn traditional methods.
tools
Below is the timeline where the
designer can produce different
layers to house different effects,
animations and frames hence
saving time compared to the
‘flick book’ effect.
methodsvs.
methods
graphical
Project Title: Basic tutorial in Flash
The Focus: Exploring basic animation techniques in Flash.
The Question: Why Flash is more efficient than traditional methods in creating animations
Keywords: Tutorials | Animation | Learning | Education | Software | Traditional Animation Techniques
FRED ITEM
FLASH COURSE
WEEK 2
traditional

More Related Content

What's hot

Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLDee Sadler
 
4 articulate tips short (2)
4 articulate tips short (2)4 articulate tips short (2)
4 articulate tips short (2)kineostephanie
 
Lesson 5 advanced presentation skills
Lesson 5 advanced presentation skillsLesson 5 advanced presentation skills
Lesson 5 advanced presentation skillsEmmanuelaSernicul
 
How To Get Your Designer To Love Expression Blend
How To Get Your Designer To Love Expression BlendHow To Get Your Designer To Love Expression Blend
How To Get Your Designer To Love Expression BlendKarsten Januszewski
 
Storyboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools ReviewStoryboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools ReviewHenry Cogo
 
Wireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyWireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyCreately
 
Advanced presentation skills
Advanced presentation skillsAdvanced presentation skills
Advanced presentation skillsCalu Roque
 
User guide to power point
User guide to power pointUser guide to power point
User guide to power pointmvandamme3
 
Advanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesAdvanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesMark Jhon Oxillo
 
Construction of my Music Magazine
Construction of my Music MagazineConstruction of my Music Magazine
Construction of my Music MagazineNatasha Newman
 
Microsoft office-powerpoint
Microsoft office-powerpointMicrosoft office-powerpoint
Microsoft office-powerpointNuRaNiMa2
 
How to create a basic power point presentation
How to create a basic power point presentationHow to create a basic power point presentation
How to create a basic power point presentationjoluisae
 
Intro to Adobe Flash
Intro to Adobe FlashIntro to Adobe Flash
Intro to Adobe FlashStaci Trekles
 
Effective Design in PowerPoint
Effective Design in PowerPoint Effective Design in PowerPoint
Effective Design in PowerPoint Soni Amit K
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web DesignHitesh Mehta
 

What's hot (20)

Dev and Designers intro to Sketch
Dev and Designers intro to SketchDev and Designers intro to Sketch
Dev and Designers intro to Sketch
 
Photo shop cc 2016 PPT
Photo shop cc 2016 PPTPhoto shop cc 2016 PPT
Photo shop cc 2016 PPT
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTML
 
4 articulate tips short (2)
4 articulate tips short (2)4 articulate tips short (2)
4 articulate tips short (2)
 
Lesson 5 advanced presentation skills
Lesson 5 advanced presentation skillsLesson 5 advanced presentation skills
Lesson 5 advanced presentation skills
 
How To Get Your Designer To Love Expression Blend
How To Get Your Designer To Love Expression BlendHow To Get Your Designer To Love Expression Blend
How To Get Your Designer To Love Expression Blend
 
Storyboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools ReviewStoryboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools Review
 
Wireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyWireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by Creately
 
Lvb
LvbLvb
Lvb
 
Advanced presentation skills
Advanced presentation skillsAdvanced presentation skills
Advanced presentation skills
 
User guide to power point
User guide to power pointUser guide to power point
User guide to power point
 
Presentation tools
Presentation toolsPresentation tools
Presentation tools
 
PowerPoint 2010
PowerPoint 2010PowerPoint 2010
PowerPoint 2010
 
Advanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesAdvanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment Technologies
 
Construction of my Music Magazine
Construction of my Music MagazineConstruction of my Music Magazine
Construction of my Music Magazine
 
Microsoft office-powerpoint
Microsoft office-powerpointMicrosoft office-powerpoint
Microsoft office-powerpoint
 
How to create a basic power point presentation
How to create a basic power point presentationHow to create a basic power point presentation
How to create a basic power point presentation
 
Intro to Adobe Flash
Intro to Adobe FlashIntro to Adobe Flash
Intro to Adobe Flash
 
Effective Design in PowerPoint
Effective Design in PowerPoint Effective Design in PowerPoint
Effective Design in PowerPoint
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
 

Similar to crabs_1

Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxShakuro
 
An efficient slideshow software
An efficient slideshow softwareAn efficient slideshow software
An efficient slideshow softwarewebsmartz
 
Monster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for KidsMonster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for KidsTink Newman
 
3d Interactive presentation software
3d Interactive presentation software3d Interactive presentation software
3d Interactive presentation softwareAurora3D Software
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animationBenT1990
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animationBenT1990
 
Adobe photoshop program1
Adobe photoshop program1Adobe photoshop program1
Adobe photoshop program1u2803355Huda
 
PHOTOSHOP-REPORT-3.pptx
PHOTOSHOP-REPORT-3.pptxPHOTOSHOP-REPORT-3.pptx
PHOTOSHOP-REPORT-3.pptxNormanSoriano1
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designInVision App
 
Specialization for Web & Graphic Designer
Specialization for Web & Graphic DesignerSpecialization for Web & Graphic Designer
Specialization for Web & Graphic DesignerAttiullah Attiaie
 
Multimedia & Software Programs as a Recent Teaching Tools
Multimedia & Software Programs as a Recent Teaching ToolsMultimedia & Software Programs as a Recent Teaching Tools
Multimedia & Software Programs as a Recent Teaching ToolsSameh Abdel-ghany
 
Designing | Multimedia Systems
Designing | Multimedia SystemsDesigning | Multimedia Systems
Designing | Multimedia SystemsAneesa Rahman
 
Tools to Create Eye-Catching Infographics for Your Website
Tools to Create Eye-Catching Infographics for Your WebsiteTools to Create Eye-Catching Infographics for Your Website
Tools to Create Eye-Catching Infographics for Your WebsiteHTS Hosting
 
Report For Let's Live 3D
Report For Let's Live 3DReport For Let's Live 3D
Report For Let's Live 3DAminah Min
 
What is 3 d modeling unit 66
What is 3 d modeling   unit 66What is 3 d modeling   unit 66
What is 3 d modeling unit 66Richard Marshall
 
Interactive Design Basics
Interactive Design Basics Interactive Design Basics
Interactive Design Basics katy walker
 

Similar to crabs_1 (20)

Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docx
 
Wireframing
WireframingWireframing
Wireframing
 
An efficient slideshow software
An efficient slideshow softwareAn efficient slideshow software
An efficient slideshow software
 
Monster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for KidsMonster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for Kids
 
list script and flowchart
list script and flowchartlist script and flowchart
list script and flowchart
 
3d Interactive presentation software
3d Interactive presentation software3d Interactive presentation software
3d Interactive presentation software
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animation
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animation
 
Flash brochure
Flash   brochureFlash   brochure
Flash brochure
 
Adobe photoshop program1
Adobe photoshop program1Adobe photoshop program1
Adobe photoshop program1
 
PHOTOSHOP-REPORT-3.pptx
PHOTOSHOP-REPORT-3.pptxPHOTOSHOP-REPORT-3.pptx
PHOTOSHOP-REPORT-3.pptx
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 
Specialization for Web & Graphic Designer
Specialization for Web & Graphic DesignerSpecialization for Web & Graphic Designer
Specialization for Web & Graphic Designer
 
Multimedia & Software Programs as a Recent Teaching Tools
Multimedia & Software Programs as a Recent Teaching ToolsMultimedia & Software Programs as a Recent Teaching Tools
Multimedia & Software Programs as a Recent Teaching Tools
 
Designing | Multimedia Systems
Designing | Multimedia SystemsDesigning | Multimedia Systems
Designing | Multimedia Systems
 
Tools to Create Eye-Catching Infographics for Your Website
Tools to Create Eye-Catching Infographics for Your WebsiteTools to Create Eye-Catching Infographics for Your Website
Tools to Create Eye-Catching Infographics for Your Website
 
Grade 8, Lesson 3: Graphics
Grade 8, Lesson 3: GraphicsGrade 8, Lesson 3: Graphics
Grade 8, Lesson 3: Graphics
 
Report For Let's Live 3D
Report For Let's Live 3DReport For Let's Live 3D
Report For Let's Live 3D
 
What is 3 d modeling unit 66
What is 3 d modeling   unit 66What is 3 d modeling   unit 66
What is 3 d modeling unit 66
 
Interactive Design Basics
Interactive Design Basics Interactive Design Basics
Interactive Design Basics
 

More from Jamie Miller-Reape

More from Jamie Miller-Reape (9)

Cv jamiemiller 2014 (1) (1) (2) (4)
Cv jamiemiller 2014 (1) (1) (2) (4)Cv jamiemiller 2014 (1) (1) (2) (4)
Cv jamiemiller 2014 (1) (1) (2) (4)
 
7046 animation fred_dbfinal (1)
7046 animation fred_dbfinal (1)7046 animation fred_dbfinal (1)
7046 animation fred_dbfinal (1)
 
Bigfish brochure
Bigfish brochureBigfish brochure
Bigfish brochure
 
Margariraville visuals2
Margariraville visuals2Margariraville visuals2
Margariraville visuals2
 
Motion surf concepts (1)
Motion surf concepts (1)Motion surf concepts (1)
Motion surf concepts (1)
 
Yell boards (1) (1)
Yell boards (1) (1)Yell boards (1) (1)
Yell boards (1) (1)
 
Yell boards (1)
Yell boards (1)Yell boards (1)
Yell boards (1)
 
Interview presentation
Interview presentationInterview presentation
Interview presentation
 
Lewtrenchard Manor
Lewtrenchard ManorLewtrenchard Manor
Lewtrenchard Manor
 

crabs_1

  • 1. Griffith University | Masters of Digital Design | Jamie Miller | s2804105 Keywords: Animation | Design | Movement | Characters | Tutorials Course title: 7046qca | Design Narratives The argument / abstract Flash is more efficent in developing animations as you have more control over your content as this reduces the amount of time spent on drawing all of the frames required. Hand drawn animations take time to draw and develop as each frame has to be hand drawn and planned out which is a time-consuming process. Hand drawn illustrations or animations are then scanned into a computer using a scanning device and normally animated using graphic applications such as Flash. The research is conclusive with this method as computers and software applications have become part of our everyday lives. If this was not the case, we would see a decrease in the amount of computers used and return to traditional methods of hand drawn concepts. Although hand drawn concepts still help to produce ideas, the evidence proves that computer technologies and applications help us to create, develop and progress designs, animations and anything else we desire at our fingertips. It is pleasant to enjoy the other arts as hand drawn concepts/drawings/paintings/fine arts are important to the individual in creative expression and community projects etc. The focus of this FRED was to understand why and how computer graphics help the efficency of animations opposed to creating everything manually. Although traditional methods and processes are valuable also, it is a fact that computer generated graphics can be produced quickly. animation conclusionWith the revolution in technological advances in computing, systems are always progressing and new technologies are forever advancing. Computer graphics applications have evolved at an amazing pace, hence the advances in computer graphics animation software such as Flash and other known applications that are on the market today. Adobe Flash has progressed through the years and offers users the flexibility and freedom to illustrate animations with speed, ease and accuracy. Traditional methods are still used today which are just as valuable in their own right although Flash offers the animator/designer the advanced tools to further create motion graphics and animations with speed. Speed is a vital part in today’s world as deadlines need to be met in whats becoming a very fast paced technological era. Flash allows you to create your illustration or animation and set it on a stage to create movement. It can also encompass text, photographic images, buttons or symbols. Flash is an awesome application as its allows interactivity between the website or website media and the observer. This interaction is important as it allows the observer to be entertained and keeps them interested. This can be important to the success of a website whether it is selling shoes to garden tools as an observer’s attention must be grasped and kept in order for it to sell their products and services. Functionality is also important as it allows the observer to navigate with ease and accuracy finding what they want through convenience and simplicity. With this in mind, animation can also play an important role to keep the observer on the site and ultimately interested. references1. Adobe inc. (2011) All screen shots and references are taken from the Adobe Suite site as tutorial guides. For more information, visit the help section on the Adobe Suite site. CLICK ON IMAGE TO WATCH ANIMATION SMALL FLASH EXAMPLE Toolbar which houses all of the various drawing/ editing tools in Flash. Flash allows you to create characters, scenes, images and movies by placing these on a stage. Please see below. Above is the stage where illustrations can be placed and come to life!! Our friend to the right will give us a short guided tour. Add new layers here Timeline Frames movement When you import or draw an animation on the stage, you can ‘animate it’ and add colour, depth and so forth to your stage. Flash allows you to either import or draw images, characters and backgrounds. You can add layers below by clicking on the layers button below. Each layer can contain an animation or character. Add new layers here Timeline Frames Use the timeline to create the characters movements using shape/classic/ motion tweens to animate characters and scenes. This process is faster as you can animate characters to move around the stage and also adjust the characters movements at the click and drag of a few buttons. Use the pen/brush or pencil tool to create outlines for animations/ characters with more ease. Layered imports mean that creating a characters movement can take place in 2 seconds flat! Use the paint bucket or gradient tool to colour in. These tools are very helpful as the designer/illustrator/ animator can ‘colour in’ with speed. OUTLINES COLOURED CHARACTERS Flash works with other applications such as Illustrator - illustrations can be drawn in Illustrator and imported into Flash using layers. Illustrations can then be animated and moved into different positions using the timelines as shown above as opposed to drawing and creating frame after frame with paper and pencils. This FRED will focus on the Graphic Application of Flash where a brief demostration or tutorial will be given conveying the basics of Flash animation. With this powerful graphic tool, Flash has helped to develop Animation and brought this into a new technological sphere creating the argument that using Graphic Applications is more efficient than hand drawn traditional methods. tools Below is the timeline where the designer can produce different layers to house different effects, animations and frames hence saving time compared to the ‘flick book’ effect. methodsvs. methods graphical Project Title: Basic tutorial in Flash The Focus: Exploring basic animation techniques in Flash. The Question: Why Flash is more efficient than traditional methods in creating animations Keywords: Tutorials | Animation | Learning | Education | Software | Traditional Animation Techniques FRED ITEM FLASH COURSE WEEK 2 traditional