Graphic effects - Feather Edges of Rects

Scott Rossi scott at tactilemedia.com
Thu Feb 4 21:03:18 CET 2016


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





More information about the use-livecode mailing list