Any way to add curved edges, feathering, etc. to spotlight feature?

  • 1
  • Question
  • Updated 1 month ago
I am developing software training for a client and they want specific areas of the app highlighted while the rest of the screen remains dark. The spotlight feature appears to be the best tool for this, however, they want curved edges, feathering and a thicker border, as pictured below. I have three versions of Camtasia installed and none of them appear to have any capabilities to do this. I've searched the forum and it appears that this request goes back at least six years without a solution. I've tried using the simple rectangle, but this requires a lot of manual work to darken everything else while highlighting one region and does not work well with simultaneous scroll, something that occurs frequently throughout the video. Appreciate any workarounds you might have. Thank you.


Photo of Lynda_K

Lynda_K

  • 11 Posts
  • 0 Reply Likes

Posted 3 months ago

  • 1
Photo of Joe Morgan

Joe Morgan

  • 7144 Posts
  • 3873 Reply Likes
Your image did not attach, the link is broken.
Doing it natively through Camtasia is unlikely because the windows version doesn't offer masking.
Camtasia for Mac does, if you have access to a Mac. That may be your salvation?
If not, a screen shot would help.

Regards,Joe
Photo of kayakman

kayakman, Champion

  • 7022 Posts
  • 2284 Reply Likes
How To Make A Round Spotlight Effect 2019-06-18
https://www.screencast.com/t/vNwBVYjqVA

Photo of kayakman

kayakman, Champion

  • 7022 Posts
  • 2284 Reply Likes
here is one with a soft edge ...
Photo of Ed Covney

Ed Covney

  • 347 Posts
  • 232 Reply Likes
I noticed the spotlight is on a picture (JPG), can that be done atop a video?
Photo of kayakman

kayakman, Champion

  • 7022 Posts
  • 2284 Reply Likes
sure; I just used the JPG in this example [did not have a handy video clip]

but a video clip will work also
Photo of Lynda_K

Lynda_K

  • 11 Posts
  • 0 Reply Likes
I've attached the image. Client wants a rectangle with feathered edges with some weight on border as you see here. I'm told that Camtasia for Windows does not support this effect and searching my three versions of Camtasia, this appears to be the case. Various people have recommended doing the image in Photoshop and then inserting it to the Camtasia movie. I don't know if this is going to work because there is a lot of scrolling throughout and the Spotlight feature moves with the scroll whereas I don't think a static image will. Still looking at my options. Appreciate any feedback.
Photo of Lynda_K

Lynda_K

  • 11 Posts
  • 0 Reply Likes
And note that the rest of the screen should be dark as seen here. I'm thinking I will apply a dark overlay to the entire screen and create images of each highlighted area in PhotoShop and insert them in over the darkened background. May not work with scroll very well but this may be the trade-off. Going to take much more time than just using the spotlight effect in Camtasia. It's a shame they haven't enhanced this feature in the last five+ years.
Photo of Joe Morgan

Joe Morgan

  • 7138 Posts
  • 3873 Reply Likes
I'm re-posting my response. I looked at the first one and it was full of errors.I have company in town and tried to respond without paying enough attention to detail. Sorry about that, Heres a follow up.

I think png's are probably your best option.
I'm not sure how much scrolling is involved/how much screen has to be covered with the darkened/shaded area?
If your pngs are oversized, they can be animated to scroll along with the video.If grouped,  zooming in and zooming out will work as well.



This image may appear exaggerated, however. You could move it to another location.
Then resize the clear window to taste. Due to the excessive padding, you could place it anywhere you wish. It might be overkill by a bit but you get the picture.
If you resize the window to much, the feathering becomes greater or lessor. And as you resize/changing the aspect ratio, feathering can vary and appear lopsided.So resizing needs to be done with a grain of salt and caution.
You'll probably want a handful of PNG's to select from.

Regards,Joe

Photo of kayakman

kayakman, Champion

  • 7022 Posts
  • 2284 Reply Likes
how about this ...


Photo of Lynda_K

Lynda_K

  • 11 Posts
  • 0 Reply Likes
Thank you for the video, but I don't see an option for a circle mask (or in my case a rectangle that allows me to soften the edges). Can you tell me where this option is? It appears that the only type of spotlight I can create is a rectangle with hard edges as shown here.  



 
Photo of Lynda_K

Lynda_K

  • 11 Posts
  • 0 Reply Likes

Photo of Lynda_K

Lynda_K

  • 11 Posts
  • 0 Reply Likes
These are the spotlight options available to me. Am I overlooking something?


Photo of kayakman

kayakman, Champion

  • 7022 Posts
  • 2284 Reply Likes
you have to create a special asset that will give you a circle or rectangle mask with soft edges

tomorrow, I will try and post a screencast on how to make an asset with the soft edge effect
Photo of kayakman

kayakman, Champion

  • 7022 Posts
  • 2284 Reply Likes
here is one way to create the effect you seek ...

How To Make Rectangle Spotlight Effect With Soft Edges 2019-06-20
https://www.screencast.com/t/w1P5QFZE8

put the asset in Library for use whenever needed


Photo of David Maione

David Maione

  • 1 Post
  • 0 Reply Likes
I'm having a problem re-shaping the asset once it is placed into my project. ie. turning a circle into an oval will not work for me. It seems the "X" and "Y" dimensions are locked in place. Any idea for that?