SlideShare a Scribd company logo
1 of 6
Download to read offline
Conner Murray



          Unit 65
                                                Task 1
                     Investigate the uses of Web animation
          Websites that usually use a lot of animation graphics within the site are children‟s
          television shows.

          An example of television show is the Simpsons,




On this website it includes a range of
different items. Information can be read
about the animated cartoon. Included on
this is the different types of media used
other than just the television show.                                Buttons make the website
                                                                    more interactive with the
When entering the site a linear animation is                        viewer using it and allows
played which can be skipped, within this                            them to access things they
animation are different types of information                        want to.
including some advertisement.




    By the Simpsons creating their own site
    they can promote anything they like by
    selecting the “SHOP” page it takes you to
    new things being sold. By doing this it
    saves a lot of money advertising on
    different types of media such as
    magazines, new papers or television.
Conner Murray




Some websites choose to advertise new products on the main screen before the home
page and if you click on the new product leads you to more information about the
product being sold.

A known brand for doing this is Apple they currently have just launched the new
IPhone 5 and it‟s become the main topic on the website as the target audience
involved is aimed at technology consumers.




                            When entering the website the first
                            page that opens is for the new
                            product being sold. This makes the
                            promotions more obvious to the
                            viewer.

                            As the information on the web
                            banner changes like a slide show
                            this is called an animated GIF.
Conner Murray


Task 2
Hand Drawn Cel Animation

Cel animation is a type of animation that makes the film/TV show/game look hand
drawn.

One of the first types of animation was hand drawn but with the advancement of
technology over the years this form of animation has been created by using computer
animation to give hand drawn to give the appearance more slick. As the drawing have
become much better because of the computer software around, programmes like
Flash can be used to do this type of animation.
By using the software‟s makes it a lot cheaper and easier to achieve the final outcome.


Flick Books

Flick books are the early dated types of animation are the
most simple.

To achieve a successful flick book you need a small pad and
on every page draw an object then adjust it on every page
once finished it will look like the doodle is moving.

The animation could be of a man running away from police
but the animation doesn‟t move too much when viewing the
different pages normally, instead when the book is flipped
with speed so that it gives the illusion that your viewing an
animation instead of looking at many separate drawings
one after the other.

Animated Cartoon

An animated cartoon is a series of moving images that are viewed as a character in
different situations.
Cartoons are usually created for children to watch as shows, some digital channels
                                 arecontinuously are showing them like Cartoon
                                 Network and Nickelodeon.
                                 Not only are some shows animated some films are
                                 they have cartoons in it, the most famous and first
                                 being Snow White and The Seven Dwarves, this
                                 was the most expensive animated cartoon film
                                 when it came out and was the first fully animated
                                 feature film.
Conner Murray




Task 3
Persistence of Vision

Persistence of vision is when a frame of images are going a speed the eye sees as a
moving clip by which an afterimage is thought to persist for approximately 0.04 of a
second on the retina.

Stop Motion



                                  Stop motion is an animation technique to make an
                                  object appear to move on its own by it being
                                  physically manipulated. This is done by the moving
                                  the object slightly and taking a range of photos to
                                  create a final clip.



Frame rate/Frame frequency

The frame-rate says how many images of a movie are displayed every second a movie
is played. The higher frame rate a movie has the smoother objects move in the movie.

Onion Skinning

Frame by frame animation takes a long time and can
become really repetitive to achieve the final clip when trying
to create something simple. When using flash theirs a tool
called “onion skinning”. This shows you the beginning and
ending frames when still looks like layering. Using onion
skinning allows the movement to be precise.

Tweening

The process of tweening is how the image begins from the first to second without any
errors; this process is used in every type of animation.

GIF

The Graphical Interchange Format: GIF - is one of the most widely used image
formats on the web. GIF files are recognizable by their .gif file extension. GIF is
suitable for images with sharp edges and relatively few gradations of colour, such as
line art, cartoons, and text.
Conner Murray


DHTML

Dynamic HTML is a collective term for a combination of hypertext mark-up language
HTML tags and options that can make web pages more animated and interactive
than previous versions of HTML.

XHTML

Extensible Hypertext Mark-up Language is based on the HTML but has been
modified to follow the guidelines of XML; the Extensible mark-up language because
XHTML is "extensible," Web developers can create their own objects and tags for
each Web page they build.

Task 4
Raster graphics

A raster graphics image, or bitmap, is a data structure representing a generally
rectangular grid of pixels, able to view by a monitor, paper, or any other source
possible. Raster images are stored in image files with varying formats. If you enlarge
or zoom into a raster image you lose detail and the picture pixelates.

