Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Flash page design as per Mercedes benz

Posted on 2003-11-07
5
Medium Priority
?
290 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 2000 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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

I know the transition can be hard. We got used to the ease of use ActionScript 2 had, but honestly, it became problematic later on, especially if designers were involved in the project and found it easy to add code as they saw fit. So, this artic…
There are times in your Flash CS4 application when you want more than a simple pointer or a hand, and it's hard to find an ideal walk-through to tell you what to do.  I spent a few days recently learning my way around making custom cursors in Flash,…
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
This Micro Tutorial will teach to how to utilize bit rate in Adobe Flash Media Live Encoder.

715 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