Posted by Design Instructor | Posted in Flash | Posted on 30-12-2009
0
Here you can see a basic and easy trick for drawing human faces. There are 3 points to be followed.

Example:

Step 1:
Before drawing the human face, you must learn the trick of smoothness, you can achieve it using bezier tool and by reshaping it using reshape tool. In bezier tool you will have two drawing points.
Rectangular and
Ellipse Type
Usually the rectangular points are provided to fix the angle and the edges. The ellipse type points are provided to make it more smooth and soft, to clear the edges.
You can look at following picture and try to make a line like below using reshape tool:

Step 2:
As you know, bezier tool has a rule, if you will end the mouse point (while drawing) over where you started, it will give you a solid shape, you will be able to choose a color or gradients for that. Otherwise if you will end the mouse point on any other angle, it will be simply a line.
2. Also, the human face-cuts always have 3 points. 1st, 2nd & 3rd.
1st: Defines forehead.
2nd: Defines Cheeks.
3rd Defines the angle of lips between the lips and chin.
Follow the 1st line to 2nd and similarly to 3rd like you can see it below:

Step 3:
Now you should draw the face using the above trick, you can see it at the following picture:

Step 4:
If you want to draw a human face, you will need a light color for the base and a bit dark version of that color for the outline and curves. You also can apply the above trick on any face, using this trick:

Usage:
If there is any mistake that you can’t handle on the face, it can be simply covered with eyes, lips and hair. Blow you can see the example of human face:

And enjoy the result!
Posted by Design Instructor | Posted in Flash | Posted on 29-12-2009
0
Posted by Design Instructor | Posted in Flash | Posted on 28-12-2009
0
Now you have a chance to know more about the trick to draw an eyebrow of human face which is the common problem in vectors, some people use solid one shape, some use shades but even then the eyebrow does not look realistic, after making hundreds of human faces.
eyebrow
You can download source files here.
Step 1: At first you should select the bezier tool, draw a shape just like below, its up to you what color you select:

Step 2:
Now you should arrange the bezier shape you made above, the copy, paste method but like one shape small and another large. It will look realistic. Take a look at following picture:

Step 3:
Now you should copy the above group of shapes, and after that you need to paste it in the scene two times, each group’s alpha value is as following:
1st group: 100% alpha
2nd group: 50% alpha
3rd group: 30% alpha
Place these 3 groups over each other but on a little distance so it will give it a blended look. You can see it below:

Arranged Result:

The three groups arranged in above steps are placed over each other..
Usage:

At last suggestion:
You can place or arrange these shapes according to your desired picture, but in all groups the shapes’ color must be same, because it will be light and dark according to their alpha values.
Posted by Design Instructor | Posted in Flash | Posted on 27-12-2009
0
Step. 1
At first you should create you base shape for the indicator.
After that you need to name this display, now you can copy and paste this in place, to copy select the rectangle
Then you should press Ctrl+C to paste in place press Ctrl+Shift+V,
Now you need to rename the new shape mask and place underneath display
Step. 2
Now you should press Ctrl+Shift+V to paste the shape in place again, this time name it remover and now you can give it a solid white color. You can see it Fig.2

Fig.2
Step. 3
After that you should group the three shapes together as a sprite and name Health_Indicator
Select use bottom object as mask see Fig.3

Fig.3
Then you should select the remover shape from within the sprite, and after that you can add a move action to the timeline for this shape.
Now you can drag the move shape out to cover 200 frames, and place a stop action on frame 1, see Fig.4

Fig.4
Hint
If you want to get a move action you should double click on the first frame
After that you should wait until the blue box appears in the frame then click and drag it to the right.
Step. 4
Highlight the remove shape until you get red anchor points displaying, see Fig.5

Fig.5
Now you can press the left arrow key to move the remover shape until it is covering the shape beneath see Fig.6

