Computer Graphics and Animation

Super school

2007-03-23T10:34:00.000-07:00

http://www.geocities.com/sammy241076/superschool.swf

src="http://www.geocities.com/sammy241076/superschool.swf" quality="high" bgcolor="#ff9900" width="300" height="200" name="Bebis" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"

Simple buttons

2007-03-09T10:01:00.000-08:00

http://www.geocities.com/sammy241076/Simple_buttons.swf

src="http://www.geocities.com/sammy241076/Simple_buttons.swf" quality="high" bgcolor="#33ffff" width="300" height="200" name="Simple_buttons" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"

Creating Hyperlink

2007-03-09T09:59:00.000-08:00

http://www.geocities.com/sammy241076/crating_hyperlink.swf

src="http://www.geocities.com/sammy241076/crating_hyperlink.swf" quality="high" bgcolor="#999999" width="300" height="200" name="crating_hyperlink" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"

Zoom Motion Blur

2007-03-03T09:53:00.000-08:00

http://www.geocities.com/sammy241076/zomotionblur.swf

src="http://www.geocities.com/sammy241076/zomotionblur.swf
" quality="high" bgcolor="#ccccff" width="300" height="200" name="zomotionblur" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"

2007-03-03T01:31:00.000-08:00

Animated Mask
http://www.geocities.com/sammy241076/animatedmask.html

src="http://www.geocities.com/sammy241076/animatedmask.swf" quality="high" bgcolor="#003333" width="300" height="200" name="animatedmask" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"

Gradient Art

src="http://www.geocities.com/sammy241076/grdient_art.swf" quality="high" bgcolor="#ff99ff" width="300" height="200" name="grdient_art" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"

Motion guide exercize

2007-02-23T07:21:00.002-08:00

http://www.geocities.com/sammy241076/motionguide.swf
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="300" HEIGHT="200" id="motionguide" ALIGN="">

WIDTH="300" HEIGHT="200" NAME="motionguide" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

Tint tweening

2007-02-23T07:21:00.001-08:00

http://www.geocities.com/sammy241076/newtint.swf

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="300" HEIGHT="200" id="newtint" ALIGN="">
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

graphic to bit map exercize

2007-02-23T07:14:00.000-08:00

http://www.geocities.com/sammy241076/graphictobitmap.swf

src="http://us.share.geocities.com/sammy241076/graphictobitmap.swf" quality="high" bgcolor="#ffcccc" width="300" height="200" name="graphictobitmap" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"

easing exercize

2007-02-23T01:59:00.000-08:00

easing exercize
http://www.geocities.com/sammy241076/easing.swf

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="300" HEIGHT="200" id="newexer" ALIGN="">
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

Break apart exercizes

2007-02-23T01:54:00.000-08:00

breakapart
http://www.geocities.com/sammy241076/newexer.swf
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="300" HEIGHT="200" id="newexer" ALIGN="">
src="http://www.geocities.com/sammy241076/newexer.swf" quality=high bgcolor=#CCFF33 WIDTH="300" HEIGHT="200" NAME="newexer" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

2007-02-19T09:03:00.000-08:00

Macromedia Flash 8 Professional Tips

By: Sammy Lumaad

View this to improve your knowledge in Flash!

A Macromedia Flash is a powerful tool to make a movie

*Click here to view macromedia Flash Tips*

Lessons in Flash By: Sammy

email:@ sammy241076@yahoo.com

w/friendster!!!

my first flash exercise

2007-02-09T01:55:00.000-08:00

http://www.geocities.com/sammy241076/sammy.swf

< codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="350" HEIGHT="200" id="sammy" ALIGN="">
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

http://www.geocities.com/tongstogodongstoysprekoto/exer1.swf
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="550" HEIGHT="400" id="exer1" ALIGN="">
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

Research Macromedia Flash

2007-01-30T09:14:00.000-08:00

Macromedia Flash 8

is much more solid all around, performs better, and does not have all of those little annoying bugs that had built up over the years.
Macromedia Flash is a third party applet that explorer uses to enhance web sites. It is a trusted application and does no harm to you or your computer. The only drawback is that is uses a little memory from your system to run. But it is a very much needed applet for your web surfing...almost as much needed as Java online.
Flash player is required for display of animations of gif files.Some animations required plugins to display it on browser that's why flash player give u solution for this problem.So download flash player,install it to see animations.

Flash is an authoring tool that designers and developers use to create presentations, applications, and other content that enables user interaction. Flash projects can include simple animations, video content, complex presentations, applications, and everything in between. In general, individual pieces of content made with Flash are called applications, even though they might only be a basic animation. You can make media-rich Flash applications by including pictures, sound, video, and special effects.
Flash is extremely well suited to creating content for delivery over the Internet because its files are very small. Flash achieves this through its extensive use of vector graphics. Vector graphics require significantly less memory and storage space than bitmap graphics because they are represented by mathematical formulas instead of large data sets. Bitmap graphics are larger because each individual pixel in the image requires a separate piece of data to represent it.

What is IDE

The editor/IDE (Integrated Drive Electronics) is a standard electronic interface used between a computer motherboard's data paths or bus and the computer's disk storage devices. The IDE interface is based on the IBM PC Industry Standard Architecture (ISA) 16-bit bus standard, but it is also used in computers that use other bus standards. Most computers sold today use an enhanced version of IDE called Enhanced Integrated Drive Electronics (EIDE). In today's computers, the IDE controller is often built into the motherboard.
IDE was adopted as a standard by American National Standards Institute (ANSI) in November, 1990. The ANSI name for IDE is Advanced Technology Attachment (ATA). The IDE (ATA) standard is one of several related standards maintained by the T10 Committee.

Advantages of Macromedia Flash

Format over the PowerPoint format make Flash the chosen media for sharing presentations across education and business networks:

The Flash format
is widely compatible: SWF or Flash files are compatible with most operating systems (platforms) and most devices, including handheld devices.
You can add sound: Audio can be integrated easily in a flash file, be it explanatory notes or background music.

Flash files are Accessible:
Most browsers have the flash plugin installed, which makes it easier to play the converted PowerPoint presentations, as additional software is not required.
Flash files are small in size: Flash files are highly compressed and therefore, the preferred streaming media for the internet, or for file distribution. Presentations, when converted to Flash become very portable and can be easily shared online through email and websites, and also do not take up much space, if the need is to deliver your presentations through removable media like CD-roms etc. A PowerPoint presentation, when converted to Flash, is only upto a tenth of the PPT file size.
SWF is resolution friendly: Flash files are friendly with any size or display resolution. This makes them easy to handle across various device display sizes.
Streaming technology is the way to go: This enables you to play a video file without waiting for the whole file to download. Flash being the preferred streaming media, can enhance your reach when you need to do big or lengthy presentations.

Flash files are very secure: PowerPoint presentations can be easily edited, while

Flash files are more secure. SWF files also do not pose any security threat, therefore, these are not sifted at firewalls. This ensures seamless delivery.
authorPOINT 3.8 -- Our PowerPoint to Flash Converter with a web cam or digital cam enables you to create meaningful presentations in PowerPoint by adding video, audio and search functionality, and converting to Flash video format for easy sharing in e-learning and business.

What the meaning of

Vectors Graphics

Vector graphics (also called geometric modeling or object-oriented graphics) is the use of geometrical primitives such as points, lines, curves, and polygons, which are all based upon mathematical equations to represent images in computer graphics. It is used by contrast to the term raster graphics, which is the representation of images as a collection of pixels (dots).
Vector (also known as "object-oriented") graphics are constructed using mathematical formulas describing shapes, colors, and placement. Rather than a grid of pixels, a vector graphic consists of shapes, curves, lines, and text which together make a picture. While a bitmap image contains information about the color of each pixel, a vector graphic contains instructions about where to place each of the components. It is even possible to embed a bitmap graphic within a vector graphic, which is how vector-bitmap hybrid graphics work. It is not possible, however, to embed vector information within a bitmap. Examples of vector graphic formats are PICT, EPS, and WMF as well as PostScript and TrueType fonts. These are created with GIS and CAD applications as well as drawing programs like FreeHand.

Vector, on the other hand, tells the computer, "Create a circle, but don't put it together pixel by pixel, just use these measurements." MEANING, that when the image is blown up to a bigger size it's the same circle , but different size. Not the same pixels stretched into bigger shape.
Vector allows for much faster and cleaner web graphics.
Bit map graphics
A map viewing tool created in Flash
Difference between Vector graphics and Bit map graphics

Bitmap Graphics

A bitmap (also called "raster") graphic is created from rows of different colored pixels that together form an image. In their simplest form, bitmaps have only two colors, with each pixel being either black or white. With increasing complexity, an image can include more colors; photograph-quality images may have millions. Examples of bitmap graphic formats include GIF, JPEG, PNG, TIFF, XBM, BMP, and PCX as well as bitmap (i.e., screen) fonts. The image displayed on a computer monitor is also a bitmap, as are the outputs of printers, scanners, and similar devices. They are created using paint programs like Adobe Photoshop.
A map viewing tool created in Flash

Difference between Vector graphics and Bit map graphics

Bit map graphics
A map viewing tool created in Flash . Vector, on the other hand, tells the computer, "Create a circle, but don't put it together pixel by pixel, just use these measurements." MEANING, that when the image is blown up to a bigger size it's the same circle , but different size. Not the same pixels stretched into bigger shape.Vector allows for much faster and cleaner web graphics.While Bit map graphics
A map viewing tool created in Flash.

Another is according to:Craig L. Scanlan, EdD, RRT, FAARCProfessor, Department of Interdisciplinary StudiesUMDNJ-School of Health Related Professions.
Raster graphics and vector graphics.
Raster graphics represent graphical images as a pattern of dots, called a bit map (this is why raster graphics are also called bit-mapped graphics). With vector graphics, images are represented as mathematical formulas that define the shape of all objects in the image. For this reason, vector graphics are often called object-oriented graphics.The major advantage of vector graphics over the bit-mapped format is that vector graphics look the same, even when you scale them to different sizes. In contrast, raster graphics tend to become ragged-looking when you change their size. On the other hand, only raster graphics can reproduce photo-realistic images.
Programs that manipulated raster/bit-mapped images usually are referred to as paint programs, whereas programs that enable you to create and manipulate vector graphics commonly are called draw programs. Most high-end graphics programs can create and manipulate both types of images.
Raster (Bit-Mapped) Graphics
A raster format breaks an image down into rows and columns of dots, called picture elements or pixels, for short. The pixel density, known as the resolution, determines how sharply the image appears. This is often expressed in dots per inch (dpi) or simply by the number of rows and columns, such as 800 by 600 (the resolution of a typical SVGA computer monitor screen). A megapixel image is made up of more than one million pixels, with a resolution exceeding 1000 by 1000.
Rendering of Raster Images and Color Depth.

A graphic is a picture (drawing or photograph). As with all else digital, a computer graphic is simply a set of binary bits (0s and 1s). However, there are two major ways computers create and store graphics: raster graphics and vector graphics.

Raster (Bit-Mapped) Graphics
A raster format breaks an image down into rows and columns of dots, called picture elements or pixels, for short. The pixel density, known as the resolution, determines how sharply the image appears. This is often expressed in dots per inch (dpi) or simply by the number of rows and columns, such as 800 by 600 (the resolution of a typical SVGA computer monitor screen). A megapixel image is made up of more than one million pixels, with a resolution exceeding 1000 by 1000.
Rendering of Raster Images and Color Depth
To display a raster image on a monitor screen, the computer translates the bit map data into individual pixels. To print a raster image, the computer and printer translate the bit map data into individual ink dots. Below is an example of how a computer monitor or printer would render a simple black & white raster image. As can be seen, rendering a simple black & white image only requires that each pixel be either 'on' (1) or 'off' (0):
On color monitors, however, each pixel is made up of three different color signals: red, green and blue (like a TV). Each pixel's appearance is controlled by the intensity of these three color signals. When all are set to the highest level the result is white; when all are set to zero the pixel is black.
The value of each pixel is stored in one or more bits of data. For simple black & white or monochrome images (like the one shown above), one bit (0 or 1) is sufficient to represent each pixel. If we want shades of gray or colors, each pixel must be represented by more than one bit of data. The more bits used to represent a pixel, the more colors that can be represented (increased color depth).

The table below shows an example image for each of the common color depths (bits-per-pixel/maximum number of colors):

Bits per PixelMaximum Colors

Example
Bits per Pixel: 1
Maximum Colors: 2
Bits per Pixel: 4
Maximum Colors: 16
Bits per Pixel: 8
Maximum Colors: 256 (color palette)
Bits per Pixel: 16
Maximum Colors: 65,536 (high color)
Bits per Pixel: 24
Maximum Colors: 16,777,216 (true color)
24-bit color provides the most realistic representation of the color of images, and is thus called "true color." In 24-bit color images, three bytes of information are used for each of the three color signals constituting a pixel. Since a byte has 256 different values, this means that each color can have 256 different intensities, allowing over 16 million possibilities (256 x 256 x256). True color is a necessity for those doing high-quality photo editing, graphical design, etc.
It should be noted that the greater the color depth, the more memory required to store (RAM and hard drive) and display (video card) an image. In terms of the video display, memory-intensive images can slow screen refresh rates. For this reason high color is often used instead of true color. High color uses two bytes of information to store the intensity values for each of the three colors, resulting in over 65,000 different color possibilities. This reduced color precision results in a slight (usually imperceptible) loss of visible image quality, but uses less video memory, which makes for faster display.
In 8-bit color mode (256-colors), a computer processes only 8 bits of data per pixel. This means limiting colors to no more than 8 different values, which gives most images an extremely artificial look. To avoid this problem, 8-bit color images use a palette of 256 different colors. Each of these 256 colors is defined the same way as in true color: 256 possible intensities for each of red, blue and green. Thus an 8-bit image can ‘choose from’ the full range of 16 million colors, but can use only a maximum of 256.
Since virtually no image uses all 16 million colors, 8-bit color can provide acceptable quality under certain circumstances. For example, graphic artwork (line drawings, icons, cartoons) seldom use more that a couple dozen colors and look just fine in 8-bit color. Even some photographs can be rendered satisfactorily with 256 colors. For example, an image of the sky with clouds (like in the Windows 98 background) uses mainly shades of blue and gray, with virtually no reds, greens, or yellows. For this type image, a 256 color palette (mainly shades of blue and gray) is satisfactory. However, when viewing a photographic image representing a broad range of colors, most people easily can tell the difference between the 256 color and the true color renditions.

Raster Graphics Formats

As with word processor or document file formats, there are dozens of proprietary raster graphic file formats. These raster graphics file formats are known in shorthand by their file extensions, e.g., BMP, GIF, JPEG, PCX, TGA, TIFF. Also as with word processors (luckily), there are only a handful of these formats that you will commonly encounter, and fewer still that you will use. Moreover, there are several good (and some free) utility programs that can convert between and among most raster graphic file formats. For example, if you have several good old PCX images (the old PC PaintBrush format), you can easily convert them to either the GIF or JPEG format, as needed for display on the Web. The raster graphics formats you need to be most familiar with include BMP, GIF, JPEG and PNG.
An excellent free shareware raster graphics program that provides simple graphics editing and conversion between most common raster graphics program is IrfanView. You can download this program at the author’s site:
http://stud1.tuwien.ac.at/~e9227474/english.htm
BMP

An acronym for ‘bitmap,’
the BMP format is the standard raster graphics file format used in all Microsoft Windows applications. The BMP format provides for various color depths, from black and white (I bit), through palletized 16-color (4-bit) and 256-color (8-bit), to true color (24-bit) images. Compression (RLE) is only available for the 4- and 8-bit images. BMP files are stored in a device-independent bitmap (DIB) format that allows Windows to display the bitmap on any type of display device. The term "device independent" means that the bitmap specifies pixel color in a form independent of the method used by a display to represent color. The BMP format does not provide for transparency and is not a Web standard.

GIF

GIF stands for Graphics Interchange Format, an 8-bit, 256 color raster graphics format defined in 1987 by CompuServe. The GIF format was developed primarily to support on-line transmission and interchange of bitmapped images, and has become one of two standard formats for Web graphics. To speed online transmission and downloading, GIF files are compressed using the lossless LZW compression algorithm (a lossless compression method creates smaller files that the original, but without any loss of data or color resolution). GIF images are indexed to a palette, and support transparency, interlacing and simple animation.
A GIF image that incorporates transparency displays on a Web page with the page's background showing through the transparent parts of the image. This gives the image the appearance of ‘floating’ over the page background.

Standard GIF Image

Transparent GIF Image
With interlacing, the GIF image displays in two passes of alternating lines. Depending on which graphics viewer or Web browser is being used, interlacing may produced either a "venetian blind" effect or simply a blurry image that gradually ‘sharpens.’ Because pages using interlaced GIFs let people see at least the outline of the images almost immediately, they appear to load faster than those with noninterlaced graphics
The GIF89a format also supports simple animation. An animation is a collection of related still images or "frames" that are displayed sequentially, giving the illusion of motion (see example to right). GIF animations are like the little hand-held flip-page cartoons some children make in grammar school. The designer can control the speed of image ‘flipping’ and whether or not the animation ‘loops’ or replays continuously. The viewer, however, has no control over starting or stopping a GIF animation. GIF animations do not support sound.

JPEG
JPEG stands for Joint Photographic Experts Group, the committee that originally created this bitmap graphics format. JPEG images provide are 24-bit images, providing up to 16 million colors (true color). Because such images can be extremely large (in KB or MB), the JPEG standard provides for variable, ‘lossy’ image compression. The greater the compression percent, the greater the loss of data and the poorer the quality of the image. To provide for partial viewing of images while being downloaded, JPEG also supports a technique called progressive display (similar to GIF interlacing). JPEG is the second of the two standard widely-used and support Web graphics formats, and is the primary choice for displaying photographic images.

PNG
PNG stands for Portable Network Graphics. The PNG format is a new bitmap graphics format that recently has been approved as a third standard for the World Wide Web. The PNG format offers all the features provided by the GIF and JPEG formats (up to 256 indexed colors, support for 24- and 48-bit true color, full alpha-channel support for transparency), but uses a lossless compression significantly more efficient than that used by GIF formatted images.
Below is a summary table comparing the advantages and disadvantages of these common

raster graphics formats:
Format

Advantages
Disadvantages

