Subscribe
Stay Updated
Launching Flash in Full Screen
Posted on Jun 22, 2008 by Makubex, 2 comments
I have placed a simple button inside flash and when user clicks it flash goes full screen and again when the user clicks the same button it returns to normal mode.
Flash CS3 - Resource


Output:




Download Source Files


Limitations:
1. In full screen mode all the keyboard inputs will be disabled.
2. A default text will appear when the full screen mode is launched.


Labels: , , , ,

Continue Reading!
Art Work: Male Face Side View
Posted on Jun 10, 2008 by Makubex, 0 comments
Hi, check out my latest vector graphics. Its still in raw form. Need to add more details like shades on the nose and ears. Will post the completed one really soon.
Flash 8 - Art Work





Download Source File

Drop your constructive comments.

Labels: , ,

Continue Reading!
Adding Reflection to Dynamic Image
Posted on Jun 7, 2008 by Makubex, 3 comments
In this tutorial, let us see how to add reflection to dynamic image in flash. Image will be loaded dynamically with the help of loader component.
Flash 8



Output:


Download Source File

Step 01: Create a new flash document.

Step 02: Open the components panel, Windows -> Components or press Ctrl+F7.

Step 03: In the components panel scroll down to User Interface section, click it to open the components. Find the Loader component.




Step 04: Click and drag the Loader component on to the main stage.

Step 05: Change the dimensions of the component according to your image dimension by opening the properties panel (Ctrl+F3).

Step 06: Left click on the Loader component and opent the properties panel (Ctrl+F3). Give ImageLoader as the instance name.



Step 07: Right click on the Loader component and select convert to symbol.




Step 08: Give ImageLoader as the name and select Movie clip as type.



Step 09: Left click on the ImageLoader movie clip and open the properties panel (Ctrl+F3) and give "image" as the instance name.




Step 10: Let us write simple actionscript to load the image into the loader component.
Left click the first frame and press F9 to open the action panel.
Copy and paste this code,



image.ImageLoader.contentPath="logo.jpg";



logo.jpg is the image we are going to load in the loader component. The .swf file and .jpg file must be in the same path.

Step 11: Press Ctrl+Enter to test whether the image is being loaded correctly.

Step 12: Left click on the ImageLoader movie clip and copy it. Right click on the main stage and select paste in place.
Align the pasted movie clip as below,



Step 13: Left click on the new movie clip and open the properties panel, change the instance name to image2.



Step 14: Left click on the new movie clip, press Ctrl + T to select Free Transform Tool.
Flip the movie clip from right to left.
Flip the movie clip from bottom to top.

Step 15: Right click on the new movie clip and select convert to symbol. Give ImageRef as name and select Movie clip as type.

Step 16: Double click on the ImageRef movie clip, now create a new layer.



Step 17: Select rectangle tool from tools panel or press R to select it.

Step 18: Remove the Stroke color and give the fill color same as background color.

Step 19: Draw a rectangle on layer 2, with same dimension and coordinates of the ImageLoader Movie clip.

Step 20: Left the rectangle, open the color mixer panel.
Windows -> Color Mixer or press Shift + F9

Step 21: In color mixer panel select type as Linear, click on the right marker and select alpha to 70%. Left the left marker and select color same as background color.




Step 22: Finally we need to add actionscript to load the image on th reflection movie clip.
Click on the first frame of the ImageRef movie clip and press F9 to open actionscript panel.

Copy and Paste this code:



image2.ImageLoader.contentPath="logo.jpg";




Step 23: Press Ctrl+Enter to test the movie.

- End of Tutorial.

Labels: , , , , ,

Continue Reading!

Hi, I am Karthikeyan VJ (aka makubex). I am a independent Interactive Developer and I am currently focusing on Flash, Flex and AIR