ADOBE FIREWORKS.

Slides:



Advertisements
Similar presentations
Introducing Macromedia Flash MX 2004 – Lesson 11 Introducing Macromedia Flash MX 2004 Lesson 1.
Advertisements

CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
PITMAN - WEB DESIGN2010 Presentation Series – Ross Doherty Ross Doherty - Web Design - Introduction To Fireworks.
Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
Designing for Web stuff you need to know before you start.
2.01 Understand Digital Raster Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
1 Introducing Macromedia Flash MX – Lesson 1 Flash MX adds content and animation to Web pages Flash MX movies use vector graphics to reduce size and download.
Introduction to Graphic Arts Technology PRINT Versus WEB.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Computer Graphics Prepared by Dragon Lee 1 January 2003.
1 Pertemuan 12 Linking and Embedding, Saving and Exporting Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
The Web Collection, Revealed MACROMEDIA STUDIO 8 INTEGRATING.
SOFTWARE TYPES Word processing Page layout Paint Draw.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Module Code: CU0001NI Technical Information on Digital Images Week – 2 - Extra.
CIS 205—Web Design & Development Fireworks Chapter 1.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Digital Imaging 101 Ann Ware
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 8B Graphics and Multimedia.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
Chapter 13 Preparing Graphics for the Web. Creating Slices When you create graphics for the web, you will need to pay attention to different considerations.
EUROTECHNIKI PRODUCTION OF MULTIMEDIA MATERIALS FOR EDUCATION MODULE 5: PRODUCTION OF MULTIMEDIA MATERIALS FOR EDUCATION ANTWERP MEETING JANUARY.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
Bitmap vs. Vector How computers work with photographs and drawings.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Objective % Describe digital graphics production methods.
Digital Imaging 101 Ann Ware.
Digital Illustration Chapter 6 File format.
Types of Graphics Technological Design.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
OVERVIEW Objectives Follow a design document to prepare images for inclusion in a Web page Run a batch process to prepare multiple images in one step Use.
Web Graphics By Chris Harding.
2.01 Understand Digital Raster Graphics
Adobe Fireworks.
2.01 Investigate graphic image design.
Graphics: Production Methods, software, & Hardware
Cartography and Labeling
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Objective % Describe digital graphics production methods.
2.01 Investigate graphic image design.
Creating Images for the Web
Digital Image Creation & Editing
Getting Started with Adobe Illustrator CS6
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
2.01 Investigate graphic image design.
The Web Collection Standard CS3 Revealed
Creating Digital Graphics
Presentation transcript:

ADOBE FIREWORKS

Adobe Fireworks (formerly Macromedia Fireworks) is a Bitmap and Vector graphics editor. It was originally developed using parts of Macromedia xRes, which Adobe acquired in 2005. Fireworks is made for web designers for rapidly creating website prototypes and application interfaces.

Hierarchical layers Fireworks supports layers in graphic files. Each document may have multiple layers. The final image is formed by the combination of the layers, with the contents of the upper layers obscuring that of all underneath. Layers facilitate content composition in a complex graphical work.

Smart guides Fireworks supports guides, horizontal or vertical lines that act like a real-world ruler to help drawing, content placement and image composition. The smart guides however, are not placed by users. They are areas of the image that may interest the user such as the image boundaries, middle of the image or general boundaries of another object. When a user drags an object, Fireworks tries to guess what the user intends to do with the object and draws temporary visual and placement aids. This feature was added with the release of CS4.

9-slice scaling The movie clip is visually divided into nine sections with a grid-like overlay, and each of the nine areas is scaled independently. To maintain the visual integrity of the movie clip, corners are not scaled, while the remaining areas of the image are scaled (as opposed to being stretched) larger or smaller, as needed.

Image optimization Fireworks was created specifically for web production.[2] Since not every user may be in possession of a fast Internet connection, it is at the best interest of the web developers to optimize the size of their digital contents. In terms of image compression, Fireworks has a better compression rate than Photoshop with JPEG, PNG and GIF images.

Adobe Creative Suite integration Fireworks understands the Adobe Photoshop and Adobe Illustrator file formats (.psd and .ai files) as well as Encapsulated PostScript format (.eps files). Export Fireworks can export images to multiple different file formats including TIFF, PNG, JPEG, GIF, Animated GIF, Photoshop image, SWF, PICT, BMP, WBMP or PDF.

States Previously known as frames, states are used for animation purposes. They are also used for defining behaviors in cases of symbol buttons like Up, Down, Over.

HOW 9-SLICE WORKS:  

Without 9-Slice: With 9-Slice:

ADOBE FIREWORKS