BMP
Widely used on PCs (MS Windows)
Provides full range of color depths
System dependent (Windows)
Not an accepted Web standard
Limited compression (4/8 bit)
No transparency
GIF
System independent
Accepted Web standard
Lowest common denominator factor
Readable by the widest audience
Supports transparency
Ability to create indexed palettes
Lossless compression
Suitable for images with fewer colors (black and white, cartoons, line art, etc)
Can be interlaced
Can provides animation (GIF89a)
Only supports 256 colors
Can't control the rate of compression
Because of color limitations, not suitable for continuous tone images
JPG
System independent
Accepted Web standard
Variable compression ratios
Capable of very high compression
Offer 24-bit, 16 million colors
Best suited for continuous tone images such as photographs, artwork
Can load progressively
Can't index colors to set palettes
Doesn't support transparency
Lossy compression
24-bit color doesn't display consistently across all hardware
PNG
Offers up to 256 indexed colors
Support for 24 and 48-bit truecolor
Full support for transparency
Lossless compression
10-30% better compression than GIF
Developing Web standard
Not yet widely used (only recently available as a native format in browsers, meaning it can only be read by a small audience)
Vector Graphics
Vector graphics are images created by geometrical instructions or mathematical formulae that contain information about the location and characteristics of various lines, curves and shapes. By following these instructions, the computer can create the variety of elements needed to form an image. For example, a simple vector graphic might include instructions that tell the computer to draw a circle with a specific location (the origin or center point) and with a specific radius.
The vector format is not appropriate for rendering photo-realistic images. However, for other types of images, the vector format has two big advantages over raster graphics: (1) vector graphics are scalable, i.e., they can be can be resized and stretched without distortion; and (2) vector graphics files are usually much smaller than bitmap files and thus use less memory in storage and less bandwidth in transmission. This makes them ideally suited for the World Wide Web.
For these reasons, almost all sophisticated graphics software, including computer-aided design (CAD) and animation tools, use vector graphics. In addition, many printers (PostScript printers, for example) use vector graphics to render fonts (see prior section on text and fonts).
It is important to note that most output devices, including printers and display monitors), are raster devices. This means that all objects, even vector objects, must be translated into bit maps before being output. The difference between outputting vector graphics and raster graphics, therefore, is that vector graphics are not translated into bit maps until the last possible moment, after all sizes and resolutions have been specified. PostScript printers, for example, have a raster image processor (RIP) that performs the translation within the printer.
As with most data formats, there are both proprietary (closed) and open standards for vector graphics. The most common proprietary vector graphics standards are Autodesk/AutoCAD (DWG), CorelDRAW (CDR), Micrografx Draw (DRW) and Adobe Illustrator (AI). To facilitate sharing of diagrams and drawings, most vector-based application programs can read and write a common ‘open’ vector graphics format called the Data Exchange File (*.DXF).

‘Open’ vector graphics formats
include PGML (Precision Graphics Markup Language) and VML (Vector Markup Language). A third open standard, Scalable Vector Graphics (SVG), has just recently been defined by the World Wide Web Consortium (W3C). All three of these standards are based on XML (see above) and thus well suited for delivery of vector images over the World Wide Web.
Recently, Macromedia developed a vector graphics tool and format called Shockwave Flash (*.SWF file format). Flash was designed primarily to provide vector-based images and animation (with sound, if desired) within Web browsers, using a free reader/plug-in that you can download from the vendor. Recently, Netscape/AOL announced it would incorporate the Flash format into its Navigator browser.

Metafile Formats

A ‘meta’ file format can contain both raster and vector images, including editable text. As an example, the popular Window metafile format (WMF) might contain a bitmap, vector information, and text, with the bitmap constituting the majority of the image, and the vector and text data providing annotation.
The following table lists the most common metafile graphics formats. Note that some of these have already been described under the vector category (this is because most vector-based programs can also accommodate raster graphics):
File Extension
Developer/Description
CDR
CorelDRAW
CGM
Computer Graphics Metafile
DRW
Micrografx Draw
DWG
Autodesk/AutoCAD
EMF
Windows Enhanced Metafile
EPS
Encapsulated PostScript
HGL
Hewlett-Packard Graphics Language
PCT
Apple
PDF
Adobe Acrobat (Portable Document Format)
PIC
Lotus Development Corp
SVG
World Wide Web Consortium (W3C)
SWF
Macromedia Flash
WMF
Microsoft Windows Metafile
WPG
WordPerfect
© Craig L. Scanlan, 2001. Version 2.0 - January 2002. Original version January 2001.

Components of Flash

Components of Flash

Flash components extend the functionality of Flash by providing an easy way to enhance your Flash websites by adding features with little or no coding. These components (extensions) are installed in the Macromedia Flash authoring environment (IDE).
CMC
Various
Sounds
Menus
Navigation
3d
Charts

