A Flash Developer Resource Site

Results 1 to 7 of 7

Thread: How do they do this effect?

  1. #1
    Member
    Join Date
    Jul 2004
    Location
    Singapore, Tampines
    Posts
    91

    How do they do this effect?

    Hi,



    It's the one in the middle with the flash-animation effect. How do they achieve that photo effect that looks hi-tech? I just want to know how to do that colour effect.

  2. #2
    Ivor1 ivor1's Avatar
    Join Date
    Aug 2006
    Location
    Dundee, Scotland
    Posts
    478
    Here's a stab at it.
    It's probably a png converted to a movie clip overlaid with another clip of a motion-tweened shape. This latter clip represents a section of the roof and animates over the roof image, whilst another clip symbol is used to animate laser-like over the road/ rail system. Another clip has been placed over the shape and circle to the left of the picture and a brightness property applied.
    The original photo looks like it's been "hue and saturated" to a blue tone in Photoshop. Then two brushes have been used to add a denser line to the left and a semi-circle outline near the bottom. Both these have then had alterations in their opacity, along with a grid layer probably set to overlay or screen or simply lowered in opacity.
    There are a few ways to do this and it's just a matter of experimenting in P'shop.

  3. #3
    Member
    Join Date
    Jul 2004
    Location
    Singapore, Tampines
    Posts
    91
    Oh ****~! Are you Sherlock Holmes?

    Haha, just kidding... thanks anyway!

  4. #4
    Senior Member
    Join Date
    Sep 2005
    Posts
    1,764
    Ivor's breakdown seems on point to me.

    And for the record Priest, don't create multiple posts.

  5. #5
    Senior Member Black_phoenix's Avatar
    Join Date
    Oct 2000
    Location
    Leeds, UK
    Posts
    2,194
    As Natsia rightly states, please dont create multiple posts

    are you trying to work out how to do it in flash or how the photoshop image was created?

    bp

  6. #6

  7. #7
    -i11.5Ki113D- jerryCLEMENT's Avatar
    Join Date
    Jan 2004
    Location
    Los Angeles, CA
    Posts
    248
    EDIT - Heh, just reread your initial post. Either way, below is how to do the lines in Flash.

    There is another way to do this.

    Take the image, make a movieclip. Make 3 layers, leave the image on the bottom. Use the pen tool to trace the lines you want followed. Put this on the middle layer. Turn the top layer into a mask and use a shape to "reveal" the section of the line you want to show. Then use a shape tween on the mask layer and have the shapes follow the path you want. The shape itself will only show whats below it, so make the shape small (a 10px weight would probably be big enough, or maybe 20). Plus using a single straight line will be easier to control with tweens. Lastly change the color of the lines on the middle layer to a transparent color so they will be invisible.
    Last edited by jerryCLEMENT; 06-22-2007 at 01:46 AM.

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