Results 1 to 8 of 8

Thread: Creating a roll of parchment in GIMP

  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:	7713 
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:	250 
Size:	23.1 KB 
ID:	15886Click image for larger version. 

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

Name:	parchment_roll_tutorial_03.png 
Views:	222 
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:	228 
Size:	36.8 KB 
ID:	15891Click image for larger version. 

Name:	parchment_roll_tutorial_05.png 
Views:	214 
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:	223 
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:	359 
Size:	56.8 KB 
ID:	15894Click image for larger version. 

Name:	parchment_roll_tutorial_08.png 
Views:	294 
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:	224 
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:	298 
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:	308 
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:	234 
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:	258 
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:	268 
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:	193 
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:	215 
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:	211 
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:	189 
Size:	106.2 KB 
ID:	15905

  7. #7

    Post

    STEP 7: What about the parchment?

    The final step in the process is to texture and highlight the parchment using the same techniques as we did with the wooden discs. Create a Rolls highlight layer and apply gradient to the upper and lower rolls, one at a time. Set the blend mode to Overlay.

    Click image for larger version. 

Name:	parchment_roll_tutorial_19.png 
Views:	244 
Size:	71.5 KB 
ID:	15906Click image for larger version. 

Name:	parchment_roll_tutorial_20.png 
Views:	714 
Size:	85.4 KB 
ID:	15907

    Create a new layer called Paper and make sure it's below the Rolls highlight layer. Add a black mask to this layer, select both the rolls and the connecting parchment shapes, feather the selection and white-fill the mask with it. Then fill the layer itself with a paper or parchment texture.

    Click image for larger version. 

Name:	parchment_roll_tutorial_21.png 
Views:	569 
Size:	218.2 KB 
ID:	15908

    Hiding all the unneeded layers and displaying only the highlights and textured layers should result in a complete scroll. For final tweaks, you can make copies of the highlight layers and modify their blend modes and opacities. You can also experiment with filters and scripts. I used the Clothify effect on the parchment texture.

    Click image for larger version. 

Name:	parchment_roll_tutorial_22.png 
Views:	381 
Size:	278.6 KB 
ID:	15909

    Advanced users can undoubtedly think of many ways to do things more efficiently and add more bells and whistles. This tutorial ends here though, as it is meant as a simple guide for those who know the basics of GIMP or some other image editing software. I hope it has been useful to fellow forumers here.

    Feel free to point out typos and grammatical errors and the like.

  8. #8

    Default

    I fancy this tutorial! Best for beginners in computer graphics. I'm using Paint.NET and effects are the same and even better! Either very useful!

Posting Permissions

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