The L&L Blog  /  Scrivener

Scrivener icons (and distractions)

Half-term is pretty much over. As soon as it gets to 3.15pm on a Friday, that's the holiday over. Ho-hum. I spent most of this week designing the icons and graphics for Scrivener. I spent the first day or two just surfing the web trying to find good PhotoShop tutorials. I came across this:

I was always into drawing cartoons as a kid, and I still enjoy sketching occasionally, though ultimately I don't have the patience to produce anything particularly good. These tutorials are fantastic, though, especially if you want to draw the female form in a comic-book style. So needless to say, they distracted me from my real purpose - icon design - for a good few hours. They just give a good overview of getting the proportions right. For instance, when I sketch a face freehand, I always have problems getting the size of the eyes to match when drawing the face at an angle. The tutorial on faces ( really helped, though. This is what I came up with:

Anyway. As far as the icons go, I ended up playing around in PhotoShop with layer style settings, gradient fills and the shape tool, and after nearly a week's work, I have finally managed to put together the icon set that I will use for Scrivener 1.0 (a few of the icons are just modified common Apple icons):

The only one I'm not 100% certain about is the binder icon, which doesn't sit at the right angle if you're going by the Apple Human Interface Guidelines (it's sloping backwards when it should be sitting straight, as though sitting on a shelf). I'll probably leave it for now, though - I really have to get onto rebuilding the interface, and I don't want this thing to get stuck in development hell forever.


Add your comment here...

Keep up to date