A Flash Developer Resource Site














Internet Commerce

Partners & Affiliates














Developer Channel

internet.com


Featured Flash FLA
Gallery Downloads 11337 Flash Movies | 1 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Bugra Ozden
» Title: Skatalog v9 - product catalog
» Description: Create your product catalog easly and publish on your website or Create your image gallery, documents list, portfolio. Fully XML Driven
» More by Bugra Ozden


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 5828 Flash Sites | 0 New Flash Links
What's New | Top 100 Flash Site

Featured Site

» Posted in the Flash Kit Links section
» Title: Creative DW Image Show PRO
» Description: Creative DW Image Show PRO is a Dreamweaver extension which enables the user to create multimedia presentations. It combines the features of the popular Creative DW Image Show with the ability to add professional text effects to slides (similar to After Effects). The product is very customizable: the user can choose the duration of the transition effects, the slide motion start and end position, zoom and panning type for both images and texts.


Random Links | Add your own Flash Related Links
Flash Tutorials 1280 Tutorials 7 New Tutorials Added!
What's New | Top100

» Make a Flash Slide Show Screen Saver
» Simple flash making tutorial for thanksgiving
» Create flash banner for website
» Create xml slideshow with free template
» How to Insert a Multilingual Subtitle Into Your Flash Video Studio
» How to Create Cool Halloween Slideshow
» Debugging flash using the Firebug console
» Create Flash Slideshow on Blogger
» FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS
» Unknown Tag: Title10
Random Tutorial | Add Site

Sr Instructional Designer D2L-Moodle,Clearance
WSI Nationwide, Inc.
US-NJ-Fort Monmouth

Justtechjobs.com Post A Job | Post A Resume


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Audio

Categories Volume & Pan Slider Controls
Author: Joe Jabon

 
Page 2
«prev 1 2 3 4 5 next»

Creating the slider

Part 1: Create a button
The first job will be to create a slide controller. To do this, we will be embedding a button instance inside a movie clip (to create a dragable button) and then embed that movie c lip in another movie clip (to create the slider). Here's how it's done.

Note: The following steps should be not performed on the main timeline stage, but from within the library in edit symbol mode.


First, open the library and create a button symbol and name it button body. A small square (about 30 x 30) will do just fine.

Note: Size is not the issue at this point, but make sure that you center it to the stage!


While you're here, add over and down states the button and change the fill color of each.

Part 2: Create a drag button
Next we need to make the button dragable. To do this we will need to embed an instance of the button in a movie clip.

Again, open the library and create a new movie clip and name it drag button. Now, drag an instance of button body onto the drag button stage and center it.

On the stage, right click on the button instance and select Actions to open the Object Actions Panel. Click in the Object Actions Panel and add this ActionScript to the button instance:

drag instance pic

Part 3: Create a slider
Now that we have a dragable button, we can create a slide controller by embedding drag button in another movie clip.

Again, in the library, create another movie clip and name it slider. Create an additional layer in slider and name bottom layer bar and the top layer button.

Select the bar layer and draw a horizontal line. Use the info panel to make it exactly 100 pixels wide and use the align panel to center it to the stage, both horizontally and vertically.

Select the button layer and drag an instance of the drag button movie clip onto the stage. Use the info panel to resize it to 11 x 11 and use the align panel to center it to the stage, both horizontally and vertically. It should look like this: (minus the orange stuff)

slider pic
In order to finish our slider, we need to do one more thing, give the instance a name.
Select the drag button instance and use the instance panel to name it drag.
It should look like this:

drag instance pic

The slider should now be complete.

Note: All of this embedding so far should have been done in the movie clip symbols in the library, not on the main timeline. At this point there should be nothing on the main timeline stage.


«prev 1 2 3 4 5 next»

» Level Intermediate

Added: : 2002-03-06
Rating: 8.33 Votes: 86
Hits: 800
» Author
Primary goal in life is to play 'surf instrumental' music and program in Flash...
» Download
Download the files used in this tutorial.
Download (276 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments
 
   
 

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs