g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


An Animated Website Logo With Jasc Animation Shop

Project Information: Skill level: Intermediate CorelR JascR Animation ShopTM 3 You will need 2 images for your logo (width: 200 pixels, height: 200 pixels)

In this tutorial you will make a simple animated logo for your website. All you need are two images and Jasc Animation Shop 3. These two images could be anything you wish. For example I have used two images that I created with two very different graphics programs; UltraFractal and Paint Shop Pro. However, if this animation is for your business site, you could use your business logo and an image of your best selling product. The animation will switch these images repeatedly and your website logo makes twice the impression.

Click Start > Programs > Jasc Software > Animation Shop 3 to open the program. If you have created the images for your animation with Paint Shop Pro (.psp or .pspimage) you can import them in this format. If you are creating the images in another graphics program, you can save the images in the bitmap format (.bmp) which can be easily imported into Animation Shop.

Step 1. Animation Wizard. You will use the program's Animation Wizard to create this simple animation. To open the wizard click File > Animation Wizard on the Menubar. The wizard will walk you step-by-step through the process.

  • Panel 1. Set the dimensions. On this first panel you will set the dimensions for the finished animation. You can manually set the pixels for the width and height. However, because the two images for your logo are the same size, you can simply tell the wizard to use the dimensions of the first image that you import into the program. Click the radio button next to "Same size as the first image frame" and click Next.

  • Panel 2. Color of background. Here you have two options to choose from. If the images that you are using to make your animation are different sizes, then the program will automatically compensate by creating a border around the smaller image. In that case you will need to choose a color for the background/border. However the two images you are using for your logo are the same size, so you can use the transparent option instead. Click on that radio button and then click Next.

  • Panel 3. Placement of the images. Here your have two options also. If your images are different sizes you might want the smaller image to be centered inside the animation frame. But your images are the same size, so you can choose the following options and click Next.

    Upper left corner of the frame
    With the canvas color

  • Panel 4. Loop and timing. You will want the animation to loop continuously. Set the radio button to "Yes, repeat the animation indefinitely". You also need to set the speed at which the frames will change. A good speed for a two panel animation is 200. Set this number in the box and click Next.

  • Panel 5. Import your images. Now you are ready to import your images into the program. Click on the Add Image button to open the Open dialog box. Click on the first image for your animation and click the Open button. Repeat this for the other image. The order that you import the images will be the order that the images will be displayed in the animation. When you have imported both images click Next and Finish.

    The Animation Wizard will create a strip of the two animation frames. To preview the animation click View > Animation on the Menubar. Now click the X to close the preview.
Next →

JascR material used by permission of Jasc Software, Inc. Copyright 1997-2000 Jasc Software, Inc. All Rights Reserved. Paint Shop Pro, Animation Shop, Paint Shop Photo Album, Paint Shop Pro Studio and Jasc are registered trademarks of Jasc Software, Inc.

Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to Twitter Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to Facebook Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to MySpace Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to Del.icio.us Digg An++Animated+Website+Logo+With+Jasc+Animation+Shop Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to Yahoo My Web Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to Google Bookmarks Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to Stumbleupon Add An++Animated+Website+Logo+With+Jasc+Animation+Shop to Reddit


RSS | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Multiple Artboard Template in Photoshop CC

Design & Bind Your Creative Portfolio - Skillshare

Using Artboards in Photoshop CC

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2016 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor