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

Rendering Animations

Animated GIF

Animated GIFS work best for simple, small animations for use in your portfolios. They're great for illustrated graphics with limited colours on the web.

If you're using it in a Googlesite, you'll need to store the GIF on your GoogleDrive, SHARE it to anyone with the link, and embed it from there

To make an Animated GIF

  • Go to FILE | EXPORT | EXPORT MOVIE and choose an appropriate location and filename

  • Under "Save As Type" choose ANIMATED GIF

  • Under the options

    • Set your WIDTH and HEIGHT

    • Set your COLOURS to an appropriate depth - this can save filesize

  • The other options can remain as shown

NEXT: Install your Animated GIF on your portfolio using Embedding Animations

MayJ First Animation.mp4

MP4 (Video File)

Video files like MOV or AVI can be exported directly from Flash, and used stored on your Google Drive or YouTube for presentation.

A BETTER way though is to use a third party program called SWIVEL to convert your SWF files into MP4s. These files are smaller in file size, and tend to look better than video files exported directly from Flash.

NOTE when embedding your HD work onto your portfolio, these sizes maintain the HD aspect ratio:

  • 1280x720 (720P)

  • 800x450 (Full Pagesize)

  • 640x360 (Small Sized)

  • 480x270 (Anecdote Sized)

USING SWIVEL

A. Preparation:

  1. NO ACTIONSCRIPTS ALLLOWED - Remove any STOP(); actionscripts - the movie must be able to completely play through every frame to be encoded properly. (Note that Actionscript commands do NOT export to video files)

  2. Render an SWF of your animation using [CTRL-ENTER]; it can be EASILY and accurately converted into a video file using the SWIVEL program.

INSTALL SWIVEL

- Check first to see if SWIVEL has already been installed on your computer -

If need be, you can drag the SWIVEL install program to your D: drive and install it from there

  1. Locate and install the appropriate SWIVEL program from the MAY/Handouts/Apps folder

  2. Choose either the 32bit or 64bit version, depending on your computer's operating system.

  3. The 32 bit version will work on any computer, but if you have a 64bit computer, that version may be optimal.

  4. ASK YOUR TEACHER if you don't know which version to install.

CONVERT your SWF FILE

  1. Click the ADD button to load your SWF file

  2. Click VIDEO and set your desired resolution

    1. (1280x720 is a good HD standard for YouTube - 640x360 is better for McNews)

  3. Click AUDIO and choose 160kbps for best quality - you should have already optimized the quality of audio in the Flash Publish Settings

  4. Finally, click CONVERT to begin transcoding your file. Your MP4 file will be deposited in the same folder as your FLA file

Don't have SWIVEL?

MOV files can be created directly from FLASH, and are also YouTube compatible...

Preparation:

  • Remove any STOP(); actionscripts - the movie must be able to completely play through every frame to be encoded properly; (Note that Actionscript commands do NOT export to MOV files)

  • Note your current Framerate and go to FILE | EXPORT | EXPORT MOVIE

    • Select MOV type and choose an appropriate filename and location

    • Note Resolution, and click QUICKTIME SETTINGS

      • Click SETTINGS and choose

        • Compression Type: H264

        • Key Frames: Every 24 frames (or match your original framerate)

        • Compressor: Best

      • Click SIZE

        • Set DIMENSIONS as HD 1280x720 16:9

        • Preserve Aspect Ratio using Crop

      • Under SOUND, either

        • Turn it off if your animation is silent

        • or choose NONE for the audio compressor

About SWFs

SWF

(Shockwave Flash VECTOR format) When you "test" a Flash animation, it automatically creates and SWF file that contains your complete animation in the same folder as your FLA file.

An SWF is the HIGHEST quality format output format for your Flash work, and likely uses the SMALLEST filesize.

They are created automatically when you "test" your movie during editing.

Creating an SWF (vector)

To Save your work as an SWF

  • Simply hit CTRL-ENTER to your animation, then look in your FLA folder for the newly generated SWF file

NOTES:

SWFs can be used to publish STILL images, ANIMATIONS and allows INTERACTIVITY (buttons) with the users

  • SWF Retains all the advantages of vector images,

  • but also manages animation as well as ACTIONSCRIPT interactivity.

  • Animations can also loop (ie rotoscopes)

  • The downside is that FEWER platforms are supporting SWF files everyday. iPads were one of the first to reject the format, citing issues with security and memory leaks. SWF graphics and animations can be imported into other adobe software like Premiere Elements

Report abuse
Page details
Page updated
Report abuse