Tutorial: How to draw a banner (scroll) in Illustrator
August 23, 2007  |  by bsilvia  |  Tutorials

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.

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

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.

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

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

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

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.

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

Step 5
That connection should look like this:

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

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.

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

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

*******
Sticky note

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

*******
Post sponsor

120x60 1 white Tutorial: How to draw a banner (scroll) in Illustrator

Popularity: 14% [?]

http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/digg_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/reddit_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/dzone_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/delicious_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/furl_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/newsvine_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/technorati_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/magnolia_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/google_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/myspace_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/facebook_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/mixx_32.png http://graphics-illustrations.com/wp-content/plugins/sociofluid/images/twitter_32.png





17 Comments


  1. Thanks for the tutorial. This is exactly what I was looking for!

  2. i need help with finding the pencils?

  3. yes Sterling, you can use pen tool in Photoshop too.
    S

  4. is there a way to do this in photoshop 7.0?

  5. Nice one…thanks for the useful tip.

  6. neat tutorial.strengthens the use of pen tool :) cheers

  7. i like it :) actually i never used them but this will change i think ;)

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

Leave a Reply

Comment moderation is enabled, no need to resubmit any comments posted.