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

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

Photoshop Brushes Catalogue 2012.

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

Swirls Floral brushes set (42+42) Second Edition + 42 PNG files Tattoo Designs Photoshop brushes set Second Edition
CLICK HERE TO PREVIEW THIS SET CLICK HERE TO PREVIEW THIS SET
Swirls Floral brushes set (42+42) Second Edition + 42 PNG filesSet 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

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

Leave a Reply

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

Recent Posts
Doodle Floral Brushes At Making, Free Scrapbook PSD File And A Back Yard Photo Session

Doodle Floral Brushes At Making, Free Scrapbook PSD File And A Back Yard Photo Session

04/16/2014  |  No Comments

Gang, Don't you just love it that the Spring is here? I just had to honor it in the best way more

Vintage Frames Photoshop Brushes

Vintage Frames Photoshop Brushes

02/20/2014  |  No Comments

Hey! Hey! Hey! Dear friends, visitors, graphic designers, scrapbook lovers, new Photoshop brushes set is in town :) I feel, these days, more

Desktop Wallpaper w/Calendar January 2014

Desktop Wallpaper w/Calendar January 2014

01/06/2014  |  No Comments

Gang, After a very, very, very long time I decided I will make a new desktop wallpaper. Two versions (one with more

2014. Photoshop Brushes Calendar

2014. Photoshop Brushes Calendar

12/15/2013  |  No Comments

  OK. I know. I wrote almost nothing this YEAR! Not just month, or week. The whole year I made only more

Google recommends: