Home    >    Tutorials    >    An Open Notebook
Download this tutorialDownload (??kb)
E-mail this tutorial to a friendEmail to Friend

An Open Notebook
Created by: Doro Sensen

With the features of Paint Shop Pro, we'll create an open notebook ready for you to write in!
Open a new image:
– Width = 400
– Height = 300
– Background = transparent
– Image type = 16.7 Million Colors


Double-click on the Selection tool in your tool palette to open the Select Area dialog box and type in the following coordinates:

– Left = 30
– Right = 370
– Top = 30
– Bottom = 270

The option "Custom size and position" is automatically selected when you type in the coordinates.

Click on the Flood-Fill tool in your tool palette:
– Fill style = Solid Color
– Blend mode = Normal
– Paper texture = None
– Match mode = None
– Tolerance = n/a
– Opacity = 100
– Sample merged = unchecked
Choose a nice colour for your foreground colour (I had a blue: Red = 0, Green = 54, Blue = 115) – this will be the colour of the book's cover – and click into the selection to fill it with the colour. Don't yet deselect. Change your foreground colour to white.
Click on the "New Layer" icon in your layer palette to create a new layer, name it "Pages". Then go to Selections || Modify || Contract, and decrease your selection by 5. Click into the new selection to fill it with white.
Now deselect with Ctrl+D (Selections || Select None). Toggle your "Pages" layer invisible (click on the little glasses next to its name in the layer palette), double-click on Layer1 in the layer palette and rename it to "Cover". This is now the active layer.
  With our coordinates (left edge of our book at 30, right edge at 370 in a 400 pixels wide image) we know that the exact middle of our book is at 200. So we know where we have to put the binding of our book.
Double-click on the Selection tool in your tool palette:
– Left = 190
– Right = 210
– Top = 30
– Bottom = 270
Now keep the Shift key pressed while hitting the Arrow-Down key three times to move your blue selection 3 pixels downwards. Don't yet deselect.
Go to Image || Effects || Cutout:
– Fill interior with color = unchecked
– Shadow color = black
– Opacity = 100
– Blur = 3.6
– Vertical offset = 0
– Horizontal offset = 1

Go again to Image || Efects || Cutout, and change the Horizontal offset to -1.

Now deselect by right-clicking into your image or with Ctrl+D (Selections || Select None), and click on the "Pages" layer in your layer palette to make it the active layer.

We'll now make the shadow that the pages have at the binding. Double-click on the Selection tool in your tool palette:
– Left = 35
– Right = 200
– Top = 0
– Bottom = 300
Go to Image || Effects || Drop Shadow:
– Color = black
– Opacity = 60
– Blur = about 21
– Vertical offset = 0
– Horizontal offset = 4

Double-click on the Selection tool again, change Left to 200 and Right to 365. Then go to Image || Effects || Drop Shadow again, and change the Horizonal offset to -4. Deselect by right-clicking into your image or with Ctrl+D (Selections || Select None).

Click on the Drawing tool in your tool palette:
– Type = Single line
– Style = doesn't matter
– Width = 1
– Antialias = checked
– Create as vector = unchecked
– Close path = unchecked
Change your foreground colour to a medium grey (Red/Green/Blue = all 110). Now keep your Shift key pressed so your line becomes absolutely vertical; begin your line above the book at exactly 200 (watch the first number in the brackets on the left of your status bar), and draw it down until beneath your book.
Now that's quite a mess around our pages, so let's clean that up! Fortunately, we know the exact coordinates of the pages, so double-click on the Selection tool again:
– Left = 35
– Right = 365
– Top = 35
– Bottom = 265
Go to Selections || Invert and hit the Delete key (Edit || Clear). Deselect by right-clicking into your image or with Ctrl+D (Selections || Select None).

Up to now, our book looks as if it has only got two pages, one on the right side and one on the left side. Let's give it some more pages now.

Double-click on the Selection tool again:
– Left = 35
– Right = 45
– Top = 35
– Bottom = 265
Now go to Image || Effects || Blinds:
– Width = 2
– Opacity = 100
– Color = Red/Green/Blue all 192
– Horizontal = unchecked
– Light from left/top = checked

