
I actually changed this bit after I took these screenshots. To give it that “shiny” look, add a small elipse or rounded rectangle with a gradient fill and play around to get the look you want. This will also act as a filter for the text to make it look like the lettering (or graphic if you wish) is under some sort of clear plastic or glass cover. I’ve now added another white lozenge to the top and given it a radial gradient fill and reduced the opacity to about 50%. Play with the gradient position until you are happy with it.Īdd a drop shadow by duplicating the lozenge, filling it with a dark grey, blurring a bit (say 2 or 3%) and then shifting it down and right and finally moving it to the bottom of the stack. Then select the “fill and stroke” dialogue (ctl-shift-f) and give the white lozenge a gradient fill. Now duplicate the lozenge (ctl-d) and fill it with white. For this example I’ll use a rather lurid purple colour in the shape of a lozenge. To make a button like this, start with your circle (or elipse, or rounded rectangle) and make it the right colour. I wanted to make some nice “buttons” for our new Open Source training and consulting venture The Open Learning Centre. I keep thinking – if it is this good now – what will this app be like a year from now?Īnyway – I know there are loads of Inkscape tutorials out there, but I thought I’d do a simple one of my own… I have been using Inkscape more and more recently and to be honest – it’s brilliant! I have never had it crash or lose my work and whatever I wanted to do (from an amateur’s perspective at least) I could do.
