Creating a roll of parchment in GIMP

[Ghostman]

As promised, here's my tutorial for designing a scroll graphic like this one:

parchment_roll.png

The instructions will be for GIMP, but the steps should be repeatable in any advanced raster editing software. Following these steps, you should end up with a scroll very similar to the one I posted, with wooden handles and discs to the ends of the tubes around which the parchment is rolled. It should be easy enough to deviate from this form and go for a different look, such as having only a single tube, having no discs between the handles and the parchment, etc.

STEP 1: Discs and Handles

We start with a blank new image. Using basic drawing tools such as elliptic and rectangular seletions, magic wand, (de)selections by color, etc, we'll create three flat colored shapes that represent the handle, the edge of the disc, and the inner side of the disc. These will be used for quick and easy selections later on.

parchment_roll_tutorial_01.pngparchment_roll_tutorial_02.pngparchment_roll_tutorial_03.png

Copy & mirror the handle and disc to the other side of the image, so that you get left and right sides facing each other.

(Note that there are other, more sophisticated ways to store selections - but I like using this method, especially for a tutorial, as it is easy to grasp and easier to explain.)

[Ghostman]

STEP 2: The roll

Now that we have the shapes of handles at an appropiate distance from each other, we'll need another flat colored shape to represent the parchment that will be rolled between them. For this I recommend creating a new layer - not really necessary, but it will make it much easier to tweak and adjust things if needed.

Select the inner sides of the discs and shrink the selection a bit, then add a rectangular selection between the ellipses.

parchment_roll_tutorial_04.pngparchment_roll_tutorial_05.png

Now color the selection. You can also add a bit of roughness to the underside (or both sides) of the roll with the freehand selection tool, if you don't want it to look perfectly straight.

parchment_roll_tutorial_06.png

[Ghostman]

STEP 3: Parchment

Copy both the handles & discs and the roll between them and position these copies a desired distance down from the originals. Skip this step if you want only a single roll.

Now the obvious thing missing is the length of parchment between the rolls. This is easily accomplished with a rectangular selection. You should intentionally extend the selection too much in the vertical direction, so that it overlaps with the rolls. Before filling with color, apply a distort effect (available as a scrip-fu script in GIMP), Sharpen, and use the wand tool to deselect any remaining overlap with the rolls.

parchment_roll_tutorial_07.pngparchment_roll_tutorial_08.png

The distort effect makes the edges of the parchment rough-looking. Tweak the input values until you get something that looks good. Finally, color the selection. Now we have all the shapes that will be needed.

parchment_roll_tutorial_09.png

[Ghostman]

STEP 4: Texturing

Time to cover those ugly flat colored shapes with something better! Create a new layer called Handles and give it a black mask. Select the handle shapes and Feather the selection.

parchment_roll_tutorial_10.png

Make sure that you're editing the mask of the Handle layer and color the selection white.

Repeat this process with the edges and sides of the discs, making new layers for them.

parchment_roll_tutorial_11.png

Once the masks are finished, edit the layers themselves by filling them with wooden textures. You can either use different textures for each layer, or use the same texture and then manipulate the brightness and/or hue to make them distinct. See the Mapping Elements section of this forum for links to some good textures.

The handles and discs should be looking fairly good by now.

parchment_roll_tutorial_12.png

[Ghostman]

STEP 5: Highlight

While a good texture works wonders on it's own, it still leaves the elements looking rather two-dimensional. We'll fix this shortly. Create a new layer called Discs highlight, and select the shapes of the UPPER disc edges. Apply Feather.

parchment_roll_tutorial_13.png

Pick a good gradient for the purpose or make one using the gradient editor. Make sure you're editing the Discs highlight layer, and fill the selection with the gradient in vertical direction.

parchment_roll_tutorial_14.png

Do the same thing with the LOWER disc edges. You can use the same layer for this.

parchment_roll_tutorial_15.png

Set the layer's blend mode to Overlay and tweak the opacity for a good effect.

[Ghostman]

STEP 6: Bump map

Gradient took care of the disc edges, but what about the handles? We'll use a different technique for them. Make a layer called Handles bumpmap, fill it with black, select all the handle shapes, and fill this selection with white on the new layer. Keep the selection and apply Gaussian Blur using radii that give nice results.

parchment_roll_tutorial_16.png

Unselect all and hit the layer with ordinary Blur once or twice.

Go back to the Handles layer and make sure you're editing the textured layer, rather than the mask. Apply the Bump Map filter using the Handles bumpmap layer. Tweak the input parameters to get a rounded 3D look.

parchment_roll_tutorial_17.png

Now both the handles and the discs should look fairly finished.

parchment_roll_tutorial_18.png