Double-click on the Selection tool, change Left to 355 and Right to 365. Apply the Blinds effect again with the same settings, only uncheck the "Light from left/top" option. Deselect by right-clicking into the image or with Ctrl+D (Selections || Select None).

The paper in an open book doesn't lie totally flat, so let's simulate that as well. Your Selection tool should still be activated:
– Selection type = Rectangle
– Feather = 0
– Antialias = checked
Draw a big rectangle on one side of the pages, between the binding shadow and the blinds you just made. The top and bottom edge of the selection should reach beyond the pages.

Now go to Selections || Float (Ctrl+F) to reduce your selection to the white part. Then go to Selections || Modify || Contract, and decrease your selection by 5; now to Selections || Modify || Feather, type in 5 for the feather.

Click on the Flood-Fill tool in your tool palette and change your Fill Style to "Linear Gradient". Click on tab 2 of the Tool Options palette:
– Gradient = Fading Foreground
– Angle = 90
– Repeats = 1
Set your foreground colour to a very light grey (I had Red/Green/Blue all 244). Now right-click into the selection to fill it with the gradient (right-clicking inverts the gradient).
Click on the Selection tool again and do the same with the other side of your pages. Then deselect with Ctrl+D (Selections || Select None).

Now comes the tricky part [ah, you knew there was one? ;-)] The pages should be bent downwards a bit at the binding.

Double-click on the Selection tool in your tool palette:
– Left = 190
– Right = 200
– Top = 35
– Bottom = 265
Go to Edit || Cut (Ctrl+X). Don't deselect, and don't panic – the selected part of the picture hasn't vanished, it has just been transferred to the clipboard.
Click on the "New Layer" icon in your layer palette to create a new layer which should then be active. Now go to Edit || Paste || Into Selection. Your selected part has been added again, but on another layer.
  Switch back to the "Pages" layer in your layer palette, and do the same with the other side; selection coordinates: Left = 200, Right = 210, Top and Bottom as before. Cut and paste into the selection as before, on another new layer.
You should now have four layers in your layer palette (from bottom to top):
1) the Cover layer,
2) the Pages layer (now without the center part,
3) one layer with the left side of the pages center part (here Layer3), and
4) one layer with the right side of the pages center part (here Layer4).
Click on either of the new layers to make it the active layer, then click on the Deformation tool in your tool palette. Keep the Shift key pressed, and drag the center handle of the inner side just a little bit downwards. The lower corner of that side must not go beyond the bottom edge of the "Cover" layer, at the binding. Click on the Apply button in the Tool Options palette. If the deformation hasn't turned out right, you can click the Undo button and try again.
Do the same for the layer with the other pages center part.

Then, click on the little glasses of the "Cover" layer in your layer palette to turn it invisible. Make sure that one of the other three layers is the active one, then go to Layers || Merge || Merge Visible. Double-click on the layer that's now named "Merged" and rename it to "Pages". Toggle the "Cover" layer visible again by clicking on the crossed-out glasses in the layer palette.

           Now there are only the lines left to do. Click on the Drawing tool in your tool palette again, and change your foreground colour to black. Click on the "New Layer" icon in your layer palette to create a new layer for your lines, name it "Lines". Keep the Shift key pressed (so you get a really horizontal line) and draw the top two lines on one side of your pages. It's not important yet that the sides are exactly aligned, we'll care for that later.
Now go to Edit || Copy (Ctrl+C), then to Edit || Paste || As New Selection (Ctrl+E) and place these new two lines beneath the first ones. Deselect, copy and paste as new selection again. Repeat this until your page is filled with lines.


Now click on the Selection tool in your tool palette again and draw a rectangular selection around that part of the page where you want your lines to be. Then go to Selections || Invert, and hit the Delete key (Edit || Clear). Deselect by right-clicking into your image or with Ctrl+D (Selections || Select None). Your page should now be lined properly.

Right click on the "Lines" layer and choose duplicate from the context menu.

Click on the Mover tool in your tool palette, and keep the Shift key pressed while moving the "Copy of Lines" layer across to the other side of the pages. (Pressing the Shift key guarantees that it's really the lines that are moved, and not by chance the pages themselves.)
And there you are – a nice notebook for you to write in!