Making an animated button

Posted on 2000-03-08
Medium Priority
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.  
Question by:nationnon

Accepted Solution

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.


Expert Comment

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

Expert Comment

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.

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.…

587 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