background image

User Guide

Ulead Systems, Inc.

March 2001

Содержание GIF ANIMATOR 5

Страница 1: ...User Guide Ulead Systems Inc March 2001 ...

Страница 2: ...ems Inc the Ulead logo Ulead GIF Animator PhotoImpact VideoStudio and MediaStudio Pro are trademarks of Ulead Systems Inc All other product names and any registered and unregistered trademarks mentioned in this manual are used for identification purposes only and remain the exclusive property of their respective owners Sample files Files provided as samples on the program CD can be used for person...

Страница 3: ...ation or video file 18 Setting the canvas size 18 Working with objects 20 Adding image objects 20 Object Manager Panel 21 Manipulating objects using the Tool Panel 23 Adding a shadow 30 Managing multiple objects 31 Working with frames 33 Frame Panel 33 Banner Text 36 Adding Banner Text 36 Using Plug in filters 38 Using Video F X 39 Optimizing your animation 41 The Optimize mode workspace 42 Optimi...

Страница 4: ...ures see the section What s new on page 6 Animation and Optimization Wizards GIF Animator includes built in wizards that take all the hard work out of building animations If you are a novice user you can easily compose an animation by running the Animation Wizard This wizard walks you through the whole composition process in four quick and easy steps After you are done editing your animation use t...

Страница 5: ... will still remain editable when you bring them ufo file format back into the GIF Animator workspace Animated banner text GIF Animator lets you create dynamic and eye catching banner text in motion You can combine different effects such as adding a neon glow and applying move in and move out effects GIF Animator also provides text formatting alignment and line spacing adjustment controls for banne...

Страница 6: ...loading selections and inverting selections New Object Manager Panel lists all the objects in an animation project You can use it to show objects hide objects customize object properties and set the object layer level Tweening automates the process of animating objects This new feature automatically generates intermediate positions for selected objects to simulate motion and fade in fade out effec...

Страница 7: ...ide animated color effects Greater optimization control Improved optimizer engine reduces the file size even more Side by side before and after previews show real time optimized results and file sizes Dither and Lossy adjustments give you more control over GIF compression Web snap control increases the relative proximity of colors to the Web safe palette Palette Weight reserves a larger number of ...

Страница 8: ...Running the program To install GIF Animator 1 Place the GIF Animator CD into your CD ROM drive 2 When the setup screen appears follow the instructions to install GIF Animator onto your computer Note If the setup screen doesn t appear automatically click the Start button on your Windows task bar and then click the Run command When the Run dialog box opens enter D setup exe and click OK where D is t...

Страница 9: ... General tab To set the desired undo redo levels Click the General tab Setting a high value for the Levels of undo allows you to perform as many actions as you want yet still be able to change your mind and remove or reapply some of those actions to come up with desirable results for your animation Note The maximum number of undo redo levels is 50 To define standard playback settings for animation...

Страница 10: ...he Web browser s to use for previewing In the Preview tab make sure that the Auto detect Internet Explorer Netscape Navigator option is selected if you want GIF Animator to automatically locate and use any of these Web browsers when you preview your animations Note To use another Web browser of your choice click the browse button under the Other browsers option to locate the desired browser To set...

Страница 11: ...nels change as you click each mode tab When you run GIF Animator the program starts in editing mode where you can begin composing your animation The illustration below provides an overview of the GIF Animator interface in editing mode The next few pages give more details about the interface in each of the three modes Standard Toolbar Provides the most commonly used functions and commands in the fo...

Страница 12: ...ve and arrange frames as well as set playback options You can then add objects Think of objects as the casts that participate in your animation When you add them to your animation they will be enlisted in the Object Manager Panel The Object Manager Panel keeps a record of all your objects Most importantly you use the Object Manager Panel to specify which objects will or will not appear on each fra...

Страница 13: ...ted through the various controls and options in the Attribute Toolbar You can also click the Optimization Wizard button for step by step guidance on customizing your settings For advanced optimization use the Optimize Panel to customize more settings and specify whether to use a single global palette or apply unique local palette s to certain parts of your animation Use the Color Palette to view a...

Страница 14: ... layer attributes all the same In Ulead GIF Animator 5 Saves in a native file format uga that retains frame and object information and provides more output options Uses the concept of frames and objects to create animations The Frame Panel lays out the frames contained in an animation The Object Manager Panel displays objects and lets you set object properties Frame Tween creates motion and fading...

Страница 15: ...g a new project see page 16 See page 18 on how to set the canvas size 2 Add some frames in the Frame Panel See page 33 for details 3 Insert some objects You can add image files as objects in your project as well as create simple text and banner text For details on text and image objects see page 20 See page 36 on how to create banner text 4 For each frame choose which objects should appear by show...

