Graphic effects - Feather Edges of Rects

Terry Judd terry.judd at unimelb.edu.au
Thu Feb 4 00:45:32 EST 2016


OK, what about thisŠ

Transparent (non opaque) graphic object with a 1 pixel linesize. Apply an
outer glow - this will display equally on either side of the border. Then
alter the border colour to match the glow where it adjoins the border. The
border Œdisappears¹ but it may or may not simulate the effect you are
looking for.

Terry...

On 4/02/2016 3:44 pm, "use-livecode on behalf of Scott Rossi"
<use-livecode-bounces at lists.runrev.com on behalf of
scott at tactilemedia.com> wrote:

>The way one *should* be able to do this is using the innerGlow effect.
>However, by itself, using the basic setting is not strong enough, and the
>spread effect is backwards (increases outward, rather than inward -- bug)
>so that's useless.
>
>You can achieve a feather effect using multiple objects stacked on top of
>each other, but then you have to ask is that worth doing.  If you have to
>do anything with the set of objects, such as move it around or scale it,
>then the effect is probably too much trouble, especially on mobile.
>
>You can create a feather effect by grouping the source image with a mask
>image that contains a painted rectangular inner glow effect.  If you set
>the centerRect of the mask image to appropriate dimensions (the radius of
>glow at each corner of the image), you can resize the group and keep the
>glow effect intact with no loss of quality.
>
>FYI, you can create a transparent graphic with innerGlow using an ink
>effect.  For example, set the backColor of the graphic to black, apply a
>white innerGlow (255 opacity), and set the ink of the graphic to
>blendScreen.  This will make all black in the graphic transparent while
>keeping the white intact.  But again, the innerGlow is fairly weak.
>
>Regards,
>
>Scott Rossi
>Creative Director
>Tactile Media, UX/UI Design
>
>
>
>
>On 2/3/16, 7:38 PM, "use-livecode on behalf of Howard Bornstein"
><use-livecode-bounces at lists.runrev.com on behalf of
>bornstein at designeq.com> wrote:
>
>>Yes this is true and understood. However, I've been working with
>>Brahmanathswami to find a solution for a transparent object because, as
>>he
>>says, "Any inner glow or outer glow leaves a sharp edge on the object no
>>matter what we do." (with an opaque object)
>>
>>He was looking for a way to feather images within LC and an opaque
>>graphic
>>object won't do that (as far as I can tell).
>>
>>On Wed, Feb 3, 2016 at 5:19 PM, Terry Judd <terry.judd at unimelb.edu.au>
>>wrote:
>>
>>> Hi Howard - the outerglow (and innerglow) of an object display fine for
>>>me
>>> on both a field and an (and this bit is important) *opaque* graphic
>>>object
>>> when their borderWidth and lineSize properties are respectively set to
>>>0.
>>>
>>> Terry...
>>>
>>> On 4/02/2016 11:26 am, "use-livecode on behalf of Howard Bornstein"
>>> <use-livecode-bounces at lists.runrev.com on behalf of
>>> bornstein at designeq.com> wrote:
>>>
>>> >As did I. What happened when you set the linesize to 0?
>>> >
>>> >On Mon, Feb 1, 2016 at 12:42 PM, Devin Asay <devin_asay at byu.edu>
>>>wrote:
>>> >
>>> >>
>>> >> > On Feb 1, 2016, at 11:53 AM, Howard Bornstein
>>><bornstein at designeq.com
>>> >
>>> >> wrote:
>>> >> >
>>> >> > If you set the line size to 0, the outer glow disappears.
>>> >>
>>> >> For what kind of object? I tested it on a graphic object.
>>> >>
>>> >> Devin
>>> >>
>>> >> Devin Asay
>>> >> Office of Digital Humanities
>>> >> Brigham Young University
>>> >>
>>> >>
>>> >> _______________________________________________
>>> >> use-livecode mailing list
>>> >> use-livecode at lists.runrev.com
>>> >> Please visit this url to subscribe, unsubscribe and manage your
>>> >> subscription preferences:
>>> >> http://lists.runrev.com/mailman/listinfo/use-livecode
>>> >>
>>> >
>>> >
>>> >
>>> >--
>>> >Regards,
>>> >
>>> >Howard Bornstein
>>> >-----------------------
>>> >www.designeq.com
>>> >_______________________________________________
>>> >use-livecode mailing list
>>> >use-livecode at lists.runrev.com
>>> >Please visit this url to subscribe, unsubscribe and manage your
>>> >subscription preferences:
>>> >http://lists.runrev.com/mailman/listinfo/use-livecode
>>>
>>>
>>> _______________________________________________
>>> use-livecode mailing list
>>> use-livecode at lists.runrev.com
>>> Please visit this url to subscribe, unsubscribe and manage your
>>> subscription preferences:
>>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>>
>>
>>
>>
>>-- 
>>Regards,
>>
>>Howard Bornstein
>>-----------------------
>>www.designeq.com
>>_______________________________________________
>>use-livecode mailing list
>>use-livecode at lists.runrev.com
>>Please visit this url to subscribe, unsubscribe and manage your
>>subscription preferences:
>>http://lists.runrev.com/mailman/listinfo/use-livecode
>
>
>
>_______________________________________________
>use-livecode mailing list
>use-livecode at lists.runrev.com
>Please visit this url to subscribe, unsubscribe and manage your
>subscription preferences:
>http://lists.runrev.com/mailman/listinfo/use-livecode





More information about the Use-livecode mailing list