SlideShare une entreprise Scribd logo
1  sur  6
Task 1

Banner

Well known web site will use banners and they will have many different ones too. The use of an ad
banner is to advertise a product or campaign you will get website like YouTube. Therefore different
companies to put their banner on the YouTube website and then people will see it and if they are
interested in the ad banner they will click on the banner they will be sent to a different website so
they can interact with them. Also YouTube will get paid from other companies to do this and the way
it works is how many people click on the link will determine how much they will get for having the ad
banner on the website.




Animated interface elements and interactive animations

Animated interface is what you will interact with like the controls around the screen so with the Nike
store online is a good example so you can make your own shoe so it’s an animation you change
yourself so it’s not an animation which you control. For example you can move the shoe on screen in
the position you want like see it from the sides or from the top and bottom also the back of it so
there for its not linear movement so the animation doesn’t loop doing the same thing over and over.
Also you got other options like zoom, rotate, view both shoes or take an image of the shoes so you
can take the image and show your friends and get their opinion before you make the purchase. So
the official Nike store has an animated feature of theirs called Nike ID. What Nike ID does is that you
can pick 1 of the many different type of shoe type and make and personalise a shoe so you can
select different part of the shoe its self
a change the type of material you like
e.g. suede smooth leather or mesh so
you pick the material you like the best.
Also you can get to change the colour
of the shoe so it could be a plain white
shoe or you can make multi-coloured
like a rainbow so you can choose how
you like. On the heel of the shoe its self
you can put your own ID on it so on
your left shoe you can put your name
or nickname on it and on the right you
can have your birth year so there for its
your very own personal customised
shoe.
Linear animation is an animation you have no control over it at all so it could be an image of
someone dancing but the dancer will be dancing over and over and you won’t be able to stop the
animation you will see this if a website is loading up so you hopefully not get bored and leave the
website so therefore the linear animation Is for entertainment purposes. The Simpsons website
uses a linear animation while the webpage loads up.




Promotion, instruction, entertainment and information

The CBBC website uses animated games to promote their shows on television. So the game will be
themed on a show they have on their television channel for example ‘Dik and Dom’ is a children
programme which is CBBC aired on their channel so therefore they make a little game on their
website to promote that show also this
game will remind the child that the
programme is still on their channel also
it’s a free advertisement because it’s on
their website. On the web site the games can be educational because they have a game were you
got to match the right colour balls to get points and get rid of them to advance to the next level so
that game will help teach children to add up which will be used in life time situation. So the website
                                                      has a lot of entertainment purposes for example
                                                      the amount of games they have on there also
                                                      these page after page of them. Also they have
                                                      videos on there to watch and they have music
                                                      you can listen to. Some of the games on the
                                                      CBBC website can help children learn new
                                                      things like one I seen is an interactive clock
                                                      which you can learn from if you wanted to earn
                                                      how to tell the time from analogue.
Task 2

Flick books

A flick book consists of many pages with images on them. Each image looks the same but have a
minor difference. The reason for this is that when you flick though the pages quickly, the images look
like its moving. A flick book can use a series of drawings or you can use photographs instead so then
it’s a motion picture. A flick book is really an illusion which makes it look like the images are moving.
But really for a split second when the pages are being flick you still see the image from before so
therefore the movement looks smooth and the for you see a motion.

Gif file format

A gif file is short for graphic interchange format. So this file is useful for storing graphical images of
256 colours. Its compression method is LZW this means that when you go to decompress it the
information is saved so therefore the image is lossless. There are two types of gif files first gif 78a
which is when you save one image, the second is gif 78a so this is to have multiple image stored
together to create an animation (moving image).

Task 3

The Process of Animation

So the animation process starts off with the team deciding on the storyline of the animation so then
on the storyline is made in to a story board of the whole animation its self. The next step is the
recording of the voices of so the animators know how the characters mouth should move when
speech is included. The next part is the rough sketches of just the characters and there no colour in
the images still also there can be up 50,000 or more drawings. Now when all the drawings a made
the get sent off to the inker department so the images are then put on to clear celluloid acetate so
now you got the image on clear plastic material so you put the images on to a background and
because the material clear you can see straight though it to the background and then its putting the
images together and in order to make the animation.

Persistence of Vision

