Turn a rough doodle into a sign you can save with AutoDraw

The finished notice had a blue open box, a large BOOK SWAP heading and two short instructions: Leave a book. Take a book. It began with a rather unsuccessful drawing of an open book. In our 18 October browser exercise, AutoDraw’s visible suggestions included boxes but no book; an open box still suited a collection point, so we used it and finished the sign.[2]

That is a useful way to approach AutoDraw: give it something recognisable to work with, then choose a suggestion that serves your purpose. Google launched the tool in April 2017. Its machine learning guesses what a doodle represents and offers drawings made by artists. Selecting one replaces the rough outline with that artwork. The drawing becomes a starting point for a small design.[1]

Start with a notice that has one job

For this exercise, you need a browser, a mouse or trackpad, and a short message. We used the public site without signing in or paying. Our example is a made-up book-swap notice; no event details or personal information are needed. Begin with a plain white canvas and keep the illustration, heading and instruction separate enough to read at a glance.[2]

Open AutoDraw and choose Start Drawing if the welcome screen appears. Select the AutoDraw tool, then sketch the object in a few strokes. Our attempted book used two sloping upper edges, two sides, two lower edges and a line down the middle. Watch the suggestion strip above the canvas as you draw. Click an illustration you want to keep.[2]

A suggestion that misses your first idea may still be useful. We chose the open box from the visible strip because the notice could sit beside a box of donated books. If none of the suggestions fits your message, simplify the outline and try again. Our single attempt is no measure of the tool’s recognition accuracy; we did not inspect every suggestion beyond the visible strip.[2]

Add the words, then check the file

Choose Type and click an empty part of the canvas. Enter BOOK and SWAP on separate lines. We used Archivo Black at size 72 for that heading, in the same blue as the illustration. Move the heading beside the icon using Select, leaving clear space below for the instructions.[2]

Before changing the font for the next text box, deselect the heading: choose Select and click a blank area. Then return to Type, choose Karla at size 32, and add Leave a book. and Take a book. on separate lines. This small step matters. When we changed the size while the heading was still selected, the heading changed too; selecting it again and restoring size 72 fixed the mistake.[2]

Open the menu and choose Download. Our browser saved a PNG measuring 2,181 × 1,577 pixels. We opened that downloaded image and checked that the box, all four lines of text and their spacing had survived the export. The saved image, rather than the editor view, is the useful completion check.[2]

You can reuse the same arrangement for a collection point, a club notice or a simple classroom label. Keep the wording specific enough that someone knows what to do without an explanation. In this example, the AI-suggested box attracts attention; the two short instructions make the sign work.

Report an error or suggest a correction