Escolar Documentos
Profissional Documentos
Cultura Documentos
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.)
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..
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
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
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
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
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
25
Tutorial Photoshop CS
Nov. 13
V Mu Mt 2
1. M nh c con mt trong Photoshop.
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 ).
26
Tutorial Photoshop CS
Nov. 13
6. Chn Select > Inverse. Gi bn s nhn thy ch c vng mt c chn trong bc hnh.
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
If you wish you may add more stars, using the instrument (Custom shape).
32
Tutorial Photoshop CS
Nov. 13
Click to enlarge
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.
) 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.
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.
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
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.
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
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
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
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
58
Tutorial Photoshop CS
Nov. 13
Rt d lm nhng cng rt kh ^^
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 ..
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
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 .
64
Tutorial Photoshop CS
Nov. 13
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
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
70
Tutorial Photoshop CS
Nov. 13
71
Tutorial Photoshop CS
Nov. 13
72
Tutorial Photoshop CS
Nov. 13
73
Tutorial Photoshop CS
Nov. 13
Kt qu y , check no :
74
Tutorial Photoshop CS
Nov. 13
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
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
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
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
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
81
Tutorial Photoshop CS
Nov. 13
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!
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 :)
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:
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
97
Tutorial Photoshop CS
Nov. 13
In this tutorial I will try to explain how to create a 3D effect from a 2D-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.
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
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
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
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.
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.
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.
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
115
Tutorial Photoshop CS
Nov. 13
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.
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.
120
Tutorial Photoshop CS
Nov. 13
Photoshop tutorial: Reset the Foreground color to black by pressing "D" on your keyboard.
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.
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.
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.
131
Tutorial Photoshop CS
Nov. 13
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
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
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".
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.
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.
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.
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.
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.
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:
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