H. McGill
  • hello@hmcgill.art
  • Graphic Novels
  • Lettering
  • Blog

  • About
  • Appearances
  • Teahive Discord
  • Mailing List
Select Page
The Story of an H

The Story of an H

Lettering

Digital artwork of a capital H with a bee shape merged into it. The H is covered with gold leaf.

On the Evolution of a Visual Identity
As part of my portfolio capstone way back in college, I was challenged to find my own personal branding. Through some explorations I landed on the idea of making an illustration so minutely detailed and perfect, a person looking at it would mistake it for the real thing. This was inspired by a designer folk tale of an illustrator who had painstakingly drawn a stamp on a letter so perfectly, the US postal system mistook it for a real stamp and sent it along anyway. 

Digital artwork of a lifelike, photorealistic honeybee. This was made in Adobe Illustrator as a vector graphic.

In retrospect, I thought I was performing a skill flex. I also had a fancy accordion-folded résumé, which is lost to time in favor of human resources printer-friendly single-page pdf files. I think I even designed stamp graphics on which I placed the little photorealistic bees. Skill, however, is not enough to get a good creative job. There’s also an element of cleverness, socialization, and understanding potential workplaces. I digress. This is about logos, not careers.

Photograph of the photorealistic bee as a business card. It's a vinyl sticker that can be peeled off. Text on the business card reads: H. McGill @hannahcomb h.mcgill.art@gmail.com www.hannahmcgill.com

This bee looked great. I made stickers, then a sticker business card, so that people could preserve my contact information in an entertaining way. The illustration as a sticker was startlingly realistic and served to jostle attention. However, there was a design problem: the people who encountered my logo would then go to my website and see something like this…

Digital artwork of the ancient Norse serpent, Jormungandr, about to get its nose bonked by a viking with a paddle. The snake deserves it because it's wrapped around the viking's ship in the middle of the ocean.

There was a style mismatch. It didn’t matter that both my logo and the illustrations were vector graphics. They looked like they came from two different illustrators, one preoccupied with photorealism and the other bouncing off into cartoons. People who were hiring didn’t know what they would get out of my work. Like any recent graphic design program graduate, I also had the problem of too much variety in my portfolio. Was I working in print? Electronic media? Illustration? What? What was I doing?

Digital artwork of a hexagonal bee with purple stripes and translucent wings. The style is evocative of cut paper.

When briefly gearing my portfolio for iconography and UX design, the bee looked more like this. I hijacked Google’s Material Design spec to make it look like paper cutouts but in vector. I was hired for inordinately stressful jobs with this design. I’m certain that machine learning image generation AI (like Midjourney) was specifically developed to make sure no one in corporate environments ever has to work with someone like me again. Somewhat joking, but, in my experience, most middle managers despise working with creatives. It’s funny how often they’d openly complain about it within earshot of me, as if it wouldn’t affect them later. I’ll happily let machines take over that world.

Burnout
My final tech contract was so stressful that I had stopped taking care of myself. Nothing I made was right. I had clearly been hired not to produce a final product, but to endlessly, and meaninglessly, revise and iterate on very simple art assets that did not need that level of attention. The end goal was to have options explored and presented to a committee, not necessarily to make anything or bring it to the finish line.

I let that final contract go.

I deleted my entire homepage and scrubbed all mentions of tech from my LinkedIn profile. 

I didn’t know who I wanted to be, but it wasn’t whatever the tech industry wanted me to be.

I dropped the ‘vector graphics’ aspect of my work. I decided to embrace a sillier side of myself. My express goal was to horrify design managers at big companies. With this in mind, I returned to skeuomorphism. In 2016, skeuomorphism was dreadfully out of style, and at the time of writing this post, it still might be. Time to crank up the photoshop layer styles and effects. Skeuomorphism was perfect for letting people know I didn’t want to work on their corporate icons anymore…

A whimsical hand-drawn H with silly photoshop layer styles plopped on to make it look like honey.

…but it wasn’t quite me, you know? I’m not this whimsical. I let the honey ‘H’ sit around for awhile before going into more depth on what my personal iconography could be. At the time I was also experimenting with more of a medieval aesthetic, to possibly reflect my new graphic novel, Warlock’d.

Sketch of a wiggly H with medieval design elements.

The above sketche evolves to have more ornamentation and adornments.

The previous sketch is now very ostentatious and a completely useless logo.

Before long I realized I’d let myself get really silly and far away from good logo design conceits (such as ensuring that details still show up at very small sizes). Also, I wanted something that could exist on my other projects, in case I wasn’t always going after medieval aesthetics.

Simplified version of the above H. Only the stylized fire remains on the left stem of the H.

I explored dropping the bee altogether, and was going to forward with more fiery, bee-less branding before I remembered that my internet moniker is ‘hannahcomb’ — a pun on honeycombs with my name. Darn! I have to keep the bee somehow.

A big 'H' with a stylized round bee flying diagonally across it.

This was getting closer, but the bee was too abstract. 

I’d like to point out here that I’ve always been fond of the open-source Alegreya typeface family. The letters are organic and a bit frivolous-looking. Perfect for eschewing geometric perfection and the idea that I’d endlessly iterate for the right hourly fee. It’s just geometric enough for something even more organic (the bee) to contrast with it, using interesting gestalt shapes.

One time, as an icon designer in a corporate setting, I created the image of a square safe with a locking mechanism to represent something or other, like the kind of safe that a bank would use. The design lead met with me in person, then proceeded to remove everything from the design, all the while lecturing me on the beauty of simplicity, which I needed to embrace if I were to have a career as a designer. Then he stopped, as if in shock. All that was left of the safe icon was a single blue square with round edges.

Flustered, he admitted he had no idea what he was doing and gave the icon back to me. I never saw confirmation on what that asset was supposed to be in its final form. What’s really interesting about the whole exchange is that I’m still doing design work today…

Black flat version of my gold leaf logo, depicting a bee perched on the stem of the H, with a gestalt wing slicing through the right stem of the letter.

So it was with great joy that I added spindly little legs to the bee.

Final, gold leaf version of my logo.

Next was a topcoat of gold foil to reference skeuomorphism, if not outright incorporate it. I used a Creative Commons concrete texture for this, and a couple of layer styles to indicate gold foil shining and flaking off a little bit. 

Comics Tip

Playing with Gestalt Shapes in Illustrator
In my opinion, the only fun part of logo design is figuring out gestalt shapes. I used a gestalt shape to define the bee’s wing in my logo. Getting a hang on gestalt shapes is difficult to describe. It’s useful for any sort of visual development, because gestalt shapes tie into tangents and other concepts of composition. Being aware of positive and negative space can help you direct your readers to see what you want them to see.

Screenshot of a layer window in Illustrator. There are two layers present.

An easy way to start practicing is to set up a document in Adobe Illustrator with random black shapes on a white background. Add a new layer and on this layer, pull some random white shapes.

Screenshot of an illustrator composition with black star, squares, and a circle on a gray background. White squares, circles, and a hexagon cover up the black shapes in the foreground.

This example is on a gray background so that you can see the black and white shapes. Stuff like squares and circles are perfect.

Same composition as above, only the background is now white, so all the white shapes are cutting off parts of the black shapes instead of simply being overlaid on them.

After your background is white, try dragging white shapes on top of the black shapes to see how they cut into the black shapes and form new shapes.

A weird black square with an odd shape chunked out of its upper corner.

Can you determine what shapes were used from this combination? The white shape’s identity may be more difficult to discern from the black shape’s identity if you can only see one corner of it.

The hexagon, which was hidden in the first image, is revealed by purposefully sliding squares under two more of its corners. The eye makes connections between the different cut-up shapes to form a whole hexagon in the mind, even though the hexagon isn't fully outlined.

Dragging a second and third black shape under the white one gives a better impression of the white shape’s identity.

A gestalt white A on a white background with black circles selectively showing enough parts of the letter for it to be read.

Letters also make great shapes for gestalt exploration. How much of the letter needs to be visible to be read as a letter? How about an entire word?

Some questions to ask as you explore gestalt shapes:
1. How much of the shape do I need to perceive to get the full sense of the shape? And how little do I really need?
2. Do any of my shapes have meaning, unintended or otherwise?
3. Am I aware that letters in the alphabet all fit into squares, circles, and triangles?

← Converting a Webcomic into a Graphic Novel Pitch Writing is Like... →

Care to read more?

Geek Girl Con ’22 Recap

Geek Girl Con ’22 Recap

by H. McGill | Mar 10, 2023 | Publishing, Review

Where to Sell my New Zine?I recently compiled a selection of my Pandemic drawings into an art zine. The fun of zines is sharing them with someone who will read them. C'mon. Just read my stuff... Having exhausted my household of zine-readers, I decided to table at Geek...

You Don’t Meet in a Tavern Promo

You Don’t Meet in a Tavern Promo

by H. McGill | Dec 23, 2022 | Illustration, Publishing

Where to Stick This Knife?One fine morning a little over a year ago, I set up a silly poll on Twitter. I asked everyone, since we were all thieves in a treasure room, which item to steal. About thirty-seven thieves weighed in and decided upon, among other things,...

A Fossil Returns to Life

A Fossil Returns to Life

by H. McGill | Dec 2, 2022 | Illustration

What Do We Do with Old Art that People Really Liked?I've been doing conventions for awhile now and find them very personally fulfilling. I have so much fun setting up my display, rehearsing my sales strategies, and figuring out which things sell and why. Of course, my...

« Older Entries

Want to chat about this?

Join the teahive discord!

Recent Posts

  • Geek Girl Con ’22 Recap
  • You Don’t Meet in a Tavern Promo
  • A Fossil Returns to Life
  • Amphiox, Continued
  • So I Went Adventuring…

Archives

  • March 2023
  • December 2022
  • November 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021

Categories

  • Comics
  • Fiction
  • Illustration
  • Lettering
  • Publishing
  • Review
  • Twitter
  • Instagram