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


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

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

Pink emblem, design element
© Photographer: Bsilvia | Agency: Dreamstime.com

*******

Featured PREMIUM Photoshop Brushes Sets

Swirls Floral brushes set (42+42) Second Edition + 42 PNG filesTattoo Designs Photoshop brushes set Second Edition
CLICK HERE TO PREVIEW THIS SETCLICK HERE TO PREVIEW THIS SET
Swirls Floral brushes set (42+42) Second Edition + 42 PNG files 

Set of 42 brushes in two sizes compatible with Photoshop 7.0, CS, CS2, CS3, CS4 and CS5.

Set contains 42 .png files at 300 dpi, 2500×2500 pix – transparent, so you can easily use them in any photo editing software (zipped)

- COMMERCIAL LICENSE

Tattoo designs Photoshop brushes set Second Edition (30+30) 

- 30 Photoshop brushes in 1361-2429px,
- 30 Photoshop brushes in 543-969px,
- 30 transparent PNG files,
- all PNGs and Photoshop brushes are in 300dpi,
- compatible with Photoshop 7.0, CS, CS2, CS3, CS4 and CS5
- COMMERCIAL LICENSE



Popularity: 43% [?]

Comments



 


23 Comments


  1. Great tutorial! I never thought this is just like this. I used to have difficulty figuring it out on my own, but thanks to this I can make my own banners now that easy. Very helpful!!!

  2. Hi! I used Illustrator CS here. I do not have CS3 or CS5…

  3. Which version of illustrator are you using? I am using CS3 and it tells me that I can only “join” two open paths. In CS5 can you join two “non-open” paths, means can you join one anchor to a different anchor while they are on the path? any help would be great. I have the shapes I want, I just can’t get them to connect properly.

  4. Thanks! I’m new to Illustrator and found this tutorial very helpful.

  5. Amazing.

    I have to say I have not touched illustrator before and I have found this tutorial amazing. Thanx so much for taking your time to write it.

    All you negative n00bs need to learn to use a mouse and a computer. Maybe it was you that is in error and you should be appreciative that someone has taken teh time to write something.

    Thanx Again!!

  6. Not sure how to add the “cracks” you are talking about. Can you explain further?

  7. to huff:

    try harder. I got mine to work fine.

  8. To Rise:

    The pen tool is one of the harder tools to master. It takes some time… and just playing with to really get it all down. Play with it some, copy the picture that they give you here, paste it into illustrator on a new layer, lock that layer, make a new layer and draw on top of it, try to match it line for line. This type of thing will strengthen your pen tool skills.

  9. Sorry, doesn’t work.
    Every time you try to click a point on a drawn shape Illustrator just removes it. If you try holding shift it just draws a straight line – major pain to try to move lines close together at a max zoom and then group – need to draw precise.

  10. I’m just starting out with Illustrator and this tutorial was SO hard. It was in the “basics” section on Good-tutorials.com.

    Not saying this is a bad tutorial, but it’s not basic in that it doesn’t explain how to do things.

Leave a Reply

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

Recent Posts
Wedding Photo Manipulation, Tutorial

Wedding Photo Manipulation, Tutorial

01/23/2012  |  No Comments

Gang, creating photo manipulation of wedding images is getting more and more popular. And for a good reason too. Wedding more

We are giving away 250 4x6 full color standard postcards (gratis, free, it's a gift! Includes FREE shipping in US too!)

We are giving away 250 4×6 full color standard postcards (gratis, free, it’s a gift! Includes FREE shipping in US too!)

01/18/2012  |  No Comments

Gang,According to the Merriam-Webster Thesaurus, the definition of giveaway is: "Something given to someone without expectation of a return." And this is more

Rubber Stamps for Scrapbooking

Rubber Stamps for Scrapbooking

01/15/2012  |  No Comments

I noticed, ever since I started my Photoshop brushes business that many of my buyers are using Photoshop brushes to more

2012 Printable Photo Calendar Templates

2012 Printable Photo Calendar Templates

01/11/2012  |  No Comments

Gang, the year has just begun and I just know that some of you still didn't manage to find the right 2012. more

Google recommends: