Optimizing Images for the Web

Slides:

Advertisements

Similar presentations

Integrating FreeHand with Other Macromedia Web Applications– Lesson 61 Integrating FreeHand with Other Macromedia Web Applications Lesson 6.

Advertisements

Let’s Get Started! Click on the Icon for the Buhl Digital Signage on your desk top. PREVIEW, CREATE AND SCHEDULE A SLIDE USING THE TEMPLATE WIZARD.

1 USING FIREWORKS Cropping an Image Obtaining Information Changing Image Size Rotating an Image Adjusting the Color of an Image Drawing Tools Using the.

Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.

Step 4. Click on Import Pictures. Step 5. Go to picture location and select. Step 6. Click next Step 2. Click on Begin a new story Step 1. Start Photo.

Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.

© 2005 Lawrenceville Press Slide 1 Chapter 5 Bitmap Graphics are Composed of Pixels.

1 CA202 Spreadsheet Application Creating Dynamic Lists with PivotTables Lecture # 9.

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.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

Let’s Make a Movie Editing, Special Effects, and Movie Finishing.

Windows Movie Maker. How to EXPORT Exporting……. In the Project, open the FINISH MOVIE tab.

1 Creating Icons for Commands When there is not an icon related to a command in your toolbars, you will see a question mark (?). No preview available …

IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.

EDU 271. Introduction to Microsoft Publisher  Microsoft Publisher helps you easily create, customize, and publish materials such as: newsletters, brochures,

Turning Glowing Text into Animated Glowing Text Using Animation Shop.

Chapter 6 Images in Dreamweaver & Fireworks Mrs. Johnson Web Design.

Chapter 14. Copyright 2003, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-2 LINKS TO OBJECTIVES Add Borders with Borders Button Add Borders with.

Windows Movie Maker. What is Movie Maker? Windows Movie Maker allows one to…. create, edit, and share your movies right on your PC.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

HOW TO RECORD YOUR VOICE FOR AN AUDIO PODCAST Audacity Tutorial.

Creating a Website Using the Web Page Wizard. Introduction Microsoft Word is an application to create documents. A webpage is one such document. A website.

Resizing Images CS 268. Where to start? Pictures (of course)  Need to down size them for the web.  Pictures taken with a 10 mega pixel camera are usually.

1 After completing this lesson, you will be able to: Use Windows XP’s Photo Printing Wizard to create prints of digital images. View a slide show of your.

Form letters Mailing labels Envelopes Catalog  To activate the Mail Merge click Mail Merge Wizard on the Tools/Letters and Mailings menu. Mail Merge.

Animating GIF. What is it? Think of how a flip book works. Each page is a different picture and when flipped through quickly, it looks as though objects.

Start Dreamweaver program From file menu click new Blank page appears.

Edmo.do/j/q4b8fs xnt8zb SAVE DOCUMENTS TO EDMODO WEBSITE.

Creating a navigation bar in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the buttons on you are going to.

Import pictures I usually save them to my desktop Click here to browse files on your computer or images from the web.

Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.

We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.

1-Touch Photo Engraving th Street Arlington, Texas /

Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.

Choose Your Own Adventure! Using Web Poster Wizard for Content.

Creating an Audio File Using “Sound Recorder” Daniel Simms.

1 After completing this lesson, you will be able to: Identify each item in the Movie Maker interface. Understand terms associated with Movie Maker, including.

Fireworks CS6 A Quick Logo Creation. Step 1- Launch Fireworks CS6 300 x 200 Pixels.

TCIS: How to Save Bookmarks How to Save Your Bookmarks in My Favorites Folder Step 1 File Go to File Step 2 Import and Export Select Import and Export.

Objective: Students will know the screen parts, tools, and menus of the Fireworks program. Students will be able to create a new document, create basic.

EXPORT CONTACTS FORM OUTLOOK. First open outlook and then click File.

Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.

Go to Ms. Sammons website and click cool tools in October the 20 th box. Go to Ms. Sammons website and click cool tools in October the 20 th box. Once.

Creating and Editing Charts in Microsoft Excel Lunch and Learn: May 17, 2005.

Configure your animation in Xtplot, then check “Save animation to image files” and click Run. Save images here Choose PNG, JPEG, TIFF, or Bitmap.

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.

Page 1 of 8 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 2: ANIMATION 1) Launch Fireworks. 2) Open blackbackground-stanford.gif.

1 After completing this lesson, you will be able to: Use a Word template. Create a template. Use a wizard to create a document.

Searching for Images Improving the quality of your Google Search.

Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.

Unit 15 – Web Authoring Web Authoring Project.

Creating Animations! Using Animation Shop. 1.Open your glowing text NAME file. 2.Use the dropper tool to select the exact glowing color.

Quick Start Guide for Visual Studio 2010

Chapter 1 Editing a Photo

Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.

Save for Web and Devices in PS

Rollover Buttons.

Instructions for Windows users:

Instructions for Windows users:

Chapter 18 Finalizing a Database.

Optimizing Images for the Web

Importing your Favorites/Bookmarks

HEADLINE GOES HERE. Directions to save header as JPEG:

Large View of Compress Pictures Tool

Creating buttons in Fireworks

The Web Collection Standard CS3 Revealed

Let's create your English Folder!.

Insert Transitions Between Slides

Digital Story Telling with Frames

Presentation transcript:

Optimizing Images for the Web Using Fireworks

Open File to Work With

Modify..Canvas..Image Size…

Select Desired Dimensions

File…Export Wizard…

Can Experiment or Let Fireworks choose based on a targeted export file size

Choose where you’ll use your image

Switch to 4-Up view to compare 4 variations

Zoom out so can see image

Configure Previews Clicking on a preview pane lets you change settings for that preview You can optimize by removing colors, increasing compression, etc. See which still looks acceptable When finished, click the pane you want to export Click the Export button

Select where you want to save the file

Compare Original to Optimized Wow!