[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Making an animated button

Posted on 2000-03-08
3
Medium Priority
?
202 Views
Last Modified: 2013-11-19
ok i'm trying to make an animated button in toolbook. But I need to make the animation in paintshoppro. I want the button to animate on the click.    the text in the button needs to light up on mouse over then the text needs to zoom off to the right on the click.  Can anyone help me?  I know how to make it light up, I just don't know how to make it animate.  
0
Comment
Question by:nationnon
3 Comments
 
LVL 2

Accepted Solution

by:
forkbeard earned 40 total points
ID: 2596810
Unless you have a program that will render the frames of the animation for you, you will need to do it by hand.

Make several versions of the document with the type moving to the right.  Depending on how smooth or how fast you want the animation, you may need to make lots of frames.  You can then make these into an animated GIF.

Have the normal state of the image as the regular view and on rollover/click have the animated GIF play.

Not familar w/ paintshop pro or toolbook but something similar to this should be possible.


forkbeard
0
 
LVL 3

Expert Comment

by:bark10
ID: 2605730
you can do as forkbeard says and make many frames and then write a javascript to run the animation on the click or mouseover.  this allows some more freedom with timing and speed than does an animation program.  

i think psp comes with an animation program to make the animated gif but using this may be harder to incorporate the onclick

i suggest making about five or six plus frames (depending on how far it has to move) and then writing a simple settimeout javascript to execute onclick
0
 
LVL 1

Expert Comment

by:cevr
ID: 2682437
Paint Shop Pro does have an animation program with it. I would duplicate the text layer 5 or 6 times in PSP, move each text layer over a little, save the file as a PSP file, then import it into Animation Shop. This will import the layers as frames. Save as a GIF file.
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
Suggested Courses

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question