Skip navigation
GregConnTelevirtual
GregConnTelevirtual Calculating status...
Currently Being Moderated

usinge a colour multiplier on images

Feb 24, 2009 8:41 AM

hi,

I have lots of images and i need to put a pinkish colour filter on them....The problem i'm having is i can put a layer of 50% alpha pink infront of the image but then it's much lighter than i want as it's half transparent. So I'd like to do a kind of photoshop multiplier effect where i merge the pink with the image. Is there a way to do this in as3?

I've seen merge, using bitmapData but i can't work out how to get it relate an loaded in image. Also i've seen the blendmode on movieclips but i can't seem to get anywhere with that.

Any ideas anyone?

Thanks in advance

Greg
623 Views   4 Replies   Latest reply: GregConnTelevirtual, Mar 4, 2009 4:20 AM
 
Replies
  • GregConnTelevirtual
    Currently Being Moderated
    1. GregConnTelevirtual,
    Feb 25, 2009 4:37 AM   in reply to GregConnTelevirtual
    Report
    anyone?
     
    |
    Mark as:
  • Ned Murphy
    Currently Being Moderated
    2. Ned Murphy,
    Feb 25, 2009 5:04 AM   in reply to GregConnTelevirtual
    Report
    Have you looked into using the ColorTransform class?

    var color:ColorTransform = new ColorTransform();
    color.redOffset = val;
    color.greenOffset = val;
    color.blueOffset = val;
    mc.transform.colorTransform = color;

    In this case, the same value (val) is being applied to each color channel, but you can use different values for each. "mc" is a movieclip
     
    |
    Mark as:
  • GregConnTelevirtual
    Currently Being Moderated
    3. GregConnTelevirtual,
    Feb 25, 2009 9:12 AM   in reply to GregConnTelevirtual
    Report
    thanks for the reply.

    I've tried that and got nowhere. I'm trying to change the colours or merge the colours in an image that has been loaded in. Not a standard movieclip object. I need to change the actual bitmapdata but i'm not sure how.

    Greg
     
    |
    Mark as:
  • GregConnTelevirtual
    Currently Being Moderated
    4. GregConnTelevirtual,
    Mar 4, 2009 4:20 AM   in reply to GregConnTelevirtual
    Report
    I worked this out, for future reference for anyone wanting to do this.

    I wanted to add a multiplier of the colour B11747. you have to conver the idividual bits of the Hex to decimal values.

    B1 is the red
    17 is the green
    47 is the blue

    I used this site http://www.statman.info/conversions/hexadecimal.html to convert and ended up with

    B1 is 177 which works out as 177/255 = 0.6941
    17 is 23 which works out as 23/255 = 0.0902
    47 is 71 which works out as 177/255 = 0.2784
    you divide the number by 255 as teh decimal range is 0-255

    //make bitmap
    var bmp:Bitmap = myLoader.content;
    bmp.smoothing = true;
    var mc:MovieClip = new MovieClip();
    //add bitmap to movieclip
    mc.addChild(bmp);

    //build array and concat the colours
    var matrix:Array = new Array();
    matrix = matrix.concat([0.6941, 0, 0, 0, 0]); // red
    matrix = matrix.concat([0, .0902, 0, 0, 0]); // green
    matrix = matrix.concat([0, 0, .2784, 0, 0]); // blue
    matrix = matrix.concat([0, 0, 0, 1, 0]); // alpha
    applyFilter(mc, matrix);

    //apply the filter
    function applyFilter(child:DisplayObject, matrix:Array):void
    {
    var filter:ColorMatrixFilter = new ColorMatrixFilter(matrix);
    var filters:Array = new Array();
    filters.push(filter);
    child.filters = filters;
    }
     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points