Folded Paper Tip

Average: 4.4 (36 votes)

This technique is common these days on blogs,icons, backgrounds etc so in this tutorial I will teach how to create a fairly simple folded paper tip.

Getting Started

The aim of this tutorial is not trying to create a realistic result so don't mention it :)
Open a new image 640x480 , now lets start

step 1

Will first draw the flat paper using the "rectangle select" tool , once you have drawn it hit enter to finish.

step 2

Grab the Path tool and draw a triangle in the corner of the paper, *tip always switch to Edit mode to close off a path

step 3

Now if you don't already have the Path dialog on screen go ahead an open it from Dialogs>Paths , inside you will see the path we drew, right click on it then click on "Subtract

step 4

Create a new layer and Fill your selection with solid white using the the "bucket fill" tool. go to filters>light & shadow>drop shadow in the dialog set values to

  • offset x: 0
  • offset y: 0
  • Blur radius:9
  • color 8f8f8f
  • opacity 80

Go to Select none to remove the selection.

step 5

Draw another path triangle and in the "tools option" dialog click on "Selection from path"

step 6

Create a new layer grab the blend tool select the FG to BG gradient from the tools option then set your bg color to white and your foreground to eaeaea

step 7

still with the blend tool selected apply it from the top corner of the triangle to the center bottom as shown in the image.

step 8

Deselect go to filters>light & shadow >drop shadow and set the values to

  • offset x: -7
  • offset y: 2
  • Blur radius:9
  • color 8f8f8f
  • opacity 40

Then move the piece 1px down and 1px to the right so that it cover some of the shadow in the corner

step 9

Select the "blend tool" and apply the same gradient in step 6 from top corner to bottom as shown in the image

Thats it your done!

Here is what i originally made the paper for, to place an icon for one of my shortcuts :) this outcome seems to have turned out better because i used a lighter gray in the gradient so try that.

You can download the XCF file from below , also if you need help please use the forum instead

Visitor's picture

Re: Folded Paper Tip

Well done! It is again a demonstration of how easy such nice effects can be acheived.

Visitor's picture

Very good!!! Nice tut. I

Very good!!!
Nice tut.

I try it

Siddharth's picture

http://img301.imageshack.us/i

http://img301.imageshack.us/img301/2761/siggy5ax4.png
I have used this technique in many of my icons :)
nice tut :D

Visitor's picture

Re: Folded Paper Tip

Nice one - the gradient idea is so simple and effective and I doubt I would have thought of it myself :P

JTornado's picture

Re: Folded Paper Tip

Great tutorial!! I just used this tutorial to create the same thing in Inkscape.
- Keep up the good work!

Gimper's picture

Re: Folded Paper Tip

your welcome :)

Daniele's picture

Re: Folded Paper Tip

Great tutorial, simple and effective! Thanks!

Shayne's picture

Re: Folded Paper Tip

in step 5 it wont let me click the Selection from Path, is there any other ways?

Gimper's picture

Re: Folded Paper Tip

Try going to dialogs>paths in there you should see your path that you drew, right click on the path layer and then click on path to selection.

btw it should work the way i mentioned in the tutorial. what version do you have?

Visitor's picture

I haven't got a dialog

5

I haven't got a dialog toolbar thingy

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options