Vector graphics

Vector graphics is the use of an equation containing a mathematical sum. This sum
keeps the points, lines, curves, and shapes all smooth and not pixelated because it‟s a
different type of software use e.g. adobe illustrator. Using vectors is better when
creating a magazine cover of advertisement because you can change the size to
however big needed and it won‟t lose quality life.

Image Compression

Image compression is minimizing the size in bytes of a graphics file without
degrading the quality of the image to an unacceptable level. The reduction in file size
allows more images to be stored in a given amount of disk or memory space. It also
reduces the time required for images to be sent over the Internet or downloaded
from Web pages.

File Format

File format that wraps video, audio, and other bit streams. This description is
concerned with QuickTime as a video wrapper called "movie" files by Apple, and as a
sound wrapper, especially as used by Apple's iTunes music service. QuickTime also
wraps still images, animations not recorded as video, virtual reality, and these are
not discussed at this site, with the exception of SWF_7 and SWF_8, the Flash SWF
File Format versions 7 and 8.
Conner Murray


Task 5
Web Animation Software and web player plugins

Authoring software is a programme where you can create different things or „author‟
them. It could be an interactive DVD for a business, an animation on the internet or
create multi-platform presentations.

Flash is a popular authoring software developed by Macromedia, is used to create
vector graphics-based animation programs with full-screen navigation interfaces,
graphic illustrations.

Swish is a program that is used to create Flash animations without using
Macromedia's Flash product. Swish includes tools for creating lines, rectangles,
ellipses, curves, motion paths, rollover buttons, and more.

Amara is an application for creating website animations like banners and photo
animations. The projects that you do on it export to .swf, the same as Flash and also
Flash projects are compatible with Amara.

Director is software that is used for making interactive CD‟s. These can be used for a
business to promote a new product.

A media player is a type of computer software that allows you to play multimedia
files without having to install major applications. These only work by allowing the
plugins.

Flash player

Flash player is used to play shockwave files; these are usually animations or movies.
It‟s also used on websites to help view certain videos that the site can‟t host on its
own.

Shockwave

Shockwave player is used to play animated and interactive videos and photos on web
pages and on computers with the plug in installed.

QuickTime

QuickTime player is Apple‟s media player and can play multiple formats like sounds,
digital videos and interactive photos. This type of player can also be used on Apple‟s
IPhones and IPods.

More Related Content

Viewers also liked

Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62connermurray
 
Ethicalcasestudy
EthicalcasestudyEthicalcasestudy
Ethicalcasestudyhannahmorse
 
Music video script
Music video scriptMusic video script
Music video scripthannahmorse
 
ใบงานรูปเรขาคณิต
ใบงานรูปเรขาคณิตใบงานรูปเรขาคณิต
ใบงานรูปเรขาคณิตLittle Eye
 
Genesis Dig Site 9
Genesis Dig Site 9Genesis Dig Site 9
Genesis Dig Site 9jmonteblanco
 
Editing pictures
Editing picturesEditing pictures
Editing pictureshannahmorse
 
diapositivas sistemas mecanicos
diapositivas sistemas mecanicos diapositivas sistemas mecanicos
diapositivas sistemas mecanicos katyjuli
 
Technosoft presentation at nasscom big data event on 06 feb-2013
Technosoft presentation at nasscom big data event on 06 feb-2013Technosoft presentation at nasscom big data event on 06 feb-2013
Technosoft presentation at nasscom big data event on 06 feb-2013Technosoft_Corporation
 

Viewers also liked (14)

Unit 2
Unit 2Unit 2
Unit 2
 
Task 1
Task 1Task 1
Task 1
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62
 
West
WestWest
West
 
Cadburys
CadburysCadburys
Cadburys
 
Ethicalcasestudy
EthicalcasestudyEthicalcasestudy
Ethicalcasestudy
 
Music video script
Music video scriptMusic video script
Music video script
 
Acts Dig Site 12
Acts Dig Site 12Acts Dig Site 12
Acts Dig Site 12
 
ใบงานรูปเรขาคณิต
ใบงานรูปเรขาคณิตใบงานรูปเรขาคณิต
ใบงานรูปเรขาคณิต
 
Genesis Dig Site 9
Genesis Dig Site 9Genesis Dig Site 9
Genesis Dig Site 9
 
Editing pictures
Editing picturesEditing pictures
Editing pictures
 
