Results 1 to 8 of 8

Thread: Creating a roll of parchment in GIMP

Hybrid View

  1. #1

    Post Creating a roll of parchment in GIMP

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

    Click image for larger version. 

Name:	parchment_roll.png 
Views:	7536 
Size:	610.6 KB 
ID:	15889

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_01.png 
Views:	139 
Size:	23.1 KB 
ID:	15886Click image for larger version. 

Name:	parchment_roll_tutorial_02.png 
Views:	134 
Size:	25.3 KB 
ID:	15887Click image for larger version. 

Name:	parchment_roll_tutorial_03.png 
Views:	122 
Size:	23.8 KB 
ID:	15888

    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.)

  2. #2

    Post

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_04.png 
Views:	124 
Size:	36.8 KB 
ID:	15891Click image for larger version. 

Name:	parchment_roll_tutorial_05.png 
Views:	115 
Size:	25.7 KB 
ID:	15892

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_06.png 
Views:	126 
Size:	47.6 KB 
ID:	15893

  3. #3

    Post

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_07.png 
Views:	272 
Size:	56.8 KB 
ID:	15894Click image for larger version. 

Name:	parchment_roll_tutorial_08.png 
Views:	172 
Size:	45.4 KB 
ID:	15895

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_09.png 
Views:	128 
Size:	54.2 KB 
ID:	15896

  4. #4

    Post

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_10.png 
Views:	190 
Size:	63.1 KB 
ID:	15897

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_11.png 
Views:	212 
Size:	57.2 KB 
ID:	15898

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_12.png 
Views:	137 
Size:	182.4 KB 
ID:	15899

  5. #5

    Post

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_13.png 
Views:	165 
Size:	61.2 KB 
ID:	15900

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_14.png 
Views:	181 
Size:	80.7 KB 
ID:	15901

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

    Click image for larger version. 

Name:	parchment_roll_tutorial_15.png 
Views:	101 
Size:	67.8 KB 
ID:	15902

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

  6. #6

    Post

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_16.png 
Views:	135 
Size:	66.1 KB 
ID:	15903

    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.

    Click image for larger version. 

Name:	parchment_roll_tutorial_17.png 
Views:	131 
Size:	119.4 KB 
ID:	15904

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

    Click image for larger version. 

Name:	parchment_roll_tutorial_18.png 
Views:	93 
Size:	106.2 KB 
ID:	15905

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •