Jun
17
2010

How to Create a Medieval Paper Scroll

In this tutorial, you will learn how to create a medieval paper scroll with the 3D Extrude & Revolve tool. Using texture, you will also learn how to make an object look old and how to map artwork to a 3D Vector object.


Step 1

Open a new document and select the Pencil Tool (N). Create a similar swirl shape to the one you see in the image below. Set the stroke to white.

Best Web Magazine   7b8dcdbe42ef902a0ad96c236c91ca62   How to Create a Medieval Paper Scroll

Step 2

Got to the 3D Extrude & Bevel tool and apply the settings you see in the image below. This will be the first step to our paper scroll. You can already see the shape evolving.

Best Web Magazine   673019baa39bfa787e33a6f96a16ec05   How to Create a Medieval Paper Scroll

Step 3

Create two small circles (L) and one tall rectangle (M). Select all three (a), align them to the middle of the rectangle (Align Palette) and apply the Add to Shape Area in the Pathfinder Palette. Then select the Cut Tool (C) and click on the path points on the circles (b). Once cut, delete half of the shape (c). Set the fill to none and the Stroke to a dark brown.

Best Web Magazine   b776cad68c1e7fcc3830df438be69413   How to Create a Medieval Paper Scroll

Step 4

Go to 3D Revolve and apply the settings below. This will give us the shape for the wooden poles that we will add to the paper scroll.

Best Web Magazine   2f80a89335bc08a74749d870bb184d95   How to Create a Medieval Paper Scroll

Step 5

Our first wooden object.

Best Web Magazine   ea1777f71408459ede2014ba1262d3fb   How to Create a Medieval Paper Scroll

Step 6

Repeat Step 4 but change the settings slightly (see below).

Best Web Magazine   af29d2ff0a74f7d65eece0ef10ed0180   How to Create a Medieval Paper Scroll

Step 7

Below you will see how the two wooden pieces will be added to the paper scroll. I’ve also changed the stroke color of the 3D paper to a beige. This is really easy since we didn’t expand the appearance and the effect is still live.

Best Web Magazine   8e0b7f9f80b8d502113083af2975eab0   How to Create a Medieval Paper Scroll

Step 8

Let’s add some text for the paper scroll. Select the Text Tool (T) and with the mouse button pressed, drag a rectangle on the art board. This will give us a text area and we can easily add text. I chose a script font (Jacoba Bold), added some lorem ipsum place holder text and a title.

Best Web Magazine   a9ac69a17eaec2f7a8ef154274b9bae7   How to Create a Medieval Paper Scroll

Step 9

Drag the text into the symbols palette.

Best Web Magazine   8a1ed5d7f8183fbb9c1801d0a29aaa33   How to Create a Medieval Paper Scroll

Step 10

Go back to the scroll and in the Appearance Palette double click the 3D effect to modify it. Open the Map Art window and select surface 3 and from the symbols drop down, choose the just added text.

Best Web Magazine   3f6055be4307ac6c5302f8d265e61ae2   How to Create a Medieval Paper Scroll

Step 11

With he scroll still selected, go to Effects > Stylize > Drop Shadow and apply it.

Best Web Magazine   5fe63afeee2c54d563bccfb16361924b   How to Create a Medieval Paper Scroll

Step 12

This is what we have so far. Pretty sweet for just a few steps. But we need to work on the wood objects a little more.

Best Web Magazine   cc245afea0275ed2da55b9ba1bd8f819   How to Create a Medieval Paper Scroll

Step 13

Select the wood shapes and expand the appearance (Object).

Best Web Magazine   0c8956d42e990d1b701c29ec48ddcf63   How to Create a Medieval Paper Scroll

Step 14

Make a copy of the 3D paper scroll. and put it aside. Then expand the original paper scroll. Place the expanded wood shapes on top.

Best Web Magazine   f934e1d34d82d0af81cf966ebff734ff   How to Create a Medieval Paper Scroll

Step 15

We need to cut the shapes at the red arrows so it looks like the wood is below the paper.

Best Web Magazine   b16083b01c7389b7578fa283cfbc1af8   How to Create a Medieval Paper Scroll

Step 16

