Gradient mask in flash 99 Responses

Last post: 6 months, 4 weeks ago | Thread started: Jan 25, 08, 2:45 a.m.

RespondNew TopicDisable Images

• Bullitt

  Trying to create a spot light effect in flash blacking out the background, but want a gradient around the mask to give it more realism. Can this be done easily?

  Cheers.

  Jan 25, 08, 2:45 a.m. – Permalink

• skt

  not with a mask

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 2:46 a.m. – Permalink

• skt

  you need a large black movieclip with a hole cut out of it, and a gradient applied to the edge of that hole.

  • alright, cheers mate– Bullitt

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 2:47 a.m. – Permalink

• randalldon

  If you're using Flash 8+ (as2) you can do as skt says (black mc with hole cut out). You can use this as a gradient mask by applying a blur to the mc (with as2 or on the timeline). If you want any animation on the mask this will need to be done within the mc.

  Once you have the blur applied to the mc and any animation sorted give the mask an instance name eg "maskInstance" and give your mc an instance name eg "mcInstance". Then is the first frame actions on the main timeline put this code:

  mcInstance.setMask(maskInstance…

  The final stage is to make sure you have "use runtime bitmap caching" ticked in the symbol properties for both the mc & the mask.

  You should be good to go from there.

  Hope it helps!

  • yup, done what skt said in the end mate
    
    – Bullitt

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 3:24 a.m. – Permalink

• randalldon

  Apologies missed the closing bracket - first frame code should be:

  mcInstance.setMask(maskInstance…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 3:25 a.m. – Permalink

• randalldon

  I see QBN won't let me put the closing bracket in - the last part should be (maskInstance)

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 3:27 a.m. – Permalink

• hoppa74

  masked_mc.cacheAsBitmap = true;
  maskMC.cacheAsBitmap = true;
  masked_mc.setMask(maskMC);

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 3:58 a.m. – Permalink

• tbgd

  There's some source to do it very easily here. http://www.whatdoiknow.org/archi…
  Thanks to Todd Dominey.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 5:26 a.m. – Permalink

• skt

  this is interesting... hadn't realised flash had finally got its acto togethor with gradient masks.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 5:31 a.m. – Permalink

• Bullitt

  Thanks for the advice guys!
  Another question if you can help.
  The idea behind this spotlight effect is for it to highlight areas of a graphic by using some buttons you rollover to navigate, either left or right. I'm shit with actionscript, can anyone direct me to a good tutorial that will allow me to scroll a graphic left or right.?

  What I got so far is a spotlight gradient effect, static. underneath is a movie clip which I will want to move either left of right ( areas of which will be highlighted underneath the spotlight gradient.)

  Cheers,

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 25, 08, 5:45 a.m. – Permalink