Timeline for Bevel outline algorithm in 2D
Current License: CC BY-SA 3.0
11 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| Sep 22, 2015 at 14:08 | comment | added | uliwitness | Look into the Aqua button effect I mentioned earlier, then, e.g. here: sitepoint.com/building-buttons-photoshop-2 You don't have to make the top highlight a second smaller version of your shape, you can just use a half-oval and clip to your shape. It's very simple to draw but looks quite fancy. And if you scroll down in that linked article, you'll see that you can do lots of variations on this to fit a particular style. | |
| Mar 31, 2015 at 14:59 | history | edited | uliwitness | CC BY-SA 3.0 | added 714 characters in body |
| Dec 4, 2014 at 7:52 | comment | added | Pedery | I appreciate the input. But I think that such an effect would be a tad too bare bones for my desire. It's a good idea, though, but I'm looking for something more complex. I.e. a convolution filter can be used to make a very rough bevel, but that would produce sharp edges. Plus it would probably look a tad "fake". It's one approach I'm thinking of as it can be done fast. Another is to use an Euclidean Distance algorithm in some form or another. | |
| Dec 3, 2014 at 11:26 | comment | added | uliwitness | @Pedery Ah, you added the image. Yeah, either variant of the effect should work with these if you can properly inset/outset the shape, otherwise try the Aqua button effect. | |
| Dec 3, 2014 at 11:25 | comment | added | uliwitness | @Pedery another simple effect would probably be a radial gradient fill, or just doing what I describe above, but instead of making the shape larger, making it smaller. | |
| Dec 3, 2014 at 11:23 | comment | added | uliwitness | @Pedery If you're looking for a "gum drop"-like effect like Mac OS X 10.0 buttons ("Aqua buttons") have it, that's not too hard. Essentially it's a top-to-bottom gradient, and then a second shorter top-to-bottom gradient that is clipped to your shape and the bottom half of an ellipsis that's a bit wider than your shape. There are millions of tutorials for this effect for Photoshop out there which shouldn't be hard to translate to an algorithm. | |
| Dec 3, 2014 at 11:19 | comment | added | uliwitness | @Pedery I do not see an uploaded image ... ? | |
| Dec 3, 2014 at 11:19 | comment | added | Pedery | Thanks for the elaborate suggestion. My shapes are arbitrary, see uploaded image. I do generate them algorithmically though, so I have good control over that part. My idea was rather to give them a nice raised effect, hopefully a bit similar to a gel-like outline. The bevel algorithm should be pretty common so it blows my mind that it's so hard to find... | |
| Dec 3, 2014 at 9:35 | history | edited | uliwitness | CC BY-SA 3.0 | added 262 characters in body |
| Dec 3, 2014 at 8:32 | history | edited | uliwitness | CC BY-SA 3.0 | added 159 characters in body |
| Dec 3, 2014 at 8:11 | history | answered | uliwitness | CC BY-SA 3.0 |