Persistence of vision is a phenomenon which an image will stay with you for one twenty-fifth of a
second. The myth of persistence of vision is a mistaken belief by humans persistence of motion
(brain centred) is the cause of persistence of vision (eye centred). The myth was discovered in 1912
and it still used in the modern day films e.g. Wallace and Gromit. There is also a possible theory to
explain motion perception. There are two perceptual illusions, Phi phenomenon and Beta
movement. Phi Phenomenon it is an optical illusion defined by Max Wertheimer in Gestalt
psychology in 1912, in which that persistence of vision formed part of the theory of the cinema used
by Hugo Munsterberg in 1916. This optical illusion is based on the human eye so this illusion is by a
group of frozen images being flick though to make it look like the image is moving. Beta movement is
the other optical illusion, first recorded by Max Wertheimer in 1912. It’s an illusion that uses still
images that seem to move. All it is a group of image that move ever so slightly. So this is very similar
to an animation.

Stop Frame/Stop Motion

Stop frame if a technique use in the animation business. Which is to take a picture of an object in
one position, then take and picture of the same object but the slightly move the object into a
different position and the repeat this many times so then you have a series of images. So if you were
to use these images into an animation software like premier elements the images will be put
together and they will be flicked though so the image is an illusion which looks like the image is
moving.

Frame Rates

Frame rate is also known as frame frequency. So this is the rate of how many images are being
shown in a second so a normal animation would use about 24 images per second. This method is
used by animators in the film and animating industry. So if you put more frames in an animation the
animation whatever it is it will then be the smoother the movement outcome you will get.

The software called flash you can make animations from scratch so you can literally draw them from
the software or you could use already made images. So if you wanted to make an image move from
one image to another and wanted it to be smooth you would first make two key frames what this
does is activate the start of a movement so in between the key frame you will the use a tween to
make the movement.

Task 4

Vector animation

Vector animation is an image which is made up of a formula rather than pixels so the image can be
copied without losing any detail also it can be resized without any detail loss. So the image is
smoother and clearer so this is the benefit the down side is that there is the lack of detail and
shading.

Raster animation

A raster animation is using photo images to make an animation so if you wanted to edit an image for
example you wanted to change the size zoom init will loss detail so the image I lossy so therefore the
image could look distort so the image ruined. The benefit of raster images is that it uses pixels so the
image could be taken with a good camera with a good pixel lens so there more detail in the image.
Also the image uses up more memory because there more detail and bigger in size.

Task 5

Flash is animation software where you can make your very own animations. So using the software
you can draw imagesfrom scratch by using many different tools also you can animate every detail to
your standards. You can make animations another way by using a camera to take images and then
import the image however you like so it can be a stop motion animation.
Flash player

Flash player is a plugin which allows you to watch flash animation. This is a very useful tool because
before showing the world the animation, you can watch the animation to see if there needs to be
edits sound corrections. Also you will need this plugin to play flash games or flash websites also if
you try to watch play or enter and you don’t have flash player it will prompt you to download it so
you can access flash ware products.




.
Banner

Contenu connexe

Tendances

A2 media evaluation
A2 media evaluation A2 media evaluation
A2 media evaluation JODHI123
 
Eva,uation4
Eva,uation4Eva,uation4
Eva,uation4Lal2b2
 
Question4
Question4Question4
Question4ap2
 
Ancillary Poster Production Log
Ancillary Poster Production LogAncillary Poster Production Log
Ancillary Poster Production Logtesfah
 
Digital graphics pro forma - added extras
Digital graphics pro forma - added extrasDigital graphics pro forma - added extras
Digital graphics pro forma - added extrasTheJellehKed
 
Question 6
Question 6Question 6
Question 6whslaura
 
Photography Evaluation (with Improvements)
Photography Evaluation (with Improvements) Photography Evaluation (with Improvements)
Photography Evaluation (with Improvements) cloestead
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4CalPow
 
Matte painting tutorials
Matte painting tutorialsMatte painting tutorials
Matte painting tutorialsAgung Yuwono
 
Digital Graphics Pro Forma
Digital Graphics Pro FormaDigital Graphics Pro Forma
Digital Graphics Pro FormaCraig Cassidy
 
Web animation, interaction and user experience
Web animation, interaction and user experienceWeb animation, interaction and user experience
Web animation, interaction and user experiencesaya4
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formaoliviagriffiths
 
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...MattRogero
 
