Forms / Rollover Buttons
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.
Learn More
Subtitles of the Movie
You can also create a cool rollover effect for a button, something that you might see on a website. So I'm going to make sure I am using my forms tool and drag out an area where I want my form button to be. I'm going to choose button for the type, and I'll just type in a name here. Go to the options tab, if you're not looking at it click on the options tab, and for highlight choose push - and then when you choose that it gives you three different options for different states for your rollover. For layout I'm going to choose icon only, and notice we have three options to choose for three different icons. So, I'll be first looking for an icon to be used in the up state of my mouse, so see you can see that we have three different states. Once when you roll over an area, when you press down with your mouse and when you let go with your mouse it's the up state. So I'll choose, doesn't matter which you start with but you need to be consistent, so I'll use the up state and click select icon. And I click browse to bring me the open dialog box, and I have created three different buttons that are a slight variation of the same button, so for up I chose the what I call the dot on, and that's the one I want so I'll click select and I'll click OK. Now I'll choose down and then select icon and browse, and I'll choose this one: button.dn for down. And finally the last state in the list which is actually the first state you will see, just roll over, select icon and browse and I created one called ro - Roll Over. We do have some options under the advanced layout button, if you click that, you can choose how you want your graphic to be scaled if it doesn't fit exactly the size of the box that you created with the form tool. However I'm going to choose when to scale never, because I don't want my graphics to scale at all. Another option you have is where you want to place your graphic inside the box that you have created. I'm going to drag this all the way to the top and the left, so that my graphic will always be in the upper left hand corner of this box, regardless of how big it is. You can of course change that with the sliders. And I am going to make sure that I have no border color or background color because I want my buttons to look just the way I designed them in Photoshop. So I'm happy with that, I'll click OK and I'll give it a test by going back to the hand tool and there's my button. So now when I roll over or pass over, it should change and it does; and when I click down on it, I get yet a different button effect. Obviously if you wanted this button to do something you'd add actions under the actions tab in the form fields dialog box. So that's the way you can create a cool roll over type of button, of course you do need to design the 3 states in some image editing program such as Photoshop. on, of course you do need to design the 3 states in some image editing program such as Photoshop.
Tutorial Information
| Course: | Adobe Acrobat 5 |
| Author: | Andrew J. Hathaway |
| SKU: | 33249 |
| ISBN: | 1930519850 |
| Release Date: | 2001-08-22 |
| Duration: | 7.5 hrs / 117 lessons |
| Work Files: |
Yes |
| Captions: | For Online University members only |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 