Страница 16: ...project and these are clearly listed in the Startup Wizard that pops up when you run GIF Animator Choose the desired method by clicking its corresponding button Here is a brief overview of the different methods in the Startup Wizard Alternatively they can also be accessed through menu commands in GIF Animator which are also indicated below Startup Wizard Animation Wizard Guides you through the pro...

Страница 17: ...e canvas See the section Setting the canvas size on page 18 for more information 3 Click Add Image to select one or more image files to add them as objects to the new project If you want your project to start with video click Add Video to select a video file 4 Specify a default playback speed for each frame in your animation by entering the desired Delay time This is measured in 1 100th of a secon...

Страница 18: ...specify how you want these files to be opened You can choose to always Open each layer as an object or select the Open the composite image or first frame only option to merge all the layers as a single object If you want GIF Animator to prompt you with these options before actually opening the file also select the Ask when opening PSD PSP files option Setting the canvas size The canvas size determ...

Страница 19: ...the available space is not enough for composing your animation Minimizing the canvas size also helps in reducing the file size of your animation To change the canvas size use the following commands in the Edit menu Canvas Size Resizes the underlying canvas only All the objects that have been added to the project remain unchanged Resize Image Resizes the canvas size and objects simultaneously This ...

Страница 20: ...orer to GIF Animator workspace Copy and paste You can create an image object from an image editor such as Ulead PhotoImpact or Adobe Photoshop first Then simply copy Ctrl C it to the clipboard and paste Ctrl V it into the frame you want in GIF Animator Convert selection to object You can create a selection area directly on an existing image object in GIF Animator Then simply copy Ctrl C and paste ...

Страница 21: ...ject selection The same behavior can also be applied to the workspace To change the order of each object s layer drag the thumbnail s directly from within the Object Manager Panel The same object can have different attributes when it appears in different frames in the animation Adjust the attributes using the commands available in the Object Manager Panel The next page depicts major features of th...

Страница 22: ...tting Object Manager Commands Click this button to display a popup menu for advanced commands Object s type Displays the type of object such as an image or text object See ToolTips for details Object s thumbnail Displays the associated thumbnail of an object Object s name Displays the name of an object Duplicate selected objects Make an exact copy of the selected objects Delete active object s Rem...

Страница 23: ...s objects in the workspace Select the object s first before starting your modifications To select an object click it directly in the workspace To select multiple objects use Shift or Ctrl with the mouse click After objects are selected drag to move them to the desired position Double click an object to view or edit its properties Use the Attribute Toolbar for other options to organize objects See ...

Страница 24: ...button Notes In the Object Manager Panel you can also directly click there to select objects As you select objects the Object Manager Panel highlights the active objects in blue accordingly so you can also directly work on these objects in the Object Manager Panel To help you easily identify the currently selected object s the mouse cursor becomes black as you move the mouse over the selected obje...

Страница 25: ...st Then select Edit Make Selection Area Transparent Del or click the Selection Options button and then select Make Selection Area Transparent Making a selection area is usually for creating special effects such as adding colors as detailed on page 27 on an existing object However you might experience difficulty when modifying it later because all effects will be merged with the original object To ...

Страница 26: ...op of the screen In addition to Tool Panel on the keyboard press for zoom in or for zoom out To create a text object 1 Click Text Tool in the Tool Panel 2 Click a point in the workspace where you want to place the text object 3 Type the text in the text entry box and use the options as needed Font Size Style Baseline shift Character spacing and Kerning can be applied to individual words or letters...

Страница 27: ...you re done save it as a UFO file again Then open the UFO file in GIF Animator to continue your animation work Tips It is strongly recommended that you draw on a new blank object See page 24 for details To use the paintbrush in a transparent area select the Allow painting on transparent areas option To add colors in an object 1 Select an object and then click Paintbrush Tool in the Tool Panel 2 On...

Страница 28: ...ts in the workspace Like Paintbrush Tool Eraser Tool has similar Attribute Toolbar So you can apply the same painting technique to erasing colors Once you re done trim the object again to optimize its size Attribute Toolbar Eraser Tool Tip To use the Fill Tool in a transparent area select the Allow painting on transparent areas option on the Attribute toolbar To use the Fill Toll 1 Select an image...

Страница 29: ...port Lastly when pasting transparent objects copied from GIF Animator into an image editor e g Ulead PhotoImpact 6 the transparent areas of the object will be filled using the background color To change the color of either the foreground color or background color simply click one of the color boxes and select a new color in the Ulead Color Picker dialog box Another way of selecting a color is to u...