Fmp2 production reflection
Fmp2 production reflectionFmp2 production reflection
Fmp2 production reflectionbronparsons
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaLiam Allan
 
Digital graphics pro forma updated - Latest Development
Digital graphics pro forma updated - Latest DevelopmentDigital graphics pro forma updated - Latest Development
Digital graphics pro forma updated - Latest DevelopmentTheJellehKed
 

Tendances (18)

A2 media evaluation
A2 media evaluation A2 media evaluation
A2 media evaluation
 
STEAL THIS PRESENTATION!
STEAL THIS PRESENTATION! STEAL THIS PRESENTATION!
STEAL THIS PRESENTATION!
 
Eva,uation4
Eva,uation4Eva,uation4
Eva,uation4
 
Question4
Question4Question4
Question4
 
Ancillary Poster Production Log
Ancillary Poster Production LogAncillary Poster Production Log
Ancillary Poster Production Log
 
Digital graphics pro forma - added extras
Digital graphics pro forma - added extrasDigital graphics pro forma - added extras
Digital graphics pro forma - added extras
 
Question 6
Question 6Question 6
Question 6
 
Photography Evaluation (with Improvements)
Photography Evaluation (with Improvements) Photography Evaluation (with Improvements)
Photography Evaluation (with Improvements)
 
Question 4
Question 4Question 4
Question 4
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Matte painting tutorials
Matte painting tutorialsMatte painting tutorials
Matte painting tutorials
 
Digital Graphics Pro Forma
Digital Graphics Pro FormaDigital Graphics Pro Forma
Digital Graphics Pro Forma
 
Web animation, interaction and user experience
Web animation, interaction and user experienceWeb animation, interaction and user experience
Web animation, interaction and user experience
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...
 
Fmp2 production reflection
Fmp2 production reflectionFmp2 production reflection
Fmp2 production reflection
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Digital graphics pro forma updated - Latest Development
Digital graphics pro forma updated - Latest DevelopmentDigital graphics pro forma updated - Latest Development
Digital graphics pro forma updated - Latest Development
 

Similaire à Banner

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
 
Unit 65 year 2 rog
Unit 65 year 2 rogUnit 65 year 2 rog
Unit 65 year 2 rogMediamoe
 
Whiteboard animation
Whiteboard animationWhiteboard animation
Whiteboard animationellajosen
 
Assignment 1
Assignment 1Assignment 1
Assignment 1Crashin
 
3. fmp production experiments (finished)
3. fmp production experiments (finished)3. fmp production experiments (finished)
3. fmp production experiments (finished)sean cawood
 
Rahil chauhary evaluation
Rahil chauhary evaluationRahil chauhary evaluation
Rahil chauhary evaluationWayne O'Brien
 
Presentation of the product final
Presentation of the product finalPresentation of the product final
Presentation of the product finalAndreas Mina
 
Journeys draft four
Journeys draft fourJourneys draft four
Journeys draft fourAmyKilbride2
 
A2 Media Evaluation
A2 Media EvaluationA2 Media Evaluation
A2 Media EvaluationNicoleMedia
 
A2 Media Evaluation
A2 Media EvaluationA2 Media Evaluation
A2 Media EvaluationNicoleMedia
 
How did you use media technologies!
How did you use media technologies!How did you use media technologies!
How did you use media technologies!JamesWeston18
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1Jamie Hutt
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4saffcake
 

Similaire à Banner (20)

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
 
Assignment 1
Assignment 1Assignment 1
Assignment 1
 
Unit 65 year 2 rog
Unit 65 year 2 rogUnit 65 year 2 rog
Unit 65 year 2 rog
 
Whiteboard animation
Whiteboard animationWhiteboard animation
Whiteboard animation
 
17 Video Creation Tools
17 Video Creation Tools17 Video Creation Tools
17 Video Creation Tools
 
Assignment 1
Assignment 1Assignment 1
Assignment 1
 
3. fmp production experiments (finished)
3. fmp production experiments (finished)3. fmp production experiments (finished)
3. fmp production experiments (finished)
 
Website animation
Website animationWebsite animation
Website animation
 
Rahil chauhary evaluation
Rahil chauhary evaluationRahil chauhary evaluation
Rahil chauhary evaluation
 
Presentation of the product final
Presentation of the product finalPresentation of the product final
Presentation of the product final
 
