dcsimg
A Flash Developer Resource Site

Results 1 to 9 of 9

Thread: Is there an easier way to do this effect? (url included)

  1. #1
    Junior Member
    Join Date
    Aug 2004
    Posts
    10

    Is there an easier way to do this effect? (url included)

    Hey guys, I want to do the same effect this person shows in his tutorial:

    http://www.tutorialoutpost.com/count/795

    But I just have 3 questions first...

    1) Is there a shorter method?
    2) Is there a way to make the glowing dot move in a circle instead?

    In his example, he has the dots going straight down the skyscraper building... or a minor curve on the thing at the bottom right...

    I have a picture of this circle that's been transformed a bit (photoshop: transform-->distort)... more or less it still resembles a circle, is there any way to make the glowing dot complete an almost 360degrees?

    3) Also, if it's possible... is there anyway to have the dot start at one spot on the circle...move really fast along the circle..slow down...and as its coming back to where it started move really fast again? (not sure if that makes sense...)

    Questions #1 and #2 are more important, but if it's not too hard I wouldn't mind attempting #3 hehe.

    Sorry for my nubish questions ^_^ Im just learning flash now hehe

    Thx!!

    -A.

  2. #2
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    The short version is that the circle is just a mask. And the dot is just a symbol moving behind it ( motion tween ). Can also be done with a animated gradient ( shape tween ).

    With the easing option ( for tweens ) you can make the animated dot go slower or faster as you like.

    There are other Tutorials here on both Tweening and Masks in the Tutorial section.

    -Pelle Piano
    // Image Gallery
    www.studiobild.com
    // Photo Blog
    http://talesofthepixel.blogspot.com

  3. #3
    Junior Member
    Join Date
    Aug 2004
    Posts
    10
    Sorry, I don't seem to understand... :/
    According to the tutorial I use the line tool, is there a curve tool I can use to make the glowing dot go along my circle?

    Thanks

    -A.

  4. #4
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    You can use the outline of a circle for instance.

    You can also use that as a guide layer, so the dot will follow the circle.

    -Pelle Piano
    // Image Gallery
    www.studiobild.com
    // Photo Blog
    http://talesofthepixel.blogspot.com

  5. #5
    Junior Member
    Join Date
    Aug 2004
    Posts
    10
    <<edit>>

    Okay I got a line to fit exactly where I want the dot to go, just now the problem is that dot isn't "motion guiding" !! Please help, here's the file to take a look!

    Thanks!!

    -A

    http://daveho.home-net.d2g.com/banner.fla
    Last edited by ArucasA; 08-24-2004 at 03:35 PM.

  6. #6
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    Im sorry, I have only Flash MX, not MX 2004. So post again with a MX fla , if you want me to have a look at it.
    Generally its better to post MX .fls's as more people can view them.

    -Pelle Piano
    // Image Gallery
    www.studiobild.com
    // Photo Blog
    http://talesofthepixel.blogspot.com

  7. #7
    Junior Member
    Join Date
    Aug 2004
    Posts
    10
    Ah, alright thanks i'll remember that for next time

    Here's the MX file:

    http://daveho.home-net.d2g.com/bannermx.fla

    I just did.. save as --> flash mx (non 2004) file.. and it said something like action script 2.0 will be lossed..etc, hope this works

    Thx!

  8. #8
    Junior Member
    Join Date
    Aug 2004
    Posts
    10
    Just an explanation, instead of using the line too... I drew a circle, deleted the fill so I only had the outline of a circle left, then selected the outline, modify-->transform-->distort and make it almost identical to the circle from the .gif... and the rest of the steps i copied tutorial, but instead of the light following the circle outline, it just moves from where it starts to end in a straight line... skips the whole circle, maybe im not allowed to do it this way?

    -A.

  9. #9
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    Only one object can be tweened per layer. So the BG image has to be in its own layer.

    To show just a part of the dot it has to be masked. Now you can not mask a guided layer directly, so you make a movieclip of the dot tween and the guide layer. This movieclip is then masked by a thin line.

    See the .fla I return.

    -Pelle Piano
    // Image Gallery
    www.studiobild.com
    // Photo Blog
    http://talesofthepixel.blogspot.com

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center