CREATING A GIF ANIMATION SLIDE SHOW 1. SHOOT STUDENT WORK Layout class’s work on sheet of paper Example of original. Set camera image size to small.

Slides:



Advertisements
Similar presentations
$100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200.
Advertisements

Clicking on the link for the.tns file gives you will get the following screen: Select Save File and click OK.
Create a Web Site with Publisher 2000 for Marilyn Seguins Class.
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
Windows 8 Windows Phone 8 Web Mobile … and WakeUpAndCode.com.
Computer Science 5 Spring 2007 Module 3 7/12/2015 1:55:57 PM7/12/2015 1:55:57 PM7/12/2015 1:55:57 PM.
Project Overview Making remote handin easy! Spencer Pratt Procedures.
Introduction to Raster Graphics Resize an image until it is pixelated.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
Inserting Movies & Sound ICS101 Fall Where to go when inserting movies or sound files… You will always go to Insert  Movies and Sounds.
 Helps you create individual pages according to your thumbnail plan  Helps you organize your web pages and links according to your organizational chart.
Taste Tester Session Microsoft OneNote and Adobe Captivate basics Nicolette Leto : St George Girls High School Contact:
Getting Started with Adobe Photoshop CS6
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.
COMPUTER SCIENCE 5 Spring 2006 Module 3 Sunday, September 06, 2015Sunday, September 06, 2015Sunday, September 06, 2015Sunday, September 06, 2015.
How to create an animated GIF by using Aobe ImageReady CS بسمه احمد الغامدي.
Graphic images for computers Stored in files of binary data - Binary blobs Software has to know the binary format to decode the file and render an image.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
CIT 256 Dreamweaver Intro. Dr. Beryl Hoffman. Start Dreamweaver Start from Start Menu/Adobe Master Collection CS6/ Adobe Dreamweaver CS6 Choose Create.
Website Development with Dreamweaver
CHAPTER 4 LINKS Creating links between pages Linking to other sites links.
Design Frame-by- Frame Computer Animations NOTE: Before continuing with this presentation, open the 3.01C Frame-by-Frame Animation Using PowerPoint Presentation.
Panorama made easy! Thanks to CS5 Photoshop. Step One Bring your images into the Computer by inserting memory card from digital camera Bring your images.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.
My Documents MarysWebpage 1-WebpageFolders&Files Projects&Assignments MySpinPage SciFairProjPage The folders you should have in “My Documents” are shown.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
PowerPoint: Images Randy Graff HSC IT Center Training
HTML Comprehensive Concepts and Techniques Second Edition.
BY PRIYA M ROBOHELP HTML. INTRODUCTION RoboHELP is a program designed to assist the user in writing help files, including Windows help files (Win HELP)
My computer should look like this to display your scanner & digital camera drivers.
Learning How to Make a PowerPoint Presentation A tutorial for novice users.
PHOTO EDITING MAKING IMAGES WORK FOR YOU Dan Rude, Pam Akins, Dan Kaplan.
11/8/ Word Processing Building a Website Using Microsoft Word Please visit and sign-up the free account using verified.
Creating Greenfoot Backgrounds. GIMP: GIMP: is a software graphics editor is a software graphics editor is similar to Adobe Photoshop – but FREE. is similar.
Creating a rotating image banner Activity 7 Procedure Creating AP Elements 1.Start Dreamweaver and select the ‘Hong Kong Scenery’ web site. 2. Create a.
EDITING / OPTIMIZING IMAGES. 1.SET UP FILE FOLDERS on desktop ( lower case only with underscore ) A.01_name.org (original) B.02_name.img (edited/optimized)
How to embed a video into a power point if you do not have internet access. You will need to download the video to your computer or a flash drive. Drag.
Week 3  Adobe Photoshop Introduction  Create an Image Collage  Save For Web Please Visit:
Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Digital Camera Assignment  Information from.
Quick Launch. Google Drive 30 GB Cloud Space Document.
Installing NVU A full-featured web page editor. NVU has two great virtues: 1. It’s good 2. Its’ free!
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
PhotoShop Basics Start > All Programs > Adobe Master Collection CS5> Adobe PhotoShop CS5.
Configure your animation in Xtplot, then check “Save animation to image files” and click Run. Save images here Choose PNG, JPEG, TIFF, or Bitmap.
Lesson ing photos Transferring photos from camera Remove memory chip from camera Push and release Insert chip in memory chip slot on laptop.
Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing.
Thinking Mac From Windows. The Menu Bar Mac puts their Menu/Task Bars at the top of the desktop, not the bottom, like in windows.
© 2003 By Default! A Free sample background from Slide 1 Week 6  Flash Video  Flash Sites (Continued) Please Visit:
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
How to get the best results from your website and images.
Getting Started with Adobe Photoshop CS5
How to Create Static and Animated PowerPoint Slides
Tutorial: How to Creat a Website.
Getting Started with Adobe Photoshop CS6
Chapter Lessons Start Adobe Photoshop CS
Cheat Sheet CSCI 100 JW Ryder
Adobe Photoshop Elements 2.0
Dr Seuss “The more you read, the more things you will know. The more you learn, the more places you’ll go.”
Producing a Triptych By Tony Cheshire
Editing images using Microsoft Photo Editor and Paint
Step-by-Step Banner Creation Guide
Using FrontPage Express
The Web Collection Standard CS3 Revealed
Presentation transcript:

CREATING A GIF ANIMATION SLIDE SHOW

1. SHOOT STUDENT WORK Layout class’s work on sheet of paper Example of original. Set camera image size to small.

2. SET UP FILE FOLDERS on desktop ( lower_case_only with underscore) A.01_name.org (original) B.02_name.img (edited/optimized) C.03_name ( misc images, etc)

3. DOWNLOAD IMAGES  NOT in iPhoto or any automatic files  Use your own files on desktop  NOT in iPhoto or any automatic files  Use your own files on desktop Vent laptop on two books

4. EDIT / OPTIMIZE IMAGES Original: width: 2896 pixels height: 1944 pixels 300 dpi Edit /Optimized: width: 350 pixels height: 233 pixels 72 dpi

5. EDITING IMAGES  ADOBE PHOTOSHOP ELEMENTS  ADOBE PHOTOSHOP CS3  GIMP (open source)  Picasa  ADOBE PHOTOSHOP ELEMENTS  ADOBE PHOTOSHOP CS3  GIMP (open source)  Picasa

7. PUT ALL IMAGES (to be animated) IN ONE FILE

8. Search: gif animation freeware LINK TO GIF FUN

9. OPEN GIF FUN / SOFTWARE

10. DRAG FILE INTO WINDOW

11.SET RUN TIME FOR EACH IMAGE All set to same duration

12. CLICK “MAKE GIF” 12.1 A sample opens in default browser

13. DOUBLE CLICK GIF ICON

14. DRAG FILES TO: DESKTOP/ TRASH

15. TO PLAY: INSERT IN POWERPOINT UPLOAD TO MOODLE, OR AN HTML WEB PAGE Please note: This gif animation plays perfectly in MOODLE Without the ‘noise’ or static disruptions you see above. xp