Task 1
Task 1Task 1
Task 1
 
Journeys draft four
Journeys draft fourJourneys draft four
Journeys draft four
 
A2 Media Evaluation
A2 Media EvaluationA2 Media Evaluation
A2 Media Evaluation
 
A2 Media Evaluation
A2 Media EvaluationA2 Media Evaluation
A2 Media Evaluation
 
Evaluation ppt
Evaluation ppt Evaluation ppt
Evaluation ppt
 
Evaluation ppt
Evaluation ppt Evaluation ppt
Evaluation ppt
 
How did you use media technologies!
How did you use media technologies!How did you use media technologies!
How did you use media technologies!
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4
 

Plus de ubercharged06 (17)

Raster graphics
Raster graphicsRaster graphics
Raster graphics
 
Proposal
ProposalProposal
Proposal
 
Client brief
Client briefClient brief
Client brief
 
Swot analysis
Swot analysisSwot analysis
Swot analysis
 
Analasis
AnalasisAnalasis
Analasis
 
Proposal
ProposalProposal
Proposal
 
Proposal
ProposalProposal
Proposal
 
Storyboards
StoryboardsStoryboards
Storyboards
 
Resources
ResourcesResources
Resources
 
Animated banners task 1
Animated banners task 1Animated banners task 1
Animated banners task 1
 
Animated banners task 1
Animated banners task 1Animated banners task 1
Animated banners 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
 
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
 
Cadburys dream
Cadburys dreamCadburys dream
Cadburys dream
 
Cadburys dream
Cadburys dreamCadburys dream
Cadburys dream
 
Animation ideas
Animation ideasAnimation ideas
Animation ideas
 
Job roles and skills
Job roles and skillsJob roles and skills
Job roles and skills
 