Components are ôpackagedö pieces of the Flash user interface data integration tools and media player that form the building blocks for building rich internet applications. They encapsulate complex functionality to make Flash development easier and more efficient by letting developers reuse share and customize code. This book describes how to work with components and their supporting classes.
In Using ActionScript Components with Macromedia Flash 8 learn how to:
+ Set component properties and parameters
+ Write functions to handle component ôevents ö such as clicking loading and rollovers
+ Customize component appearance
+ Create your own components and distribute them to other developers and designers
+ Use supporting classes for managing component depth and focus or to customize data styles transition effects and Web services
Includes the following books in the Macromedia online documentation:
+ Using Components
+ Components Language Reference
Powerful development and design tools require thorough and authoritative technical advice and documentation. When it comes to Macromedia Flash no one is more authoritative than Macromedia Development and writing teams. Now their official documentation is available to you in printed book form. As you work keep this guide by your side for ready access to valuable information on using Flash. WeÆve designed it so that itÆs easy to annotate as you progress.

Identity the tools and Describe its purpose

The white rectangular Stage area- is where you can arrange objects as you
want them to appear in your published file.
The Tools panel,
next to the Stage, offers a variety of controls that let you create text and vector art. To learn more about tools in the Tools panel, select Help > Flash Tutorials >

Creating Graphics: Draw in Flash and Help > Flash Tutorials > Text: Add Text to a Document.

Click the Pencil tool in the Tools panel.

Click the Stroke color box in the Tools panel colors area, and select any color except white.
Drag around the Stage, without releasing the mouse, to draw a line.
You've created Flash content. Your finished document will be much more impressive.

What are Layers

Abstraction layer
o Layer (stack frame)
Networking:
o OSI model layers
o Internet protocol suite layers
2D computer graphics#Layers, layers in 2D computer graphics
Layers (Digital image editing)
layer (object-oriented design).
DVD layer, such as in DVD Dual layer recording

Appleton Layer, or F region (telecommunications)
Layer (HTML tag) was a like tag, unique to Netscape browsers. It has been deprecated and fallen out of use.
In instructional design a layer is an element of the design architecture representing a function carried out by an instructional artifact. Design layers are characterized by coherent design languages that are used to express different layers of the design.

The Grid
In the exercises that follow, you will be creating graphics. When creating graphics, the grid is often helpful. To turn on the grid:
Choose View > Grid > Edit Grid from the menu. The Grid dialog box opens.

Click the Color box and select gray to have the grid lines display in gray.
Choose Show Grid to cause the grid to display.
Choose Snap to Grid to cause the edges of your graphic to align with the grid lines.
Set the Horizontal field to 20 px to separate horizontal lines by 20 pixels.
Set the Vertical field to 20 px to separate vertical lines by 20 pixels.
Set the Snap Accuracy to Normal.
Click OK.
The Property Inspector
In the Property inspector, you can set the attributes of objects as you work. You will use the Property inspector frequently when working in Flash Professional 8. To open the Property inspector:
Choose Window > Properties> Properties from the menu. The Property inspector appears at the bottom of the screen.

The Property inspector is one of many panels found in Flash. When you are not working in a panel, you can collapse the panel. To collapse the Property inspector, click the Collapse icon. To open the Property inspector again, click the Expand icon.
The Oval Tool
In the exercise that follows, you will use the Oval tool to draw an ellipse. You will then turn the ellipse into a symbol. Symbols are reusable graphics you store in the Library. Later in the tutorial you will turn the ellipse into the button movie viewers press to start the movie.

To draw the ellipse:
Choose the Oval tool. There are two color boxes on the Modifier panel. These color boxes are used to set the stroke and fill colors. The stroke color outlines your drawing. The fill color fills the center of your drawing.
Click the Stroke Color box and then click the color black to choose black as your stroke color.
Click the Fill Color box and then click the color navy to choose navy as your fill color.
If selected, click to deselect the Object Drawing option. The Object Drawing option enables you to draw your ellipse as a grouped object that will not merge with other objects you draw. You want this option turned off.
You set the thickness of the Stroke line in the Property inspector. To set the thickness of the Stroke line:
If the Property inspector is not open, choose Window > Properties> Properties from the menu. The Property inspector appears at the bottom of the screen.
Choose Solid from the drop-down menu to select the type of line that will outline your drawing.
Type 3 in the Stroke Height field to set the line thickness.
Click on the Stage and drag diagonally to draw the ellipse.
The Grid
In the exercises that follow, you will be creating graphics. When creating graphics, the grid is often helpful. To turn on the grid:
Choose View > Grid > Edit Grid from the menu. The Grid dialog box opens.