Also you can add a border to the indicator bar, you should close the sprite up, select scene_1 choose the rectangle tool
Then you need to select the line and set color to none. Now you should drag out the rectangle around the indicator see Fig.7

Fig.7
Health indicator is finished! You can see the result.
Step. 8
Now you should create a button to test the function of the bar. You can name it Test
After that you should give it the following code
on (release) {
health_indicator.nextFrameAndStop();
}
Now if you press Ctrl+T to test the indicator works.
Posted by Design Instructor | Posted in Flash | Posted on 26-12-2009
0
Posted by Design Instructor | Posted in Flash | Posted on 25-12-2009
0
Example:
falling-stars-tut
At first you should open swishmax and after that you may add the following code to Scene_1.
onFrame (1) {
for (k=0; k<50; k++) {
fall.duplicateSprite(”fall”+k,k);
}
}
Now you need to create 4 seperate squares 4 x 4 pixels, and then you should align them the width of the movie
After that you should group together as a sprite, name the sprite fall and place at the top of the movie outside the work area. After that you should add the following code to the sprite.
onLoad () {
movieWidth = 200;
movieHeight = 250;
i = 1+Math.random()*7;
this._x = Math.random()*movieWidth;
this._y = -5;
}
onEnterFrame() {
this._y += i;
if (this._y>=movieHeight) {
this._y = -5;
}
if ((this._x>=movieWidth) || (this._x<=0)) {
this._y = -5;
}
}
Now you can press Ctrl+T to test your movie in player and enjoy the result!
Posted by Design Instructor | Posted in Flash | Posted on 24-12-2009
0
Posted by Design Instructor | Posted in Flash | Posted on 23-12-2009
0
Posted by Design Instructor | Posted in Flash | Posted on 22-12-2009
0
Example:
context-actions
Controls
Right click on the movie and you can select one of the options from the context menu.
Preparation.
At first you should open SwishMax and after that you need to set the stage size
Step 1. At first you should create a sprite and call it one, inside the sprite, you need to create your content.
I have just selected the text tool and wrote sprite 1 loaded, just for a visual representation.
Step. 2
Now you should follow step 1 but this time call the sprite two and add your content for the sprite again. Once you have created you two sprites add the following script to Scene_1
onLoad () {
var rootMenu = new ContextMenu();
//code for sprite 1
rootMenu.hideBuiltInItems();
_root.menu = rootMenu;
var testFunction1 = function () {
one.gotoAndPlay(2);
};
var newItem01 = new ContextMenuItem(”Load Sprite 1″, testFunction1);
rootMenu.customItems.push(newItem01);
_root.menu = rootMenu;
//code for sprite 2
rootMenu.hideBuiltInItems();
_root.menu = rootMenu;
var testFunction2 = function () {
two.gotoAndPlay(2);
};
var newItem02 = new ContextMenuItem(”Load Sprite 2″, testFunction2);
rootMenu.customItems.push(newItem02);
_root.menu = rootMenu;
}
onFrame (1) {
stop();
}
If you want to test it working you should press Ctrl+T. And enjoy the result!
Posted by Design Instructor | Posted in Flash | Posted on 21-12-2009
0
At the example you can click on the buttons to disable and enable buttons when clicked.
button-disable
At the beginning you should open SwishMax, set you movie size for your buttons.
Step 1. At first you should select the Rectangle tool and after that you can create a button shape. Also you need to select the color of the rectangle. Now you should select the Text tool and after that type what you wish your button to say, example “HOME”. Once you have the rectangle and the text placed over the top of the rectangle, you should select both items and after that you need to group together as a sprite, then you need to group the sprite as a button. After that you need to select the button and then you may give it a separate over and down state. Now you should change the rectangle and text color in the over and down state the same color but different from the up state.
Step 2.
Now you should add the following code to the button.
on (release) {
home.enabled = false;
}
If you want to enable the button again you should add the following code to another button.
on (release) {
home.enabled = true;
}