friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

#1  2008-07-16 12:20:01

sadangel08
 Dorothy Jane
sadangel08's display avatar
» FriendsterGeek
Love Yah SOoOoo
Friendstertalk University
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 1003
Reputation: 26
Friendster

Creating a Page Curl Effect with Photoshop [TUT]

all you need is
adobe photosho any version
a lot of patience
creativity :D



This tutorial will describe how you can create a page curl effect using just the built-in Photoshop options. No extras are needed for this effect. As usual, though, you can learn more than just the actual effect. If you scratch a little below the surface of this tutorial, you'll see that I'm also demonstrating how to create paths from selections and how to manipulate them. As well, you'll see how easy it is to create your own gradient patterns. Enjoy.

Open a new file at 200x250 in RGB mode. Set the contents to white and the resolution to 72 dpi.

Click the New Layer icon at the bottom of the Layers palette (it's the one with the bent corner).

Set the foreground color to a bright yellow. I used 255, 255, 0 as this color won't dither on a web page.

Fill the new layer by selecting the Paint Bucket tool and clicking anywhere on the image.

Set the foreground color to white.

Select the line tool.

Set the width to 1 pixel and the anti-alias option to on (both of these options can be set in the Line Tool Options palette).

Draw a diagonal line from the lower-left corner to the right side



Note: The line is black in the figure for clarity only. You should draw the line in white.


Select the Magic Wand tool and select the lower yellow area.

Choose Select, Modify, Expand and enter 1 for the "Expand By" value.

Click OK and then press the delete key to remove the lower area.

Select the Polygonal Marquee tool (it's on the flyout menu below the Lasso tool).

Position the tool in the lower-left corner of the image and click the mouse once.

Drag the mouse to the lower-right corner of the yellow area and click the mouse again.

Move the mouse a little to the left and up and double-click.

You should end up with a selection like you see in figure



Note: Here's where the path feature comes in. By changing the selection to a path you'll be able to get a really smooth curve for the curl. This would be difficult any other way. With a path it'll not only be easy, but it'll enable you to get a really good shape for the curve.


Open the Paths palette (it should be grouped with the Layers and Channels palettes). If you don't see the Paths palette choose Window, Show Paths.

Click the small black arrow in the upper-right corner next to the Paths tab.

From the menu that appears, choose Make Work Path. Leave the default value set in the Tolerance value in the Make Work Path dialog box and click OK.

You should now have a path instead of a selection and the marching ants that signify a selected area will be replaced by a solid line.

Select the Direct Selection tool (it's in the flyout menu under the pen tool and looks like a small white mouse-arrow pointer).

Click somewhere on the path. This will show you where the Anchor Points and Direction Lines are



Here's where it gets a bit tricky. Not too difficult, though, just a bit tricky.

Click-and-drag the top direction line towards the inside of the triangle formed by the path. This will curve the top of the line in


Great! See the nice smooth curve you get?

Now do the same with the lower direction line so that you get a good curve that sort of blends into the yellow portion of the image



Perfect!

Click the small black arrow to the right of the Paths tab again and choose Make Selection. Set the Feather Radius value to 0 pixels and set the Anti-alias option on. Click OK.

Click the small black arrow again and choose Delete Path.

You'll now have the selection again only it'll have that nice curve that you drew. Easy, eh?


Select the Linear Gradient tool.

Open the Linear Gradient Options palette (it's time to create a new gradient) and click the Edit button.

Click the New button and choose a name for your gradient. I chose Page Curl (how appropriate).

You'll now see the Gradient Dialog box



There'll only be two end points set and you'll have to choose the other points and the colors that are set at each point. For this gradient you'll need five points. The first will be a shadow (dark yellow), the second will be bright yellow, the third will be the highlight (white) the fourth will be yellow again and the fifth will be the lower shadow (dark yellow). To set a point click below the bar in the middle of the dialog box (it's the one with the two end point visible below it).

I used 224, 224, 116 for the top (first) shadow, 255, 255, 0 for the yellow and 175, 175, 81 for the bottom (last) shadow colors



Note: You can also download the gradient file here and use the one I've created. Just store it on your hard drive and load it by clicking the Edit button on the Gradient Options palette and choosing Load.


With your gradient set click Save, and choose a folder and a filename.

Click OK to close the dialog box.

Place the mouse near the top-middle of the triangular selection and drag it towards the bottom of the selection. Make sure that you drag on an angle so that the gradient is angled properly



If it's not right, choose Edit, Undo and try again.

Choose a dark color, select the type tool and add some text to your new sticky note




other TUT

Creating a Page Curl Effect with Photoshop | TUT how to make Worn And Torn Text in PS | Creating Siggy in Lunapic



hope it helps :D
+repu is higly appreciated :D

credits to:

photobucket
grafx

Last edited by sadangel08 (2008-07-16 12:46:19)



sis donna's work! luv it so i used it^^
www.FullyComments.co.cc
who can be AUthor there? PM ME

#2  2008-07-16 12:31:57

cutest08
 Ailaaaaa will do :)
cutest08's display avatar
» FriendsterAgent
WTH?
.White Protector.
Location: Noob.
Registered: 2008-03-10
Posts: 2095
Reputation: 96

Re: Creating a Page Curl Effect with Photoshop [TUT]

Nice tut..

Kip it up Sis!


WW |XX |YY |ZZ
Mahal kita kasi Mabait ka hindi lang For Me Mr.Perfect ka.

#3  2008-07-16 21:20:01

aprilcutie09
 ✖ Àþ®¡£.ü ✖
aprilcutie09's display avatar
» FriendsterFreak
[.iSTUPiDiTiE.]
The Scandalers
Registered: 2008-03-02
Posts: 1897
Last visit: Yesterday
Reputation: 124
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

nice tut!
keep sharing nice and useful tut huh?! =)





My Diary|My Premades|My Story

Mahal koh si Robert Pattinson.! :wow:

#4  2008-07-16 22:13:01

MsKawaii--
 Alyssa Marie
MsKawaii--'s display avatar
» FriendsterGeek
RiOT! . xD
The Scandalers
Location: up there, down hir
Registered: 2007-10-30
Posts: 1355
Reputation: 90
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

nice tut!!! :D
Make more it really helps me!


#5  2008-07-17 06:32:47

triciapink29
 ♥Tricia♥
triciapink29's display avatar
» Promoter
ok.fine. whatever you say
Location: PilipinasAustralia
Registered: 2008-04-01
Posts: 3350
Reputation: 206
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

Nice tutorial Huh..
Good Job..
i likeit

#6  2008-07-17 07:08:10

j3ck1024
 Jeck
j3ck1024's display avatar
» FriendsterTalker
Proud To Be JECKJECK
Registered: 2008-03-30
Posts: 133
Last visit: 2008-09-04
Reputation: -1

Re: Creating a Page Curl Effect with Photoshop [TUT]

Nice Tutorial
This is Help..
very nice
good job..
repu+ for the help




Thanks to triciapink for the sig

#7  2008-07-17 09:52:15

ninafaye
 Niña Faye Jayag
ninafaye's display avatar
» FriendsterAgent
♥` Niña Faye ` ♥
The Scandalers
Location: The Scandalers
Registered: 2008-04-14
Posts: 2130
Last visit: 2008-12-23
Reputation: 195
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

Cool TUT Sisz...

Keep It Up...

make More and Discover New Things... =):thumbsup:



