DITCHWALK

A Road Less Traveled

Topics / Books / Docs

About / Archive / Contact

Copyright © 2002-2020 Mark Barrett 

Home > Archives for GIMP

Single Color Text on a Full Gradient

April 9, 2015 By Mark Leave a Comment

Speaking of graphics software, by pure chance recently I ran across the obvious and thus embarrassing solution to a problem that has vexed me for quite some time. Not only have I wrestled with this conceptual beast on multiple occasions — and lost, even after spending hours using imprecise or generic keywords, thus inevitably drowning in the sea of noise that is rapidly rendering search itself almost useless — but I’ve known for several years that I would have to slay said beast in order to design a graphic for a book I was working on.

Thankfully, said book has proceeded at a snail’s pace, giving the world time to help me despite my obliviousness. (That I came upon the answer by mere happenstance is disheartening given the implications for other aspects of my future, but still — I’ll take it.)

The problem arises when trying to show a single text color across a full background gradient. While it’s likely in practice that such a problem would occur on a page featuring many words, here’s an example using a single word in black text against a full gradient from white to black:

As you can see, on the right side the black text is swallowed by the black background. Just as obviously, switching to white text only shifts the instigation of the problem:

The temptation on a page with many spread-out words would be to switch text colors midway through the gradient, but at best that’s a hack. The simple and elegant fix — which it pains me I was unable to arrive at on my own — is to add a contrasting border around the text:

And here’s the same solution for white text, using a black outline:

If completely bounding your text seems heavy-handed, here’s a slightly offset version that is still readable but also conveys a sense of mood:

The solution also works for two colors, assuming sufficient contrast:

As to how to implement such changes in most graphics programs, the simplest workflow seems to be duplicating the text, changing the color in the copy, then slightly expanding or shrinking one copy until the two can be arranged one on top of the other, thus revealing a consistent border. In Inkscape, however, because all text can be either stroke or fill, you can simply change the fill to one color and stroke to another.

If you’re a total beginner, here’s a GIMP video and one for Inkscape. If you have a little experience with GIMP, here’s a shorter video.

(Note: the current version of Inkscape is 0.91. Prior to version 0.91 the previous stable release was 0.48.5 in July of 2014. Inkscape version history here.)

— Mark Barrett

Filed Under: ~ Tangents Tagged With: GIMP, graphic, Inkscape

DIY Cover Design: GIMP vs. Inkscape

April 6, 2015 By Mark 1 Comment

The first (and so far, only) two book covers I designed were done with GIMP. I got great help from Joleene Naylor on the first cover, and managed to flounder my way to solo completion with the second, but along the way I noticed some recurrent problems, particularly with regard to text, curves and anti-aliasing.

What I have learned over the past year or so is that all graphics software breaks down along two main lines: vector graphics and raster graphics. GIMP is commonly and accurately categorized as photo-editing software, but also belongs on the raster side of the graphics software divide. While photo-editing software can be incredibly powerful in its own right, because raster graphics are based on pixels, resizing raster graphics can also get you into serious trouble.

That’s not true for vector graphics, which are defined by mathematical relationships. Put together a snazzy logo in a vector program and you can scale that logo down to a business card or up to a billboard with no loss of detail. Yes, it is a miracle.

I have a few covers to design in the coming months — or years, at my current pace — and I plan on doing so, at least in part, using a vector graphics program called Inkscape. Like GIMP, Inkscape is open-source freeware and incredibly powerful. Also like GIMP, Inkscape is incredibly obtuse and difficult to learn, even if you’re otherwise comfortable with all things computer.

For example, suppose you want to combine two simple shapes as follows, using Inkscape:

After reading up on the program, following tutorials and learning about the power of nodes and paths, and playing with snazzy features like combine and union, to say nothing of delete segment, you might think the proper solution would be to overlap the two shapes, join them at nodes, then remove the line across the middle of the circle:

And you would be one hundred percent wrong.  [ Read more ]

Filed Under: ~ Tangents, Publishing Tagged With: cover design, GIMP, Inkscape

Walking the Ditchwalk

October 5, 2009 By Mark Leave a Comment

In my parasites post I advocated spending money only when you absolutely have to, and only when you know you’re getting something of equal or greater value in return. As an independent author I followed my own advice in putting up this site, and in this post I’d like to walk you though the process I followed in considering blog software options, blog theme options, and a number of graphics options.

For blog software I was fairly sure I would go with WordPress, because it’s free and because I had a positive experience with it several years ago. What I got for my effort then was pretty impressive. The functionality you get with WordPress now is almost absurd, and I couldn’t recommend the application more. (I use the self-hosted version, but WordPress.com is also available if you prefer something hosted and less technical.)  [ Read more ]

Filed Under: Ditchwalk.com Tagged With: GIMP, money, time, Wordpress