Skip to main content

Logo for a quilting business (Inkscape)

A friend requested a logo for her home quilting business named QuiltDat! (The spelling, I was told, is a Louisiana thing.) No color specified, no style specified.

I like this kind of design challenge – you're basically free to come up with your take on the business name and no pressure for perfection (no time limits, although I think they wanted this quick). The risk, though, is that those who requested it may not like your design. Collaboration is still the best way to design a logo since the ones who will end up using the logo know their business and usually know what they want (or, at least, will have no one else to blame if the design turns out bad since they were in on it).

Here's the logo (no color decisions yet – they like the yellow one over gray, although I meant for this to be like Japanese family crests or kamon/mon, where it's usually white or light colored over a darker colored background):
It represents a "sunrise" letter 'Q' using quilt patterns.
Speaking of kamon, here's another kamon design projectlet I did last month:

And here's the process I took for QuiltDat!:

Gather visual references

Kids of today are lucky. While I was growing up, we didn't have Google image search or Pinterest.

It took me a while scrolling down in image searches for 'quilt patterns' (I didn't like the ones with sharp triangles) until I found the Winter Seeds Table Topper at The Crafty Quilter:
Winter Seeds Table Topper @ The Crafty Quilter
I saw it on Google image search but it also appeared on Pinterest. Good thing I selected it before I looked up Pinterest or else I would have gone for a more eye-catching pattern, like the one titled "Rhythmic" in the Pinterest screenshot.

What I like about the "winter seeds" pattern is that it reminds me of the traditional Chinese coin seamless pattern, an auspicious design in Chinese culture:
Vector graphic free seamless pattern

Drawing the logo in Inkscape

Using five circles and a couple of lines, I arranged my guides this way:
Aligning the shapes and lines would be easier if you toggle on most snap-to buttons and then turning them off later once you're done (they could get annoying).

I adjusted the circles' line widths (strokes) until I was satisfied with the proportions of the "winter seed" spaces they made:

I only needed those spaces. In Inkscape, I could have selected all five circles, combined them all (Ctrl+K), converted the strokes to path (Ctrl+Alt+C), broke them apart (Ctrl+Shift+K), selected the four "winter seeds" by Ctrl+clicking each, combined them, and discarded the rest. However, since I want my guides to remain editable, I opted for the quick and rough method: Filling the seed areas with the bucket fill tool (Shift+F7) and using the resulting seed shapes for the next step:
I first drew a circle in the center of the four seeds formation. The size of the circle was arbitrary – I resized it until it looked good to me.

Then I proceeded to make the tail of the 'Q'

Create the 'tail' of the 'Q'

And cut out parts of the "seeds".
Here's a screenshot of the whole process:

1. Make the tail of the 'Q'

I used a square whose corners touched the middle and one side of the lower right "seed" to form the tail of the 'Q'. This could have been accomplished by a simple combine command (Ctrl+K) but, since I wanted the tail to be a separate element (so I can experiment with color combinations later) I opted to do a cut out or difference operation on them. I first duplicated the lower right "seed" and its square and did separate difference operations on each of them. In Inkscape, the shape on top cuts out the shape below and then the top shape would disappear (an "A not B" operation). I put the two resulting shapes close together afterwards, allowing for exact placement by turning snapping to nodes on.

2. Cut out parts of the other "seeds"

I cut out parts of the other seeds similar to the tailed "seed", then used the flip horizontal (H) and flip vertical (V) tools on them so their cut sides would face the central circle. (If I cut the other three "seeds" from circle-facing side, flipping would have been unnecessary).

3. Find the right font to go

I'm not really into logotypes – names come and go while symbols often last longer. But, for the sake of pairing the emblem with the business name, I chose Jasmine UPC Bold Italic. The letters are not too thin nor too fat and they look friendly and the tail of the 'Q' in this font resembles a single stitch or a thorn pricking the bowl of the 'Q'.

NexusFont

NexusFont font viewer is very helpful in picking fonts. Plus, if you fire up NexusFont, then view a folder containing your favorite fonts (add the folder first by dragging it to the folder group tree), and then run Inkscape, the fonts you're viewing in NexusFont would be available in Inkscape's font drop-down, even if they're not installed – but you'll need to use Inkscape version 0.48x for this. This functionality has not yet been fixed in the 0.9x series (latest versions).

I then tried different orientations of the logotype against the mark (emblem, logo). Here's the finished logo + logotype again:

I could probably try making fillets (rounded  corners) or chamfers (lopped off corners) in the design next. Too bad Inkscape doesn't have this function yet (present in most CAD design programs and Affinity Designer), but UPDATE: the Fillet/Chamfer effect is already available in Inkscape 1.0 [this post was based on Inkscape 0.98]
Here's a Youtube video showing how rounded corners can be done in Inkscape (aside from rounding out the sharp inside/outside corners one by one):
Filleting and rounding in Inkscape

Also, I could try refining the proportions of each element of the logo using the Golden Ratio (so people trying to reconstruct the logo will have an exact reproduction, kinda like this (another logo design, which I'll probably make a post about):


Lastly, don't think making a logo is often this straightforward. Just like in research papers, stops and starts, false leads, dead-ends and hunches don't make it to the final writeup – but they're very much part of the design process. Here are my discarded ideas:

Have fun with Inkscape!
###https://inkscape.org/en/

Comments

Popular posts from this blog

Create 'Fake Identity Generator'-style email addresses and passwords in Excel

Last week I needed to compile a list of several hundred fake customer names with fake (but verifiable) email addresses and passwords to test a client's eCommerce site. Fake data generators At that time, I knew of only two online identity generators: Fake Identity Generator  (FIG) and GenerateData.com  (GD). By accepting three user-specified parameters (country, gender, age range) FIG outputs a lot of nice fake data, including disposable (but accessible) YopMail email addresses and relatively easy-to-remember passwords. However FIG doesn't provide free bulk identity generation so I had to generate and copy-paste identities one at a time – a very slow process – along with manually creating accounts using these fake identities at the client site (I had no access to the client content management system so I couldn't bulk register the fake identities). On the other hand, GD allows bulk generation of identities (up to 100 at a time) for free (and with more paramete...

Make a quick-&-dirty repeating pattern in Inkscape (using hexagon base)

[Note: This was first published as a Facebook Note on January 29, 2016 . I am making it available here to add to the Inkscape pattern tutorials.] This is based on a tutorial for making hexagonal tiles for David White’s “The Battle for Wesnoth”, but you can skip the 72×72-pixel requirement. You can make your base hexagon in any size that looks good at 100% zoom. First, make a hexagon using the “Create stars and polygons” tool. Press the CTRL key while you’re dragging the cursor to make a proportioned hexagon like this: You may have to move the cursor around to have the hexagon lie on its side. Next, with the hexagon selected, remove the outline by holding SHIFT and left-clicking the ‘X’ swatch in the color palette: Replace the hexagon’s color with what you want by left-clicking the color swatches in the color palette – almost black, in this case: Next, add your main decoration. I just dropped-in a dragon I found at Wikimedia Commons: Group the hexagon and the object (selec...

Baybayin Fonts

[Blogger] I didn't set out to do Baybayin fonts in the first place but one thing led to another so . . . Here they are so far (shapes done in Inkscape and assembled in Fontforge ): Note: the newer ones do not follow the Lopez cross virama but the 'J' shaped 'pamudpod' introduced by Antoon Postma and adapted by the Mangyan Hanunoo. I also use the Bikol 'Ra' and—purists may cringe—I use extra kudlit on the newer fonts to indicate 'i' and 'u' from 'e' and 'o.' Traditionally, the double kudlit was used to double the e/i or o/u syllable. Baybayin Electric (download from this link ): Originally aiming for a more 'runic' feel that's easy to read in small sizes. Ended up with this: Baybayin Electric Monospace version (download from this link ): Baybayin Hilig (download from this link ): "Hilig," in Tagalog, means "passion, favorite thing/activity;" in Bisaya it means "slanting, oblique, ...