Negative Space Logo

Logo Design Tutorial [source vector files included]

Negative space logo has multiple or hidden meanings in its design, a great way to carry multiple thoughts in one image!

In this tutorial we will go through a design of of some negative space logos using AAA Logo

You can download source logo vector files for all logos. AL4 files to open logo project in AAA Logo or SVG for other vector editing software

1. Coffee House [Download vector source for this logo]

Coffee Logo Tutorial

Step 1 We use coffee bean icon from AAA Logo's icon library. Ungroup it, and rotate second part to form a stream of smoke

Step 2 Add house icon to the canvas. Ugroup it and convert main house icon to a knockout mask (see picture below: select shape, click "Styles->General" and set "Composition" to "Knockout Mask")

Convert Shape to Knockout Mask

Final Step: Move house icon over a bean (be sure it is on top of a bean: "Compose->Bring to Front" menu), make the house door red, and move it on top of a logo.


2. Paint Logo [Download vector source for this logo]

Paint Logo Tutorial

Step 1 Add paint roller icon to the canvas. We use AAA Logo's icon library

Step 2 Add square icon to the canvas. Select it, set color ("Styles"->"Fill Shape"->"Solid Color" menu) and click "Scale" (see picture below: uncheck "keep proportions", increase height to 300%)

Resize Shape

Final Step: Align icons, add text choosing font most suitable for the roller icon


3. "THINK" Logo [Download vector source for this logo]

Think Word-Logo

Step 1 Add "THNK" text to the canvas, choose font and colors. Duplicate it 2 times and edit text to make 3 objects "TH", "N" and "K"

Step 2 Add square icon to the canvas. Resize it as in the sample above (2. paint logo) to fit the size of letter "N"

Final Step: Put letter "N" on top of others ("Compose->Bring to Front" menu), and convert it to a "Knockout Mask" (as in sample 1. Coffee House). Align letters in line


4. "Mother" [Download vector source for this logo]

Mother Logo

Step 1 & 2 Add Text "M" and "OTHER". Add square icon to the canvas, resize, move to front and convert to a "Knockout Mask". Move it over letter "M" to remove part of it

Convert Shape to Knockout Mask

Step 3 Add circle icon, resize, duplicate and put above letter "M"


5. Pull it [Download vector source for this logo]

PullIt Logo


6-7. Connect + Rain [Download vector source for these logos]

Connect & Rain Logos


8-10. Repair + Mr. + Pill [Download vector source for these logos]

Repair, Mr, + Pill


11-13. Piano, Star & Look [Download vector source for these logos]

Piano, Star & Look


14-15. "Mobile" Logo (2 variants) [Download vector source for these logos]

Mobile Logos


16-18. Time, "OFF" and Snake [Download vector source for these logos]

Time, OFF, Snake


19-21. "E" (Electro), "ONE" & "fish" [Download vector source for these logos]

E, One, Fish


22-24. "Home", "DO-IT", "IDEA" [Download vector source for these logos]

Home, DoIt, Idea