Search this site
Embedded Files
TIJ1O
  • Home
    • Assessment & Evaluation
  • INSTRUCTORS
    • Mr Bollman
    • Mr. Leduc
      • Français
        • Leduc Hard Tech
        • Leduc Soft Tech
        • Original COVID from Home Agenda
        • TIJ 1OF.02 School
        • TIJ 1OF.03 School
        • TIJ 1OF.03 Home
        • TIJ 1OF.02 Home
      • English
        • Leduc Hard Tech
        • Leduc Soft Tech
    • Mr May
      • MayJ Assignment Audit
      • Calendar
    • Mr McMillan
      • Soft Tech Agenda - McMillan
      • Hard Tech Agenda - McMillan
      • French Hard Tech Agenda - McMillan
    • Mr Mikkelborg
      • Soft Tech
      • Hard Tech
  • HARDTECH ENG
    • Intro
      • Safety & Care
        • Hand Tools
        • Stationary tools
        • Chromebooks
      • Measurement
        • Area, Volume and units
      • Design Process
      • Orthographics
      • Ten Guiding Concepts
    • SketchUp
      • Sketchup Assignments
      • IKEA Challenge
      • Modern House
      • Tips
    • Project Ideas
      • Bottle Rockets
        • History
        • Bottle Rocket Design Process
        • Making it Fly
        • Protecting the egg
        • Bottle Rocket Assessment
        • Rocket Results
        • Rocket Handbook
        • Alternative Assignment
      • Bridge Building
        • Bridge Design Process
        • Bridge Rubric
        • Bridge Physics
        • Bridge Design Report
          • Design Report Notes
        • Startup Company
        • Bridge Testing Results
        • Alternate Assignment
        • Bridge Sketchup
      • CO2 car
        • Laws of Physics
        • Energy Sources
        • Aerodynamics
        • Portfolio
      • Mousetrap Car
      • Other Concepts
      • iPhone Case
    • Catapult Summative
      • Catapult Design Process
      • Catapult Research and Design
      • Catapult Rubric
      • Catapult Results
  • HARDTECH FR
    • Sécurité
      • Outil Manuel
    • Sujets variés
      • Système de Mesure
      • L'équerre
      • Dessin 2 Dimension
    • Projets
      • Les Fusés
      • Les Ponts
      • La voiture a ressort
      • Voiture au Co2
        • Loi et Physique
        • Aerodynamisme
        • Porte Folio
        • Règlement
    • Sketchup
    • Les 10 lois du concept
    • Summatif
      • Catapulte
        • Rubrique
      • Cellulaire
  • SOFTTECH ENG
    • Rules & Tools
      • Chrome Setup
      • Computer Setup
      • File Management
      • Blocked Files
      • Intro Survey
      • Schoology Setup
      • Remote Login using VMWare
    • Website Portfolios
      • Controlling Pages
      • Web Design Principles
      • Adding a Photo
      • Adding Banner
      • Anecdotes
      • Video Tutorials
    • Photography
      • BLT & F
      • Background
      • Lighting
      • Tripod
      • Framing
      • Selfie Assignment
      • Composition Assignment
    • Photoshop
      • Pixels
      • Cropping & Resizing
      • Photoshop Layers
      • Emoji Project
      • Personal Logo
      • World Traveler Assignment
    • 3D Modelling
      • Flying Saucers 101
        • Step 1: Primitives
        • Step 2: Moving Around
        • Step 3: Materials
        • Step 4: Rockets
        • Step 5: Extruding
        • Step 6: Rayguns
      • 3D Rendering
        • Saucer BluePrint
        • Anim8or Scenes
        • Anim8or Lighting
        • Anim8or Rendering
        • Saucer Poster Assignment
      • Other Modelling Projects
        • Bonus: Alien Modelling
        • Bonus: Solar System 3D
      • Rendering Movies
    • Audio
      • Recording Audio
      • Audio Countdown Exercise
      • Embedding Audio
      • Morning Announcement
      • Audio SFX and Music
    • Flash Animation
      • Setting up Flash
      • Typography
      • Splashpage Assignment
      • Rendering Animations
      • Embedding Animations
      • Masking and Motion Guides
      • Drawing in Flash
      • Knock Knock Assignment
    • Game Design
    • Soft Tech Summative
    • OnShape
      • Orthographic and isometric drawings
      • first Onshape exercise
      • Nine Part Tutorial
      • Onshape_CAD_Project
    • Sketchup
  • SOFTTECH FR
  • LINKS
    • Portfolio Gallery
    • Current Issues in Technology
    • Online Toolbox
TIJ1O

2D Animation

    • Setting Up Flash

    • Typography

    • Splashpage Assignment

    • Rendering Animation

    • Embedding Animation

Animation

Embedding Animation

EMBEDDING Media typically means finding a way to build it into your webpage

Embedding Animated GIFS

  1. Store your Animated GIF in an appropriate folder on your Google Drive. (Unlike jpgs, this type of media must be deliberately stored "offsite")

  2. Double click the page in your portfolio where you want to present your animated GIF

  3. Use "From DRIVE" and locate your GIF - Done! The image is automatically shared to anyone viewing the website!

LOOPING ANIMATIONS

Animated GIFS can be programmed to loop for a fixed number of times, or to loop endlessly.

It's an art to create a "seamless loop" that attracts, but doesn't appear too repetitive.

You might want to limit the number of loops to "1" so that the graphic simply animates in, then stays on the page

sanjari_f_mcnews.mp4

Embedding Animations as MP4s

  1. Export your animation as an MOV or use SWIVEL to convert an SWF into an MP4

  2. Store your MP4 in an appropriate SHARED folder on your Google Drive

  3. Double click the page in your portfolio where you want to present your MP4

  4. Use "From DRIVE" and locate your MP4

Report abuse
Page details
Page updated
Report abuse