Folded Paper Tip

Average: 4.5 (94 votes)
Preview: 

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

You can easily check out our best quality 642-974 dumps prepare you well for the real 000-105 exam. You can also get success in real exam of testking 70-646 with the quality 1z0-050 exams and testking 1Y0-A24 answers.

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

Sujit's picture

Really an easy but most

Really an easy but most interesting tutorials.Thanks.

Visitor's picture

Wheres the XCF?

5

Wheres the XCF?

Brightlit designer's picture

Very nice this will come in

Very nice this will come in useful in some of my other projects.

gs93's picture

Great!

5

Great!

Liam's picture

The path tool is confusing as

The path tool is confusing as hell to use, getting so frustrated i can't even path a damn corner with it :(

Artemis's picture

Some times the simplest tools

5

Some times the simplest tools are over looked for somthing overly extravagent. I keep learning this! Stay true and simple can be better. Easy to follow nice instruction, simple things, good job.

taffy1998's picture

nice! but if you want it to

4

nice! but if you want it to be an icon resize it to around 20x30 and then delete the extra background space!

taffy1998's picture

you could use it as an icon

you could use it as an icon for photos (camera for jpeg, blah, blah, & BLAH)

LOL!

vijaydude's picture

i like this tutorial. It's

4

i like this tutorial. It's going to me very useful for me in the future.

Thank you for making this tutorial

Visitor's picture

Thank you so much! I found

Thank you so much! I found that ededed for the fg color in the gradient works better than eaeaea in step 9 but in step 6 I use eaeaea.

Thanks for the tutorial!

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

Tags