Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

SpriteLab

Members
  • Posts

    9
  • Joined

  • Last visited

Posts posted by SpriteLab

  1. Hi !
    Thanks. The alpha didn't look good. It gave it a darker, much shiny look.

     

    But I found a solution, deep down the javascript road. Only because of your suggestion. So thanks.

     

    Heres how it looks

     

    function mSetColor(imName, colorImName, hex) {

    console.log(":: mSetColor ::")

     

    // I have two of the same images, excactly at the same coordinates

    var image = pBikeContainer.getChildByName ( imName )

    var colorIm = pBikeContainer.getChildByName ( colorImName ) 

     

     

    // the one on top has a blending of "hard-light"

    image.compositeOperation = "hard-light";

     

    // here Im just converting the hex values from #FF0000 to =xFF0000

                    hex = mReplace(hex, "#", "0x", false)

    hex = Number(hex)

     

    // get the bounds, so I can color the image

    var mbounds = colorIm.getTransformedBounds();

    colorIm.cache(0, 0, mbounds.width, mbounds.height);

     

    // The image beneath get a tint. It will be totaly flat and one color, but the image above with a blending of "hard-ligt" will let the color through. (see attached. The left is th original. The right withe 2 images on top of eachother)

    var tl = new TimelineMax();

    tl.to(colorIm, 0.1, {

    easel: {

    tint: hex,

    tintAmount: 1

    }

    })

    }

    Screenshot_1.png

    • Like 1
  2. Hi !
    It seems like a fast way. How did you create the overlay image? Are there any way to create it from an existing mage?
    Or is that done by adding shadows. hilites etc by hand ?

     

  3. Well, the best result is when the bike has a color. When its grey, the hue has no effect alone. At least not by code.(in fireworks its ok).

    I tried the colorize on a grey bike , but it gets distrorted when the amout  is 1. If 0.5 or 0.3, its just vague

    var bounds = this.mc.nominalBounds;
    this.mc.cache(0, 0, bounds.width, bounds.height);
    var tl = new TimelineMax();
    tl.to(this.mc, 0.5, {easel:{hue: 50, colorize:"green", colorizeAmount:1}})

    I will try with saturation, but I think that theres something missing, that I dont understand of how this works :-)

    Screenshot_1.png

  4. Hi !

    If anyone looks at this: https://velorbis.dk

    Just click on the brush and choose a color. The bike is colored in the given color preseving the shadows, curves etc. I assume it's hue. But as I said I cant get the same effect with hue alone.

    In Fireworks, however, I can.

    Any idea how to get this effect?

  5. Hi !

    Thanks. I tried it and maybe it'll work, I don't know. The yellow didn't do it. Just made it darker. See attached. Where do I find a list of available properties and settings. Like the colorize. What colors will it take.... yellow, red, white etc.

     

    Thanks for your time on this

     

    John

    hue.png

  6. Hi !

    Thanks for replying. My goal is to aply a hue to a picture, where I need to keep the shadows and bevels etc.

    So I think HUE is the best option. But I have to provide several colors. Making a loop through -180 to 180 HUE, doesn't show any yellow colors. probaby because the square is red, and as you say, its a filter thing.

    I cant TINT them. But maybe I could use a property more, like saturation, but I think the docs are very little informative as to properties and values

  7. Hi. 

    If I set the hue of a clear red square like this:

     

    var tl = new TimelineMax();

    tl.to(this.square, 1, {easel:{hue:65}})

    It turns brown(ish) 

     

    If I create a #FF0000 square in Adobe Fireworks and set its hue to 65,  it turns yellow. 

     

    Do I miss something in the setting in the script? 

     

    I think it's hard to find a doc of all settings for the easel. 

    Thanks in advance 

    John 

×