Click the Color box and select gray to have the grid lines display in gray.
Choose Show Grid to cause the grid to display.
Choose Snap to Grid to cause the edges of your graphic to align with the grid lines.
Set the Horizontal field to 20 px to separate horizontal lines by 20 pixels.
Set the Vertical field to 20 px to separate vertical lines by 20 pixels.
Set the Snap Accuracy to Normal.
Click OK.
The Property Inspector
In the Property inspector, you can set the attributes of objects as you work. You will use the Property inspector frequently when working in Flash Professional 8. To open the Property inspector:
Choose Window > Properties> Properties from the menu. The Property inspector appears at the bottom of the screen.

The Property inspector is one of many panels found in Flash. When you are not working in a panel, you can collapse the panel. To collapse the Property inspector, click the Collapse icon. To open the Property inspector again, click the Expand icon.
The Oval Tool
In the exercise that follows, you will use the Oval tool to draw an ellipse. You will then turn the ellipse into a symbol. Symbols are reusable graphics you store in the Library. Later in the tutorial you will turn the ellipse into the button movie viewers press to start the movie.

To draw the ellipse:
Choose the Oval tool. There are two color boxes on the Modifier panel. These color boxes are used to set the stroke and fill colors. The stroke color outlines your drawing. The fill color fills the center of your drawing.
Click the Stroke Color box and then click the color black to choose black as your stroke color.
Click the Fill Color box and then click the color navy to choose navy as your fill color.
If selected, click to deselect the Object Drawing option. The Object Drawing option enables you to draw your ellipse as a grouped object that will not merge with other objects you draw. You want this option turned off.
You set the thickness of the Stroke line in the Property inspector. To set the thickness of the Stroke line:
If the Property inspector is not open, choose Window > Properties> Properties from the menu. The Property inspector appears at the bottom of the screen.
Choose Solid from the drop-down menu to select the type of line that will outline your drawing.
Type 3 in the Stroke Height field to set the line thickness.
Click on the Stage and drag diagonally to draw the ellipse.

What are key frames

In animation, key frames (also keyframes) are the drawings which are essential to define a movement. They are called "frames" because their position in time is measured in frames on a strip of film. A sequence of keyframes defines which movement the spectator will see, whereas the position of the keyframes on the film (or video) defines the timing of the movement. Because only two or three keyframes over the span of a second don't create the illusion of movement, the remaining frames are filled with more drawings, called "inbetweens".

What is Motion Tween

Motion tweens are the other "built-in" type of animation in Flash. Just like Shape tweens, they allow you to change objects over the time between two keyframes. However, unlike Shape tweens, which provide an easy way to morph one shape into another, Motion tweens allow you to move one object around the stage.
There is, however, one catch. Unlike Shape Tweens, which transform one shape into another, Motion Tweens require that you make the shape you want to move into a Symbol.
Symbols are special types of things in Flash. There are three types: Graphics, Buttons, and Movie Clips. They each have unique properties, but we won't get into that here. For now, we'll just be making tweens using Graphic symbols.

What are 4 Button States

System Buttons
Paypal buttons
Mx buttons
Radio buttons

What are Text Tools

Using text effectively
· Fonts
· Text
· Adding a Scrollbar component to a text box
· Using text in images
Working with images
· Using images
· Working with bitmaps and vectors
· Using masks
· Creating an animated mask effect

Post Expectations

2007-01-30T02:16:00.000-08:00

I will past this subject with satisfaction.