Solved

Making an animated button

Posted on 2000-03-08
3
193 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 10 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

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…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
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 …

760 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

Need Help in Real-Time?

Connect with top rated Experts

26 Experts available now in Live!

Get 1:1 Help Now