A NIMATED GIF S Adapted from in_photos.htm

Slides:



Advertisements
Similar presentations
Iframes & Images Using HTML.
Advertisements

Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
Chapter 6 Preparing and Publishing Applications. Chapter 6 Lessons 1.Publish movies 2.Reduce file size to optimize a movie 3.Create a preloader 4.Publish.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
Procedure for Developing a Multimedia Presentation 6.02 Apply procedures to develop multimedia presentations used in business.
UEC 01 : Computer Skills & Programming Concepts I 1PUA – Computer Engineering Department – UEC01 – Dr. Mona Abou - Of Lecture 10: Presentation Graphic.
Microsoft Office Illustrated Fundamentals Unit N: Polishing and Running a Presentation.
Using Animation and Multimedia Lesson 9. Software Orientation The Animation Pane, shown at right, enables you to manage all the animation effects on the.
Computer Information Technology – Section 5-7 PowerPoint: Effects - Animations Some text and examples used with permission from:
Chapter 6 Photoshop and ImageReady: Part II The Web Warrior Guide to Web Design Technologies.
Adobe Photoshop CS Design Professional FOR THE WEB CREATING IMAGES.
Chapter 7 Creating Complex Interactivity in an iPad Presentation.
Starting and Customizing a PowerPoint Slide Show
Adapting PowrPoint Use the Adapting PowerPoint Content Checklist and the Creating Content job aid Modify the PowerPoint and create an Agenda (.SAZ)
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
CIS101 Introduction to Computing HTML Project Two.
Adobe Photoshop 6 Advanced Level Course. Easy Fixes Photoshop is the best tool to fix old, torn and faded photographs, and can fix almost all flaws in.
Animations & Transitions
2.02E Adding and Animating Text into Computer Animations 2.02 Develop Computer Animations.
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
 Experiment with the Design features to get the look you want for your presentation.  Most design templates will keep the design the same on all your.
Websitepipeline ™ university Web Page Catalog adding and editing web pages.
Web Design, 4 th Edition 5 Typography and Images.
© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.
BASIC HTML TUTORIAL Amber Brady. HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a.
Photoshop Backgrounds, Buttons, Banners & Animation In PowerPoint Presentations.
Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.
Web Design, 5 th Edition 5 Typography and Images.
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.
Computer Science 101 Images in Web Pages. Image Files Two common formats, GIF and JPEG GIF images are more flexible for use as icons JPEG images are sharper.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
Understand business uses of presentation software and methods of distribution.
XP Practical PC, 3e Chapter 15 1 Creating Desktop Video and Animation.
+ 5 Things you need to know about images* *Images for the web.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Key Applications Module Lesson 20 — Enhancing Presentations with Multimedia Effects Computer Literacy BASICS.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
PowerPoint Practice Exercise 1 1.Save this file in your AV-TECH Folder as PowerPoint Practice Exercise 1. 2.Open this file in PowerPoint. 3.Edit each slide.
Preset and custom animation
“ Animation Through the Ages” Camelia McCallion. Main tasks What is computer animation? Hand drawn (cel) Flick books Animated cartoon Animation process.
 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Digital Camera Assignment  Information from.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
© 2011 Delmar, Cengage Learning Chapter 4 Adding Images.
Procedure for Developing a Multimedia Presentation Apply procedures to develop multimedia presentations used in business.
Chapter 18 Working with Animation, Video, & Photography.
Web Page Design Mrs. Ricke. Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures.
Procedure for Developing a Multimedia Presentation Apply procedures to develop multimedia presentations used in business.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
HTTP transaction with Graphics HTML file + two graphics files.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Lesson 6: Enhancing Presentations
3.02 Explain basic motion graphic programming.
Procedure for Developing a Multimedia Presentation
Procedure for Developing a Multimedia Presentation
3.01F Publishing Animated Videos
Procedure for Developing a Multimedia Presentation
Procedure for Developing a Multimedia Presentation
Procedure for Developing a Multimedia Presentation
Procedure for Developing a Multimedia Presentation
Procedure for Developing a Multimedia Presentation
Procedure for Developing a Multimedia Presentation
Polishing and Running a Presentation
Animations & Transitions
Procedure for Developing a Multimedia Presentation
Presentation transcript:

A NIMATED GIF S Adapted from in_photos.htm in_photos.htm

W HY GIF? The GIF file format supports animation JPEG format does not support animation The browser treats an animated GIF the same as a static GIF file In the browser an animated GIF displays several images in sequence - like a slide show different frames can contain different timings (some slow, others with quicker speed)

GIF F ILE S IZE FOR W EB Animated GIFs will always be larger than static GIFs ImageReady has 2 animation compression features— Bounding Box & Redundant Pixel Removal These compression features are turned on by default ImageReady will add file size only for the areas that have changed in your animation i.e. In a photographic background, if the only thing that changes is some lettering that fades over it, the photographic area will be written only once to the file, limiting the total file size

T IMING A NIMATED GIF S Animation is time-based it depends on time passing and artwork changing Slowly changing artwork appears to sit for a long time and then change Quickly changing artwork appears to have more fluid movement For slide-show style animation - GIF format supports delays between frames, which allows for timing to change within a single animation file

P LAY -B ACK R ATE Video & film animation are time-based mediums Key difference from animated GIFs: they play back at specific frame rates (video: 30 frames per second; film: 24 frames per second) Animated GIFs may play back at different speeds depending on the computer upon which they are viewed. You can’t control the viewing speed of an animation you make

A NIMATION A ESTHETICS : T HE G OOD, T HE B AD, AND T HE U GLY Animation creates an emphasis point on the page Question: Is the subject matter you pick for animation worthy of more attention than other images on the page? Note: Animation will distract from the important content --rather than enhance it Good uses for animation might include diagrams brought to life or slide shows of photographs