Você está na página 1de 155

2007

Tutorial Photoshop CS

Nguyn ng i hc BKDN 0

Tutorial Photoshop CS
Nov. 13

Hiu ng Hnh nh
This tutorial will show you how to take your regular beach day photo and turn it into a beautiful sunset silhouette. Oh, and this is my 30th tutorial. I started with this photo from BigStockPhoto.com (Couple by Dimitrii). It's a perfect photo, since the couple is in the foreground and there are no distracting objects.

Start by selecting the people in the foreground. This doesn't have to be an exact selection... but the closer the better. It's also better to have a little outside of the lines than in. I made my selection by using the Quick Mask Q and, using the Brush Tool B, painting away the red.

Tutorial Photoshop CS
Nov. 13

With your selection made, create a new Hue/Saturation Adjustment Layer Layer > New Adjustement Layer > Hue/Saturation. Drag the Lightness all the way down to -100. (NOTE: You don't HAVE to go to -100. Leaving it a little higher will allow your objects to show more.)

You should end up with something like this:

Beneath your Hue/Saturation Layer... you're going to create another Hue/Saturation Adjustment Layer Layer > New Adjustement Layer > Hue/Saturation with the same setting of Lightness: -100. Your image will be black. Select the Gradient Tool G and press D to set your colors to default. Choose the default Black-to-White gradient.

Tutorial Photoshop CS
Nov. 13

Make sure your layer mask is selected on your new Hue/Saturation Adjustment layer.

Now, drag the gradient from bottom to top. Do this until you get the effect you like.

Below these two layers, create a Solid Color Adjustment layer Layer > New Fill Layer > Solid Color. Set the color to a dark orange color. I used #f78733. Set the Layer Mode to Color Burn.

Tutorial Photoshop CS
Nov. 13

If the color is too dark or too light, just open the Solid Color Adjustment Layer and mess with the colors til you get something you like. Now, to create the glow of the sun. Make a circle selection with the center near the horizon.

Create a new Solid Color Adjustment Layer and select a yellow color. I used #f4bc12.

Tutorial Photoshop CS
Nov. 13

Run a high Gaussian Blur of around 25-pixels or so. Filter > Blur > Gaussian Blur. Make it enough of a blur so you can't see a hard edge in your circle. Set the Layer Mode to Lighten.

Make a trapezoid shaped selection, with the small end being at your horizon.

Tutorial Photoshop CS
Nov. 13

Create a new Solid Color Adjustment Layer below the orange-color layer. Fill it with the same yellow you used for the sun. Again, I used #f4bc12.

Run a Gaussian Blur Filter > Blur > Gaussian Blur (or Ctrl + Alt + F) of about half the amount you used earlier. I used 15.

Set the Layer Mode to Linear Light and reduce the Layer Opacity to around 50%.

Tutorial Photoshop CS
Nov. 13

In case you got confused on the Layer order, here's a shot of my Layers Palette.

So there's a relatively quick way to turn any photo into a Hallmark sunset photo.

Tutorial Photoshop CS
Nov. 13

Blending
This is a blending tutorial.. hope everyone enjoys !! STEP 1 . Look for two pictures you want to use IMAGE USED : Ha Ji Won and Snow EXAMPLE :

STEP 2. Open the Snow image STEP 3. Go to IMAGE menu > IMAGE SIZE Then simply follow the image below...

Tutorial Photoshop CS
Nov. 13

STEP 4. Now Open the second image ( Ha Ji Won ). We will used it to blend with the 1st image (Snow). Take note : Don't close the first image (SNOW) Just let it create a new window.. Now go to.. IMAGE menu IMAGE SIZE then follow what's in the image below again..

STEP 5. Now, what we will do is to copy the 2nd image to the 1st image We will make the blending in the 1st image..Now press CTRL+A (select all) then you should see a dashed line that would mean you have selected the image.. then press CTRL + C to copy! STEP 6. Open again the Snow Image that we made earlier..and press CTRL+V(paste) Now, you will see the image of Hai Ji Won is now on the layer 1. Double click the one below LAYER 1 [located at the bottom right] , which is the background, so that it would become LAYER 0.. Here is what it looks like..

Tutorial Photoshop CS
Nov. 13

STEP 7. Now let us make the blending with the 2nd image ( Hi Ji Won). There are two ways of making this.. 1. ERASER TOOL 2. QUICK MASK MODE Using the ERASER TOOL..follow these instructions 1. Select the eraser tool, then change the brush to SOFT ROUND 200px or longer..It's up to you.. but i prefer 200..

10

Tutorial Photoshop CS
Nov. 13

Click it slowly at the edges if the 2nd image which is Hi Jo Won. . And you will see it is being erase..

Until it reaches this..

11

Tutorial Photoshop CS
Nov. 13

Now for the QUICK MASK MODE.. Select the QUICK MASK MODE located in the tools window at the left side.. Then Select the brush tool, choose again the SOFT ROUND 200px or longer..Click on the second image (HI JA WON) to the spots where you wanted to be erased. You would see red color that would represent the mask.

12

Tutorial Photoshop CS
Nov. 13

Then Click the Standard mode body of HA JI WON is selected..

beside the quick mask mode. After clicking, you would seea dashed line and that

13

Tutorial Photoshop CS
Nov. 13

TAKE NOTE: When you press delete the part that you have selected will be deleted.. something like this..

14

Tutorial Photoshop CS
Nov. 13

When you have tried to do this..You can go to EDIT>STEP BACKWARD or just simply used a shortcut key CTRL+ALT+Z Let's now continue.. Now go to SELECT > INVERSE then press delete. If you aren't still satisfied on the outcome of it and the removing of edges in the images.. just repeat the step from the top again.(QUICK MASK MODE) Got it? Ofcoarse we also needed to use texture or brush to make the blending look more beautiful.We will use this texture.. get the image here Save it to your computer. Open the Photoshop. Copy the image and paste it to the adobe photoshop then put the texture below Layer 1[ha ji won]

15

Tutorial Photoshop CS
Nov. 13

Set the Layer 2 texture into OVERLAY to the Layers window (bottom-right). And it will looks like this.. This is the Final Result of the Blending Image:

Yey!! Did it worked?! Give it now a try.. (whew.. did taked me a lont time hehe

16

Tutorial Photoshop CS
Nov. 13

K THUT GHP NH GY N TNG


y l k thut s dng Gradient kt hp vi mu xanh ( mu ny ti rt hay s dng ) , khi bn ghp nh ca bn nh ng dng ny - th bc nh s rt n tng . Tuy n gin nhng hiu qu cao www.dohoavn.net

1.) To 1 file mi kch thc nh dng ty - nhng phi l hnh ch nht ng 2.) To 1 layer mi - sau thit lp nh hnh , sau dng cng c Gradient v ko 1 ng t im s 1 n im s 2

3.) Vo Filter > Noise > Add noise . thng s nh hnh

4.) Vo Filter > Blur > Gaussian Blur . Thng s nh hnh

17

Tutorial Photoshop CS
Nov. 13

5.) Vo Image > Adjustments > Threshold . Sau ko thanh trt c mn sao dy c nh

6.) M 1 bc hnh m bn mun ghp ( bc hnh nn c sng cao _ chnh sng bn c th nhn Ctrl+M vo hp thoi Curves )

18

Tutorial Photoshop CS
Nov. 13

7.) S dng k thut tch i tng ra khi nn tch hnh c gi ( sau khi tch - s dng thm 1 s cng c khc nh Eraser Tool chnh li cho p ) . Sau khi tch xong - cc bn hy ko hnh c gi vo ca s hnh ngn h ( nh layer cha hnh c gi nm trn cng nh ) - bn s c

8..) by gi bn hy s dng thm chc nng Style lm cho hnh c gi c vin trng bao quanh - lm nh sau + Vo Layer > Layer Style > Out glow . Thng s nh hnh

19

Tutorial Photoshop CS
Nov. 13

Sau khi Nhn OK bn s c th ny - p ch - ti th thy rt thch bn c th ghp thm hoa l vo cho n sinh ng thm .

20

Tutorial Photoshop CS
Nov. 13

21

Tutorial Photoshop CS
Nov. 13

V Mt
u tin l v mt ngi u tin hy save bc nh ny li c t liu

bc u tin dng pen tool (p) v quanh vng trng en ca mt sau nhn ctrl + enter to vng trn cho mt , v sau to 1 layer mi dng ctrl + shilf + N feather = 1 v mu cho mt, y ti chn mu

sau dng burn tool (O)bi quanh vng mt nh hnh v

22

Tutorial Photoshop CS
Nov. 13

tip tc to 1 lp mi (ctrl + shilf + N) to 1 vng trn hnh trn feather = 1 mu en cho nhn mt vo gia mt ci ny n gin nn ti khng hnh sau bn tr v layer mu dung smuge tool (O) vi thng s ranger : HightLight v exposure : 30% trn Brush bi t gia mt ko ra ngoi to tia cho mt

23

Tutorial Photoshop CS
Nov. 13

vn trn layer bn dng burn tool vranger : shadown v exposure : 30% v l p li thao tc va ri ko t trong ra ngoi nh l phi trn brush ging smuge tool

tip tc to 1 lp mi ln trn cng (ctrl + shilf + N) to vng trn nh hnh v mu l mu trng v blend l overlay opacity l 40% bn s c 1 bng mt mt trng su hn

24

Tutorial Photoshop CS
Nov. 13

tc phm hon thnh l nh vy

25

Tutorial Photoshop CS
Nov. 13

V Mu Mt 2
1. M nh c con mt trong Photoshop.

2. Chuyn sang ch Quick Mask.

3. Chn mu en t bng Swatches. S dng mt nt brush tng i bng vi vng mu mt trong bc nh (khi bn chuyn sang ch Quick Mask, nt brush s t mt mu trong sut).

4. Nu mun t ui ca mt. S dng nt c brush nh hn t xung quanh n, nu chng may bn t sai, bn c th s dng mu trng t bng Swatches xo vng trong sut mu ).

5. Chuyn li sang ch Edit in Standard Mode.

26

Tutorial Photoshop CS
Nov. 13

6. Chn Select > Inverse. Gi bn s nhn thy ch c vng mt c chn trong bc hnh.

7. Chn Image > Adjustments > Hue/Saturation.

8. Xong ri! By gi bn chn mu mt mi! Bn s thy tt c nhng g bn nhn thy l kt qu bn c c. Chc bn thnh cng!

27

Tutorial Photoshop CS
Nov. 13

nh Trng en 1
Begin with the fact that the dimensions of this new file will be 500x400 and a resolution of 72dpi. Now we'll take the girl's photo and cut out the background, using the instrument (Eraser tool).

28

Tutorial Photoshop CS
Nov. 13

Now in this file, with a click on the right button of the mouse choose Blending options. Choose Color Overlay and set out the black color. Now the girl became a silhouette.

We'll transfer her in our new file, which we created at the beginning.

29

Tutorial Photoshop CS
Nov. 13

Choose the instrument Gradient tool and set out the colors, a dark-blue (Code 03030c) and alight-blue (code 1b1ca3). Then looking for the red pointer in the picture we'll paint another background, which will be placed under the girl's background.

Click to enlarge

Now we have to create the rays. Using the instrument Point tool we'll set out 3 points, like it is done in the picture. Color code (a8a8f6). This ray will be situated above the girl.

30

Tutorial Photoshop CS
Nov. 13

Click to enlarge

The same way we'll do the rest of the rays. The rays' colors you may use from the picture.

Now it's time to create the girl's highlight. You should make it this way. We'll double the girl's background and give to the duplicate a color (code c6c6f7) and place it under the original one, move it to the left about a couple of millimeters. Now on this background we'll create another one - a mask - background, like in the picture. Then we'll chose the mask - background and using the black - color brush, we'll delete the right side of the girl's highlight. Like in the picture.

31

Tutorial Photoshop CS
Nov. 13

Click to enlarge

We'll set out more rays and that's what we got.

If you wish you may add more stars, using the instrument (Custom shape).

32

Tutorial Photoshop CS
Nov. 13

Click to enlarge

The final result:

nh Trng en 2
This tutorial will show you a simple method to create an effecive wallpaper that you can use for your desktop or for any sort of web background. Let's start to create an attractive desktop. We'll create a new file using dimensions1024x768 (depending on the resolution you have on the screen) and 72 dpi. Next step includes choosing the instrument (Gradient tool ). Here we choose the gradient shown with a red pointer. We expose the colors by pressing the squares indicating colors. Next to them are shown the colors codes, which are demonstrated on the picture with the red color also.

33

Tutorial Photoshop CS
Nov. 13

Click to enlarge

Next to them are shown the colors codes, which are demonstrated on the picture with the red color also.

Then choosing the (Gradient Tool upper right corner.

) we begin to draw the paint starting with the lower left corner to the

34

Tutorial Photoshop CS
Nov. 13

Click to enlarge

Then we take the instrument (Elipse tool ) keeping the mouse pressed, choose the square figure. Then we draw a rectangle in a way that it must be upper than the background, like in the picture. After that we set out 15%, shown with the red color.

Click to enlarge

Now we start to create this kind of circles, choosing again the (Elipse tool instrument by holding on Shift button and set out 0% in the red function.

). We draw the circle

Then we drop in Blending Options function.It is possible by pressing the right mouse's button on the level you want to use this function. Expose everything the way it is done in the picture.

35

Tutorial Photoshop CS
Nov. 13

Then we'll copy the created circle, almost the same like in the previous picture. Now we create figures like this, using the Pen tool and color code 9bflc0. It is possible to create the circles choosing again the (Ellipse tool )

Also you may add black figures with 06913e color code on the levels created earlier.

36

Tutorial Photoshop CS
Nov. 13

Now we create a new level covering the previous one. Using the (Brush tool opacity of 10% we paint the corners, like in the picture.

) with black color and an

Click to enlarge

Now we'll take the picture with the girl. Press the button combination (Shift+Ctrl+U) and the picture will become of black and white color (pict.1). Then we'll delete the background (pict.2) using the button combination Ctrl+U.

37

Tutorial Photoshop CS
Nov. 13

We represent everything like in the picture. As a result we'll have a green girl (pict.3).

We'll expose the girl all over the levels. Now we have to add only the reflection on the floor. Copy the level with the girl and this copy we'll position in a vertical line using the function "free transform" from the right button of the mouse.

38

Tutorial Photoshop CS
Nov. 13

Set out Fill on 43% like in the picture.

The final result.

39

Tutorial Photoshop CS
Nov. 13

nh Trng en 3
Create a new background with the dimensions 400x 500, 72dpi and paint it with the white color. Then a new one and using the instrument , we create the next picture:

Using the same instrument keep create triangles until we'll get the next picture:

40

Tutorial Photoshop CS
Nov. 13

For your convenience are indicated the colour's codes. The triangles must be created on different backgrounds.

41

Tutorial Photoshop CS
Nov. 13

Then on the same file choose Blending Options using the right mouse's button. Choose Color Overlay and set out the black colour.

Now the girl became a silhouette.

Add the girl's silhouette to the triangles' design. Some of the backgrounds you should place under the girl's silhouette background and some of them above. The final result:

42

Tutorial Photoshop CS
Nov. 13

