Graphic effects - Feather Edges of Rects

Howard Bornstein bornstein at designeq.com
Thu Feb 4 17:11:06 EST 2016


Thanks. I get it now. I had used a black to white gradient, but white to
white gives a better feather result. What do you have the blending ink set
to?

On Thu, Feb 4, 2016 at 12:03 PM, Scott Rossi <scott at tactilemedia.com> wrote:

> Hi Howard:
>
> I was referring to the opacity of the inner color stop of the gradient.
> Use two colors in the radial gradient, such as white to white, and set the
> opacity of the color stop assigned to the inner color of the gradient to 0.
>
> The result looks like this:
> http://tactilemedia.com/download/gradient-feather.jpg
>
> You can also pull in the position of the outer color stop so you get more
> blending at the edge of the oval shape.
>
> Regards,
>
> Scott Rossi
> Creative Director
> Tactile Media, UX/UI Design
>
>
>
>
> On 2/4/16, 11:28 AM, "use-livecode on behalf of Howard Bornstein"
> <use-livecode-bounces at lists.runrev.com on behalf of
> bornstein at designeq.com> wrote:
>
> >Scott,
> >
> >I don't quite follow this. I made an oval graphic, set up a radial
> >gradient
> >with both colors set to white and made the fill color clear (is this what
> >you mean by the inner color?—nothing shows at all if you set the opaque to
> >false). I got a radial gradient that covered the image, but I'm not sure
> >how you make that a mask that feathers the image. What blending ink did
> >you
> >use? Are you using any graphic effects? What am I not understanding here?
> >
> >On Wed, Feb 3, 2016 at 11:03 PM, Scott Rossi <scott at tactilemedia.com>
> >wrote:
> >
> >> I'm guessing you guys want the final result to be rectangular and not
> >> oval-shaped.  That's too bad because you could use a radial gradient
> >>using
> >> a single color (i.e. white to white) in a graphic with the inner color
> >>set
> >> to 100% transparent -- this makes a near-perfect mask but only in oval
> >> shape.
> >>
> >> Regards,
> >>
> >> Scott Rossi
> >> Creative Director
> >> Tactile Media, UX/UI Design
> >>
> >>
> >>
> >>
> >> On 2/3/16, 9:50 PM, "use-livecode on behalf of Howard Bornstein"
> >> <use-livecode-bounces at lists.runrev.com on behalf of
> >> bornstein at designeq.com> wrote:
> >>
> >> >>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.
> >>
> >>
> >>
> >> _______________________________________________
> >> 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