Graphic effects - Feather Edges of Rects

Scott Rossi scott at tactilemedia.com
Fri Feb 5 01:13:14 CET 2016


The ink is default: srcCopy.  No need to set it otherwise.

Regards,

Scott Rossi
Creative Director
Tactile Media, UX/UI Design




On 2/4/16, 2:11 PM, "use-livecode on behalf of Howard Bornstein"
<use-livecode-bounces at lists.runrev.com on behalf of
bornstein at designeq.com> wrote:

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