Blending Trang Tr nh
Graphic theo kiu trang tr 7B s vit tut ny nh 1 noob ang lm graphic ^^ Nn kt qu s ko c p u ^^ KQ (nh noob lm vy, h h) Ni lun cc brush 7B dng link u post bn box brush ;) qua m tm thm, y 7B s tng cc bn 2 brush, 1 brush tng hp (msking) v 1 brush t lm (decor) cc bn tin lm tut, share lun PSD d cc bn tin lm, v ni chung tut ny kh rc ri Brush masking [URL=http://www.mykim.info/Masking-Brushes-for-BTDers.abr]http://www.mykim.info/MaskingBrushes-for-BTDers.abr[/URL] Brush decor [URL=http://www.mykim.info/Decor-brushes-by-Se7enBoi.abr]http://www.mykim.info/Decor-brushes-bySe7enBoi.abr[/URL]

43

Tutorial Photoshop CS
Nov. 13

File PSD cc bn tham kho [URL=http://www.mykim.info/ViDu.psd]http://www.mykim.info/ViDu.psd[/URL]

Sau y ch l nhng bc cn bn nht thi ^^ Trc khi lm bn nn xc nh r l graphic ca mnh s c mu g, nh th s tin hn cho vic chnh mu trc sau ng nht y 7B la mu cam cho cho (thng thng th c 3 mu p nht l mu cam, xanh chui v original) v th nn s chn nn mu cam, sm 1 cht thi

44

Tutorial Photoshop CS
Nov. 13

Dng 1 brush masking t ln trn, t sao cho p nh, y 7B dng brush l

45

Tutorial Photoshop CS
Nov. 13

Sau cc bn chn nh paste ln trn layer u tin , y tui ly nh BoA, sau cc bn click phi>Free transform>sau resize nh ty thch, nhng ng to qu, ng nh qu

46

Tutorial Photoshop CS
Nov. 13

Sau khi resize xong cc bn click phi vo layer nh>Blending option>click vo ch Stroke (ch ko phi l du tick ca Stroke nh) v chnh nh hnh bn

47

Tutorial Photoshop CS
Nov. 13

S c kt qu

48

Tutorial Photoshop CS
Nov. 13

S pixel ty ln ca nh, thng thng t 4-7 pixel c cch khc nhng 7B ko hng dn (to vng chn bng load selection sau vo edit>Stroke), tt nht lm theo cch 7B ch, v sau chnh li s pixel cho d Tip theo s l chnh mu ca nh cho ng nht vi mu ca bg, sau y 7B s hng dn cch n gin nht m vn p Cc bn click phi vo layer nh>duplicate layer>thay blendmode ca layer ny thnh screen (cng phn blending option m,ngay u tin), sau chnh mu ngay trn layer ny, 7B tng mu v vng thnh mu cam. ty sng ca nh m c th duplicate thm 1 ln na layer screen ny hoc ko, c th thay i opacity cho va sng Sau khi chnh xong

49

Tutorial Photoshop CS
Nov. 13

Cc bn click vo layer screen, sau n ctrl E merge 2 lyer ny lm 1 (nu cc bn dup vi ln th click vo layer screen di cng, ctrl E, sau li click vo layer th 2 v tip tc) Cc bn click phi vo layer screen >load selection (ci n va ni lc ny ), cc bn s thy c 1 vng chn xung quanh ci layer ny. Vo layer>creat new layer (ngay u tin ), n enter sau dng brush masking t v vn vi ln ln trn, brush ny ch t trn phn c chn thi (d nhin ri ^^)

50

Tutorial Photoshop CS
Nov. 13

Cc bn dng Eliptical Marquee tool, feather 11-21 ty ln ca hnh

To vng chn nh hnh di, xung quanh phn no ta cn lm sch brush ( lm l nh pha di

51

Tutorial Photoshop CS
Nov. 13

n delete, c th lm vic ny 1 vi ln sao cho hnh l ra ty thch (vic to vng chn ri delete ) Sau ta dng ctrl U t mu (oi, 7B ko quen nh dng ctrl B v blend t mu nhng cc bn hon ton c th dng ctrl U) t sao cho va vi mu nn l okay Sau khi delete v chnh mu

52

Tutorial Photoshop CS
Nov. 13

By h s l xoay hnh trn palete layer, cc bn click vo layer c cha brush masking , sau click vo ch con chut ca 7B ang ch (hnh bn di) ca layer cha hnh (ci layer m bn va merge my layer xung ) link 2 layer ny vi nhau

53

Tutorial Photoshop CS
Nov. 13

cc bn click phi>free transform v xoay hnh ty thch (move chut vo gc s c biu tng cc bn xoay) Sau khi xoay

Cc bn vo layer>creat new layer sau click phi>blending options click vo ch Drop Shadow, chnh nh hnh

54

Tutorial Photoshop CS
Nov. 13

Opacity KHong 57% l p ^^ Disstance th ty cc bn thi, angle cng th ^^, mu th lm m hn mu bg nhiu nhiu 1 cht (v d cam ~> chn mu huyt d, xanh chui>xanh l cy sm ^^) Dng 1 s brush decor t ln trn layer va drop shadow , c t ba i ^^ c

55

Tutorial Photoshop CS
Nov. 13

Cc bn thm 1 cht pattern cho p (pattern ny xem tut ca ttlovely s c, tui ko hng dn li, m ko c cng ch sao u ^^)

56

Tutorial Photoshop CS
Nov. 13

Thm cht text vo, drop shadow cho text v ta c 1 tc phm theo phong cch decor ^^

57

Tutorial Photoshop CS
Nov. 13

Mt ng dng ca tut ny do ttlovely thc hin

58

Tutorial Photoshop CS
Nov. 13

Rt d lm nhng cng rt kh ^^

V Mt Nhn Vt Truyn Tranh


mng 1 thng 9 nm 2006 ai cng thik ci mt Chibi ni , bu n d xng ni . Thc ra hok cn phi v xong scan ln , v = pen thui ta c 1 tp tit vi ri .. h h ....

Sau y l 1 tut ngn v v mt Chibi do p A t bin t ch , khng p cho lm nhng theo p A l ngn gn v d hiu . Slogan : Xi pen khng kh , dng Mudge cc d ..

u tin m 1 file kch thc 400x400px ( hoc ty bn thik ) :

59

Tutorial Photoshop CS
Nov. 13

To 1 layer , t tn l "NET" . Chn pen tool trn thanh cng c (P) v v mt hnh cong cong kn . tip : Bn c th kch vo ng path xa 1 im path . nhn gi ctrl + kch chut vo im path/ng path chnh li cho p .

60

Tutorial Photoshop CS
Nov. 13

Chut phi / Fill path ... :

v thm 1 hnh kn cong cong pha di , ri lm li bc trn / Fill path ... :

61

Tutorial Photoshop CS
Nov. 13

To thm 1 layer t di layer "NET" , gi l "NET2" ( y p A gim fill layer "NET" bn trn cc bn nhn cho r hn ^^ ) v mt hnh trn . y s l ln ca trng mt :

62

Tutorial Photoshop CS
Nov. 13

chn brush mm khang 2px , ta chn pen v chut phi / Stroke path ... :

63

Tutorial Photoshop CS
Nov. 13

sau ta Ctrl + E gp 2 layer nt vo . By d s l cng an t mu . To layer mi t tn l "MAU" , mode l Multiply . Chn mt mu ti sng , Brush mm nt ln , Fill khang 30% , ta bt u t mt . Tip : Bn c th t lan ty , nhng phi t kn l t trong 1 ln , nu khng mu s khng c u . l l do nn chn brush tht v i .

Bc tip theo chn mt mu sm hn , ta t ln tng lp , ch yu th hin trong ca mt ^^ :

64

Tutorial Photoshop CS
Nov. 13

con ngi v bng :

65

Tutorial Photoshop CS
Nov. 13

Chn Dodge tool trn thanh cng c , c va , range Hightlight v Exp khang 25-30% . Chn pen (P) v v 1 ng cong xung quanh con ngi :

66

Tutorial Photoshop CS
Nov. 13

Chut phi / Stroke path .. , chn dodge :

bi d ta chn Mudge tool trn thanh cng c (M) , c 2-5px , Streng khang 40% . bt u bi theo hnh vng cung . Tip : Khng kh t no . Sai c th Ctrl +Z lm li . C a tht u tay vo ^^ .

67

Tutorial Photoshop CS
Nov. 13

ta c hnh sau :

68

Tutorial Photoshop CS
Nov. 13

Chn Brush u nh mm , Fill 100% , bt u lia let xet , nhn lng la lng lnh l thnh cng

...

69

Tutorial Photoshop CS
Nov. 13

delete ht phn bn ngoi i :

70

Tutorial Photoshop CS
Nov. 13

ta quay li vi layer "NET" , xa mt t i v Ctrl +J nhn i layer .

71

Tutorial Photoshop CS
Nov. 13

Ti layer "NET copi " , ta bt u ...ta lng mi ^^ :

72

Tutorial Photoshop CS
Nov. 13

Rt n gin phi khng no . Ta thc hin cc ch khc nu \:

73

Tutorial Photoshop CS
Nov. 13

Kt qu y , check no :

74

Tutorial Photoshop CS
Nov. 13

Lun c phn ng rng n ( hi tham ^^ ) :

Tip : mt cht v phn ng dng . Ci ny han thnh rt nhanh , dng brush mm nh mu xm , bt u i nt ( tc l di di mt cch c ch ) xung quanh ch mun lm mu me . Cng t y ch nh . Nc mt p A cng tan lm th cng vy . Cui cng l blend cho ci thn nhn qui qui mt t ... Nhn hi b mu m ^^ ... chc cc bn xi pen v mugde tt nh ^^ -

75

Tutorial Photoshop CS
Nov. 13

Ngh Thut Xm Mnh

TUT : Ngh thut xm mnh - 05-19-2006, 06:38 PM

y l cnh trc v sau khi xm mnh Chng ta bt u vi bc nh c hnh xm trc. Trc ht chn "Magic Wand" ri bm chut vo vng trng ca nh, bn phi chc rng ci phn nn ca hnh xm phi trng hon ton. Sau th select>inverse (shift+ctrl+i)

Tip tc, ko ci hnh xm sang bn ci nh hnh ngi, hoc bn cng c th dng lnh copy ri paste sang

76

Tutorial Photoshop CS
Nov. 13

By gi cc bn cn resize li hnh xm cho va vi lng c gi bng Ctrl+T

Sau khi resize xong cc bn tip tc to dng cho hnh xm theo nhng ng con ca c gi bng "Warp Feature" ( click

chut phi vo hnh xm ) Thay i Layer Mode ca hnh xm thnh "Multiply" v "Opacity" ( ci opacity ca mnh l 54% )

77

Tutorial Photoshop CS
Nov. 13

Kt qu y Chc cc bn thnh cng

Lm Mt Bc nh C

Start by clicking on the Create New Adjustment Layer icon at the bottom of the Layers palette and, from the pop-up menu, choose Hue/Saturation.

Turn on the Colorize checkbox in the Hue/Saturation dialog, and move the sliders to get the color tint you want:

78

Tutorial Photoshop CS
Nov. 13

You will have this result:

Click on the Background layer and then click on the Create a New Layer icon at the bottom of the Layers palette to add a new layer above the Background layer. Fill it with white by pressing D to set your Foreground and Background colors to the default, then pressing Control-

79

Tutorial Photoshop CS
Nov. 13

Backspace From the Filter menu, choose Texture>Grain. Change the Grain Type to Vertical and put in high values (I used 91 for Intensity and 83 for Contrast).

Now change the blend mode of the grain layer to Multiply. This is the result of my photo:

Now let's randomize the lines a little, click the Add Layer Mask icon at the bottom of the Layers palette. From the Filter menu, choose Render>Clouds. Press Control-F to create a different cloud pattern to mask the grain layer differently Add a new layer and fill it with 50% gray Go to Edit>Fill, where 50% Gray is a built-in option. From the Filter menu, choose Noise>Add Noise, turn on the Monochromatic checkbox and use a low setting.

80

Tutorial Photoshop CS
Nov. 13

Change the blend mode of the noise layer to Hard Light

I hope you like this tutorial.

81

Tutorial Photoshop CS
Nov. 13

This is the final image.

And here is the difference between images.

82

Tutorial Photoshop CS
Nov. 13

Thanks

Photo effect
One of the best ways to accentuate part of a photograph is to use partial color. That is, make a portion of the photograph color and the rest of it black and white (or rather, grayscale). A festive way to employ this technique is to capture the focal point of an image in color with a polaroid-ish border, and turn the remainder of the photo black and white. By using a couple of adjustment layers and well-placed layer styles, you can make a very creative piece of art. As a bonus, you'll be able to move the color snapshot bit around *anywhere* on the photo, illuminating just that area with color. It's really quite magical. Let's get started!

Create a snapshot shape


Step 1: Pop open a Soon To Be Very Creative Piece of Art in Photoshop. I'm going to use a photo taken last month on the sidelines of a Tennessee Titans football game. Sure I could crop and print it out as is, but that wouldn't be much fun. This snapshot effect will make it way more visually interesting, as you'll soon see.

83

Tutorial Photoshop CS
Nov. 13

Step 2: Press M to grab the Rectangular Marquee tool, and draw a selection around the focal point in the photo, like so:

Step 3: Create an adjustment layer by clicking the half black/half white circle at the bottom of your layers palette. Choose Solid Color from the pop-up menu, and pick any color. NOTE: This color is for reference in building the snapshot shape only, so don't fret over it. It'll be gone in a second :)

This is what my document and layers palette look like now:

84

Tutorial Photoshop CS
Nov. 13

Step 4: While the adjustment layer is still selected in your layers palette, rotate the snapshot shape by pressing Command T (PC: Ctrl T) to bring up Free Transform. Click just below the bottom right handle and drag slightly upward (or downward, depending upon the angle you desire). Press Return to accept the Transform.

Frame it!
Layer styles are perfect for giving the snapshot a polaroid look.

85

Tutorial Photoshop CS
Nov. 13

Step 5: Press the tiny cursive "f" at the bottom of the layers palette and choose Stroke.

Step 6: In the Layer Style dialog box, enter 15 for size, select Inside from the Position pop-up menu, and choose white fom the color well. Don't close the Layer Style dialog box yet though, we need to add a drop shadow first.

TIP: Choosing a position of inside creates straight edges, whereas Outside yields rounded edges. Step 7: In the Layer Style dialog box, add a Drop Shadow by selecting it in the lefthand menu. Adjust the sliders to get a nice soft shadow, then press OK.

86

Tutorial Photoshop CS
Nov. 13

TIP: Mouse over to your document to move the shadow around by hand. NOTE: I made my drop shadow rather large (20 pixels) so that it's visible all the way around the frame, enabling the frame itself to be visible against the white of the Titan's helmet. This is what we have so far:

Zap the color


87

Tutorial Photoshop CS
Nov. 13

Step 8: Zap the orange of the snapshot shape by reducing the fill of the adjustment layer to 0, as shown below.

Step 9: Command click (PC: Ctrl click) the adjustment layer to select it. You should see marching ants appear around the snapshot shape.

Step 10: Create another adjustment layer by clicking the half black/half white circle at the bottom of your layers palette. Choose Hue/Saturation from the pop-up menu.

88

Tutorial Photoshop CS
Nov. 13

Step 11: In the resulting dialog box, drag the Saturation slider all the way to the left. The snapshot area itself will go grayscale, which is the exact opposite of what we want (don't panic because we'll swap this in the next step). Depending upon the contrast of your image, you may want to increase the Lightness just a touch by dragging its slider to the right. Click OK when finished.

Here's where we are now; a neat effect, but not what we're after today:

89

Tutorial Photoshop CS
Nov. 13

Step 12: Invert the grayscale by pressing Command I (PC: Ctrl I). Now the snapshot area should be color, and the rest grayscale. Whee! Ain't that purdy?!

90

Tutorial Photoshop CS
Nov. 13

Move it around
Here's the magical part: Because we used adjustment layers to create this effect, we can *move* the snapshot area around to just the right spot, and the color will follow. Oh yes. Several minutes of fun right here (it reminds me of those HP commercials). Here's how: Step 13: Shift click both adjustment layers in the layers palette so they are both highlighted.

91

Tutorial Photoshop CS
Nov. 13

Step 14: Press V to grab the Move tool, and mouse back over to your document and drag the snapshot area around. Notice how the color moves with it? Is that cool or what?!

If I were going to put it on the web, I'd feather the edges of the grayscale bit. Just double-click the background layer to make it editable, draw a rectangular selection about .25 inches in from the edge and feather it by 10 pixels. Lastly, add a layer mask to hide the edges and then save it for the web.

92

Tutorial Photoshop CS
Nov. 13

This is a great way to spice up a photo to either print out, or to use in making custom holiday iCards to email friends and family. Hope you enjoy the effect!

Khung
One of these days while looking through TemplateMosters vast collection I came across one or two templates with a very curious effect. The effect I'm talking about is when a single picture is comprised of smaller rectangles. Without hesitation, I decided to copy the effect in Photoshop and relate my steps in this tutorial. For starters, we'll need a picture, which will serve as a basis for the rectangles. I liked this sunflower one a lot.

93

Tutorial Photoshop CS
Nov. 13

Click to enlarge Open it in Photoshop, go to Channels Panel and create a new channel. Select Rounded Rectangle tool in the top left hand corner and draw a medium-sized rectangle.

Holding down Ctrl, left click the thumbnail of channel Alpha1. After that select Move tool and holding down Ctrl+Alt+Shift use the left mouse button to move the rectangle to the right. You should get a thin black 4pixel line between the rectangles.

94

Tutorial Photoshop CS
Nov. 13

Repeat the procedure until you have the line filled with rectangles.

Holding down Ctrl, left click the thumbnail of channel Alpha1. After that, using the Move tool and holding down Ctrl+Alt+Shift move the rectangles with the left mouse button so that a 4pixel black line remains between the rows. Repeat this action until you fill up the whole space.

95

Tutorial Photoshop CS
Nov. 13

Select all the white rectangles. To do this, left-click the thumbnail of Alpha1 channel while holding down Ctrl. Go back to Layers Pallete and click the thumbnail of your picture. Select the Marquee tool and move the selected area the way you want. You can also use the Transform Selection to modify the selection in your own most suited way. I liked my original selection so I decided to keep it.

Click to enlarge After that, duplicate the selection and hide the layer containing the full picture. Here's what you should get:

96

Tutorial Photoshop CS
Nov. 13

Click to enlarge Basically, the tutorial is over. From this point on, you have no restrictions to follow you fancy. You can delete a few cells of substitute some texts/inscriptions for them, or outline them in a certain way creating menu buttons.

Click to enlarge

3D-Photo effect Published 05/19/2006 | 3D Effects |

97

Tutorial Photoshop CS
Nov. 13

In this tutorial I will try to explain how to create a 3D effect from a 2D-image

1. This is the original image

2. Start with creating the "Photo-frame" by drawing a selection with the Polygonal Lasso Tool (L). Save the selection as "frame"

3. Now, mask the details that is outside the frame you created in step 2. When you're done, copy the masked objects and paste it into a new layer

98

Tutorial Photoshop CS
Nov. 13

4. Creating the Photo frame Select the first layer with the original image and Load the "frame selection" that you saved in step 2. Select inverse and hit Delete. Select inverse again and go to Select > Modify> Contract selection by 15 pixels. Save that selection as Innerframe. Now, load the selection "frame" and then load the selection "innerframe" and chose subtract from selection, an d it will look something like this.

5. Add a new Layer and fill it with a gradient white to light grey. White top left to light grey bottom right. 6. Creating a shadow. Add a new layer below the "frame layer", load the selection "frame" and fill it with black. Deselect and apply the gaussian blur filter with amount 5.

99

Tutorial Photoshop CS
Nov. 13

7. Now go to edit > transform > skew and drag it down a little bit on the right side.

8. Set the opacity to about 60%

100

Tutorial Photoshop CS
Nov. 13

9. Now, fill the bottom layer with any color you like and you're done!

101

Tutorial Photoshop CS
Nov. 13

Written By Steve Patterson, Photoshop Essentials.com


Learn Photoshop with our free Adobe Photoshop tutorial on how to create a classic wedding photography effect in Photoshop, placing a couple inside a wine glass. Learn Photoshop with our free Adobe Photoshop tutorials on Photoshop effects at Photoshop Essentials.com. Photoshop effects tutorials, Photoshop 6 tutorials, Photoshop 7 tutorials, Photoshop CS tutorials, Photoshop CS2 tutorials, Photoshop CS3 tutorials. Get Photoshop help and learn Photoshop with free Photoshop tutorials. Whether you're looking for beginner Photoshop tutorials or advanced Photoshop tutorials, you'll find them here. This is an Adobe Photoshop effects tutorial. Check out all of our free Adobe Photoshop tutorials, including all of our Photoshop effects tutorials. Photoshop Essentials.com offers only the highest quality Adobe Photoshop tutorials and Photoshop effects tutorials, all written by an Adobe Certified Expert. In this Adobe Photoshop tutorial, we're going to look at a classic Photoshop effect for wedding photography, placing the wedding couple inside a wine glass. This is a very easy Photoshop effect to create, requiring nothing more than a few basic tools, a layer mask, and a few minutes worth of effort. We'll be finishing off the effect with a slightly more advanced blending option, but "more advanced" definitely doesn't mean "more difficult", as we'll see. If you're not into wedding photography, you can use this Photoshop technique to place images inside any glass object, like a bottle or even an hour glass, and it also works great for placing images inside bubbles which is always a fun thing to do. Any recent version of Photoshop Adobe

Photoshop 6 tutorial, Adobe Photoshop 7 tutorial, Adobe Photoshop CS tutorial, Adobe Photoshop CS2 tutorial will work just fine.
Here's the two images I'll be using in this Photoshop effects tutorial:

102

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: The wedding couple.

103

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: The wine glass. And here's the final result we'll be working towards:

104

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: The final result. Let's get started.

View All Photoshop Effects Tutorials

Step 1: Drag A Selection Around The Couple With The Elliptical Marquee Tool
We're going to start things off by working on the photo of the wedding couple. Select the Elliptical Marquee Tool from Photoshop's Tools palette. By default, it's hiding behind the Rectangular Marquee Tool, so you'll need to click on the Rectangular Marquee Tool icon and hold your mouse down for a second or two, then select the Elliptical Marquee Tool from the fly out menu that appears:

105

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: Select the Elliptical Marquee Tool. Then, with the Elliptical Marquee Tool selected, drag out an elliptical selection around the wedding couple. If you need to reposition your selection as you drag, simply hold down the Spacebar on your keyboard and then move your mouse around to reposition it. Release the Spacebar to continue dragging out the selection:

Adobe Photoshop tutorial: Drag out an elliptical selection around the wedding couple.

Step 2: Feather The Selection


Next, we're going to "feather" the selection, which is Photoshop-speak for making the selection edges softer. To do that, with the selection still active, go up to the Select menu at the top of the screen and choose Feather. When the dialog box appears, enter a Feather Radius value of about 15-20 pixels. I'm going to set mine to 20 pixels:

106

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: Add a feather of about 15-20 pixels to the selection to soften the edges. Click OK to exit out of the dialog box.

Step 3: Drag The Selection Into The Wine Glass Photo


Now that we have our selection around the wedding couple and we've softened the selection edges, we need to drag the selection into the photo of the wine glass. For that, we need the Move Tool, so select it from the Tools palette or press V on your keyboard for the shortcut:

Adobe Photoshop tutorial: Select the Move Tool. Then, with both images open in their own separate document windows, simply click with the Move Tool inside the photo of the wedding couple and drag the selection into the photo of the wine glass:

107

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: Click inside the photo of the wedding couple and drag them into the photo of the wine glass. Don't worry if some of your edges around the couple look like they're cut off, as mine do at the top and on the right. We'll be fixing that in a moment with our layer mask. Also notice how the edges appear nice and soft (except of course for the areas that appear cut off), and that's thanks to the feather we applied to the selection. Once you've dragged the wedding couple into the other photo, you don't need to have their original image open on your screen anymore, so you can close out of it if you wish.

Step 4: Resize and Reposition The Wedding Couple With Photoshop's Free Transform Command
This is page two of our three page free Adobe Photoshop tutorial from our Photoshop effects tutorials section on how to create a classic Photoshop effect, placing a couple inside a wine glass. This is a great Photoshop technique for wedding photographers but also for graphics designers as well and can be used by anyone who wants to place a digital image or digital photo inside a glass object or even inside a bubble. Check out all of our free Adobe Photoshop tutorials and training on the website. Every Photoshop tutorial was written by an Adobe Certified Expert with beginner Photoshop users in mind but can also be used by advanced Photoshop users. We have Adobe Photoshop 6 tutorials, Adobe Photoshop 7 tutorials, Adobe Photoshop CS tutorials, Adobe Photoshop CS2 tutorials, and Adobe Photoshop CS3 tutorials. Be sure to check back regularily for all the new free Adobe Photoshop tutorials we add! We need to move the wedding couple into position in front of the wine glass and we'll most likely need to resize them as well (I certainly need to with my image), and we can do both of these things using Photoshop's Free Transform

108

Tutorial Photoshop CS
Nov. 13 command. Press Ctrl+T (Win) / Command+T (Mac) on your keyboard to bring up the Free Transform box and handles around them. To move the couple into position, simply click anywhere inside the Free Transform box and drag them into their new location with your mouse. The only spot you can't click on is that little target icon in the center of the Free Transform box. When I say "can't", what I mean is, you can certainly click on it if you like, but if you do, you'll move the target instead of moving the image. So if your goal is to move the image, not the little target icon, click anywhere except for on that target icon. To resize the couple, hold down Shift+Alt (Win) / Shift+Option (Mac) and drag any of the corner handles. Holding down Shift constrains the proportions of the image as you drag, and holding down Alt/Option tells Photoshop to resize from the center of the Free Transform box (technically, it tells Photoshop to resize the image around that little target icon, which is why you didn't want to move it):

Adobe Photoshop tutorial: Move and resize the couple as needed with Free Transform. Press Enter (Win) / Return (Mac) when you're happy with the size and location of the couple to accept the transformation.

Step 5: Add A Layer Mask To The Wedding Couple Layer


If we look in Photoshop's Layers palette, we can see that we now have two layers. The wine glass image is on the bottom "Background" layer, and the wedding couple is on "Layer 1" above it. With "Layer 1" selected (the currently selected layer is highlighted in blue), click on the Layer Mask icon at the bottom of the Layers palette:

109

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: Click on the "Layer Mask" icon at the bottom of Photoshop's Layers palette. You'll see a layer mask thumbnail appear to the right of the layer preview thumbnail.

Adobe Photoshop tutorial: "Layer 1" now has a layer mask thumbnail to the right of the layer contents preview thumbnail.

Step 6: Paint With Black Around The Edges Of The Wedding Couple
Now that we have our layer mask, we're going to use it to blend the wedding couple in better with the wine glass, and we'll do that by painting with black and a soft-edged brush around the edges of the wedding couple image. For that, we need Photoshop's Brush Tool so select it from the Tools palette. You can also press B to select it with the keyboard shortcut:

110

Tutorial Photoshop CS
Nov. 13 Adobe Photoshop tutorial: Click on the "Layer Mask" icon at the bottom of Photoshop's Layers palette. We also need black as our Foreground color. If black isn't currently your Foreground color, simply press D on your keyboard, which will set white as your Foreground color and black as your Background color, and then press X to swap them. Then with a medium-size, soft-edged brush, simply paint along the edges of the wedding couple image to reveal the edges of the wine glass underneath them, and continue painting until the image of the couple is completely contained inside the glass. To resize your brush, use the left and right bracket keys on your keyboard. Pressing the left bracket key makes the brush smaller and pressing the right bracket key makes it larger. To soften the edges of the brush, hold down the Shift key and press the left bracket key a few times (holding Shift and pressing the right bracket key makes the brush edges harder):

Adobe Photoshop tutorial: Paint with black and a medium size, soft-edged brush around the edges of the wedding couple image to reveal the edges of the wine glass underneath them. If you make a mistake as you're painting, either press Ctrl+Z (Win) / Command+Z (Mac) to undo it or press X on your keyboard to set your Foreground color to white, paint over your mistake, then press X again to set your Foreground color back to black and continue painting around the edges. When you're done, your image should look something like this:

111

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: The image after containing the wedding couple inside the wine glass.

Step 7: Use The "Blend If" Sliders To Bring Back Some Glass Highlights
This is page three of our three page free Adobe Photoshop tutorial from our Photoshop effects tutorials section. In this Photoshop effects tutorial, we learn how to create a great Photoshop effect where we take a digital photo of a wine glass and a digital photo of a wedding couple and combine them together. A class Photoshop technique which can be used both by photographers as well as designers and can be used by anyone who wants to place a digital image or digital photo inside a glass object or even inside a bubble. We offer many free Adobe Photoshop tutorials here at Photoshop Essentials, with each Adobe Photoshop tutorial written by an Adobe Certified Expert in Photoshop in an easy to follow, step by step approach with beginner Photoshop users in mind, although advanced Photoshop users will also benefit from these Photoshop tutorials. We have Adobe Photoshop 6 tutorials, Adobe Photoshop 7 tutorials, Adobe Photoshop CS tutorials , Adobe Photoshop CS2 tutorials, and Adobe Photoshop CS3 tutorials. Be sure to check back regularily for all the new free Adobe Photoshop tutorials we add! Let's finish off the effect by bringing back some of the highlights and light reflections in the glass. We'll use Photoshop's Blend If sliders for that. With "Layer 1" still selected, click on the Layer Styles icon (the icon that looks like an "f") at the bottom of the Layers palette and select Blending Options from the top of the list that appears:

112

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: Click on the "Layer Styles" icon at the bottom of Photoshop's Layers palette and select "Blending Options" from the top of the list. This brings up Photoshop's "Layer Style" dialog box set to the "Blending Options" in the middle column. The "Blend If" sliders are at the bottom. You'll see two black-to-white gradient bars. We want the bar at the very bottom. Click on the white slider at the bottom right of the gradient bar and begin dragging it towards the left. As you drag, you'll notice any white highlights and light reflections in the glass beginning to re-appear. Problem is, they have very harsh, jagged edges. To soften them, as soon as the highlights begin to reappear, release your mouse button, hold down your Alt (Win) / Option (Mac) key, and then click back on the slider and continue dragging it towards the left. By holding down Alt/Option, you split the slider in half and you'll now be dragging only the left half of it. The area in between the two halves becomes a transition area between the wedding couple image and the glass highlights, giving us nice, soft edges to the highlights. The greater the distance between the two halves, the greater the transition area and the softer the edges of the highlights:

Adobe Photoshop tutorial: Drag the white slider for the bottom "Blend If" bar towards the left until you begin to see any highlights or light reflections reappearing in the glass, then release your mouse button, hold down "Alt" (Win) / "Option" (Mac) and continue dragging the slider to split it in half and create soft, smooth edges for the highlights. You'll probably need to play with the slider halves a bit, moving each one left and right until you're happy with the results. When you're done, click OK in the top right corner of the Layer Style dialog box to exit out of it, and you're done! Here, after bringing back some of the highlights in the glass with the Blend If sliders, is my final "wedding couple in the wine glass" result:

113

Tutorial Photoshop CS
Nov. 13

Adobe Photoshop tutorial: The final effect. And there we have it!

114

Tutorial Photoshop CS
Nov. 13

Bourne Ultimatum Color and Motion Blur


Photoshop tutorial: The original image. And here's the same image after applying the "Bourne Ultimatum" color and motion blur effect to it:

115

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The final result. Let's get started.

View All Photoshop Effects Tutorials

Step 1: Duplicate The Background Layer


As is often the case with many of our Photoshop tutorials (and also a good habit to get into), the first thing we want to do in creating this effect is duplicate our Background layer. Photoshop's Layers palette is currently showing us that we have only one layer, the "Background" layer, which contains our original image:

116

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The Layers palette showing the original image on the Background layer. Let's duplicate the layer using the keyboard shortcut Ctrl+J (Win) / Command+J (Mac). When I look in my Layers palette now, I can see that Photoshop has copied my Background layer and has named the copy "Layer 1". The copy is also above the original Background layer:

Photoshop tutorial: Press "Ctrl+J" (Win) / "Command+J" (Mac) to duplicate the Background layer.

Step 2: Set The Color You Want To Colorize The Image With As Your Foreground Color
We're going to use a "Hue/Saturation" adjustment layer to colorize the image in a moment, but to make things easier, let's choose the color we're going to use first by setting it as our Foreground color. This way, we won't have to fumble around with any sliders in the Hue/Saturation dialog box trying to find the color we want. To do that, click on the Foreground color swatch in the Tools palette:

Photoshop tutorial: Click on the Foreground color swatch near the bottom of the Tools palette.

117

Tutorial Photoshop CS
Nov. 13 When you click on it, Photoshop's Color Picker will appear. You're of course free to use whichever color you want for your effect. I've gone ahead and sampled a color directly from the movie poster, so if you want to use the same color I'll be using, look on the bottom right side of the Color Picker for the RGB options and enter 48 for the R value (which stands for Red), 94 for the G value (Green), and 116 for the B value (Blue):

Photoshop tutorial: Use the Color Picker to choose the color you want to colorize the image with. Click OK when you're done to exit out of the dialog box.

Step 3: Colorize The Image With A Hue/Saturation Adjustment Layer


Now that we've selected the color we're going to use to colorize the image, this next step is going to be easy. Click on the New Adjustment Layer icon at the bottom of the Layers palette:

Photoshop tutorial: Click on the "New Adjustment Layer" icon.

118

Tutorial Photoshop CS
Nov. 13 Then choose Hue/Saturation from the list that appears:

Photoshop tutorial: Choose "Hue/Saturation" from the list. This will bring up Photoshop's Hue/Saturation dialog box. Since we've already chosen the color we want to colorize the image with, all we need to do here is select the Colorize option in the bottom right corner of the dialog box:

Photoshop tutorial: Check the "Colorize" option. As soon as you check the option, Photoshop goes ahead and colorizes the image using our chosen Foreground color:

119

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Photoshop colorizes the image with our chosen Foreground color. Click OK to exit out of the Hue/Saturation dialog box.

Step 4: Select Your Brush Tool


In the movie poster for the "Bourne Ultimatum", the entire image is colorized except for Matt Damon's face and hands, which have some of his original flesh tone showing through, and we can do the same thing with our image very easily. First, we need the Brush Tool, so either select it from the Tools palette or press B on your keyboard:

Photoshop tutorial: Select the Brush Tool.

120

Tutorial Photoshop CS
Nov. 13

Step 5: Set Your Foreground Color To Black


In order to bring back some of the color from the original image, we're going to use our brush to paint with black on the Hue/Saturation adjustment layer's layer mask. Anywhere we paint with black is going to hide the effects of the adjustment layer and bring back our original color. In order to paint with black, we need black as our Foreground color, and we can get that easily by pressing D on the keyboard, which resets Photoshop's Foreground and Background colors, making black our new Foreground color (white becomes the Background color). We can see this if we look at the Foreground and Background color swatches in the Tools palette:

Photoshop tutorial: Reset the Foreground color to black by pressing "D" on your keyboard.

Step 6: Lower The Opacity Of The Brush To About 30%


We only want to bring back a subtle amount of color, so we need to lower the opacity of our brush before we begin painting. To do that, with the Brush Tool selected, go up to the Opacity option in the Options Bar at the top of the screen and lower the opacity of the brush to around 30%:

Photoshop tutorial: Lower the opacity of your brush to around 30%. This way we'll only be bringing back 30% of the original color rather than the full amount.

Step 7: Select The Hue/Saturation Adjustment Layer's Layer Mask


As I mentioned, we're going to paint with black on the Hue/Saturation adjustment layer's layer mask, rather than on the image itself, so let's select the layer mask by clicking on the layer mask thumbnail in the Layers palette:

121

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Select the layer mask by clicking on its thumbnail in the Layers palette. You'll know that the layer mask is selected because it will have a white highlight border around the thumbnail, as we can see in the image above.

Step 8: Paint On The Image To Bring Back Some Of The Skin Tone
We have our Brush Tool with our Foreground color set to black, we've lowered the opacity of the brush to 30%, and we've selected the layer mask for the Hue/Saturation adjustment layer in the Layers palette. All we need to do now is paint over any areas where we want to bring back some of the color from the original image. I want to bring back some color in the skin tones of both people in my image, so I'm going to paint over their faces and hands to bring back some skin color. To resize my brush as needed, I'll use the left and right bracket keys on my keyboard. The left bracket key makes the brush smaller and the right bracket key makes it larger. Here' I'm painting over the guy's face and you can see that his skin tone is showing through:

122

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Paint with black to reveal some of the original skin tone. If you accidentally paint over an area you didn't mean to paint over, simply press X on your keyboard to switch your Foreground color to white and paint over the mistake, then press X again to switch back to black and continue painting.

123

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The image after bringing back some of the skin tones. At this point, we're done colorizing our image. Next, we're going to add the motion blur effect.

Step 9: Apply The Motion Blur Filter To The Background Copy Layer ("Layer 1")
We're going to add our motion blur effect to the image, and we'll use Photoshop's classic and appropriately named "Motion Blur" filter to do it. We want to apply the motion blur to the copy of the Background layer that we created back at the beginning of this tutorial, so click on "Layer 1" in the Layers palette to select it. You'll know it's selected because it will appear highlighted in blue:

124

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Click on "Layer 1" in the Layers palette to select it. Now that we have the correct layer selected, let's go up to the Filter menu at the top of the screen, choose Blur, and then choose Motion Blur. This will bring up the Motion Blur filter's dialog box. Set your Angle to around -40. Then drag the slider at the bottom to adjust the Distance of the motion blur. The value you set this to is going to depend a lot on the size of your image. I'm using a small image for this tutorial, and for me, a value of about 35 pixels gives me roughly the same effect used in the Bourne Ultimatum movie poster:

Photoshop tutorial: Set the "Angle" to -40, then adjust the blur distance with the slider at the bottom.

125

Tutorial Photoshop CS
Nov. 13 If you're using a large, high resolution image, you'll want to set your Distance value higher. Use my image below as a guide for the blur distance you're aiming for:

Photoshop tutorial: The image after applying the Motion Blur filter.

Step 10: Add A Layer Mask To The Motion Blur Layer


What I'm going to do next is allow the two people in the image to show through the motion blur effect, and I'm going to once again use a layer mask for that. With "Layer 1" still selected, I'm going to click on the Layer Mask icon at the bottom of the Layers palette:

126

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Click the "Layer Mask" icon. This adds a layer mask to our motion blurred layer, and it also adds a layer mask thumbnail in the Layers palette. I can tell from the white highlight border around the thumbnail that the layer mask is already selected for me:

Photoshop tutorial: The Layers palette now showing the layer mask thumbnail on "Layer 1". I can now use this layer mask to hide the motion blur from in front of the two people in my image, which I'll do next.

Step 11: Paint With Black On The Layer Mask To Hide The Motion Blur
With black still as my Foreground color and the layer mask on "Layer 1" selected, I'm going to use my Brush Tool again to paint over the areas in the image where I want to hide the motion blur, which in my case is in front of the two people. I want to use a soft-edged brush for this, so I'm going to hold down my Shift key and press the left bracket key on my keyboard a few times, which will give me a nice soft edge for my brush. Before I begin painting, I'm going to go back up to the Options Bar and set the opacity of my brush back up to 100%:

127

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Set the opacity of the Brush Tool back to a full 100% in the Options Bar. Once again, I'm going to resize my brush as needed using the left and right bracket keys, and I'm simply going to paint with black over the two people in my image, allowing them to show through the motion blur. As I approach the edges of the people, I'm going to keep my brush just inside the edge to give me a nice blend between the people and the motion blur around them. If I make a mistake and accidentally paint over an area I didn't mean to, I can simply press X on my keyboard to switch my Foreground color to white, just as I did when painting on the Hue/Saturation layer mask, and paint over the mistake. Then I'd press X again to switch back to black and continue painting away the motion blur:

Photoshop tutorial: Paint with black over areas to hide the motion blur. I'm going to continue painting over the guy until I've removed all of the motion blur in front of him, leaving a nice effect around the edges:

128

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The image after painting away the motion blur effect in front of the guy. And here's my image after painting away the motion blur effect in front of the woman behind him as well:

129

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Both people are now showing through the motion blur.

Step 12: Add A New Layer At The Top Of The Layers Palette
At this point, our effect is pretty much complete. We've colorized the image, brought back some of the original skin tone, added our motion blur, and then painted away the motion blur in front of the two people. Let's finish things off by adding a little grunge to the image. First, click on the Hue/Saturation layer in the Layers palette to select it so we can add a new blank layer above it. Then click on the New Layer icon at the bottom of the Layers palette:

130

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Select the Hue/Saturation layer in the Layers palette, then click on the "New Layer" icon. Photoshop will add a new blank layer at the top of the Layers palette, and will name it "Layer 2":

Photoshop tutorial: A new blank layer is added to the top of the Layers palette.

Step 13: Fill The New Layer With White


We need to fill this new layer with white, and since white is currently our Background color, we can use the keyboard shortcut Ctrl+Backspace (Win) / Command+Delete (Mac), which tells Photoshop to fill the layer with the Background color. The image will now appear completely filled with white. I won't bother showing a screenshot, since a white image on a white background wouldn't look very interesting.

131

Tutorial Photoshop CS
Nov. 13

Step 14: Apply Photoshop's "Add Noise" Filter To The Layer


Go up to the Filter menu at the top of the screen, choose Noise, and then choose Add Noise. This brings up the "Add Noise" filter's dialog box. I'm going to use the slider to set my Amount value to around 100% or so, giving me quite a bit of noise. You may want to set yours even higher if you're using a high resolution image. Also, make sure that the Gaussian and Monochromatic options are both selected at the bottom of the dialog box:

Photoshop tutorial: Go to Filter > Noise > Add Noise to bring up the Add Noise dialog box. Click OK when you're done to exit out of the dialog box. Your image will now be filled with noise:

132

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The image after filling the top layer with noise.

Step 15: Change The Blend Mode Of The Noise Layer To "Color Burn"
Our image is filled completely with noise, which isn't what we want. Let's blend the noise in with the image by first changing the blend mode of the noise layer. Go up to the blend mode options in the top left corner of the Layers palette, click on the down-pointing arrow to the right of the word "Normal" and change the blend mode to Color Burn:

Photoshop tutorial: Change the blend mode of the noise layer to "Color Burn".

133

Tutorial Photoshop CS
Nov. 13

Step 16: Lower The Opacity Of The Noise Layer To 10% Or Less
The noise is now blending in with the image but it's much too intense. To fix that and complete our effect, go over to the Opacity option in the top right of the Layers palette (directly beside the blend mode option) and lower the opacity of the layer all the way down to 10% or less. I'm going to set mine to 8%, leaving the noise barely visible but enough to add a little "dirt" to the image:

Photoshop tutorial: Lower the opacity of the noise layer to 10% or less so the noise is just barely visible. Once you've blended in your noise with the image, you're done! Here, for comparison, is my original image once again:

134

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The original image once again. And here is the final "Bourne Ultimatum movie poster" color and motion blur effect:

135

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The final effect. And there we have it!

Create A Photo Within A Photo

Any recent version of Photoshop will work just fine for this effect. I'll be using Photoshop CS2 here. Here's the original image I'll be using for this tutorial:

136

Tutorial Photoshop CS
Nov. 13

And here's what we'll be working towards throughout the steps:

Now that we know where we're headed, let's get started.

Step 1: Duplicate The Background Layer


With my original photo open inside Photoshop, I can see in my Layers palette that I currently have just one layer, the Background layer:

137

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Photoshop's Layers palette showing the Background layer containing my original image. The first thing I need to do is duplicate the Background layer, so I'll use the quick keyboard shortcut, Ctrl+J (Win) / Command+J (Mac). I now have my copy of the Background layer showing in the Layers palette, which Photoshop automatically names "Layer 1":

Photoshop tutorial: The Layers palette showing the Background layer with the copy of it above, named 'Layer 1' To keep things easier to follow as we go along, and as a good habit to get into, I'm going to rename this layer to something more descriptive. Since "Layer 1" will eventually become the smaller, cropped version of the photo, I'm going to double-click on the name of the layer and change its name from "Layer 1" to "Smaller version":

138

Tutorial Photoshop CS
Nov. 13 Photoshop tutorial: Double-click on the name "Layer 1" and change the layer's name to "Smaller version".

Step 2: Create A New Layer Below The 'Smaller Version' Layer


The next thing we need to do is create a new layer below the "Smaller version" layer, so it ends up between the two layers we currently have. What most people would do here is click on the Background layer to select it and then create a new layer, since by default, Photoshop always creates your new layer directly above the layer currently selected in the Layers palette. Here's a neat trick I prefer to use instead, and if you don't know about it, once you do know it, you'll use it a lot. Rather than creating a new layer above the currently selected layer, you can tell Photoshop to create it below the currently selected layer by holding down the Ctrl key (Win) / Command key (Mac) while you click the New Layer icon at the bottom of the Layers palette, as I'll do here:

Photoshop tutorial: Hold down 'Ctrl' (Win) / 'Command' (Mac) as you click the New Layer icon to create a new layer below the 'Smaller version' layer. And now, thanks to that little trick, Photoshop has created a new blank layer for me directly below the "Smaller version" layer:

139

Tutorial Photoshop CS
Nov. 13 Photoshop tutorial: The new layer, again named "Layer 1", created below the "Smaller version" layer. Since I renamed the previous "Layer 1" to "Smaller version", Photoshop has gone and named this second new layer "Layer 1" in its place. I'm going to double-click the layer's name and rename it to "Clipping mask", since in a moment, we're going to be using this layer to "clip" the layer above it:

Photoshop tutorial: Double-click on the name of the new layer and rename it "Clipping mask".

Step 3: Drag Out The Shape Of The Smaller Photo With The Rectangle Tool
With the "Clipping mask" layer selected in the Layers palette, select the Rectangle tool either from Photoshop's Tools palette or by pressing U on your keyboard:

Photoshop tutorial: Select the Rectangle tool. The Rectangle tool draws rectangular vector-based shapes, and with it selected, I'm going to drag out the approximate shape and location of my smaller, cropped photo. I want to bring focus and attention to the subject of the photo, which in this case is the guy in the kayak, so I'll drag out a rectangular shape around him:

140

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Drag out the approximate shape and location of the smaller version around your subject. With the vector shape drawn, notice what's happened in the Layers palette. The "Clipping mask" layer, which was a normal, blank layer a moment ago, has now become a vector shape layer:

Photoshop tutorial: The "Clipping mask" layer has become a vector shape layer. In case you're wondering, the layer is still named "Clipping mask", even though you can no longer see the name. If I was to drag out the width of the Layers palette, you'd see it.

Step 4: Use The Vector Shape To Create A Clipping Mask


Now that we have the shape of our smaller, cropped version of the photo drawn out, we can use this shape as a clipping mask, which will "clip" the layer above it to the dimensions of the shape. To do that, hold down the Alt key (Win) / Option

141

Tutorial Photoshop CS
Nov. 13 key (Mac) and move your mouse cursor directly between the "Smaller version" and "Clipping mask" layers , until you see your cursor change into the clipping mask icon (circled in red below):

Photoshop tutorial: Hold down Alt (Win) / Option (Mac) and move your mouse directly between the two layers until your cursor changes to the clipping mask icon Once your clipping mask icon appears, simply click with your mouse to create the clipping mask. It won't seem like anything has happened yet in your image, but in the Layers palette, the "Smaller version" layer will indent to the right, indicating that it's now being clipped by the vector shape below it:

Photoshop tutorial: The Layers palette now showing the "Smaller version" layer clipped by the vector shape layer below it. Nothing much has happened yet to the image, but we're about to change that. We're going to create the appearance of our smaller, cropped photo around the subject by adding a couple of layer styles to the vector shape.

142

Tutorial Photoshop CS
Nov. 13

Step 5: Add A White Stroke To The Vector Shape To Create The Border Of The Smaller Photo
Click on the vector shape layer in the Layers palette to select it, and then click on the Layer Styles icon at the bottom of the palette:

Photoshop tutorial: Click on the vector shape layer to select it, then click the Layer Styles icon at the bottom of the Layers palette. Select Stroke from the list:

Photoshop tutorial: Select "Stroke". This brings up the rather massive Layer Style dialog box with our Stroke options:

143

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The Stroke options in the Layer Style dialog box. There's three options we want to change here, and I've circled them in red in the screenshot above. I've set my Stroke Size to 10px to create a "Polaroid"-size border around my smaller photo. Depending on the size of the photo you're working with, you may find a different value works better. Below that, make sure Position is set to Inside. This means our stroke will appear inside the boundaries of the shape. By default, Position is set to "Outside", which causes the corners of the stroke to appear rounded. We want our corners nice and sharp, and "Inside" does that for us. Finally, by default, Photoshop sets the stroke color to red, which makes absolutely no sense, and obviously we don't want a red border around our image, so change the stroke color to white. Here's what my image looks like so far with the 10px white stroke applied:

144

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The smaller photo is now visible with the white 10px stroke applied. Don't click OK yet though. We have one more layer style to apply.

Step 6: Apply A Drop Shadow


With the Layer Style dialog box still open, click on the very first layer style at the top of the list on the left, Drop Shadow. Make sure you click directly on the words "Drop Shadow" and don't simply click inside the check box to the left of them. We want to bring up the options for the drop shadow effect, and you need to click directly on the words themselves for that.

Photoshop tutorial: Click directly on the words "Drop Shadow" at the top of the list of layer styles on the left. This changes the options shown in the Layer Style dialog box from the Stroke options to the Drop Shadow options:

145

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The Drop Shadow options in the Layer Style dialog box. The two options we're most concerned about here are the Angle and Distance options, circled in red above. Now, we could start guessing at values and continue entering them in manually until our drop shadow looks the way we want it, but there's a much better way to go about this. Keeping the Layer Style dialog box open and set to Drop Shadow, simply click anywhere inside your image and drag your mouse around. As you drag the mouse, you'll see the drop shadow moving right along with you, and the values for "Angle" and "Distance" changing dynamically as you continue dragging. I've dragged my drop shadow around and ended up with an angle value of 134 degrees and a distance of 9 px, which looks good to me. When you have your drop shadow placed where you want it, click OK to exit out of the Layer Style options. Here's my image now with both the white stroke and the drop shadow applied:

146

Tutorial Photoshop CS
Nov. 13 Photoshop tutorial: The smaller photo now has the white stroke and the drop shadow applied.

Step 7: Use 'Free Transform' To Rotate And/Or Resize The Vector Shape As Needed
If you need to rotate, resize or reposition your vector shape at this point, make sure the vector shape layer is selected in the Layers palette and then use the keyboard shortcut Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform box and handles around the smaller photo. To move the vector shape, click anywhere inside the Free Transform box and drag the shape to a new location, or use the arrow keys on your keyboard to nudge it. To resize the shape, click and drag any of the Free Transform handles. To simply make the shape larger or smaller while keeping the same proportions for width and height, hold down the Shift key as you drag any of the corner handles. Holding down Alt (Win) / Option (Mac) as you drag will cause the shape to resize from the center rather than from the side or corner opposite from where you're dragging. Finally, to rotate the shape, click and drag your mouse anywhere outside of the Free Transform box. Press Enter or Return when you're done to apply the transformation. Rotating the vector shape adds a bit more excitement to the image, as I've done below. I've also made slight changes to the size and position of my shape:

Photoshop tutorial: Resize, reposition and/or rotate the shape of the smaller photo as needed using "Free Transform". Our smaller cropped photo around the subject is now complete. We'll finish the image off by colorizing and blurring the original image in the background next. We're almost done. All of the work on creating the illusion of the smaller, cropped photo inside the main image is complete, and all that's left to do now is some work on the original image in the background. There's all sorts of things you could do with it. You could technically leave it alone and be happy with what you have at this point, but now that we've increased the focus on the main subject, the idea is to lessen the focus on the rest of the image that's in the background. You could desaturate it and make it black and white. You could add a simple Gaussian Blur filter to blur out the background. You could use Levels or Curves to lighten the background and give it a "washed out" appearance. There's plenty of options, and you certainly don't have to do what I'm about to do here, which is to colorize it and add a Radial Blur effect, but if you do want the same look for your background, here's how you do it.

147

Tutorial Photoshop CS
Nov. 13

Step 8: Use The Eyedropper Tool To Sample A Color From Inside The Smaller Photo Area
Select the Eyedropper Tool from the Tools palette, or press I on your keyboard to select it. I'm going to use the Eyedropper to sample a color from inside the smaller photo area and then use that color to colorize the original image in the background:

Photoshop tutorial: Select the Eyedropper tool to sample a color from inside the smaller photo area. With the Eyedropper selected, I'm going to click somewhere on the helmet of the guy to sample that blue color:

Photoshop tutorial: Sampling a color from the helmet. Notice that my foreground color in the Tools palette has now changed to that blue color I just sampled:

Photoshop tutorial: The foreground color in the Tools palette has changed to the blue color sampled from the helmet. I can now use this color to colorize the original photo in the background, using a Hue/Saturation adjustment layer.

Step 9: Colorize The Background With A Hue/Saturation Adjustment Layer


Click on the Background layer in the Layers palette to select it. Then click on the New Adjustment Layer icon at the bottom of the palette and select Hue/Saturation from the list:

148

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Click on the "New Adjustment Layer" icon at the bottom of the Layers palette and select "Hue/Saturation". This brings up the Hue/Saturation dialog box, which I'm going to use to colorize my background. No need to start dragging sliders around to select a color here, I've already sampled my color from the image. All I have to do is click the Colorize option inside the dialog box (circled in red):

Photoshop tutorial: Select the "Colorize" option in the Hue/Saturation dialog box. And Photoshop will use that sampled color to colorize my original image in the background:

149

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The original image in the background is now colorized with the sampled color. Click OK to exit out of the Hue/Saturation dialog box. One last thing to do, and that's apply a Radial Blur to the background.

Step 9: Duplicate The Background Layer Once Again


Before we go applying our Radial Blur, let's duplicate the Background layer one more time so that we have a separate layer on which to apply the filter, since we never want to touch our original pixel information of our image on the Background layer. Select the Background layer in the Layers palette, press Ctrl+J (Win) / Command+J (Mac) to duplicate it, then double-click on the new layer's name and call it "Radial Blur", as I've done below:

150

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: Duplicate the Background layer once again and rename it "Radial Blur".

Step 10: Apply The Radial Blur Filter To The New Layer
With the new "Radial Blur" layer selected in the Layers palette, go up to the Filter menu at the top of the screen, select Blur, and then select Radial Blur, which brings up the Radial Blur dialog box:

Photoshop tutorial: Filter > Blur > Radial Blur to bring up the Radial Blur dialog box. As circled in red above, I've entered an Amount value of 40. The Amount value determines how much of blur effect you'll get, and you may want a different value. For Blur Method select Zoom and set the Quality to Best. The Blur Center option in the bottom right determines where the blur will originate from in your image. Try to position the blur center close

151

Tutorial Photoshop CS
Nov. 13 to where the subject in your photo is by clicking at that approximate location in the Blur Center box. It's not the most accurate thing in the world and it make take you a couple of tries before you get it right, so don't be afraid to undo the filter with Ctrl+Z (Win) / Command+Z (Mac) and try again. I'm happy with my Radial Blur settings, so I'll click OK to apply the blur to my Radial Blur layer:

Photoshop tutorial: The image with the Radial Blur filter applied.

Step 11: Lower The Opacity Of The Radial Blur Layer


This last step is optional, but I think my radial blur is a bit too intense and I want to blend it in more with the original image on the Background layer, and I can do that simply by going up to the Opacity setting in the top right corner of the Layers palette, clicking directly on the word "Opacity" to turn my mouse cursor into the "scrubby slider" icon, and then dragging my mouse to the left to lower the opacity. I'll lower mine to 60%, which I think looks good:

152

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: If needed, lower the opacity of the Radial Blur layer to blend the effect in with the original image on the Background layer below it. For comparison, here's my original image once again:

And here's my final result:

153

Tutorial Photoshop CS
Nov. 13

Photoshop tutorial: The final "Photo Within A Photo" result. If you found this Photoshop tutorial helpful, please help us share it with others using any of the bookmarking links below:

154

Você também pode gostar