craftllka.blogg.se - Inkscape gradient adjust fade

Put the copy over the original rectangle (I used two rectangles to ease the creation of derivatives with other colors later)

Duplicate the rectangle, fill the copy with a gradient from partly transparent black to fully transparent black.

Round the corners (here I used a 16px radius):

Using the Rectangle Tool draw a rectangle and fill it with the desired color.

I'll start with the simplest button, which will be reused later for the other styles.

I will follow some ways to create various kinds of web buttons with Inkscape: simple, aqua, crystal, with and without shadows, of various colors and in various states.