shift ur creativity

:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~  ::

Understanding What Flash Can Do!

It is important to understand what flash is and what it  can do before we learn about the interface.

Flash is a powerful multimedia creation tools, flash is use to create simple application like animation and even use to create complex desktop application. it also use to create for everything in between.

As we had discussed early in the previous entry ABOUT FLASH🙂

Flash Environment interface

This image show the flash basic environment once you open flash project file click at the image to get a closer look. There is 8 main component for flash environment. We will review it one by one.

2

TIMELINE

Important part in doing the multimedia stuff. Represent length of time to display manage the multimedia presentation.

LAYERS

You can use one single layer to make your multimedia presentation. However, the layer properties give you place where you can growing your creativity by playing with the timeline.If you are familiar with swish or directors.. the main concept is same to be with flash. This will be more clear by go through the following tutorials😉

ZOOM

To get closer to the object on the stage Zooooom in or increase the percentage vice versa in order to get a big picture of the whole stage.

TOOL BAR

Gathered all the tools we need to do our presentation. yeay!

STAGE

Our presentation will be done on this stage ok!

PANELS

The specific properties for our TOOLS

WORK AREA

Consist of properties panels and action script panels

Have a visit to Tutorial 2 ^^

OKEY ! this is just a briefing about the main component. The full documented notes can be

DOWNLOAD HERE!

:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~  ::

Assalamualaikum and Hello!

^^

Because of time constrain for me finish up the Flash Action Script tutorials and How to make a 2D animation using flash, I had compile Tutorial 9 until Tutorial 14 to complete our basic course for Flash MX.

The content are:

Tutorial 9: Image Masking

Tutorial 10: Text Masking

Tutorial 11: Button Interactive (Slide Show)

Tutorial 12: Button and Link to SWF file

Tutorial 13: Video Essential

Tutorial 14: Sound Essential

OKEY ! feel free to grab those tutorials ^^

DOWNLOAD HERE!

:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~  ::

Assalamualaikum and Hello!

 

=) this tutorial is adopt from: http://www.quantunet.com

How to create a simple text shape tween:

Create the initial text:

  • Using the “Text” tool type your text on stage in the first frame of the main timeline
  • Center the text using the align panel.

Create keyframes and edit the movie clip properties:

  • In the main timeline insert a keyframe at at frame 49.
  • Then insert a blank keyframe at frame 24
  • Create new text then center it.
  • Select the text in frame 24 then in the main menu go to Modify > Break Apart.
  • Break apart the text in frame 1 and frame 49.

Create the shape tweens and preview your animation:

  • Click between frames 1 and 24 in the main timeline then go to the properties panel and select “Shape” from the“Tween” drop down menu.
  • Then click between frames 24 and 49 and select “Shape” again from the properties panel.
  • In the main menu go to Control > Play to play your animation.

Have a visit to Tutorial 9 ^^

OKEY ! For the step by step with full illustrated guide:

DOWNLOAD HERE!


:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~  ::

Assalamualaikum and Greetings!

MOTION GUIDE!


hmm… sometimes, video tutorials quite intressting..but yeah! it will be take a long time for the video streaming …. OOOPPS! sorry ^^ i had post the CS5 Flash video tutorials .. but you can still follow the tutorials..

OK! let us begin..

The most important to use the motion guide is the guide layer.

1. Create a layer one, create an object and implement the motion tween

2. CLICK at the Motion Guide Icon and draw a path.

3. Place the object at the start and the end of the path.

DONE!

Have a visit to Tutorial 8 ^^

OKEY ! this illustrated tutorial may help you =)

DOWNLOAD HERE!

:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~  ::

Assalamualaikum and Hello!

There is some notes from: http://www.adobe.com

Motion tweens are a very common way to create movement with Flash because Flash does most of the work, making things easy for you. Motion tweens can also help minimize file size, particularly over frame-by-frame animation, since you have fewer assets in your documents.

With motion tweening you create the motion tween and then define properties such as position, size, and rotation for an instance or text block at one point in time, and then you change those properties at another point in time. When you do this, Flash automatically creates the gradual change between the first and second point in time. You can also apply a motion tween that follows a motion path.

Have fun with the tutorials =)

Have a visit to Tutorial 7 ^^

Have a try with the tutorials.

DOWNLOAD HERE!

:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~  ::

Assalamualaikum and Hello!

Today we will go through about TEXT in Flash ^^

In Flash there are three types of text box:

Static
This is the most simple of the text boxes; you can’t change its text on the run.

Dynamic
This text box allows you to change almost anything you could change while editing you flash movie.

Input
The same thing as the dynamic text, but this one accepts user input.
You can change your text to one of these types right after drawing a text box on the stage.
Free Flash Tutorials, Basic Tools, Static and Dynamic Input Text Box

Let’s create a simple movie to demonstrate their differences.
Draw a new Static text box, and write “Name:” on it.
Free Flash Tutorials, Basic Tools, Static and Dynamic Input Text Box

Draw an Input text box next to the previous text. Give an instance name of “iText” and set the “var” to “_root.name”.Free Flash Tutorials, Basic Tools, Static and Dynamic Input Text Box
“_root.name” is going to be the variable that holds the contents of this text box.
If the user types something on the Input box, the variable “_root.name” will have that same text.

Finally draw a dynamic box with these properties:
Free Flash Tutorials, Basic Tools, Static and Dynamic Input Text Box

Open the actions for the first frame and paste:

//this is the variable for the input box var name = “name here” //this is the variable for the dynamic box var text = “” //if the text on the Input box is changed this event is called iText.onChanged = function() { _root.text = “Hello ” + _root.name + “! ” + “How are you today?”; }

This is the result:
Free Flash Tutorials, Basic Tools, Static and Dynamic Input Text Box

note source: www.webzo.org

Have a visit to Tutorial 6 ^^

OKEY ! this is just a briefing about the main component. The full documented notes can be

DOWNLOAD HERE!

:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~  ::

Assalamualaikum🙂 and Hello!

The Frame by Frame animation, relate with frame and the keyframe..any changes you make in the keyfarme will create an animation through the timeline. Let us have a very simple tutorial using text to create this type of animation🙂

Have a visit to Tutorial 5 ^^

OKEY ! this is juat a briefing about the main component. The full documented notes can be

DOWNLOAD HERE!

:: BIsmillahirahmanirarhim ::

It’s been a long time I am not updating this blog, Insyaallah… I will compile all the related tutorials here, seems I am finishing my master’s studies…

heheh …

Follow

Get every new post delivered to your Inbox.