We will use a little trick that Illustrator has. The Eraser Tool! (Shift + E) Select it and erase along the paper scroll where we want to make a cut.

Best Web Magazine   10013c9d4c8958461e004125109b4aa6   How to Create a Medieval Paper Scroll

Step 17

Repeat the previous step and erase the wooden shape on the other side of the paper scroll.

Best Web Magazine   b7e2edb12d596dbb4fa45e199cbe9d40   How to Create a Medieval Paper Scroll

Step 18

Now you can select all the middle part of the expanded shape and delete it. What will be leftover is just the outside.

Best Web Magazine   1ca88fd85b1db88eacd4e791df00ee17   How to Create a Medieval Paper Scroll

Step 19

This is what it should look like. Of course it is not a nice way, but it does the trick. Repeat this with the top shape.

Best Web Magazine   1f8224626fa78273231578af7d0262a0   How to Create a Medieval Paper Scroll

Step 20

So far so good. I placed a brown background behind all shapes.

Best Web Magazine   78410f9246fbcbef741d8791203550c2   How to Create a Medieval Paper Scroll

Step 21

Let’s give the wooden shapes a wooden look. I chose an image from stock.xchng. Place it on top of the wood shape and set the blending mode to Overlay.

Best Web Magazine   b2f70755239d36e71880c9cad72813aa   How to Create a Medieval Paper Scroll

Step 22

Make a copy of the wood shape and select the wood image and the just copied shape and apply a clipping path (Command +7).

Best Web Magazine   34b4758954bcd5119d4029b5c9677a31   How to Create a Medieval Paper Scroll

Step 23

Place the clipped shape on top of the wood shape.

Best Web Magazine   9ca1611f4b67cfbe7acc313bbae64b28   How to Create a Medieval Paper Scroll

Step 24

Repeat this previous step with all the other wood shapes. You can easily move the image around once you’ve applied the clipping mask. All you have to do is double click the object (or go to Object > Clipping Mask > Edit contents) with the mask and in Illustrator CS4 you will be able to edit the clipping mask contents.

Best Web Magazine   663e60e2a7199a83270f4b00e61e0942   How to Create a Medieval Paper Scroll

Step 25

I also chose a grunge image from stock.chng. Make a copy of the expanded paper scroll (we will use it again for a clipping mask), place it on top of the image, then select both and apply again a clipping mask. (Command + 7). Set the blending mode to Multiply, 71%. Place the clipping mask on top of the paper scroll.

Best Web Magazine   59ad524541a54ccf4ab3db0eb328e72c   How to Create a Medieval Paper Scroll

Step 26

I didn’t like the greenish look, so I took the copy of the original 3D paper scroll and set the stroke to a darker brown and the blending mode to Multiply and placed it on top of the clipping mask. Now we have a nice golden brown looking paper scroll.

Best Web Magazine   88ed609505c9a11a96b5b868c5d32828   How to Create a Medieval Paper Scroll

Step 27

I placed another copy of the grunge image on top of the brown background and set the blending mode to 50% Multiply..

Best Web Magazine   fbaee69859c376b852d86f9fb978644c   How to Create a Medieval Paper Scroll

Step 28

To give a little bit more drama to the paper scroll., we can add a big circle filled with a linear gradient with a blending mode of 100% Multiply. Place this circle on top of all shapes.

Best Web Magazine   75451a5f6ffd5e47a10ddf4c5a0c6b45   How to Create a Medieval Paper Scroll

Step 29

This is the final paperscoll. Quite dramatic looking for a semi vector illustration.

Best Web Magazine   c476717a89b5f6a61acb3d43c68fb6a9   How to Create a Medieval Paper Scroll

Conclusion

I added some basic red ribbons, but fill free to add anything you like. You can even try to create a wax stamp or ink signature using some of the techniques outlined in this tutorial. I hope you enjoyed this tut.

Best Web Magazine   390665fa495f1b5b4d6f739bea7fab62   How to Create a Medieval Paper ScrollBest Web Magazine   325472601571f31e1bf00674c368d335   How to Create a Medieval Paper Scroll

Similar Posts

WEBSITE COPYRIGHT © 2012 | bestwebmagazine.com