My very first tutorial was an adaptation of a Photoshop tutorial on how to make one of those trendy violator badges. Well it turned out pretty ugly looking because the GFig plugin for the GIMP doesn't anti-alias the lines. Much discussion was had on whether or not I should include Inkscape tutorials on this blog to make up for the shortcomings of the GIMP, and I decided that I would give it a shot.
Now, before I start, keep in mind that I am a total newbie at Inkscape, so there is probably an easier way to do the things I'm about to show you. By all means, please suggest improvements on the way I've done things here. Okay, enough weasling, on with the tutorial.
- Open up Inkscape and set your document size to 200x200px. Set the X and Y grid spacing to 5px and make sure you've got grid snapping on. Press  to make the document fit the window size.
- Click the stars and polygons button (or press [*]). Increase the number of corners to 12, and make sure the Polygon checkbox is unchecked. Set the spoke ratio to 0.830 and make sure Rounded and Randomized are set to 0.
- Starting in the center of the drawing area, click and drag out to the 10px mark.
- Click Edit>Duplicate. You won't see a change, but you've actually got 2 shapes now. One on top of the other. Select the top shape and change it to whatever color you want your violator to be.
- With the selection tool [F1] press and hold the [Alt] button and click the star shape. This will actually select the one on the bottom. You can tell because the color in the lower left will switch to black.
- Click Object>Fill and stroke. Set the Blur to 3.5 and the Master opacity to 80.0%.
- Now select the colored shape and duplicate it again. Now, if you still have the fill and stroke dialog box open, change the color to white and click the radial gradient box.
- Now select the gradient tool [Ctrl]+[F1], and you'll see 3 handles that form a right angle in the center of the gradient. These control the position and size of the gradient. Grab the middle one and drag it to the upper-left portion of the shape. You can play with the other 2 handles to resize the gradient. I left it as-is.
- Now select the text tool [F8] and click anywhere in the shape to start typing.
- Using the selection tool, click twice until you see the handles on the corners change to indicate that it's in rotation mode and rotate the text however you want it. Note: You can create a shadow under the text the same way you did with the shadow for the shape.
That's it! Once you get the hang of how inkscape works, it really is easier to use for this sort of thing than the GIMP. I hope you've enjoyed this tutorial. Thanks for following along.