Tutorial: How to draw a banner (scroll) in Illustrator

August 23, 2007 | by bsilvia | Tutorials | adobe, banner, draw, drawing, how to draw, how to draw a banner, illustration, illustrator, retro, sample, scroll, tutorial

Wrapping scrolls around illustrations or images are quite popular designers little trick these days. I’ll show you how to draw a scroll “easy way”.

Step 1
Assuming that you know how the scroll (banner) looks like, draw just one half of it (start left or right from the center). I am using the Wacom tablet and usually I use the “Pen tool”, but I think that drawing with the “Path tool” is easier for those of you who use a mouse.

Step 2
You can modify the shape as you wish, just keep in mind that you have to draw a folded part on the side.

Step 3
Now draw the folded part, which will “fly on the wind”.

Step 4
The folded part of the banner must be placed just bellow the main part, now you have to follow the path between the main part and the folded part and draw another folded part between them.

Step 5
That connection should look like this:

Step 6
Now copy+paste these three parts, and mirror them horizontally. Join middle anchors and the banner is finished. Color them as you wish. Add some cracks and you’ll get the “old-world” style.

I’m using banners (scrolls) in my “emblem” designs

*******
Sticky note

*******
Post sponsor

Popularity: 20% [?]

Tags: adobe, banner, draw, drawing, how to draw, how to draw a banner, illustration, illustrator, retro, sample, scroll, tutorial

20 Comments

1 2 Next »

venkat
April 23, 2008 at 5:17 am

Excellent.
David
April 1, 2008 at 3:57 am

Thanks for the tutorial. This is exactly what I was looking for!
bsilvia
February 8, 2008 at 9:04 pm

erika :D
erika cane
February 8, 2008 at 8:06 pm

i need help with finding the pencils?
bsilvia
February 5, 2008 at 8:10 pm

yes Sterling, you can use pen tool in Photoshop too.
S
Sterling
February 5, 2008 at 8:04 pm

is there a way to do this in photoshop 7.0?
Abhijit V. Chaore
February 5, 2008 at 11:05 am

Nice one…thanks for the useful tip.
rahul
January 14, 2008 at 8:25 am

neat tutorial.strengthens the use of pen tool :) cheers
Gábor
October 31, 2007 at 2:04 am

i like it :) actually i never used them but this will change i think ;)
Anonymous
October 31, 2007 at 12:17 am

very simple tutorial. easy to follow and the results are as expected. thank you.