Страница 30: ... effects To help you easily open an image editor from GIF Animator select Edit Favorite Image Editor Organize Favorite Image Editor to locate the path of the program Later a shortcut icon will be displayed next to the Add Video button on the Standard Toolbar You can then click the button to quickly switch to that image editor Once you re done simply save it and you will automatically switch back t...

Страница 31: ...uickly GIF Animator provides the solution with a number of commands Combining objects This command unites all selected objects and converts them into a single object To do so just choose the objects you want and select Object Combine as Single Object to merge the selected objects in the animation as a single object Flattening frames Another way of combining objects is to flatten the frames This co...

Страница 32: ...he Frame Panel select the frames you want to apply synchronization 3 Select Frame Synchronize Objects Across Frames 4 Determine the settings for the object synchronization process 5 Click OK To distribute objects to frames 1 Select the frame where you want to start distributing objects in the Frame Panel For details on Frame Panel see page 33 2 Select the objects to be distributed in the workspace...

Страница 33: ...l offers a variety of commands that pertain to creating your animations in GIF Animator Below is an introduction to each function in the Frame Panel Click to select a frame The selected frame is highlighted in blue And its associated objects and the canvas are displayed in the workspace Double click a frame to view or edit its properties such as delay time remove method and frame title Just like o...

Страница 34: ...r each frame It s strongly recommended to use this method as it can reach a balance between image quality and file size Do Not Remove All previous frames are not cleared from the screen and all subsequent frames are stacked on top of it This method usually produces the smallest file size To Background A frame is removed and replaced with the background color To Previous State A frame disappears in...

Страница 35: ...he object To do tweening between two frames 1 Select the object s you want to tween in the workspace or in the Object Manager Panel 2 In the end key frame determine the end attributes of the object you want to tween For example reposition the object to the end position you want or change the transparency setting of the object 3 Select Frame Tween or select it on the Frame Panel This opens the Twee...

Страница 36: ...e your text in the text entry box 3 Use these options to format your text Font Size Style Baseline shift and Character spacing are applied to individual words or letters within your text Color and Alignment options affect the entire text 4 Click Shadow to add a 3D look to your text 5 Select Fit in window when you want the typed text to completely fit in the text entry box 6 Select Anti aliasing Ke...

Страница 37: ...rame 2 Enter Key frame delay to specify the interval time between the move in and move out effect For example the higher the value the longer the banner text will pause before it exits off the scene 3 Distribute to frames places the banner text over existing frames in your animation project To generate more frames clear this option to insert new frames for the banner text Play with this feature to...

Страница 38: ...F Animator The plug ins are then added to the Filters menu To apply plug in filters 1 Select the frame s to which you want to apply the plug in filter 2 Select Filter Filter Name 3 Adjust the filter s settings until you get the desired effect 4 Click OK to apply the filter to the selected frame s If you created a selection area in the Edit mode the filter is applied only to that selection across a...

Страница 39: ...roject 4 Enter the Delay time and set up other options as needed 5 By default the Source frame starting frame shows the starting frame and the Target frame shows the end frame in which the Video F X effect will occur To create a fade in or fade out effect select Matte either as your Source or Target and set the Matte color 6 Click OK The new frames are added to your animation project Notes In the ...

Страница 40: ...be added to your animation project Then click the color box if you want to change the background color used for the video filter 4 A dialog box then opens for that video filter effect Set up the options for the effect as needed 5 The Key Frame Controller located below the original view window allows you to set different levels of effects at any given point during the sequence 6 Click the Play butt...

Страница 41: ...iate Below are the five methods of optimizing in GIF Animator Optimization Wizard The Optimization Wizard offers a guided step by step process in compressing your animated GIF files You just have to select the options you want then let GIF Animator worry about the compression process Color Palette The Color Palette allows you to manipulate the colors used in the global palette of the animation Her...

Страница 42: ...also plays host to various commands that let you work better in optimizing your animations Look below to see the available tools on the Optimize mode Attribute Toolbar The Optimize mode workspace The Optimize mode workspace can provide side by side real time previews of your optimization settings Whenever there is a change in your optimization settings you can immediately see the result of the cha...

Страница 43: ...he preview window is already in the actual index color maximum 256 colors as seen in a browser so you can compare it to the True Color image on the left Use the Zoom Tools and move between frames as needed You can also click the Preview tab see page 46 to see how the animation looks or click the preview button on the Standard Toolbar for previewing in a specific browser of your choice You can prev...

