Windows Customization & Support : sambbk and 24 unknown users

 Word :   Username :  
 
 Page :  1  2
Previous 
Author
 Thread :

[Photoshop Tutorial] Make a Page Curl

 
n°2729
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 08:01:11 PM  
 

Here is a tutorial on how to make a page curl in photoshop:

 

1. Open a photo or use a document that you have finished.

 

I will be using this:
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/Forest.jpg

 

2. Using the pen tool, create a triangle shape on one of the corners of your image. It may help to zoom in. Holding Shift will help in making straight lines.
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/triangle.jpg

 

3. Select the contents of the Triangle layer by ctrl+clicking the preview in the layers palette. Select the layer of your photo or document that you are adding the curl to and press delete. This removes the area of the page that will be "curled." If your layer is locked, you will need to duplicate it and hide the original. Deselect

 

4. With the triangle layer selected, go to the Edit menu. Go to transform (path) and flip both vertically and horizontally. You may wish to zoom into the edge of the triangle and ensure that it is lined up with the deleted edge of the picture.
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/flip.png

 

5. Go into the layer effects for the triangle. Create a gradient overlay with these settings:
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/gradient.jpg
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/gradient2-1.jpg
NOTE: The angle will need to be adjusted based on the corner you are using. If your image is not rotated, use angles in increments of 15 degrees. If it is rotated, you will have to experiment.
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/curl-1.jpg

 

6. Still in the effects window, you need to add a drop shadow. Use the settings below:
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/shadow.jpg
Again, this will be an area where you need to experiment.

 

7. Rasterize the triangle if you haven't already done so. Do this by right clicking the layer in the Layer Palette and clicking Rasterize Layer.

 

8. You may notice that the shadow may be going into the transparent area. To avoid this, select the contents of the image. With the triangle layer selected in the Layers Palette and the image still with "marching ants" add a mask to the triangle layer. The image will be deselected and the selection will turn into a mask.
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/mask.jpg

 

You may choose to leave the image like this now. If you want to add some more detail, continue:

 

Details

 

Adding a curve to the curl
Using the elliptical marquee tool, make a selection at the top of the curl (or whatever side you would like) It may help to zoom in.
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/selection.png

 

With the curl layer selected, press delete.

 

http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/curl-1.jpg

 

Image Border
If you are doing this to a picture, you may wish to add a white border to make it look more realistic.
Using the layer effects for the picture, add a stroke with these settings:
http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/border.jpg

 

http://i15.photobucket.com/albums/a398/saladbar1/Tutorials/Curl/forest-with-border.png

Coloring the curl

If you are using a document that is a solid color, you may with to change the color of the curl to match. Use the color overlay effect on the curl to do so. I have found that the Linear Light or Color mode works well.

 

http://i259.photobucket.com/albums/hh299/forumgrafix2/Projects/Nintendo%20Addict/Blueprint-1.png

 

Continue to experiment. You may wish to rotate your image like the one above to add realism.

 

I would include the PSD but it is too large to attach

 

Tanshin

answer
mood
GoogleAds
profil
Posted on 08-28-2008 at 08:01:11 PM  
 

answer
n°2730
Jonkol
Profil: New Penguin
Avatar
profil
Posted on 08-28-2008 at 08:09:56 PM  
 

Woow.. that's very simple..

 

I certainly try this.. and post here my example :wink:

 


Respect 4 you , Mi Amigo

answer
n°2731
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 08:14:44 PM  
 

Nice tutorial, cheers :great:

 

I'll be posting a result for this in a while, I'm currently battlign with urls, strings, and annoying people who want a back button of all things :wink:

answer
n°2732
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 08:19:26 PM  
 

Cool, can't wait to see. Good luck with that.

answer
n°2733
Gruzz
Profil: Moderator
Avatar
profil
Posted on 08-28-2008 at 08:29:06 PM  
 

Nice tutorial. :oui: This will come in handy, and your result looks pretty cool. :great: Be sure to edit the title and add [Photoshop tutorial] in front of it.

answer
n°2734
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 08:38:54 PM  
 

Will add that, I put it in the description also

answer
n°2735
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 09:17:14 PM  
 

Ok, here's my result!

 

http://i184.photobucket.com/albums/x1/darthsmall9/CurlOne.png

answer
n°2736
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 09:21:29 PM  
 

I like it. That came out very well.

 

Yours is a good example that you don't have to use the Reverse option for the gradient. It looks good both ways.

answer
n°2737
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 10:09:45 PM  
 

The reverse? Ah crud... that's why it wasn't the same as yours... :oups: I keep making stupid mistakes today :tongue:

answer
n°2738
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 10:15:44 PM  
 

Very nice tutorial. :great:

answer
n°2739
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 10:18:16 PM  
 

Quote :

The reverse? Ah crud... that's why it wasn't the same as yours... :oups: I keep making stupid mistakes today :tongue:

 

