Menu

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

And now:

Sponsored sentence (which, by all means does not mean that you should not click on the link and actually take a look at the book)

And, while at it, you might also consider learning a few good photography tricks here ->

End of sponsored sentence.

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

Roses Photoshop brushes set (20)

Roses Photoshop brushes set (20)
20 brushes in three sizes:
* up to 429 pixels @300dpi
* up to 1096 pixels @300dpi
* up to 2381 pixels @300dpi
+ 20 transparent PNG files

Compatible with Adobe Photoshop, Photoshop Elements, PaintShopPro, GIMP, Paint.NET, Adobe Illustrator
Commercial use OK!

Preview Roses Photoshop brushes set (20) Buy Now Roses Photoshop brushes set (20)

Damask Photoshop Brushes (34+34+34) + 34 PNGs

Damask Photoshop Brushes (34+34+34) + 34 PNGs
34 brushes in three sizes – 20 complex damasks and 14 elements
34 transparent PNG files: 20 complex damasks and 14 elements

Compatible with Adobe Photoshop, Photoshop Elements, PaintShopPro, Paint.NET and more…
Commercial use OK!

Preview Damask Photoshop Brushes (34+34+34) + 34 PNGs Buy Now Damask Photoshop Brushes (34+34+34) + 34 PNGs

Comments

comments

23 Comments


  1. After examine a number of of the weblog posts on your web site now, and I actually like your way of blogging. I bookmarked it to my bookmark website record and will probably be checking again soon. Pls try my website online as well and let me know what you think.

  2. I really appreciate the step by step banner technique…thanks.

  3. hey man, nice blog…really like it and added it to bookmarks. keep up with good work

Recent Posts
Marcus Aurelius Fan Club Cover Image

Making Of Marcus Aurelius Fan Club Logo & A TShirt

07/26/2015  |  Comments Off on Making Of Marcus Aurelius Fan Club Logo & A TShirt

:-) In modern civilization, meaning nowadays, we are conditioned to admire those who entertain us. Now, there is nothing wrong with...

How To Create A Promo Animation And A Banner In 10 Minutes Or Less When You Are A Newbie

How To Create A Promo Animation And A Banner In 10 Minutes Or Less When You Are A Newbie

07/12/2015  |  Comments Off on How To Create A Promo Animation And A Banner In 10 Minutes Or Less When You Are A Newbie

A friend of mine is starting his own hand made cat furniture business. You know how it goes, budget on a...

InkyDeals Giveaway: Win 5 x Full membership to Adobe Creative Cloud Free FOR LIFE!

07/02/2015  |  Comments Off on InkyDeals Giveaway: Win 5 x Full membership to Adobe Creative Cloud Free FOR LIFE!

Those of you who follow my blog will know that I don't usually promote other people's services. Well, I guess...

GBG eZine [June 2015 Edition] Is Out!

GBG eZine [June 2015 Edition] Is Out!

06/26/2015  |  Comments Off on GBG eZine [June 2015 Edition] Is Out!

--- And that means new free downloads for all GBG members! As you may have probably noticed, in the last few months...