Drawing a Wi-Fi symbol in Adobe Illustrator

Deke's Techniques by Deke McClelland

In this week’s free Deke’s Techniques episode, Deke shows you how he meticulously created the wifi symbol he used in last week’s “connected devices” illusion.

Wi-Fi and Bluetooth symbols in an optical illusion pattern

The symbol can take many forms (as you can see at the top of this post, and when you download the file at the end of this post to do your own experiments), but Deke chose to keep it simple with a two-band, perfectly spaced exactly-45-degree wedge:

Giant Wi-Fi symbol created in Adobe Illustrator

As you may suspect, the exactness here comes from clipping a bit of this bullseye shape:

Starting with basic shapes to achieve accuracy

This study in symbols has a lot of general Illustrator goodness, namely how to systematically build primitives, how to exploit the Paste in Front command, and how to create a clipping mask.

Deke goes about creating a Bluetooth symbol in a similar way in this week’s exclusive video (available to members of Lynda.com or LinkedIn Learning). What starts out as this structure of primitive lines:

Primitive shapes that will eventually be edited into a Bluetooth symbol

Get’s trimmed and joined and surrounded by a tweaked oval in order to make this familiar symbol:

The Bluetooth symbol accurately crafted in Adobe Illustraor

Deke’s Techniques, keeping you connected to your primitive and symbolic drawing abilities.

Related downloads

  • Four Wi-Fi Symbols in Illustrator

Next entry:Introducing Trajan Color Concept

Previous entry:Reversing the Direction of Your Optical Illusion


Share your feedback, work, homages, questions, wisecracks, advice, critiques, riffs, derision (within reason), frustrations, and love of all things graphical. Log in (or register) to lend your voice.