diapositivas sistemas mecanicos
diapositivas sistemas mecanicos diapositivas sistemas mecanicos
diapositivas sistemas mecanicos
 
Technosoft presentation at nasscom big data event on 06 feb-2013
Technosoft presentation at nasscom big data event on 06 feb-2013Technosoft presentation at nasscom big data event on 06 feb-2013
Technosoft presentation at nasscom big data event on 06 feb-2013
 
Resume Sept16
Resume Sept16Resume Sept16
Resume Sept16
 

Similar to Unit 65

Web animation
Web animationWeb animation
Web animationLS66731
 
Assignment 1
Assignment 1Assignment 1
Assignment 1Crashin
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
 
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
 
ipsoCreative | Kinetic Capabilities
ipsoCreative | Kinetic CapabilitiesipsoCreative | Kinetic Capabilities
ipsoCreative | Kinetic CapabilitiesJon Taylor
 
Unit 65 year 2 rog
Unit 65 year 2 rogUnit 65 year 2 rog
Unit 65 year 2 rogMediamoe
 
THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...
THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...
THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...MAACChowringhee4
 

Similar to Unit 65 (20)

Web animation
Web animationWeb animation
Web animation
 
Assignment 1
Assignment 1Assignment 1
Assignment 1
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive media
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive media
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive media
 
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
 
Assignment 1
Assignment 1Assignment 1
Assignment 1
 
Animation ict
Animation ictAnimation ict
Animation ict
 
Task 1
Task 1Task 1
Task 1
 
ANIMATION lesson 1.pptx
ANIMATION lesson 1.pptxANIMATION lesson 1.pptx
ANIMATION lesson 1.pptx
 
Banner
BannerBanner
Banner
 
Evaluation q 1
Evaluation q 1 Evaluation q 1
Evaluation q 1
 
Task 222
Task 222Task 222
Task 222
 
Best explainer video software 2021
Best explainer video software 2021Best explainer video software 2021
Best explainer video software 2021
 
ipsoCreative | Kinetic Capabilities
ipsoCreative | Kinetic CapabilitiesipsoCreative | Kinetic Capabilities
ipsoCreative | Kinetic Capabilities
 
Unit 65 year 2 rog
Unit 65 year 2 rogUnit 65 year 2 rog
Unit 65 year 2 rog
 
CW Evaluation - Apple
CW Evaluation - AppleCW Evaluation - Apple
CW Evaluation - Apple
 
Highly animated webpages
Highly animated webpagesHighly animated webpages
Highly animated webpages
 
THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...
THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...
THE PROCESS FOLLOWED FOR CREATING AN ANIMATED VIDEO BY MAAC ANIMATION KOLKATA...
 