Thanks For This Sisz Chariz! ^ I ♥ You!
♥ MY PREMADES ♥

Please Forgive me Sisz TRiXX... I'm Really Willing To Accept It.

#8  2008-07-17 11:48:13

Ehcnalb
 Blanche
Ehcnalb's display avatar
» FriendsterElite
Mga Masayahing Pinoy!
Registered: 2007-05-01
Posts: 3823
Reputation: 198

Re: Creating a Page Curl Effect with Photoshop [TUT]

Oh, this is cool.
Flip-Page-Effect. :thumbsup:

Nicely done. Good outcome.


#9  2008-07-17 16:39:28

Chiny.12
 ARGENiNE. :*
Chiny.12's display avatar
» FriendsterFreak
wth?
The Scandalers
Location: another planet.
Registered: 2007-06-04
Posts: 1757
Last visit: Today
Reputation: 59
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

kewl tut sis ! keep it up! more power! hope you keep on posting some tutorials.. :D




toinksss.

#10  2008-07-17 22:04:23

MiNEKOARCH
 dadadadanxxx >:)
MiNEKOARCH's display avatar
» FriendsterAgent
Panget ak. :p Bleh.
Mga Masayahing Pinoy!
Location: ^ Dyan oh. Click!
Registered: 2008-04-14
Posts: 2273
Reputation: 247

Re: Creating a Page Curl Effect with Photoshop [TUT]

