Adobe Fireworks.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

Raster Graphics vs. Vector Graphics
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
44 CHAPTER SPECIALIZED APPLICATION SOFTWARE. © 2005 The McGraw-Hill Companies, Inc. All Rights Reserved. 4-2 Competencies Describe graphics software Discuss.
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.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
Designing for Web stuff you need to know before you start.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Graphic Images 101. Painted on a grid Drawn mathematically.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Dedicated Vector and Bitmap editing software.
Drawing Packages 1 Image management and Drawing packages This is a segment of the draft version of a large syllabus. I need your feedback to improve it.
Computer Graphics Prepared by Dragon Lee 1 January 2003.
© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Copyright © Texas Education Agency, All rights reserved.1 Introduction to Scanners Principles of Information Technology.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
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.
EDT321EDT321 1 Summer Session Online Presentations Presentation Guidelines Design Guidelines Graphic File Types Power Point Skills PowerPoint Project.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
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.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Vector vs. Raster Objectives:
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
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.
Bitmap images Resizing bitmaps Vector images Why are there so many image file formats? Resolution and Scanning “Bits” and.bmp files Photo editors JPG file.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
Software Packages Used In Digital Graphics By Jack Turner.
© UNT in partnership with TEA1 Introduction to Scanners Principles of Information Technology.
NANJING UNIVERSITY OF INFORMATION SICENCE & TECHNOLOGY Competencies Competencies  Graphics software, including desktop publishing, image editors, illustration.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
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
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Computer Graphics Presented by: May Lau.
Vector (Shapes) vs. Raster (Pixels)
Types of Graphics Technological Design.
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article
IMAGE SIZE AND RESOLUTION
PHOTOSHOP.
ADOBE FIREWORKS.
Graphics and Animation
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
Digital Image Creation & Editing
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
Graphics and Animation
CS-101 Introduction to Computing
Presentation transcript:

Adobe Fireworks

What Is Adobe Fireworks? Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Many features for creating images for the web and application interfaces. You can also: create both bitmap and vector images in a single file design web effects such as rollovers and pop-up menus crop and optimize graphics to reduce their file size save time by automating repetitive tasks. Called “Adobe’s best kept secret” by fans.

History of Fireworks Originally developed by Macromedia in 1998. (One year after Macromedia releases Flash and Dreamweaver.) Throughout the mid- to late-1990s and early 2000s, Macromedia acquires a number of smaller companies. Altsys (FreeHand becomes Illustrator) FutureWave Software (FutureSplash becomes Flash) iBand Software (Backstage becomes Dreamweaver)

History of Fireworks On December 3, 2005, in a $3.4 billion stock swap, Micromedia’s long-time rival, Adobe, purchased Micromedia and all Micromedia products. Fireworks CS4 was released on September 23, 2008. (219 days ago.)

Vector Images Popular vector drawing programs: Vector images: images that are resolution independent. Common vector formats: AI (Adobe Illustrator) CMX (Corel Exchange) CGM Computer Graphics Metafile Popular vector drawing programs: Adobe Illustrator Adobe Fireworks

Vector images Less common than bitmaps. They can be stretched or resized without reducing resolution. Less common than bitmaps.

Bitmap images Bitmap images: images composed of small squares, known as pixels, that lie on a grid. Also called Raster images. Common bitmap formats: BMP GIF JPG PNG PCX PSD (Photoshop) Popular bitmap editing programs: Microsoft Paint Adobe Photoshop

Bitmap images Most images are bitmap. They are resolution dependent. When you expand a bitmap image, it looses resolution and becomes pixilated.

Photoshop versus fireworks Photostop is used to: Manipulate photos Edit images Primarily bitmap editing

Photoshop versus fireworks Fireworks is used to: Create images Rollovers Animations Image maps Primarily vector image editing

Advantages of Fireworks Fireworks was designed from the ground up specifically for the task of creating Web site layouts and graphics in an efficient and flexible manner. You don’t have to switch between multiple applications because the tools were created specifically for web design and web designers. Although it is primarily a vector application, it has sophisticated bitmap editing features that rival over bitmap applications.

Disadvantages of Fireworks Expensive Around $285 Harder to use than other programs i.e. Photoshop Sometimes confusing

How can we use it Can be used to enhance projects in other programs. Can be used with other Adobe products: Flash Dreamweaver Photoshop Create web site layouts and graphic. Streamlines the process.

Making stuff in Fireworks

Making Stuff in Fireworks

Making Stuff in Fireworks

Resources Used http://help.adobe.com/en_US/Fireworks/9.0/ http://www.adobe.com/products/fireworks/faq/ http://www.pixelyzed.com/pixelforge/whychoosefireworks/ http://en.wikipedia.org/wiki/Vector_graphics http://en.wikipedia.org/wiki/Raster_graphics http://en.wikipedia.org/wiki/Adobe_Photoshop http://en.wikipedia.org/wiki/Adobe_Fireworks http://firetuts.com/ http://en.wikipedia.org/wiki/Macromedia

Resources Used http://firetuts.com/2007/12/08/five-easy-steps-to-create-a-barcode-in- fireworks/ http://firetuts.com/2007/10/20/create-mac-like-wallpapers-with-fireworks/ http://firetuts.com/2007/12/01/create-a-planet-from-scratch-with-fireworks/ http://www.adobe.com/devnet/fireworks/articles/why_fireworks.html http://www.fireworksguruforum.com/index.php?showtopic=12603 http://technologytraining.psu.edu/node/207 http://www.entheosweb.com/fireworks/default.asp http://speckyboy.com/2008/12/29/70-adobe-fireworks-resources-is-there-a- future-for-fireworks/