Solved

Flash page design as per Mercedes benz

Posted on 2003-11-07
5
280 Views
Last Modified: 2013-12-03
HELLO ALL/HELLO NEGATYVE,

I am interested in designing a Flash with similar ideas/concpts used in the mercedes benz web page.

If have a look at the following website; http://www.mercedes-benz.co.uk/pc/web_special_en/flash.html and click on info.
You will the car rotating and various word appearing and dissaperaing  upon selection. I would like to use similar technique of
using the words as used here and be able to point to things and red line drwan to point to the objects. Also  create the movement
and positionin of the word as per the web page here.

I would like to know how to do this, with a step by step instructions/guide on how to achieve this effect.

Thanks.

0
Comment
Question by:krishnapatel
  • 3
  • 2
5 Comments
 
LVL 4

Expert Comment

by:r2far
ID: 9715853
The words appearing and dissapearing are real easy... Just use Alpha Blending (Step by step for sample below)

Alpha Blending:
1) Draw whatever text you want in whatever font with whatever color, (essentially draw the end product!)
2) Then convert that text into a movie.  Then double-click to edited that movie
3) Within the movie edited moded: break the text twice (ctrl+B twice), then...
4) Select the first frame (and only frame right now) and start a 'shape tween'.  Then...
5) Place a keyframe at the time point you want the text to be fully visible, then turn of tweening on that frame
6) select the first fram again, then, making sure all the broken text is selected, go to the color mixer and set 'Alpha' to 0.
7) now check it out!  Experiment with tweens 'Ease' property to get just the right effect.

* I'll compile a seperate response for the other part of your question to avoid clutter :-)
0
 
LVL 4

Expert Comment

by:r2far
ID: 9716109
Oh, about your movement of words first.  You want the move and fade at the same time... that is easy.  Just take the movie you created in the above steps and motion tween it in the scene timeline (give it it's own layer!).

Now, The redlines are a little more envolved!  Each of those red lines must be a movie clip and each text object must be a button.  We achieve the desired effect by using mouse events in relation to the text buttons which we then use to control the movie clips.

1) First make the red line movie clip, this movie clip needs to have a blank 2nd frame and a bounding region 1st frame and the rest will be the animation.  Select the last frame of the animation, and put the stop(); command in it's actionscript.
2) Then, using the movie clips properties, give it an instance name (to be used later).
3) Now we should have a red line movie clip with a bounding box in frame 1 and a blank 2nd frame.  now make the text that will draw the line.  Make the text into a button (you can perform whatever button animations you wish)
4) now, select the first frame where the text and line will be seen and, in a layer designated for actionscript,  place 'instance.gotoAndStop(2)' where 'instance' is the name you gave it in step 1.
5) now select your text button and goto edit it's actionscript... put the following action script under the button (button must be selected)

on (rollOver){
   instance.gotoAndPlay(3);
}

on (rollOut){
   instance.gotoAndStop(2);
}

now if you run the movie.  and move your cursor over the text button, the animation should play once.  move your cursor away and it should dissapear.

If you really want to get complicated, you could try having a rollOut animation.  where the movie clip has 2 animations one after the other, the last frame of the first animation has a stop(); command.  the last frame of the second clip has a gotoAndStop(2).  and the rollOut event has instance.Play();

Only if you want to of course :-)


Hope this helps!
0
 

Author Comment

by:krishnapatel
ID: 9721150
Thanks I will try this and let you know, sounds interesting....


0
 
LVL 4

Accepted Solution

by:
r2far earned 500 total points
ID: 9731929
Well, I actually performed the steps above, so let me know if you have any problems :-)
0
 

Author Comment

by:krishnapatel
ID: 9732818
Thanks r2far this is great helpI will try this out now.

I would appreciate if you could send the files, if you have already done this my email is rajesh@qclinic.com

Regards
Rajesh
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

I come across a lot of question about how to access things in the document class from a movieclip, or accessing something from a movieclip in the document class. It took me a while to figure this out but once I did it makes life so much easier. …
While working over numerous projects I often had the requirement for doing a screen capture in AS3.0. Unfortunately I found no "ready made" solutions in google search that suited my requirements. But I did come across some great resources which help…
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question