A Flash Developer Resource Site

Results 1 to 16 of 16

Thread: How can I recreate this effect from GOTHIKA

  1. #1
    banned by dp
    Join Date
    Jun 2002
    Posts
    245

    How can I recreate this effect from GOTHIKA

    If you go to the MEDIA section, and to the TRAILERS/CLIPS section,
    http://gothikamovie.warnerbros.com/

    there are three thumbnails, two with halle berry. When you roll over them, the image brightens a bit and the highlights flare out. It's a nice effect and I've been trying to recreate it, but I can't. How did they do this?

    I dissected the flash file and noticed that they only used the one image. In other words, they didn't have an image of halle berry, and then another one of her brighter.

    The other thing is that, if you try to 'brighten' the symbol in flash, it just makes the whole thing whiter, which isn't the desired effect. How can I recreate this effect from the gothika site?

    What is the secret?

    Thanks,

  2. #2
    Junior Member
    Join Date
    Jun 2002
    Posts
    23
    I didnt see any highlights "flare out" but it looks like they put a invisible button over her face that has an alpha of 0 but on rollover has an alpha of maybe 25-50?

  3. #3
    Senior Member
    Join Date
    Jan 2004
    Posts
    245
    Am I looking in same place! three images soon as curser rolls over each image the background edges brighten up? I did'nt notice the image it self get brighter!! Images I see say "View trailer" & two "View tv spot"!! those the images?

    Regards Barry_Uk

  4. #4
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    They use a lot of tweens with not only alpha but colors to, you will find the settings under colors>advanced in the property panel. You can get nice effects with those, a little like the layer blend modes in Photoshop.

    Flasres are usually just a radiel gradient with 0% alpha on the edges and wjtite in the middle that is tweened.

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

  5. #5
    Junior Member
    Join Date
    Jun 2002
    Posts
    23
    Hey pellepiano!

    You seem pretty smart at this stuff. Help me with my problem and I'll send you a $25 gift certificate to Sears, swear to God. Look for my post on teh board under $25 gift....

  6. #6
    banned by dp
    Join Date
    Jun 2002
    Posts
    245
    I don't think I'm making myself clear.

    I don't think it's just adding another layer and brightening it and fading that out on roll over.

    That's too simple and doesn't create the effect in gothika.

    If you look closely and notice, when you increase the brightness of an image, the WHOLE thing gets brighter. Not brighter, just whiter. It acts as a white tint.

    But, in the gothika thing, it only brightens the highlights.....more like a photoshop effect.

    HOw can I achieve this effect?

    I'm referring to the Trailer and CLip thumbnails on the gothika site, there is a shot of halle, then a car, then halle again/.


    Thanksk.

  7. #7
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    Its like I said in the previous post ( the image has to be in a movieclip though, and you apply the effects to that movieclip ). Using the advanced settings in the color menu in the properties panel.

    You can see the same type of effect ( but used to extreme ) on the first image of this site I made.

    www.sutra.se

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

  8. #8
    Senior Member
    Join Date
    Jan 2003
    Posts
    332
    pellepiano that sutra site is nice. question about the thumbnails...are you preloading those or are they pulled in dynamically on mouse over ?

  9. #9
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    All thumbnail images are in a movieclip in the gallery swf file. The big images are pulled in dynamically.

    I have other galleries where everything is dynamic, from the creation of buttons, thumbnails, text and all.Even the textfile thats has all info is written from a Flash adminitration file. Example.....
    http://www.pellepiano.com/v4/gallery_chrome.html

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

  10. #10
    banned by dp
    Join Date
    Jun 2002
    Posts
    245
    Okay, question. I think you are right and that it has to do with the advanced color options in the property box....

    but how do I master these settings? They aren't that inuitive...and I can't seem to make the thing simply bring out the highlights. Instead, I'm adding all sorts of colors and it's out of control.

    What does the settings on the left side do, as compared to the settings on the right side. I'm not understanding the difference.

    Could you guide me as to how I can control these options to produce the desired result?

    Thanks.

  11. #11
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    The right settings wil boost each color if moved up. If all are +256 it will totally burn the image to totally white.
    Having all three channels at equal settings like 50 50 50 will give you a highlight boost ( that I guess is what you want ).

    The left settings will just lower each colors value.

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

  12. #12
    Senior Member
    Join Date
    Jan 2004
    Posts
    245
    PellePiano can you please tell me the A/C for your thumbs Scroll thumbs!! I like that how they move and spring like that. Please can you tell me..


    Regards Barry_UK

  13. #13
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    Basically, for all movements I use a little script like this...

    onClipEvent(enterFrame){
    this._x+=(_root.xpos-this._x)/7;
    }

    When this is put ON a movieclip it will travel to a position set by a button on the main timeline.....

    on(release){
    xpos=350;
    }

    .....with a nice easing effect.

    So if you have a lot of buttons with different values for the xpos variable, the movieclip will move accordingly.

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

  14. #14
    Senior Member
    Join Date
    Jan 2004
    Posts
    245
    Oh Thanks PellePiano simple as that nice one.




    Regards Barry_UK

  15. #15
    Senior Member skdzines's Avatar
    Join Date
    Sep 2003
    Posts
    301
    hey pellepiano, question. On this page http://www.pellepiano.com/index2.html are you creating the effect of the boxes that mask the images on the right (i.e. girl and camera) using AS or is this timeline based? I think it's a pretty nice effect and am curious as to how you achieved it. I know I could do this using tweens but would be interested in know how you are doing it if it is all actionscript.

    Thanks

  16. #16
    Senior Member pellepiano's Avatar
    Join Date
    Feb 2000
    Location
    Stockholm, Sweden
    Posts
    15,151
    As I remember it the squares are tweened masks ( I just made one and duplicated it ). It also loads new images from the server, so I dont ever have to touch the Flash file. Thats why my memory is a little vague as its been a while since I created the file.

    -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