Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

alt text

The image author said he used Microsoft PowerPoint2010 SmartArt to draw it.
I tried but I can't even draw rectangles using SmartArt.
Can SmartArt really draw this? If so, please explain it to me.

Or is there any tool else more nicer than smartart?
I'd really like to draw an image like this.

I don't mind any answer if it gives me an ability to draw this.

share|improve this question
It would be a clumsy tool to use, but I can see SmartArt being used to draw this. You've got the textboxes with drop-shadow, an arrow, another text box with no border, plus some arbitrary lines and shapes, in that grotesque green of which Microsoft is so fond. – user3463 Jan 12 '11 at 4:24
The Mac OS X solution to this problem would likely be OmniGraffle. – Daniel Beck Jan 17 '11 at 11:08
Your image has gone missing. Consider uploading again. – Daniel Beck Jun 13 '11 at 7:27
up vote 16 down vote accepted

I used basic functionality in PowerPoint 2007 to create this in 10 minutes: Sample

How it's done:

The boxes are basic text box with shape outline (gray) and shadow effect. The green text boxes obviously have green fill color. The white text boxes have white fill color (not transparent, which would make the shadow effect look strange). The fills can be made more advanced with gradient or other more advanced fill styles.

The green area between the text box lines is a freeform shape with green fill color.

The arrow above first line is a basic arrow shape with gradient fill, green outline and shadow effect. The line-thing below is also a basic shape (looks like } ) that is rotated.

share|improve this answer
Awesome answer! – Ivo Flipse Jan 17 '11 at 12:12
@awe: Hey, I made it. Thank you very much. By the way, how did you draw the row of rectangles with regular interval? Did you build it by yourself? I mean by your hand. – Benjamin Jan 18 '11 at 2:44
@Benjamin: I made copies of the first rectangle I made, and then I just dragged the copies one by one and used the default snapping. – awe Jan 18 '11 at 13:28
@awe: um. If I need to draw 100 rectangles, it will make me annoy. Isn't there any more convenient way? Even if there is not, your answer deserve to get accepting enough. Thank you. – Benjamin Jan 18 '11 at 15:22
You can start like I did with the first 5, then copy all five and paste/move all new 5, then copy all 10 and paste/move again. Then copy/move all 20 etc. This way it will be less operations to eventually get the 100 (or even 1000). – awe Jan 18 '11 at 18:42

Any vector editor will happily let you draw something like this.

Inkscape would be one free alternative.
Adobe Illustrator would be one expensive alternative.

In both, you would draw rectangles with grey outlines and white/green fill. On top of these rectangles, you would write the text you want to put there. Then, you either apply a drop shadow or put a faded black rectangle of the same size behind it to recreate the shadow effect.
You should be able to draw an Arrow shape to get the arrow. The long brace you would have to paint by hand using the line tool.

Alternatively, some flow-chart program could probably do this.

Check out Microsoft Visio for a commercial alternative.
Or take Dia as a free alternative.

Here, you would draw a rectangle shape with grey outline and white/green fill and a drop shadow. In those rectangles, you would put the desired text. Then, you would draw an Arrow shape to get the arrow and either use a pre-defined shape for the brace or use the line tool to recreate it.

A vector drawing program will give you more freedom to draw any shape you like, but you will probably have to do many things by hand--such as centering the text in the rectangles or drawing nice-looking braces.
A flow-chart program will provide you with handy templates for rectangles, braces, arrows and the like, but you probably won't be able to draw anything more artistic than flow-charts with it.

share|improve this answer
Trivial to do using Visio. For a freeware program doing something similar, check Dia. – quickly_now Jan 17 '11 at 12:07
Please explain how to do it as well! – Ivo Flipse Jan 17 '11 at 12:16

I would recommend

"Paint.NET is free image and photo editing software for computers that run Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools. An active and growing online community provides friendly help, tutorials, and plugins."

Grab it here:

share|improve this answer
I would say that a pixel editor is rather badly suited for something like this. This is clearly the realm of vector editors. – bastibe Jan 17 '11 at 10:50
@Paperflyer - Paint.NET does have some vector editing capabilities, but I wouldn't use it for something like this though. – ChrisF Jan 17 '11 at 12:14
Please explain how to do it as well! – Ivo Flipse Jan 17 '11 at 12:15

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.