Graphic effects - Feather Edges of Rects

Scott Rossi scott at tactilemedia.com
Wed Feb 3 23:44:09 EST 2016


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






More information about the use-livecode mailing list