Unit 65

  • 1. Conner Murray Unit 65 Task 1 Investigate the uses of Web animation Websites that usually use a lot of animation graphics within the site are children‟s television shows. An example of television show is the Simpsons, On this website it includes a range of different items. Information can be read about the animated cartoon. Included on this is the different types of media used other than just the television show. Buttons make the website more interactive with the When entering the site a linear animation is viewer using it and allows played which can be skipped, within this them to access things they animation are different types of information want to. including some advertisement. By the Simpsons creating their own site they can promote anything they like by selecting the “SHOP” page it takes you to new things being sold. By doing this it saves a lot of money advertising on different types of media such as magazines, new papers or television.
  • 2. Conner Murray Some websites choose to advertise new products on the main screen before the home page and if you click on the new product leads you to more information about the product being sold. A known brand for doing this is Apple they currently have just launched the new IPhone 5 and it‟s become the main topic on the website as the target audience involved is aimed at technology consumers. When entering the website the first page that opens is for the new product being sold. This makes the promotions more obvious to the viewer. As the information on the web banner changes like a slide show this is called an animated GIF.
  • 3. Conner Murray Task 2 Hand Drawn Cel Animation Cel animation is a type of animation that makes the film/TV show/game look hand drawn. One of the first types of animation was hand drawn but with the advancement of technology over the years this form of animation has been created by using computer animation to give hand drawn to give the appearance more slick. As the drawing have become much better because of the computer software around, programmes like Flash can be used to do this type of animation. By using the software‟s makes it a lot cheaper and easier to achieve the final outcome. Flick Books Flick books are the early dated types of animation are the most simple. To achieve a successful flick book you need a small pad and on every page draw an object then adjust it on every page once finished it will look like the doodle is moving. The animation could be of a man running away from police but the animation doesn‟t move too much when viewing the different pages normally, instead when the book is flipped with speed so that it gives the illusion that your viewing an animation instead of looking at many separate drawings one after the other. Animated Cartoon An animated cartoon is a series of moving images that are viewed as a character in different situations. Cartoons are usually created for children to watch as shows, some digital channels arecontinuously are showing them like Cartoon Network and Nickelodeon. Not only are some shows animated some films are they have cartoons in it, the most famous and first being Snow White and The Seven Dwarves, this was the most expensive animated cartoon film when it came out and was the first fully animated feature film.
  • 4. Conner Murray Task 3 Persistence of Vision Persistence of vision is when a frame of images are going a speed the eye sees as a moving clip by which an afterimage is thought to persist for approximately 0.04 of a second on the retina. Stop Motion Stop motion is an animation technique to make an object appear to move on its own by it being physically manipulated. This is done by the moving the object slightly and taking a range of photos to create a final clip. Frame rate/Frame frequency The frame-rate says how many images of a movie are displayed every second a movie is played. The higher frame rate a movie has the smoother objects move in the movie. Onion Skinning Frame by frame animation takes a long time and can become really repetitive to achieve the final clip when trying to create something simple. When using flash theirs a tool called “onion skinning”. This shows you the beginning and ending frames when still looks like layering. Using onion skinning allows the movement to be precise. Tweening The process of tweening is how the image begins from the first to second without any errors; this process is used in every type of animation. GIF The Graphical Interchange Format: GIF - is one of the most widely used image formats on the web. GIF files are recognizable by their .gif file extension. GIF is suitable for images with sharp edges and relatively few gradations of colour, such as line art, cartoons, and text.
  • 5. Conner Murray DHTML Dynamic HTML is a collective term for a combination of hypertext mark-up language HTML tags and options that can make web pages more animated and interactive than previous versions of HTML. XHTML Extensible Hypertext Mark-up Language is based on the HTML but has been modified to follow the guidelines of XML; the Extensible mark-up language because XHTML is "extensible," Web developers can create their own objects and tags for each Web page they build. Task 4 Raster graphics A raster graphics image, or bitmap, is a data structure representing a generally rectangular grid of pixels, able to view by a monitor, paper, or any other source possible. Raster images are stored in image files with varying formats. If you enlarge or zoom into a raster image you lose detail and the picture pixelates. Vector graphics Vector graphics is the use of an equation containing a mathematical sum. This sum keeps the points, lines, curves, and shapes all smooth and not pixelated because it‟s a different type of software use e.g. adobe illustrator. Using vectors is better when creating a magazine cover of advertisement because you can change the size to however big needed and it won‟t lose quality life. Image Compression Image compression is minimizing the size in bytes of a graphics file without degrading the quality of the image to an unacceptable level. The reduction in file size allows more images to be stored in a given amount of disk or memory space. It also reduces the time required for images to be sent over the Internet or downloaded from Web pages. File Format File format that wraps video, audio, and other bit streams. This description is concerned with QuickTime as a video wrapper called "movie" files by Apple, and as a sound wrapper, especially as used by Apple's iTunes music service. QuickTime also wraps still images, animations not recorded as video, virtual reality, and these are not discussed at this site, with the exception of SWF_7 and SWF_8, the Flash SWF File Format versions 7 and 8.
  • 6. Conner Murray Task 5 Web Animation Software and web player plugins Authoring software is a programme where you can create different things or „author‟ them. It could be an interactive DVD for a business, an animation on the internet or create multi-platform presentations. Flash is a popular authoring software developed by Macromedia, is used to create vector graphics-based animation programs with full-screen navigation interfaces, graphic illustrations. Swish is a program that is used to create Flash animations without using Macromedia's Flash product. Swish includes tools for creating lines, rectangles, ellipses, curves, motion paths, rollover buttons, and more. Amara is an application for creating website animations like banners and photo animations. The projects that you do on it export to .swf, the same as Flash and also Flash projects are compatible with Amara. Director is software that is used for making interactive CD‟s. These can be used for a business to promote a new product. A media player is a type of computer software that allows you to play multimedia files without having to install major applications. These only work by allowing the plugins. Flash player Flash player is used to play shockwave files; these are usually animations or movies. It‟s also used on websites to help view certain videos that the site can‟t host on its own. Shockwave Shockwave player is used to play animated and interactive videos and photos on web pages and on computers with the plug in installed. QuickTime QuickTime player is Apple‟s media player and can play multiple formats like sounds, digital videos and interactive photos. This type of player can also be used on Apple‟s IPhones and IPods.