Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates (NEW)  |  Website templates  |  Privacy Policy  |  Link Exchange  |  Contact Us

Top 3 Tutorials
Exploding Planet 2
Here is another tutorial that shows you how to create an exploding planet, a different approach to the previous tutorial..
Shiny Orb 2
This tutorial will show you how to create this shiny orb just by applying some layer styles to the shape. .
3D Tubes
This tutorial shows you 1 way you can use photoshop to create 3D looking tubes and use it to create other artworks..
Top 3 Tutorials
Interface Button
This tutorial will show you how to create a simple inset button for your user interface. The button is simple, but with some creativity, you can make some really cool interface with it...
Smooth Multi-layered Nav bar
This tutorial will show you how to easily create a nice hi tech looking nav bar for your user interface...
Animated Ad Banner
In this tutorial, i'll show you how to create a professional animated ad banner which you can follow and create your own banner to advertise your site...

Welcome To ProDesignHost.com Flash Tutorials Area - Set Property

This tutorial is going to cover how to use the "setProperty" action to change different propeties of an object using action scripts only.

We're going to use the "scale property" for this tutorial as an example.

In addition to that, you're going to be introduced to using "input" text fields to change the values.

1:

  • Start by converting the object you desire to change its properties to a Movie Clip and add an Instance Name to it, I called mine flashtext.
  • Create a button. This button is going to be used to apply the actions.

Now let's add the following action to your button:

on (release) {
setProperty("flashtext", _xscale, "200");
setProperty("flashtext", _yscale, "200");
}

The above action sets the property of flashtext, which is the instance name of our movie clip, to increase its X and Y scales 200%

image01
Fig 1

The scale property is only one of the many properties that can be chosen from a drop-down menu as shown in Fig1.

2:

Going well? Ok, let's make this more dynamic now and allow the user to enter whatever value he desires. We're going to use input fields for this.

  • Select the Text Tool, choose "Input Text" in the properties bar and draw 2 fields on the stage. image02
  • Select one of the text fields and go to the Properties bar. Add a variable name to it, I called on of them xinput and the other one yinput. image03
  • Modify the previous Action Script to the following:

on (release) {
setProperty("flashtext", _xscale, xinput);
setProperty("flashtext", _yscale, yinput);
}

Notice, we replaced the values with the variable names. This means whatever value is entered into the text fields will be entered there! Make sure the value is set to expression, meaning without the quotation marks "".

Test your movie!

Conclusion:

What we did:

  • Converted the object to a Movie Clip and added an instance name to it
  • Created a button to set the values on release
  • Added an action to the button to change the scale property of our Movie Clip.
  • Took this one step further by adding Input Fields to allow users enter whatever value they desire, added a variable name to each field

Flash is eaaaasy ;)

Download *.fla

Author: AEvision
Advertisements

Premium Partners

  Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design.
  Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage
  Website Design Tutorials - Web site design is an area that simply takes experience to perfect. Get started with these tutorials covering everything from page layout to content tips. At Webdesigntutorials.net you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software.
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites.

Terms of use depend upon the website template vendor.

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates  |  Website templates  |  Privacy Policy  |  Contact Us

All Right Reserved by ProDesignHost.com