WWW via the Internet Local via an Intranet Individual Computer.

Slides:



Advertisements
Similar presentations
2.02D Computer Animation Software and Design Guidelines
Advertisements

Let’s Learn Microsoft PowerPoint 1.Click on start 2.All Programs 3.Microsoft Office 4.Microsoft Office Power Point 5.Click on program to open.
EDGE Institute 2014 Photo Story 3 for Windows Nancy Shimeall.
Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Final Exam Our final will be held: –Monday, December 19 th –From 2:00 to 3:50 PM –In 809 Silver There will be no make up and the final is mandatory. It.
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
Microsoft Office Illustrated Inserting Illustrations, Objects, and Media Clips.
3.02 Computer Animation Software and Design Guidelines
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
3.02 Computer Animation Software and Design Guidelines
-Page Size for Project --Design, Page Set Up -- Screen shots -- (Alt PrintScreen) -Objects –Insert Tab --iIlustrations, links, text box -Editing Images—Double.
Simple Guide to Movie Maker By Peter Huang. Opening up movie maker This is what you should see when you open Windows Movie Maker.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
Chapter 4 Creating Animations.
Creating Special Effects
WINDOWS MOVIE MAKER TUTORIAL.  Go to the start menu and select “Windows Movie Maker”
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
IAuthor Digital Story Creation Creation iBooks on iOS Devices.
HOW TO BUILD YOUR CULINARY ARTS PORTFOLIO. Adding a New Slide/ Duplicating a Slide Go to the slide menu on the left side of the screen Right click to.
Activity 2 Mix a WAV file and the sound from a youtube video In this activity, we are going to mix the WAV file created in Activity 1and the sound file.
USING MICROSOFT PHOTO STORY. What is Photo Story?  It’s more than a slideshow. It’s a video story.  You can create presentations with:  Special effects.
EXAM # 2 Review. Review the Power Point Presentations for: Sound Video Animation Web Accessibility.
How to Make a PowerPoint Yes you can do it too! How to (legally) Download PowerPoint aspx?family=officehomestudent&culture=en.
Moviemaker Tutorial: Titles Adding Video & Pics Transitions MenuNextPrevious Video Effects Sounds Labels & Captions.
Adobe Flash CS3 Revealed
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Beginning PowerPoint Part 2 Graphics Inserting Graphics  Click Insert on the Menu Bar.  Then Picture.  Options include: –Clip Art –From File –AutoShapes.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Pasewark & Pasewark 1 PowerPoint Lesson 2 Creating and Enhancing PowerPoint Presentations Microsoft Office 2007: Introductory.
Agenda 1 - Sketchbook - DUE TODAY! 1 - Flash Environment and workspace continued - Nested or embedded Movie Clips (car animation) - - Bone tool.
Karole McGrew Morgan Local Schools.  Allows creation of slide show for research projects  Can be used to explain or present information  Allows for.
Photostory MSET April 20, 2012 Karin Radhe. Create a Photostory folder All images, music and Photostory 3 files will be stored in this folder. This tutorial.
Presented By The Social Studies Section Of The North Carolina Department of Public Instruction This Presentation Was Created From A Presentation Developed.
Begin a new story or edit a Photo Story project that has already been created. Make your selection and click next. 1.
Photo Story Creating your own!. What is Photo Story? Photo Story is a way to create slideshows with added narration, effects, transitions and background.
Melissa White REMC Updated for Power Point 2007 by Jan Harding Chippewa Valley Schools Used with permission.
Flash animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
Windows Live Movie Maker. Making a Title In your ribbon click “Title” You can now type what you would like the title of your movie to be.
Photo Story. How to use Photo Story Photo Story 3 can be located in the Accessories folder on school computers. You will need to have your pictures already.
PowerPoint Tools How NOT to Use PowerPoint Tips  Get rid of short menu by clicking Tools, Customize, Options, Always Show Full Menus  Change case.
Windows Movie Maker Lesson 2 Adding Titles, Transitions, and still pictures to Movie Maker.
Enhancing Classroom Learning Using Video Session 1: Importing & Editing Video.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
Flash Animation By Kaotip and Victoria. COLOUR TWEEN ON FLASH.
MPS Staff Development June 2013 L.Brodeur Windows Live Movie Maker.
What is Windows Movie Maker? Windows Movie Maker is an easy to use video editing software that allows you to make home movies, automated photo albums,
Flash Slideshow with Fade Transition Slideshow #1-Themed Images Slideshow #2-Instructional Images.
Frame(GIF) and Vector Animation
Frame(GIF) and Vector Animation
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Shotcut video editor.
Inserting Graphics, Media, and Objects
Frame(GIF) and Vector Animation
Web Page Design ICT Ms. McGrew.
Flash animation For beginners.
Chapter Lessons Create shape-tweened animations Create a mask effect
PowerPoint Lesson 2 Creating and Enhancing PowerPoint Presentations
Flash Concepts and Demos - Overview
2.02D Computer Animation Software and Design Guidelines
Windows Movie Maker Tutorial
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

WWW via the Internet Local via an Intranet Individual Computer

WEB PagePower PointMSWordStand-alone Image Editing - Photoshop xxxx Sound Editing xx link x Video xx link x Flash Movies xx link x

Table layout – organization, color design Insert images – still and GIF animations Embed sound, video, flash movies Link sound, movies, flash movies Link – your pages, WWW web pages Background – color, texture, image Timeline animation Jump Menu

The thirty square inches at the top of a home page comprise the most visible area of the Web site. Most readers will be looking at your site on a seventeen- to nineteen-inch monitor, and the top four or five vertical inches are all that is sure to be visible on their screens. Think in terms of newspapers – “Above the fold” Web Page Layout --

Movie Maker Import Images Captions and Credits Transitions Effects (Zoom in-out, Scan) Narrate Music You-tube videos – embed on web page rather than link

Fix color, brightness, etc. Resize or crop Remove portions Remove areas of similar color Transparent background Combine images Frame Feather GIF animations e.g. Slideshow

Wav, mp3, midi formats Download (unzip) Sound Editor Record Text-to-speech conversion Create/Combine sounds Cut/Paste (reduce/expand length) Change format

Size (points) Color and contrast Font Style (bold, underline, italics) Live(typed) text vs. drawn text

GIF Download Create in Photoshop Flash Motion Tween (Rotate) Shape Tween (Morph) Sound Stop Buttons

No “file” or disk drive designation

Select from list and click “Go”

Adding Sound to Your Flash Movie Obtain a mp3 or wav sound Import to Library Create a layer for the sound Insert a keyframe where you want the sound to start Drag the sound from the Library to the Stage Note -- You may need to edit the sound to fit before importing it to Flash

Stop(); Must be at a keyframe!

Time(seconds) = Number of Frames / Frame per second Select frame rate for smooth animation Select number of frames to adjust length of movie Example: At 12 fps, a 60 frame movie will last 5 seconds At 10 fps a 60 frame movie will last 6 seconds At 10 fps a 100 frame movie will last 10 seconds

See Blog tutorial on my web site

Moving Banner Images Fade Image Morph / / More Techniques Creating GIF Animations in Photoshop NOTE: Some tutorials are for CS5 and instruct you to open the timeline with Windows -> Animation. In our CS6 use Windows -> Timeline. Everything else is the same.

PERCENTAGE REMEMBERED COMPARED to METHOD of LEARNING 110%Of what we read 220%Of what we hear 330%By watching a demonstration 450%Combining #2 and #3 570% Combine #4 with writing out notes of what you learn 690%All of the above plus application or practice