friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

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

sadangel08
» FriendsterManiac
sadangel08's display avatar
Love Yah SOoOoo
Black Pinkers Clan
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 955
Reputation: 23
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)



premade by sis trixx :)
www.FullyComments.co.cc
who can be AUthor there? PM ME

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

cutest08
» FriendsterFreak
cutest08's display avatar
Forget About Me...
.White Protector.
Location: Falling...
Registered: 2008-03-10
Posts: 1937
Reputation: 74

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

Nice tut..

Kip it up Sis!


SMiLE like you mean it.
[F]S | [b]log[S]tory |[P]remades.

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

aprilcutie09
» FriendsterFreak
aprilcutie09's display avatar
MINE -- yourz
The Scandalers
Location: In his Heart :]
Registered: 2008-03-02
Posts: 1784
Last visit: Yesterday
Reputation: 93
Friendster

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

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

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

MsKawaii--
» FriendsterGeek
MsKawaii--'s display avatar
rexzphethada isz mah neym
The Scandalers
Location: up there, down hir
Registered: 2007-10-30
Posts: 1312
Reputation: 80
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
» Promoter
triciapink29's display avatar
ok.fine. whatever you say
Location: PilipinasAustralia
Registered: 2008-04-01
Posts: 3349
Reputation: 204
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
» FriendsterTalker
j3ck1024's display avatar
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
» FriendsterAgent
ninafaye's display avatar
♥` Niña Faye ` ♥
The Scandalers
Location: The Scandalers
Registered: 2008-04-14
Posts: 2125
Last visit: Yesterday
Reputation: 190
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
» FriendsterElite
Ehcnalb's display avatar
Rockstars
Registered: 2007-05-01
Posts: 3627
Reputation: 137

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

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

Nicely done. Good outcome.


Yehey, I love you

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

Chiny.12
» FriendsterFreak
Chiny.12's display avatar
The Scandalers
Location: . beside u .
Registered: 2007-06-04
Posts: 1702
Last visit: 2008-11-30
Reputation: 46
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




xD

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

MiNEKOARCH
» FriendsterFreak
MiNEKOARCH's display avatar
Danx name co ;D
Friendstertalk University
Location: dreamLand :-*
Registered: 2008-04-14
Posts: 1756
Reputation: 144

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

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




'' Women nowadays still dream of a fairytale ending
but what they want is not a knight on a white horse
but a Vampire w/ a shiny silver volvo -- ''
Gotta loev Edward Cullen ♥

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

sadangel08
» FriendsterManiac
sadangel08's display avatar
Love Yah SOoOoo
Black Pinkers Clan
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 955
Reputation: 23
Friendster

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

thnx sis... thnx for the appreciation :D



premade by sis trixx :)
www.FullyComments.co.cc
who can be AUthor there? PM ME

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

Linniie
» SuperFriendster
Linniie's display avatar
HE MAKE ME NERVOUS :x
Class-S
Location: not wit eu
Registered: 2007-08-24
Posts: 12166
Last visit: Today
Reputation: 254
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)



LET'S WELCOMING OUR NEW DRAWING MASTER!

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

sadangel08
» FriendsterManiac
sadangel08's display avatar
Love Yah SOoOoo
Black Pinkers Clan
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 955
Reputation: 23
Friendster

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

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



premade by sis trixx :)
www.FullyComments.co.cc
who can be AUthor there? PM ME

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

grace17
» FriendsterAddict
grace17's display avatar
Friendstertalk University
Location: teresa rizal
Registered: 2008-05-30
Posts: 410
Last visit: Yesterday
Reputation: 9
???

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
» FriendsterAddict
bheiyahh's display avatar
I loev noodles! :3
Artwork 101
Location: Trashcan.
Registered: 2008-04-21
Posts: 384
Last visit: 2008-10-23
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
» FriendsterManiac
sadangel08's display avatar
Love Yah SOoOoo
Black Pinkers Clan
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 955
Reputation: 23
Friendster

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

^ yeah i made it too^^



premade by sis trixx :)
www.FullyComments.co.cc
who can be AUthor there? PM ME

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

pinkblack08
» FriendsterElite
pinkblack08's display avatar
Team Edward ♥
The Scandalers
Location: in my Firebolt >.<
Registered: 2007-11-02
Posts: 3912
Last visit: 2008-11-30
Reputation: 180
Friendster

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

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



Yes, They do. Esp. Alice.;)

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

sadangel08
» FriendsterManiac
sadangel08's display avatar
Love Yah SOoOoo
Black Pinkers Clan
Location: inPlacEsnO1CanFinD
Registered: 2008-05-02
Posts: 955
Reputation: 23
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



premade by sis trixx :)
www.FullyComments.co.cc
who can be AUthor there? PM ME

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

frozenheart_10
» FriendsterTalker
frozenheart_10's display avatar
Location: Cebu City
Registered: 2008-08-05
Posts: 196
Last visit: Yesterday
Reputation: 6
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
» Moderator
aysbeaux's display avatar
Class-S
Location: Inferno
Registered: 2006-11-17
Posts: 4207
Reputation: 90
Friendster

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–2008 PunBB

[ 29 queries - 2.632 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. =)