save pdf to database c# : Add bookmark pdf SDK control API .net web page html sharepoint ch050-part944

140
In this chapter, you 
will learn how to:
CH A P T E R   5
In this chapter, you 
will learn how to:
Define animation and 
■■
describe how it can be used 
in multimedia
Discuss the principles of 
■■
animation
Discuss the animation tech-
■■
niques of cel and computer 
animation and choose 
the correct file types for 
animations
Create computer-generated 
■■
animations from multiple 
still images
Animation
B
y
definition, animation makes static presentations come alive. It 
is visual change over time and can add great power to your multimedia 
projects and web pages. Many multimedia applications for both  Macintosh 
and Windows provide animation tools.
The Power of Motion
You can animate your whole project, or you can animate here and there, 
accenting and adding spice. For a brief product demonstration with little 
user interaction, it might make sense to design the entire project as a video 
and keep the presentation always  in  motion. For speaker support, you 
can animate bulleted text or fly it onto the screen, or you can use charts 
with quantities that grow or dwindle; then, give the speaker control of 
these eye-catchers. In a parts-assembly training manual, you might show 
components exploding into an expanded view.
Visual effects  such  as wipes,  fades, zooms,  and  dissolves are avail-
able in most multimedia authoring packages, and some of these can be 
used for primitive animation. For example, you can slide images onto the 
screen with a wipe, or you can make an object implode with an iris/close 
effect. Figure 5-1 shows examples of many transition effects that may be 
available in your editing software (in this case, an early version of Adobe’s 
Premiere).
But animation is more than wipes, fades, and zooms. Animation is 
an object actually moving across or into or out of the screen; a spinning 
globe of our earth; a car driving along a line-art highway; a bug crawling 
out from under a stack of papers, with a screaming voice from the speaker 
telling you to “Shoot it, now!” Until video became more commonplace 
(see Chapter 6), animations were the primary source of dynamic action in 
multimedia presentations.
Warning 
Overuse of animation and annoying visual effects can ruin a 
multimedia project. (Check out www.dack.com/web/flash_evil.html for a discus-
sion of gratuitous use.)
Add bookmark pdf - add, remove, update PDF bookmarks in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your C# Project with Rapid PDF Internal Navigation Via Bookmark and Outline
how to add bookmarks on pdf; create pdf bookmarks
Add bookmark pdf - VB.NET PDF bookmark library: add, remove, update PDF bookmarks in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your VB.NET Project with Rapid PDF Internal Navigation Via Bookmark and Outline
bookmarks in pdf; pdf bookmark editor
141
Chapter 5   Animation
Figure 5-1 
Animation authoring applications typically offer many visual effects and transitions.
Principles of Animation
Animation  is  possible  because  of  a  biological phenomenon  known  as 
persistence of vision and a psychological phenomenon called phi. An 
object seen by the human eye remains chemically mapped on the eye’s 
retina for a brief time after viewing. Combined with the human mind’s 
need to conceptually complete a perceived action, this makes it possible for 
a series of images that are changed very slightly and very rapidly, one after 
the other, to seemingly blend together into a visual illusion of movement. 
周e illustration shows a few cels, or frames, of a rotating logo. When the 
images  are  progressively  and  rapidly 
changed, the arrow of the compass is 
perceived to be spinning.
VB.NET PDF insert image library: insert images into PDF in vb.net
VB.NET PDF - Add Image to PDF Page in VB.NET. Guide VB.NET Programmers How to Add Images in PDF Document Using XDoc.PDF SDK for VB.NET.
creating bookmarks in pdf from word; create bookmarks pdf files
C# PDF Password Library: add, remove, edit PDF file password in C#
C# Sample Code: Add Password to PDF with Permission Settings Applied in C#.NET. This example shows how to add PDF file password with access permission setting.
creating bookmarks in pdf files; bookmarks pdf documents
142
Multimedia: Making It Work
Digital television video builds 24, 30, or 60 entire frames or pictures 
every second, depending upon settings; the speed with which each frame is 
replaced by the next one makes the images appear to blend smoothly into 
movement. Movies on film are typically shot at a shutter rate of 24 frames 
per second, but using projection tricks (the projector’s shutter flashes light 
through each image twice), the flicker rate is increased to 48 times per sec-
ond, and the human eye thus sees a motion picture. On some film projec-
tors, each frame is shown three times before the pull-down claw moves to 
the next frame, for a total of 72 flickers per second, which helps to elimi-
nate the flicker effect: the more interruptions per second, the more con-
tinuous the beam of light appears. Quickly changing the viewed image is 
the principle of an animatic, a flip-book, or a zoetrope. To make an object 
travel across the screen while it changes its shape, just change the shape 
and also move, or translate, it a few pixels for each frame. 周en, when 
you play the frames back at a faster speed, the changes blend together and 
you have motion and animation. It’s the same magic as when the hand is 
quicker than the eye, and you don’t see the pea moving in the blur of the 
gypsy’s cups.
Animation by Computer
Using appropriate software and techniques, you can animate visual images 
in many ways. 周e simplest animations occur in two-dimensional (2-D) 
space; more complicated animations occur in an intermediate “2½-D” space 
(where shadowing, highlights, and forced perspective provide an illusion 
of depth, the third dimension); and the most realistic animations occur in 
three-dimensional (3-D) space.
In 2-D space, the visual changes that bring an image alive occur on the 
flat Cartesian x and y axes of the screen. A blinking word, a color-cycling 
logo (where the colors of an image are rapidly altered according to a for-
mula), a cel animation (described more fully later on in this chapter), or 
a button or tab that changes state on mouse rollover to let a user know it 
is active are all examples of 2-D animations. 周ese are simple and static, 
not changing their position on the screen. Path animation in 2-D space 
increases the complexity of an animation and provides motion, changing 
the location of an image along a predetermined path (position) during a 
specified amount of time (speed). Authoring and presentation software 
such as Flash or PowerPoint provide user-friendly tools to compute posi-
tion changes and redraw an image in a new location, allowing you to gener-
ate a bouncing ball or slide a corporate mascot onto the screen. Combining 
changes in an image with changes in its position allows you to “walk” your 
corporate mascot onto the stage. Changing its size from small to large as it 
walks onstage will give you a 3-D perception of distance.
C# PDF Sticky Note Library: add, delete, update PDF note in C#.net
C#.NET PDF SDK - Add Sticky Note to PDF Page in C#.NET. Able to add notes to PDF using C# source code in Visual Studio .NET framework.
how to add bookmarks to pdf files; copy bookmarks from one pdf to another
C# PDF insert image Library: insert images into PDF in C#.net, ASP
C#.NET PDF SDK - Add Image to PDF Page in C#.NET. How to Insert & Add Image, Picture or Logo on PDF Page Using C#.NET. Add Image to PDF Page Using C#.NET.
bookmark page in pdf; bookmark pdf in preview
143
Chapter 5   Animation
In 2½-D animation
,
an illusion of depth (the z axis) is added to an 
image through shadowing and highlighting, but the image itself still rests 
on the flat x and y axes in two dimensions. Embossing, shadowing, bevel-
ing, and highlighting provide a sense of depth by raising an image or cut-
ting it into a background. Zaxwerks’ 3D Invigorator (www.zaxwerks.com), 
for example, provides 3-D effects for text and images and, while calling 
itself “3D,” works within the 2-D space of image editors and drawing pro-
grams such as Adobe Illustrator, Photoshop, Fireworks, and After Effects.
In 3-D animation, software creates a virtual realm in three dimen-
sions, and changes (motion) are calculated along all three axes (x, y, and z), 
allowing an image or object that itself is created with a front, back, sides, 
top, and bottom to move toward or away from the viewer, or, in this virtual 
space of light sources and points of view, allowing the viewer to wander 
around and get a look at all the object’s parts from all angles. Such anima-
tions are typically rendered frame by frame by high-end 3-D animation 
programs such as NewTek’s Lightwave or AutoDesk’s Maya.
Today, computers have taken the handwork out of the animation and 
rendering process, and commercial films such as Shrek, Coraline, Toy Story, 
and Avatar have utilized the power of computers. (See Chapter 3 for an 
account of the historic “computer wall” of 117 Sun SPARCstations used to 
render the animated feature Toy Story.)
Animation Techniques
When you create an animation, organize its execution into a series of logical 
steps. First, gather up in your mind all the activities you wish to provide in 
the animation. If it is complicated, you may wish to create a written script 
with a list of activities and required objects and then create a storyboard 
to visualize the animation. Choose the animation tool best suited for the 
job, and then build and tweak your sequences. 周is may include creating 
objects, planning their movements, texturing their surfaces, adding lights, 
experimenting with lighting effects, and positioning the camera or point of 
view. Allow plenty of time for this phase when you are experimenting and 
testing. Finally, post-process your animation, doing any special renderings 
and adding sound effects.
Cel Animation
周e animation techniques made famous by Disney use a series of progres-
sively different graphics or cels on each frame of movie film (which plays 
at 24 frames per second). A minute of animation may thus require as many 
as 1,440 separate frames, and each frame may be composed of many layers 
of cels. 周e term cel derives from the clear celluloid sheets that were used 
for drawing each frame, which have been replaced today by layers of digital 
VB.NET PDF Password Library: add, remove, edit PDF file password
VB: Add Password to PDF with Permission Settings Applied. This VB.NET example shows how to add PDF file password with access permission setting.
split pdf by bookmark; excel pdf bookmarks
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
to PDF. Image: Remove Image from PDF Page. Image Link: Edit URL. Bookmark: Edit Bookmark. Metadata: Edit, Delete Redact Pages. Annotation & Drawing. Add Sticky Note
export pdf bookmarks to text file; display bookmarks in pdf
144
Multimedia: Making It Work
imagery.  Cels of  famous  animated  cartoons have become  sought-after, 
suitable-for-framing collector’s items.
Cel animation artwork begins with keyframes (the first and last 
frame of an action). For example, when an animated figure of a woman 
walks across the screen, she balances the weight of her entire body on one 
foot and then the other in a series of falls and recoveries, with the opposite 
foot and leg catching up to support the body. 周us the first keyframe to 
portray a single step might be the woman pitching her body weight for-
ward off the left foot and leg, while her center of gravity shifts forward; 
the feet are close together, and she appears to be falling. 周e last keyframe 
might be the right foot and leg catching the body’s fall, with the center of 
gravity now centered between the outstretched stride and the left and right 
feet positioned far apart.
周e series of frames in between the keyframes are drawn in a process 
called tweening. Tweening is an action that requires calculating the num-
ber of frames between keyframes and the path the action takes, and then 
actually sketching with pencil the series of progressively different outlines. 
As tweening progresses, the action sequence is checked by flipping through 
the frames. 周e penciled frames are assembled and then actually filmed as 
pencil test to check smoothness, continuity, and timing.
When the pencil frames are satisfactory, they are permanently inked, 
photocopied onto cels, and given to artists who use acrylic colors to paint 
the details for each cel. Women were often preferred for this painstaking 
inking and painting work as they were deemed patient, neat, and had great 
eyes for detail. In the hands of a master, cel paint applied to the back of 
acetate can be simply flat and perfectly even, or it can produce beautiful 
and subtle effects, with feathered edges or smudges.
周e cels for each frame of our example of a walking woman—which 
may consist of a text title, a background, foreground, characters (with per-
haps separate cels for a left arm, a right arm, legs, shoes, a body, and facial 
features)—are carefully registered and stacked. It is this composite that 
becomes the final photographed single frame in an animated movie. To 
replicate natural motion, traditional cel animators often utilized “motion 
capture” by photographing a woman walking, a horse trotting, or a cat 
jumping to help visualize timings and movements. Today, animators use 
reflective sensors applied to a person, animal, or other object whose motion 
is to be captured. Cameras and computers convert the precise locations of 
the sensors into x,y,z coordinates and the data is rendered into 3-D sur-
faces moving over time.
TiP 
For experimenting with frame editing and timing, Lunch Box DV from 
Animation Toolworks (www.animationtoolworks.com) requires only a video 
camera and a monitor to get started.
I grew up using cel tech-
niques and a huge anima-
tion crane to photograph 
with. I can tell you the 
static electricity caused hell 
with dust on the cels. Do 
you know why most 2-D 
animated characters in the 
past, like Mickey Mouse, 
wore white gloves? It was 
an inside joke…We all wore 
white gloves to protect the 
cels! And the reason most 
animated characters had 
only three fingers and a 
thumb inside their gloves 
was because it saved us time 
and money to drop that 
extra finger.
Joe Silverthorn, Integrated 
Multimedia Professor, 
Olympic College
C# PDF Library SDK to view, edit, convert, process PDF file for C#
editing PDF document hyperlink (url) and quick navigation link in PDF bookmark. C#.NET: Edit PDF Metadata. PDF SDK for .NET allows you to read, add, edit, update
bookmark pdf documents; add bookmarks to pdf preview
C# PDF Annotate Library: Draw, edit PDF annotation, markups in C#.
framework. Support to add flatten comments to PDF document online in ASPX webpage. Support C#.NET: Add Text to PDF Document. This page
bookmark a pdf file; how to bookmark a pdf file in acrobat
145
Chapter 5   Animation
Computer Animation
Computer  animation  programs  typically  employ  the  same  logic  and 
procedural concepts as cel  animation and use the vocabulary of classic 
cel  animation—terms such as layer, keyframe, and tweening. 周e primary 
difference among animation software programs is in how much must be 
drawn by the animator and how much is automatically generated by the 
software (see Figure 5-2). In path-based 2-D and 2½-D animation, an 
animator simply creates an object (or imports an object as clip art) and 
describes a  path  for the  object to  follow. 周e  computer software then 
takes over, actually creating the animation on the fly as the program is 
being viewed by your user. In cel-based 2-D animation, each frame of an 
animation is provided by the animator, and the frames are then compos-
ited (usually with some tweening help available from the software) into 
a single file of images to be played in sequence. ULead’s GIF Animator 
(www.ulead.com/ga)  and  Alchemy’s  GIF  Construction  Set  Pro  (www 
.mindworkshop.com) simply string together your collection of frames.
Figure 5-2 
Several 
cels or digital image 
layers in a frame from the 
movie Zathura (Columbia 
Pictures/ Imageworks)
146
Multimedia: Making It Work
For 3-D animation, most of your effort may be spent in creating the 
models  of individual  objects  and  designing the  characteristics of  their 
shapes and surfaces. It is the software that then computes the movement 
of the objects within the 3-D space and renders each frame, in the end 
stitching them together in a digital output file or container such as an AVI 
or QuickTime movie.
On the computer, paint is most often filled or drawn with tools using 
features such as gradients and anti-aliasing. 周e word inks, in computer 
animation terminology, usually means special methods for computing color 
values, providing edge detection, and layering so that images can blend or 
otherwise mix their colors to produce special transparencies, inversions, 
and effects.
You can usually set your own frame rates on the computer. 2-D cel-
based animated GIFs, for example, allow you to specify how long each 
frame is to be displayed and how many times the animation should loop 
before stopping. 3-D animations output as digital video files can be set 
to run at 15 or 24 or 30 frames per second. However, the rate at which 
changes are computed and screens are actually refreshed will depend on 
the speed and power of your user’s display platform and hardware, espe-
cially for animations such as path animations that are being generated by 
the computer on the fly. Although your animations will probably never 
push the limits of a monitor’s scan rate (about 60 to 70 frames per sec-
ond), animation does put raw computing horsepower to task. If you cannot 
compute all your changes and display them as a new frame on your moni-
tor within, say, 1/15th of a second, then the animation may appear jerky 
and slow. Luckily, when the files include audio, the software maintains the 
continuity of the audio at all cost, preferring to drop visual frames or hold 
a single frame for several seconds while the audio plays.
TiP 
The smaller the object in path-based 2-D animation, the faster it can 
move. Bouncing a 10-pixel-diameter tennis ball on your screen provides far snap-
pier motion than bouncing a 150-pixel-diameter beach ball.
3-D animations are typically delivered as “pre-rendered” digital video 
clips. Software such as Flash or PowerPoint, however, render animations as 
they are being viewed, so the animation can be programmed to be interac-
tive: touch or click on the jumping cat and it turns toward you snarling; 
touch the walking woman and…
Kinematics Kinematics is the study of the movement and motion of 
structures that have joints, such as a walking man. Animating a walk-
ing step is tricky: you need to calculate the position, rotation, velocity, 
and acceleration of all the joints and articulated parts involved—knees 
bend, hips flex, shoulders swing, and the head bobs. Smith Micro’s Poser 
147
Chapter 5   Animation
(http://my.smithmicro.com),  a  3-D  modeling  program,  provides  pre-
assembled adjustable human models (male, female, infant, teenage, and 
superhero) in many poses, such as “walking” or “thinking.” As you can see 
in Figure 5-3, you can pose figures in 3-D and then scale and manipu-
late individual body parts. Surface textures can then be applied to create 
muscle-bound hulks or smooth chrome androids. Inverse kinematics, 
available in high-end 3-D programs such as Lightwave and Maya, is the 
process by which you link objects such as hands to arms and define their 
relationships and limits (for example, elbows cannot bend backward). 
Once those relationships and parameters have been set, you can then 
drag these parts around and let the computer calculate the result.
Morphing Morphing is a popular (if not overused) effect in which one 
image transforms into another. Morphing applications and other model-
ing tools that offer this effect can transition not only between still images 
but often between moving images as well. Some products that offer mor-
phing features are Black Belt’s Easy Morph and WinImages (www.black-
beltsystems.com) and Human Software’s Squizz (www.humansoftware.
com). Figure 5-4 illustrates part of a morph in which 16 kindergarten 
children  are  dissolved one into the other in a continuous,  compelling 
motion video.
Figure 5-3 
Smith 
Micro’s Poser understands 
human motion and inverse 
kinematics: move an arm, 
and the shoulders follow.
148
Multimedia: Making It Work
Figure 5-4 
Morphing software was used to seamlessly transform the images of 16 kinder-
gartners. When a sound track of music and voices was added to the four-minute piece, it made a 
compelling QuickTime video about how similar children are to each other. Matching key points 
(red) in the start and end image guide the morphing transition.
周e morphed images were built at a rate of eight frames per second, 
with each transition taking a total of four seconds (32 separate images for 
each transition), and the number of key points was held to a minimum to 
shorten rendering time. Setting key points is crucial for a smooth transi-
tion between two images. 周e point you set in the start image will move 
to the corresponding point in the end image—this is important for things 
like eyes and noses, which you want to end up in about the same place 
149
Chapter 5   Animation
(even if they look different) after the transition. 周e more key points, the 
smoother the morph. In Figure 5-4, the red dot on each child’s temple is a 
matching key point.
Animation File Formats
Some file formats are designed specifically to contain animations, so they 
can be ported among applications and platforms with the proper trans-
lators. 周ose formats include Director (.dir and .dcr), AnimatorPro (.fli 
and .flc), 3D Studio Max (.max), GIF89a (.gif), and Flash (.fla and .swf). 
Because file size is a critical factor when downloading animations to play 
on web pages, file compression is an essential part of preparing animation 
files for the Web. A Director’s native movie file (.dir), for example, must 
be  preprocessed and compressed into a proprietary  Shockwave  anima-
tion file (.dcr) for the Web. Compression for Director movies is as much 
as 75 percent or more with this tool, turning 100K files into 25K files 
and  significantly  speeding  up  download/display  times  on  the  Internet. 
Flash, widely used for web-based animation, makes extensive use of vector 
graphics (see Chapter 3) to keep the post-compression file size at abso-
lute minimums. As with Director, its native .fla files must be converted to 
Shockwave Flash files (.swf) in order to play on the Web. To view these 
animations within a web page, special plug-ins or players are required (see 
Chapter 6).
In some cases, especially with 3-D animations, the individual rendered 
frames of an animation are put together into one of the standard digital 
video file containers, such as the Windows Audio Video Interleaved for-
mat (.avi), QuickTime (.qt, .mov), or Motion Picture Experts Group video 
(.mpeg or .mpg). 周ese can be played using the media players shipped with 
computer operating systems.
New with HTML5 is animation built within a .svg (scalable vector 
graphics) file, where graphic elements can be programmed to change over 
time  (www.w3.org/TR/SVG11/animate.html).  In  the  following  simple 
code, a patch of red expands within a rectangle, filling it in three seconds. 
Type this code into a text processor and save it as plain text with a .svg 
extension. Open the file with “File Open…” from a HTML5-compliant 
web browser to see it work. Change some parameters (duration, colors, 
location) and reload or refresh the file to see the effects of your changes.
<svg width="8cm" height="3cm" viewBox="0 0 800 300" xmlns="http://www.w3.org/2000/svg" version="1.1"> 
<rect x="1" y="1" width="800" height="300" fill="none" stroke="rgb(255,0,255)" stroke-width="4" /> 
<rect id="RectElement" x="300" y="100" width="300" height="100" fill="rgb(255,0,0)"  > 
<animate attributeName="x" attributeType="XML" begin="0s" dur="3s" fill="freeze" from="300" to="0" /> 
<animate attributeName="y" attributeType="XML" begin="0s" dur="3s" fill="freeze" from="100" to="0" /> 
<animate attributeName="width" attributeType="XML" begin="0s" dur="3s" fill="freeze" from="300" to="800" /> 
<animate attributeName="height" attributeType="XML" begin="0s" dur="3s" fill="freeze" from="100" to="300" /> 
</rect> 
</svg>
Documents you may be interested
Documents you may be interested