waw. nice tut sissie. thanks for the share.. ill try this. lol ~



Dont you just love us? (: wee. mmp plus klg equals loevv.<3

#11  2008-07-18 06:45:06

sadangel08
 Dorothy Jane
sadangel08's display avatar
» FriendsterGeek
Love Yah SOoOoo
Friendstertalk University
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 1003
Reputation: 26
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

thnx sis... thnx for the appreciation :D



sis donna's work! luv it so i used it^^
www.FullyComments.co.cc
who can be AUthor there? PM ME

#12  2008-07-18 07:15:45

Linniie
 froggie froggie >:3
Linniie's display avatar
» SuperFriendster
i hate eu :3
Class-S
Location: not wit eu
Registered: 2007-08-24
Posts: 12413
Reputation: 349
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

:o kool :D
but its look hard =(
huhuhu.wait.
i'll try it :penguin:

sankyuu for shariing :D

:idea: edit :D

what is foreground :retard: its rilly hard
can u make a preview one by one sis :eh: hehe :P

Last edited by Linniie (2008-07-18 07:50:42)



sankyoo for this cute froggie :wow:

#13  2008-07-18 07:47:26

sadangel08
 Dorothy Jane
sadangel08's display avatar
» FriendsterGeek
Love Yah SOoOoo
Friendstertalk University
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 1003
Reputation: 26
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

^ no sis its not that hard xD go try it.. thnx for the appreciation..



sis donna's work! luv it so i used it^^
www.FullyComments.co.cc
who can be AUthor there? PM ME

#14  2008-07-24 12:13:20

grace17
 grace inah
grace17's display avatar
» FriendsterAddict
Friendstertalk University
Location: teresa rizal
Registered: 2008-05-30
Posts: 420
Last visit: Today
Reputation: 21
???

Re: Creating a Page Curl Effect with Photoshop [TUT]

nice tut..
kip it up sis..
make more tut..




..17..

#15  2008-07-25 07:07:52

bheiyahh
 Bhea Marie <3
» FriendsterAddict
I loev noodles! :3
Artwork 101
Location: Trashcan.
Registered: 2008-04-21
Posts: 384
Last visit: 2008-12-19
Reputation: 26

Re: Creating a Page Curl Effect with Photoshop [TUT]

I already saw this one in Google. :)

Thanks for sharing! :D

#16  2008-07-25 08:07:09

sadangel08
 Dorothy Jane
sadangel08's display avatar
» FriendsterGeek
Love Yah SOoOoo
Friendstertalk University
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 1003
Reputation: 26
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

^ yeah i made it too^^



sis donna's work! luv it so i used it^^
www.FullyComments.co.cc
who can be AUthor there? PM ME

#17  2008-07-28 00:51:41

pinkblack08
 P h i a
pinkblack08's display avatar
» FriendsterElite
There's no turning around
The Scandalers
Location: in my Firebolt >.<
Registered: 2007-11-02
Posts: 4013
Last visit: Today
Reputation: 204
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

wow...the outcome is really nice.
thanks for this..


Rumble thy bellyful! Spit, fire! spout, rain!
Premades | fave Tekken girl character | tumblr

#18  2008-08-26 05:18:18

sadangel08
 Dorothy Jane
sadangel08's display avatar
» FriendsterGeek
Love Yah SOoOoo
Friendstertalk University
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 1003
Reputation: 26
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

camoli1231 wrote:

nice tut. . .

thanks..

mikay_03 wrote:

nice one:thumbsup:

i called it spamming sis :) avoid it



sis donna's work! luv it so i used it^^
www.FullyComments.co.cc
who can be AUthor there? PM ME

#19  2008-08-26 05:24:30

frozenheart_10
 Jhoanna
frozenheart_10's display avatar
» FriendsterTalker
Location: Cebu City
Registered: 2008-08-05
Posts: 201
Last visit: 2008-12-30
Reputation: 8
Friendster

Re: Creating a Page Curl Effect with Photoshop [TUT]

nice tut for a newbie like me :lol:



#20  2008-08-26 06:43:20

aysbeaux
aysbeaux's display avatar
» Moderator
Class-S
Location: Inferno
Registered: 2006-11-17
Posts: 4323
Reputation: 123

Re: Creating a Page Curl Effect with Photoshop [TUT]

Spam Deleted.

Read and Follow the Rules.

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2009 PunBB

[ 12 queries - 2.423 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)