Banner

  • 1. Task 1 Banner Well known web site will use banners and they will have many different ones too. The use of an ad banner is to advertise a product or campaign you will get website like YouTube. Therefore different companies to put their banner on the YouTube website and then people will see it and if they are interested in the ad banner they will click on the banner they will be sent to a different website so they can interact with them. Also YouTube will get paid from other companies to do this and the way it works is how many people click on the link will determine how much they will get for having the ad banner on the website. Animated interface elements and interactive animations Animated interface is what you will interact with like the controls around the screen so with the Nike store online is a good example so you can make your own shoe so it’s an animation you change yourself so it’s not an animation which you control. For example you can move the shoe on screen in the position you want like see it from the sides or from the top and bottom also the back of it so there for its not linear movement so the animation doesn’t loop doing the same thing over and over. Also you got other options like zoom, rotate, view both shoes or take an image of the shoes so you can take the image and show your friends and get their opinion before you make the purchase. So the official Nike store has an animated feature of theirs called Nike ID. What Nike ID does is that you can pick 1 of the many different type of shoe type and make and personalise a shoe so you can select different part of the shoe its self a change the type of material you like e.g. suede smooth leather or mesh so you pick the material you like the best. Also you can get to change the colour of the shoe so it could be a plain white shoe or you can make multi-coloured like a rainbow so you can choose how you like. On the heel of the shoe its self you can put your own ID on it so on your left shoe you can put your name or nickname on it and on the right you can have your birth year so there for its your very own personal customised shoe.
  • 2. Linear animation is an animation you have no control over it at all so it could be an image of someone dancing but the dancer will be dancing over and over and you won’t be able to stop the animation you will see this if a website is loading up so you hopefully not get bored and leave the website so therefore the linear animation Is for entertainment purposes. The Simpsons website uses a linear animation while the webpage loads up. Promotion, instruction, entertainment and information The CBBC website uses animated games to promote their shows on television. So the game will be themed on a show they have on their television channel for example ‘Dik and Dom’ is a children programme which is CBBC aired on their channel so therefore they make a little game on their website to promote that show also this game will remind the child that the programme is still on their channel also it’s a free advertisement because it’s on their website. On the web site the games can be educational because they have a game were you got to match the right colour balls to get points and get rid of them to advance to the next level so that game will help teach children to add up which will be used in life time situation. So the website has a lot of entertainment purposes for example the amount of games they have on there also these page after page of them. Also they have videos on there to watch and they have music you can listen to. Some of the games on the CBBC website can help children learn new things like one I seen is an interactive clock which you can learn from if you wanted to earn how to tell the time from analogue.
  • 3. Task 2 Flick books A flick book consists of many pages with images on them. Each image looks the same but have a minor difference. The reason for this is that when you flick though the pages quickly, the images look like its moving. A flick book can use a series of drawings or you can use photographs instead so then it’s a motion picture. A flick book is really an illusion which makes it look like the images are moving. But really for a split second when the pages are being flick you still see the image from before so therefore the movement looks smooth and the for you see a motion. Gif file format A gif file is short for graphic interchange format. So this file is useful for storing graphical images of 256 colours. Its compression method is LZW this means that when you go to decompress it the information is saved so therefore the image is lossless. There are two types of gif files first gif 78a which is when you save one image, the second is gif 78a so this is to have multiple image stored together to create an animation (moving image). Task 3 The Process of Animation So the animation process starts off with the team deciding on the storyline of the animation so then on the storyline is made in to a story board of the whole animation its self. The next step is the recording of the voices of so the animators know how the characters mouth should move when speech is included. The next part is the rough sketches of just the characters and there no colour in the images still also there can be up 50,000 or more drawings. Now when all the drawings a made the get sent off to the inker department so the images are then put on to clear celluloid acetate so now you got the image on clear plastic material so you put the images on to a background and because the material clear you can see straight though it to the background and then its putting the images together and in order to make the animation. Persistence of Vision Persistence of vision is a phenomenon which an image will stay with you for one twenty-fifth of a second. The myth of persistence of vision is a mistaken belief by humans persistence of motion (brain centred) is the cause of persistence of vision (eye centred). The myth was discovered in 1912 and it still used in the modern day films e.g. Wallace and Gromit. There is also a possible theory to explain motion perception. There are two perceptual illusions, Phi phenomenon and Beta movement. Phi Phenomenon it is an optical illusion defined by Max Wertheimer in Gestalt psychology in 1912, in which that persistence of vision formed part of the theory of the cinema used by Hugo Munsterberg in 1916. This optical illusion is based on the human eye so this illusion is by a group of frozen images being flick though to make it look like the image is moving. Beta movement is the other optical illusion, first recorded by Max Wertheimer in 1912. It’s an illusion that uses still
  • 4. images that seem to move. All it is a group of image that move ever so slightly. So this is very similar to an animation. Stop Frame/Stop Motion Stop frame if a technique use in the animation business. Which is to take a picture of an object in one position, then take and picture of the same object but the slightly move the object into a different position and the repeat this many times so then you have a series of images. So if you were to use these images into an animation software like premier elements the images will be put together and they will be flicked though so the image is an illusion which looks like the image is moving. Frame Rates Frame rate is also known as frame frequency. So this is the rate of how many images are being shown in a second so a normal animation would use about 24 images per second. This method is used by animators in the film and animating industry. So if you put more frames in an animation the animation whatever it is it will then be the smoother the movement outcome you will get. The software called flash you can make animations from scratch so you can literally draw them from the software or you could use already made images. So if you wanted to make an image move from one image to another and wanted it to be smooth you would first make two key frames what this does is activate the start of a movement so in between the key frame you will the use a tween to make the movement. Task 4 Vector animation Vector animation is an image which is made up of a formula rather than pixels so the image can be copied without losing any detail also it can be resized without any detail loss. So the image is smoother and clearer so this is the benefit the down side is that there is the lack of detail and shading. Raster animation A raster animation is using photo images to make an animation so if you wanted to edit an image for example you wanted to change the size zoom init will loss detail so the image I lossy so therefore the image could look distort so the image ruined. The benefit of raster images is that it uses pixels so the image could be taken with a good camera with a good pixel lens so there more detail in the image. Also the image uses up more memory because there more detail and bigger in size. Task 5 Flash is animation software where you can make your very own animations. So using the software you can draw imagesfrom scratch by using many different tools also you can animate every detail to your standards. You can make animations another way by using a camera to take images and then import the image however you like so it can be a stop motion animation.
  • 5. Flash player Flash player is a plugin which allows you to watch flash animation. This is a very useful tool because before showing the world the animation, you can watch the animation to see if there needs to be edits sound corrections. Also you will need this plugin to play flash games or flash websites also if you try to watch play or enter and you don’t have flash player it will prompt you to download it so you can access flash ware products. .