Animated banners/ads                 Task 1Lots of websites use animated banners and ads because it looks a lot more profe...
This is the BMW site where you                                                                      can customise the car ...
Nearly all websites are used to promote a product or some kind of entertainment, such as theSimpsons website is promoting ...
GIF- a gif files are used to save moving images, GIF is short for Graphic interchange format it is usedto save moving grap...
Image compression is very useful when you want to place a detailed picture on a webpageor just for download of the interne...
Animated banners task 1
Upcoming SlideShare
Loading in …5

Animated banners task 1


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Animated banners task 1

  1. 1. Animated banners/ads Task 1Lots of websites use animated banners and ads because it looks a lot more professional than anadvert with just text and also increases the chances that someone might click on the ad that links tothe website posting the ad. Websites like YouTube allow for animated ads and video ads at the topof the webpage. Also it allows the users to add their own adverts; this could be because that userhas a sponsor.YouTube’s ads are sometimes click to play or click to expand and sometimes they go further with theinteractivity and allow the user to change what happens in the adverts or to choose their ownchoices such as the AXE and Lynx adverts.This advert above is clearly click to play and has the play button in the middle of the advert but alsogives enough info so that the user knows what’s it about even if they didn’t end up clicking the playbutton. Using the bright colours attracts some attention from the users of YouTube and the advertalso uses the logo that somepeople might recognise.The Nike ID site is a great exampleof using interactive interfaceelements, here you can choosecolours and tags that you wouldlike on your custom Nike hoodiethis can also be used for trainersand other sports clothing. Thereare tools to rotate, zoom andcapture a picture of your custompiece of clothing. All these areinteractive interface options. Alsoat the bottom of the page you cansee the share buttons, whichallows you to share your design with friends on Facebook, Twitter and via email. You can also makeposters of your clothing design or add it to the Nike clothing gallery so that other people who visitthe site can see and maybe order if they like the design. Other sites like this are The BMW websitewhere you can create your own car and choose which packages you want in it once you purchasethe car.
  2. 2. This is the BMW site where you can customise the car you want to buy or that you are interested in. There are a number of option to choose from such as seat colour, body colour and a number of packages you can get with your car such as built in sat Nav, the site allows you to change these using the interactive interfaceoptions and also allows you to view the inside and rear of the car and allows for zoom in and zoomout so that you can view the specific parts of the car that you want to see. It also gives you thecurrent price of the vehicle. There are often linear animation on websites when they are loading up for example the flash site for the Simpsons has a spinning donut whilst it is loading up this animation if very simple and runs until the rest of the site loads up, these animations are often implemented so that the users still know that the site is loading up. Linear animation cannot be stopped or paused and play on until they are finished the most obvious linear animation is the loading screens for a lot of flash sights most of the time replaying until thewebsite has finished loading itself. Also it allows the creator to choose whether they want you towatch the animation because they can choose not to let you skip it, so they can show you want theyintended you to see.Other types of animations would be interactive, this is where you can change things that arehappening within the animation also it can be as simple as stopping and starting the animation. Lotsof children’s websites like CBBC have interactive animation in the form of small games which can beused for learning purposes. These are interactive animation and allow the user to move them around and choose options. These are often the best for learning or information animations because they allow people to take them in at their own pace.
  3. 3. Nearly all websites are used to promote a product or some kind of entertainment, such as theSimpsons website is promoting the Simpsons and all the sponsors of the Simpsons such as Sky andFOX. Other sites such as Nike are advertising their products and clothing range most sites are used topromote and offer another media type to get in touch or to purchase something from. Also gamesare a great way to advertise products; YouTube also gets adds before videos and is often a great way to promote a product or Channel. To the left is the Simpsons official site where is promotes the TV series and the channel. Also tells the viewer when the Program is on next to FOX at the top right. Other sites are instructive and instruct you on certain things this can also be linked with education as many sites such as CBBC will have educational games within them for children to play learn and have fun. There are also sites that are made specifically forlearning such as My Maths which is used by many schools around the world because of all thelearning activities that are on the site and all the pages dedicated to different sides of maths and forall levels. There are other learning sites for English and science that are used by schools to helpeducate the students. Other sites are used purely for entertainment and for fun, one of these sites iscalled Miniclip and hosts a wide variety of free games for anyone with an internet connection to playand enjoy. There are many of these entertainment websites on the internet though only some ofthem are official where as some of them just copy the URL of other sites and upload the same gameon theirs.Task 2Cell-animation uses different layers to create movement; this can be done by drawing backgroundsseparate to the characters and the props so that you can re-use backgrounds in different scenes.Everything that is going to move needs to be drawn separately to the background so that they canmove in front of the background slide. This is very useful if you are going to be revisiting certainbackgrounds over and over because you will always have that slide and you could even modify itwhen you felt it needs changing.Flip books are an old and complex way of animating, this requires you to draw a lot of differentimages that have been slightly tweaked, and this could be as little as an arm moving to the left or aleg. But after hundreds of images you could have a fluent animation. It’s also required that you flipthrough these pages at a fairly fast speed to get the animation working properly. Flip books could bestick men to real drawn people, but obviously stick men are going to be the easiest to draw and toanimate considering how many images you have to draw.
  4. 4. GIF- a gif files are used to save moving images, GIF is short for Graphic interchange format it is usedto save moving graphics that are mostly used on websites and webpages on the internet they cansave 256 different shades of colours. The compression method used to compress gif files LZW whencompression starts the information is saved so the final outcome is lossless and no information islost during the compression of the GIF file.The process if animation-First step of creating the animation would be to have an idea in mind thatyou are going to base the whole animation around. Then create a story board to base the animationoff and for reference later on. Assuming you would want voice acting in the animation you wouldthen need to make a script for the characters and record the sounds.You would then start to drawnthe characters and the backgrounds so that you have quick access to them later on.Task 3Persistence of vision, it is believed that an image persists at the back of the retina for one twentyfifth of a second. While in animation when you slow down the FPS (Frames per second) you can seethe animation is slightly rough and jumpy this is because you can still picture the last frame becauseit is going so slow. Whereas if you increase the FPS the animation seems very smooth because it isrunning at a faster pace so that the eye is only seeing a smooth animation. Phi phenomenon is thetheory that the human eye can see movement from pieces of information. Such as looking into acircle of dots for about 10 seconds and you will start to see one of the dots moving around the circleStop Frame is an animation technique to make a physically manipulated object appear to be movingon its own. This animation technique has been used on numerous different films and cartoons. Filmssuch as Wallace and Gromit, this film has only ever used the stop motion technique in its animation.Stop frame can often give the jumpy appearance if it is not done to the correct amount of FPS. 20FPS is enough to get a smooth animation. Stop frame has grown since objects like the kinescope in1889 stop motion has been used to make full feature lengthFrame rates is how many frames are in a second the more frames put into a seconds worth ofanimation the smoother the final outcome will be. (FPS) frames per second. With stop motionanimations it takes around 12 frames per second to make the animation smooth, different forms ofTV and other types of animation all require different frame rates to run smoothly. Frame rate is thekey thing to keep in mind while creating an animation because it needs to be smooth for people toenjoy it also if it jumps a lot most people are likely to just turn the animation off or leave the site.Task 4Vector animation is using Vector images so that you can see a lot more detail and it being a lot lessblurry once it is complete. Vector images take up a lot more memory because their un-compressedand take up a lot more space than a raster image which is compressed and loses some of its detail,this can cause zooming into a raster image to blur.Raster animation this uses raster images to create an animation these would be 2D animation andwould be slightly less detailed than the vector image animations. These however would take upconsiderably less space and would take up a lot less memory because they have been compressedand are smaller than full images as well as adding sound, this needs to be kept in mind while creatinga website because the bigger the animation the slower it will load in someone else’s browser.
  5. 5. Image compression is very useful when you want to place a detailed picture on a webpageor just for download of the internet. The only problem with lossy compression is that someof the data gets lost when its compressed leaving the image a little worse of and morepixelated, but the file size will be much less. Lossless compression is much better the imageor file that is being compressed does not lose any data but the compression can only go sosmall before it can’t compress any further, this type of compression is very useful forprinting and professional publishing whereas lossy compression is much better fordownloads and displaying images on webpages/websites. If you were publishing images forprofessional magazines and books you would not want any data to be lost so you would beusing lossless compression. A lot of files on the web are lossy because it makes them smallerand quicker to download from the internet to your computer most image files on theinternet are lossy.Task 5Flash is a professional animation product that is part of the adobe collection of programs,flash can be used to create 3d and 2d animation and is a well-rounded product. It can becomplex and also simple depending on how good and used to flash you are. Lots ofanimations are created on flash because of how good the quality is, it uses frames and atimeline also layers and graphics, you can create anything to animate on flash. It is alsocompatible with other adobe products such as Photoshop and Dreamweaver so you cantransfer drawings or animations to websites that you have created on Dreamweaver.Director is a software slightly like flash but instead of creating specific animation you aregiven a list of animations you can use, this software is mostly used for creating DVD menusor interactive DVDs. It’s a much more basic version of flash. As flash is more complex,Director can be basic but also has some complex features that allow you to create morecomplex interactive DVDs and also allows you to move images around the screen and createbuttons. Director is useful for creating learning DVDs or entertainment DVDs but no somuch for animation.Flash player is a plugin that is needed for you to be able to watch flash videos or flashanimations and also to play any type of flash game. Without the plugin you will not be ableto access flash websites/webpages. There are many other types of plugins such asshockwave and real time plugin these to pretty much the same job and with them on yourcomputer you will be able to watch and access most animation and websites, but withoutthem you will most likely get an error or a prompt to download them if u have no already.