Страница 44: ...s option in the Optimize Panel if needed This is because some browsers might not display this type of GIF animation smoothly Tip on auto optimization If there s a long series of frames in the animation you can disable the Auto optimize when settings change button to turn off real time auto optimization which might be time consuming in this case By doing so you can customize all optimization option...

Страница 45: ... Edit mode click the Play Animation button in the Frame Panel This will show your animation 2 Click the Stop Animation button to discontinue the animation 3 If you want to preview a particular frame choose from the options below To see the beginning or end frame of your animation project click the Go to First Frame or Go to Last Frame button To go back or forward a frame click the Go to Previous F...

Страница 46: ...ation project looks in a different browser you can customize a browser for your GIF Animator Preferences dialog box Preview tab In the Preview mode The Preview Mode is where you can check your work and to give an idea on how your animation will appear when viewed in a Web browser However when you switch to this mode the editing tools and some menu options will be unavailable at this point To previ...

Страница 47: ...ssion UGA File GIF Animator defaults to saving files in its native format This format retains all the object informations individually making it easier to modify it in the future UFO File UFO stands for Ulead File for Objects format which can be edited using Ulead PhotoImpact 6 Select a frame and save it in UFO format file then you can edit the objects and base image independently of each other us...

Страница 48: ... so the transparent effect can be retained 4 Select Export currently selected frame if you want to apply exporting to a particular frame or select Export all frames to apply exporting to the entire frames of your animation project 5 Click Save To save as a video file 1 Select File Save As Video File The Save Video File dialog box opens 2 Enter a file name for the new video and the location to whic...

Страница 49: ...nimation plays set the target playback speed to optimize the files for playing on specific types of computers and customize the compression options of the video file itself Click OK when you re finished 7 Click Save in the Save Video File dialog box To save as Macromedia Flash 1 Select File Save As Macromedia Flash SWF Choose with BMP if your animation project has a transparent background and obje...

Страница 50: ...e dialog box Active Desktop Item dialog box To export as HTML File 1 Select File Export As HTML File The Export HTML Code dialog box opens 2 Enter a file name for the new HTML file and the location to where you want to save it 3 Click Save To export as an Active Desktop Item 1 Select File Export As an Active Desktop Item The Active Desktop Item dialog box opens 2 In the Item name box enter a name ...

Страница 51: ...Sound file to play along with your animation Click the Browse button to locate the files in your computer The Animation Packager supports both MIDI and WAV files 5 In the Generate executable file entry box specify the name and location to which you want to save the new packaged animation 6 Select Loop infinitely if you want your animation to play continuously or enter the number of times you want ...

Страница 52: ... in the Index Editor Preview Opens a dialog box where you can preview how the whole GIF would look Foreground Background Color Swap Color Displays and toggles between the foreground color and the background color Optimize Opens the Optimization Wizard to help you quickly optimize a GIF file Open an existing GIF file Opens another GIF file in the workspace Only one GIF file can be opened at a time ...

Страница 53: ... the Save As button to save the GIF file Notes In step 2 another way to select a color is to click Foreground Color under the Tool Panel Next move the mouse pointer it becomes an eyedropper over the image area where the pixel you want to edit is located and then click to select it Use the Zoom Tool as needed to help you locate it The effect of a transparent color can only be seen in the Preview mo...

Страница 54: ... default and a Local Palette which is unique to each frame in the file When a new frame is inserted into a GIF animation you can select to use either its Local Palette or the Global Palette When you are ready to insert frames into your animation file you should decide how you want to manage your color palettes If every frame contains virtually identical colors then there is no reason to fatten you...

Страница 55: ...trl V Optimization Wizard F11 Make Selection Area Batch Process Ctrl B Transparent Del Export As HTML File Ctrl Alt S Canvas Size Ctrl G Preferences F6 Crop Canvas Ctrl R View Menu Object Menu Actual View Ctrl 1 New Blank Object Ctrl Alt D Zoom In Duplicate Object s Ctrl D Zoom Out Edit Text Shift E Object Properties Ctrl Shift Enter Frame Menu Help Menu Add Banner Text Ctrl Alt B Help F1 Tween Ct...

Страница 56: ...47 48 Index Editor 52 Installation 8 M Matte 39 44 N Neon 37 O Object Manager Panel 21 Object based editing 5 6 20 Objects combining 31 Objects distributing 32 Objects synchronizing 32 Optimization 7 10 43 44 Optimization Wizard 4 41 52 Optimize mode 13 41 42 Optimize Panel 41 44 P Packaged animation 51 Paintbrush Tool 27 Palette 52 54 Pick Tool 23 Playback 9 37 Plug in filters 10 38 Preferences 9...

Отзывы: