Graphic effects - Feather Edges of Rects

Howard Bornstein bornstein at designeq.com
Thu Feb 4 06:50:06 CET 2016


>
> 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.
>

This is how we did it—using multiple graphic objects stacked. However, I
used a gradient for each edge and used Outer Glow. I think it would be a
lot of work to script this for general work but Brahmanathaswami seems to
think it will be worthwhile to try it. I'm interested to see what he comes
up with.

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.
>

I couldn't get this to look anything like feathering because it always had
a hard edge. Maybe that is because of the weakness of the inner glow?


> 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.
>

I couldn't get this to work at all. When I set the blending ink to
BlendScreen, the black graphic became completely transparent, regardless of
the inner glow settings.

FWIW, I was able to easily create a feathered image for an oval or circular
feather with one graphic object. To do it for a rectangle, took 4 graphic
objects. In each case, we used Outer Glow with a gradient—radial for the
oval, linear for the rectangle.


> 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
>



-- 
Regards,

Howard Bornstein
-----------------------
www.designeq.com


More information about the use-livecode mailing list