No it is fine. As I said, I encourage people to experiment. See what looks better to you

answer
n°2740
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 10:47:17 PM  
 

To me... my mistake looks better :tongue: I think since that end curls to the floor it should be darker, if they light comes from anywhere but directly from the left... Ah, the joys of mistakes :tongue:

 

When you use a colour overlay for the curl, like the blue, do you change the opacity or the style so that the gradient is still visible?

answer
n°2741
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-28-2008 at 11:37:33 PM  
 

I think I had changed the opacity, but I don't remember. I'll experiment.

 

And you're right about the gradient. After I saw yours I took a piece of paper and curled it. The darker part is on the outside.

answer
n°2742
Gruzz
Profil: Moderator
Avatar
profil
Posted on 08-29-2008 at 10:14:14 AM  
 

Very cool result .Ghost.! :great: This tutorial is very handy indeed.

answer
n°2743
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 03:21:14 PM  
 

I put a note under the gradient area to keep the Reverse box unchecked. I'll get an update of the window as soon as I get a chance.

 

EDIT: I have updated it. I also updated the area on coloring it.

answer
n°2745
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 08-30-2008 at 06:58:19 PM  
 

really useful tutorial :oui: will come in handy when including pages in icons :smile:

answer
n°2746
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-31-2008 at 06:31:44 PM  
 

It looks like you've got the images wrong when replacing them Tanshin... there is now both versions of the "curled" corner, and no image of the elliptical marque selection.

 

EDIT: Did one with multiple pictures, layed out with a nice paperclip :tongue: And tried making different page curls with the pen tool; a quick example of how people can further this tutorial, with a bit of experimenting:

 

http://i184.photobucket.com/albums/x1/darthsmall9/PageCurlMulti.png

 

(Try not to mind the aliasing :wink: )

answer
n°2747
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 09-02-2008 at 02:13:55 AM  
 

Wow, that is great. Yeah that is a good example.

 

Fixing the images

 

EDIT: I noticed that on the grass curl, the gradient isn't exactly lined up right

answer
n°2748
Gruzz
Profil: Moderator
Avatar
profil
Posted on 09-02-2008 at 07:30:20 AM  
 

Looks pretty good .Ghost.. :wink: You're right when you say that the aliasing is a bit unacceptable high though. :smile:

answer
n°2749
Samiwieciekto
Profil: New Penguin
Avatar
profil
Posted on 09-02-2008 at 09:37:56 AM  
 

Personally I prefer using Inkscape for such purposes - it's faster and You can easily reuse any object You made. :biggrin:

answer
n°2750
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 09-02-2008 at 11:46:51 AM  
 

Tanshin wrote :

EDIT: I noticed that on the grass curl, the gradient isn't exactly lined up right

 

Yea, like I said, quick example :tongue: The curl isn't quite right either, comes out too far at the bottom I think...

 
Gruzz wrote :

You're right when you say that the aliasing is a bit unacceptable high though. :smile:

 

Just a bit :tongue:

 
Samiwieciekto wrote :

Personally I prefer using Inkscape for such purposes - it's faster and You can easily reuse any object You made. :biggrin:

 

Too much of a photoshop addict!  :drunk:  And I'm not one to do anything the easy/fast/simple way :tongue:

answer
n°2755
edu707
Profil: New Penguin
Avatar
profil
Posted on 09-05-2008 at 07:53:26 PM  
 

nice tutorial and simple too. thanx a lot  :great:

 

And here's my practice.. i think a need more practice  :ouch:

 

http://www.crystalxp.net/forum/uploads/sm/monthly_09_2008/post-288424-1220637435_thumb.jpg

answer
n°2756
Gruzz
Profil: Moderator
Avatar
profil
Posted on 09-05-2008 at 08:55:35 PM  
 

Welcome to CrystalXP edu707! :party: Your result is pretty nice. :oui: There are for me two errors that are clear to see. Where the curled page comes back to a normal state, there are two rounds. Also the tip of the curl is a bit strange. To make your result more convincing, you probably also have to un-straighten the right side of the curl. :oui: I understand that are lots of tips for you to work on. :angel: It would be a good idea to just go over the whole tutorial again. :smile: This way you can see if you get a different result the second time. Good luck with learning Photoshop! :biggrin:

answer
n°2758
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 09-05-2008 at 09:57:42 PM  
 

Try to make the amount of bend a bit more. I didn't do much in the tutorial (my fault), but adding a touch more adds a bit of realism. Sometimes, getting a white sheet of paper and curling the corner may help.

answer
n°2759
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 09-05-2008 at 11:11:41 PM  
 

Here's my try ... :winktongue:

 

http://img183.imageshack.us/img183/7871/tanlk1.png

answer
 Page :  1  2
Previous 
Top 

Go to:
Add a reply