BI 1: TM HI U VNG LM VI C I. 1.

T NG QUAN Giao di n

Thanh Option Vng Palette

Vng lm vic ( vn v, canvas)

Thanh Tools

Palette Layer

2. T o m i Vo menu File > New:

--1

- Preset: Chn kch thc vng v. - Chn n v cho 2 hp Width v Height (n v o cho web, thng chn l pixel). - nh kch thc cho trang giy hp Width v Height. + rng cho 01 website thng ch t 950 1000 px (khng 1024 px v cha thanh scroll). + Chiu cao thng khng xc nh. - Xc nh phn gii cho trang giy hp Resolution. + Web v mn hnh: phn gii l 70 100px/ inch v 8 bit. + In n: phn gii l 200 300px/ inch v 16 bit.

Chn h mu cho file: + H mu cho mn hnh v web l h mu RGB. + H mu in n l: CMYK. + H mu xm l Grayscale.

Lu : C th chn la nhng kch thc trang giy chun khc nhau c sn trong hp preset 3. L u file Vo menu File > Save As hoc nhn Ctrl + Shift + S - t tn cho tp tin nh trong hp file name - La chn nh dng cho tp tin nh trong hp format - Click vo nt save II. H P CNG C TOOLBOX Nhm cng c chn Nhm cng c t v v hiu chnh Hp mu chnh Nhm nt chuyn i qua li gia nhng ch khc nhau. Ch n cng c : ta c th click chn trc tip vo cng c trn hp cng c hoc nhn

Trn hp cng c c cc nhm cng c sau:

1.

phm tt ca cng c ( l nhng k t khc nhau trn bn phm). Lu : tn & phm tt s xut hin khi ta t tr chut & gi im tr chut trn cng c vi giy.

2.
sau:

Cng c n: Cng c no c hnh tam gic nh, mu en gc di bn phi l du

hiu cho ta bit cng c c cha cc cng c n. chn cng c n ta c nhng cch nh

Click phm phi chut vo cng c c cha cng c n. Di chuyn tr chut n cng c

mun chn ri click chut chn.

--2

Nhn gi phm shift + Phm tt ca cng c ( v d : shift + l )

III. TH HI N VNG NHN C A HNH NH Photoshop cho php ta phng to thu nh tm nhn ca mn hnh . T l phn trm ca vng nhn c th hin trn thanh tiu , di status bar ( thanh trng thi ) v trn navigator palette ca tp tin. 1. Thay i t m nhn c a hnh nh

a. Phng to:
nh Nhn gi ctrl + thanh spacebar + click chut vo vng hnh nh mun phng to hoc Nhn gi Ctrl + thanh spacebar + nhn gi ko r chut bao quanh vng hnh nh mun phng to. Nhn ctrl + du + S dng cng c Zoom trn thanh cng c Nhn gi Alt + thanh spacebar +click chut vo vung hnh nh mun thu nh Nhn ctrl + du Kim tra hnh nh trc khi in ( 100% ) : nhn gi phm Ctrl + Alt + S 0 Xem li hnh nh trn ton b trang giy : Ctrl + S 0 Xem hnh nh vi kch thc tht khi in ra: Chn menu View -> Print size.

b. Thu nh:

c. Nhng lnh khc lin quan:

2. Hi n th nh ng vng khc nhau c a hnh nh Nhn gi thanh Spacebar + nhn gi ko r hnh nh n v tr mun hin th. IV. LM VI C TRN CC NHM PALETTE tab. Xem Pop up menu ca Palette: Chn Palette, click vo tam gic nh bn gc trn bn Tr v mc nh ca cc nhm Palette: Vo menu Windows > Workspace > Reset Palette phi ca nhm Palette . Locations V. THANH OPTION S dng xc nh cc ty chn lin quan n cng c ang c s dng Tr v mc nh thanh Option: Click phi chut vo biu tng ca cng c ang chn M / ng tng palettes: n Shift + Tab hin / n ton b cc nhm Palettes. M/ ng tt c cc palettes, thanh cng c, thanh Option v thanh trng thi: n phm

trn thanh Option, chn lnh Reset All Tools ri click OK.

--3

VI. VNG CH N 1. Khi ni m Vng chn l vng c to ra bi cc cng c chn v ch nhng phn hnh nh no nm trong vng chn mi chu s tc ng ca nhng lnh tip theo, nhng phn hnh nh nm ngoi vng chn s khng b nh hng khi vng chn ang hin hu. Vng chn c th hin bng nhng ng kin b. 2. Nhm cng c Marquee (M)

a. Cng c Rectangular Marquee : Dng to vng chn hnh ch nht- Nhn gi

thm phm Shift to vng chn hnh vung.

b.

Cng c Elliptical Marquee: Dng to vng chn hnh elip nhn gi phm shift

to vng chn hnh trn. Lu : Vi 2 cng c trn c th nhn gi phm Alt khi mun v vng chn t tm ra.

c. Single Row/ column marquee: Dng to vng chn vi hnh ch nht ngang
hoc hnh ch nht ng c chiu dy bng 1 pixel. 3. Nhm cng c Lasso a. Lasso: Nhn gi v ko r chut theo cnh ca hnh mun to vng chn Khi th chut ra vng chn s xut hin theo hnh dng va v. b. Polygonal Lasso: Dng to vng chn vi hnh a gic. Thao tc:

Chn cng c Polygonal Lasso click im 1 ln hnh, di chuyn tr n im 2 v click. Khi chm dt phi ni vi im bt u ( im 1 ) ( bn cnh tr chut s hin du trn nh) c c vng chn khp kn.

c.

Mun hy b thao tc ang thc hin bm ESC. Magnetic Lasso: Dng to vng chn vi hnh dng bt k c cnh cong hay thng 1

cch t ng bng cch so snh s khc nhau gia cc im nh ( mu sc ni cnh nh mun to vng chn v mu ca phn cn li phi tng phn nhau r rt) khi ta di chuyn chut trn hnh nh.

4. Cng c Magic Wand ( W ) ( Cy a thn):

To vng chn da trn s ging nhau ca thng s mu so vi im nh m ta click Tr s Tolerance trn thanh Options cho php ta kim sot khong cch ging nhau ca chut

sc ( sng hn hoc ti hn ) so vi im nh m ta click chut , tr s ny c th thay i gi tr t 0 255. 5. Cng c Crop ( C )

--4

Dng ct b phn hnh nh d khng cn thit pha ngoi khung. Sauk hi ct xong Thao tc: Chn cng c Crop Nhn gi ko r chut to 1 khung bao xung quanh

kch thc ca trang giy s thay i

vng hnh nh mun gi li S dng cc nt handle thay i kch thc khung thc hin vic ct: nhn Enter hy b thao tc : nhn ESC

VII. CC L NH LIN QUAN V I VNG CH N

1. Ch n ton b c a s hnh nh: Nh n Ctrl + A. 2. Ngh ch o vng ch n: Ctrl + Shift + I.

3. Di chuy n vng ch n: Chn 1 trong cc cng c to vng chn , tr chut vo pha trong vng chn ri Ngoi ra cng c th s dng 1 trong 4 phm mi tn trn bn phm di chuyn vng nhn gi v ko r di chuyn

chn. Mi 1 ln nhn phm s di chuyn c 1 pixel. Nu nhn km thm phm Shift s di chuyn c 10 pixel.

4. Hi n / n vng ch n: Nhn Ctrl + H. 5. B vng ch n: Nhn Ctrl +D 6. Thm vng ch n: To vng chn th 1, Nhn gi shift ri to vng chn th 2 cn thm. 7. B t vng ch n : to vng chn th 1, nhn gi Shift ri to vng chn th 2 cn thm. 8.
L y vng chung c a cc vng ch n : To vng chn th 1, nhn gi Shift +Alt ri

to vng chn khc chn vng mun bt.

9. M r ng vng ch n : a. M rng vng chn vi vng ln cn: Chn menu Select > Grow
Lu : t l m rng ny c kim sot bi gi tr Tolerance ca cng c Magic Wand. b. m rng vng cn vi mu tng t trn ton hnh nh: Chn menu Select > Similar

c. M rng vng chn vi gi tr pixels c ch nh trc: Chn menu Select > Modify >
Expand

10. Thu h p vng ch n : Thu hp vng chn vi gi tr pixel c ch nh trc

Chn menu Select > Modify > Contract

--5

11. Bi n d ng vng ch n: - Chn menu Select > Transform Selection. - Xut hin khung bao quanh vng chn. Click chut phi ln mn hnh, chn cc lnh
bin i vng chn. Lu : - Nhn Enter thc hin lnh. Bm ESC hy b lnh.

Ch lm thay i vng chn, khng lm nh hng n hnh nh nm trong vng chn.

VIII. BI N D NG PH N HNH NH N M BN TRONG VNG CH N: o o o o o o To vng chn xung quang mng hnh nh mun bin dng Nhn Ctrl+T hin th khung bao quanh vng chn. Click chut phi ln hnh s xut Scale: thay i kch thc Rotale: xoay Skew: ko xin qua tri phi hay i ln i xung Distort: ko theo mi hng Perspective: ko theo mi hng Perspective: ko theo lut phi cnh Rotate 180o: xoay 180o Rotate 90o CW: xoay 90o qua phi Rotate 90o: CWW xoay 90o qua tri Flip Horizontal: lt theo hng ngang Flip Vertical: lt theo hng ng Lu : nn enter thc hin lnh, bm esc hy b lnh

hin cc lnh:

o
o o o o o

--6

BI 2 LAYERS I. GI I THI U 1. Layers Palette M/ ng layers palette: Chn menu Window > v hoc khng v layers hay nhn phm F7. 2. Khi ni m

Mi file nh ca photoshop c th c 1 hay nhiu layer. C nhiu dng layer nh sau:

o o o o
o

Layer c: Vi tn mc nh l background c in nghing; v tr ca layer Layer trong sut: Vi tn mc nh c in bnh thng theo th t layer 1, Layer vn bn: c to ra bi cng c nhp vn bn. (c biu tng ch T trn Layer mu ( fill layer). Layer hiu chnh mu ( adjustment layere)

nm di cng trong layer palette. layer 2 .; v tr ca nhng layer ny nm pha trn layer background. layer palette.

Ta c th quan st , lm vic vi cc layer thng qua layer palette. Tt c nhng layer mi c to u trong sut cho n khi ta tho tc ln n nh t, v

C th t tng phn ring bit ca hnh nh vo tng layer v c th hiu chnh 1

layer c th m ko lm nh hng n cc layers khc II. CC THAO TC V I LAYER 1. Vng trong su t Theo mc nh vng trong sut c th hin bng caro trng xm, ta c th thay i cch th hin ny bng cch chn menu Edit > preferences > transparency & gamut ri i cch th hin trong phn transparency settings. 2. Ch n layer Mun lm vic vi hnh nh no th ta phi chn layer cha tm hnh , c nhng cch chn nh sau: Click tr chut vo tn ca layer hoc layer thumbnail ( hnh 1) ca layer mun chn

Click phm phi chut vo hnh nh trn ca s. S xut hin 1 menu cha tn ca

nhng layer c hnh nm di ngay ti v tr t tr chut, di chuyn chut n tn layer mun chn ri click chn.

Lu : cch 2 ta phi chn cng c move trc.

--7

3. i tn layer
Double click vo tn c ca layer Nhp tn mi Nhn enter. Lu : i vi layer c background thao tc i tn ng thi cng l thao tc i t Layer c thnh Layer trong sut. 4. T o layer m i c 3 tr ng h p: a. To layer mi hon ton trong sut: click chn vo nt Create a new layer pha di Layers Palette b. To Layer mi c cha hnh nh: Lu : To layer mi c cha hnh t 1 mng hnh nh c chn ti ca s ang lm vic: To vng chn, nhn Ctrl+C, sau nhn Ctrl+V. Nu trc khi nhn Ctrl+V vng chn vn hin hu th mng hnh nh c dn vo Nu trc khi nhn Ctrl+V vng chn c b th mng hnh nh c dn vo To Layer mi c cha hnh mang t ca s khc vo: Chn cng c Move, click vo ca

Layer mi s c v tr ging vi v tr nh gc. Layer mi s c v tr nm gia trang giy.

s c hnh nh cn s dng, chn Layer cha hnh, nhn gi ri ko r hnh vo ca s ang lm vic. c. To Layer cha vn bn: Chn cng c Type (T), click vo v tr mun t vn bn, nhp vn bn. Lu : Layer mi c to lun nm ngay trn Layer hin hnh (Layer ang c chn). 5. Nhn b n Layer: Chn Layer cn nhn bn. Nhn gi v ko r Layer xung biu tng Create a new Layer di bng Layers Palette (hnh 2) cho n khi biu tng ny sng ri th chut. 6. Thay i th t cc layer: Click chon layer mun di chuyn, nhn gi v ko r ln/ xung layer ny ti v tr ng ranh gii l 1 thanh mu en mng ,iu ny cho ta bit v tr ca layer s c chn vo khi ta th chut Lu : - layer c background ko th di chuyn up75c cho n khi ta i thnh layer Khng c layer thng no nm pha di layer c background. thng

7. D u/ hi n th layer: a. Du hin thi hnh nh ca layer:

Click vo icon eye ( biu tng con mt ) ct u tin trn layer s palette

b. du hin th 1 lc nhu layer

--8

Nhn gi v ko r chut dc theo ct icon ete Nhn gi Alt v click vo icon eye ca layer mun hin.

c. Hin th 1 layer,cn li tt c u n

8. Link/ unlink = lin k t / khng lin k t cc layer

a. Lin kt/ khng lin kt tng layer:

Click vo ct th 2 ( k icon eye) trn layers palette , biu tng mt xch xut hin Click tr li biu tng mt xch unlink khi cn li vung trng Nhn gi v ko r chut dc theo ct mt xch. Lu : khi c cc layer c link vi nhau th tt c hnh nh c cha trong cc layer

xc nh layer hin hnh v layer c mt xch c lin kt vi nhau b. Lin kt/ khng lin kt 1 lc nhiu layer

ny s cng b tc ng 1 lc nu ta thay i v tr hay p nhng lnh trong nhm Free Transform ( Ctrl + T). 9. Xa b layer

Chn layer mun xa , nhn gi v ko r layer ny b vo biu tng thng rc di

bng layer palette cho n khi biu tng ny sng ri th chut. III. M T S L NH LIN QUAN N LAYER TRN LAYERS PALETTE 1. Blending Mode = ch ha tr n mu c a layer Dng ha trn mu ca layer ang c chn i mode vi mu ca tt c hnh Mu kt qu s ph thuc vo mode no ang c chn vo mu ca hnh nh trong nh nm nhng layer di

layer ang c chn v vo mu ca tt c hnh nh nm layer di. 2. Opacity = s m c c a layer

m c ca layer s quyt nh mc m c ca layer hay biu l ca khi thay i m c ca layer s lm nh hng n ton hnh nh c trong layer

layer pha di n. m c ca layer c gi tr t 0 100%

3. Fill opacity = s m c c a mu trong layer

Khi thay i m c ca mu trong layer ch lm thay i m c ca mu m ko

lm thay i m c ca layer ch lm thay i m c ca layer. m c ca layer style. m c ca mu c gi tr t 0 100%.

4. Lock: Kha nh ng ph n khc nhau c a layer

--9

Lock Transparent pixels = Kha vng trong sut hay bo v vng trong sut: Nhng

phn t v thm ch tc ng vo nhng mng hnh nh ko tc ng vo vng trong sut trong layer v hnh trong layer vn c th thay i v tr. Lock image pixel = kha im nh : Nhng phn t v thm vo layer s ko dc thc hin Lock position = kha v tr nh: Nhng phn t v thm vo layer s ko thc hin dc Lock all: Kha tt c thao tc trn layer . Layer hon ton ko b tc ng. nhng hnh trong layer vn c th thay i v tr nhng trong layer ko th thay i v tr

5. M t s l nh trong pop up menu c a layers palette

Merge Down ( ctrl + E) : Trn layer ang c chn vi layer nay pha di thnh mt Merge Link ( ctrl + E) : Trn cc layer c lin kt vi layer ang c chn thnh mt Merge Visible ( ctrl + shift + E): Trn cc layere ang dc hin th thnh mt Flatten Image: trn tt c cc layers thnh 1 layer background duy nht vi nh ca cc Palette options: Chn kch c cho layer Thumbnail.

layer nag c hin th v khi kch thc file s nh hn

IV. CC LAYER STYLE CHO LAYER Chn layer cn gn layer style Click chn biu tng Add a layer style di bng layer palette ri chn tn style cn gn: a. Drop shadow: to bng cho layer. b. Inner shadow: to bng trong cho layer. c. Outer Glow: to bng ta ho quang bn ngoi. d. Inner Glow: to bng ho quang bn trong. e. Bevel and Emboss: to khc chm v khc ni cho layer. f. Satin: To ph bng cho layer. g. Color overlay: mu ph ln trn layer, khng nh hng n mu gc. h. Pattern Overlay: 1 mu ph ln trn layer. i. j. Gradient Overlay: mu ph chuyn sc ln trn layer. Stroke: to khung vin cho layer.

--10

BI 4: CH QUICK MASK V CHANNEL (KNH) A. CH QUICK MASK (QUICK MASK MODE) (Q): 1. Khi ni m Dng ch Quick Mask to v hiu chnh nhng vng chn phc tp v c nhiu chi tit nh. 2. Cc tnh ch t c a Quick Mask Mode - Ch Quick Mask cho php hiu chnh bt k vng chn no nh l mt mt n m khng cn s dng bng Channels Palette trong khi vn thy c hnh nh. - ch Quick Mask mi trng Photoshop s tm thi chuyn qua ch Grayscale. - S thun li ca vic s dng ch Quick Mask l ta c th s dng hu ht cc cng c, lnh hay b lc ca Photoshop sa i vng chn. 3. 4. Cch t o vng ch n b ng Quick Mask Chn bt k cng c to vng chn no chn mt phn hnh nh. Click chn vo biu tng Quick Mask Mode trn thanh cng c (hnh 1). Mt lp mu (mt n) ph che v bo v phn pha ngoi vng chn. Cn vng chn u tin vn gi nguyn v khng c bo v bi mt n ny (hinh2) Cch hi u ch nh m t n (hnh 3) Chn cng c t v hoc chnh sa trn thanh cng c. T mu en: thu hp vng chn, to thm mt n T mu trng: m rng vng chn, b bt ma71t n. T 256 Grays (256 cp xm): to ra vng gn nh trong sut thch hp vi vic to hiu ng cnh mm hoc chng rng ca.

Lu : Trong qu trnh hiu chnh mt n vn c th chn li ch Standard kim tra vng chn thc t chn chnh xc hay cha bng cch click chn vo biu tng Standard Mode trn thanh cng c hay nhn chn phm tt Q. 5. Thay i cc ty ch n trong ch Quick Mask - Doble clcik vo biu tng Quick Mask Mode trn thanh cng c m bng Quick Mask Options. - Chn Masked Area khi mun phn c che mt n l vng khng c chn. - Chn Selected Area khi mun phn c che mt n l vng c chn. - Click vo hp Color khi mun i mu cho mt n. - Thay i m c ca mt n trong hp Opacity. Lu : - Nhn gi Alt+click chut vo biu tng Quick Mask Mode trn thanh cng c khi mun chuyn i qua li gia hai ch Masked Area v Selected Area. - Nn chn mu cho mt n sao cho tng phn khc bit vi mu ca hnh nh ang chn nhn r hn trong lc hiu chnh mt n. B. B NG CHANNEL (Channels palette) V KNH ALPHA (ALPHA CHANNELS) 1. Bng channel (Chennels Palette) - Vo menu Window > Channels hoc click chn Tab Channels hin th bng Channels Palette. - Cch chn knh cng ging vi cch chn layer. - Trong bng Channels Palette cha cc knh c trong tp tin hnh nh. Bao gm cc knh: + Knh tng hp (RGB, CMYK v Lab) v cc knh mu l ( Red, Green, Blue, Cyan, Magenta, Yellow, Black, Lightness, a, b) + Knh Alpha (dng lu vng chn)

--11

+ Knh Spot (dng to knh mu) Cc tnh cht ca knh (Channels) Mt tp tin hnh nh cha ti a 56 knh (bao gm c cc knh mu l). Trong knh Alpha ch c mu en, mu trng v 256 Grays (256 cp xm: t 0-255) C th thm hoc bt knh Alpha. C th gn bt k lnh no t cc menu lnh v p bt k b lc no t menu Filter. C th d dng hiu chnh knh Alpha bng cc cng c t v. Cch lm nh sau: + Chn cng c t v hoc chnh sa trn thanh cng c. + T mu en: thu hp vng chn. + T mu trng: m rng vng chn. + T 256 Grays (256 cp xm): vng chn c cnh c lm nhe (mm mi) nhiu hay t ty theo cp xm. - C th lu 1 vng chn vo knh c gi l knh Alpha. Cch lm nh sau: + To vng chn trn layer (bng bt k cng c to vng chn no hoc bng ch Quick Mask) v chc rng ang chn ch Standard. + Vo menu Select>Save Selection Lu : Vng chn c lu vo knh Alpha c th s dng nhiu ln m khng cn phi chn li v vng chn s thng nht trong sut qu trnh lm vic. - C th chuyn knh Alpha thnh 1 vng chn. Nhng cch chuyn nh sau: + Vo menu Select > Load Selection , chn knh alpha trong hp Channel. + Km phm Ctrl v click ln knh Alpha. 2. C. B NG INFO (INFO PALETE) (HNH 4) - Vo menu Window > Info (F8) - Dng bng Info : + o kch thc ca vng chn. + Xc nh gi tr pixel ca mt im nh. II/ Th c hnh A. H NG D N TH C HNH - M file \Photoshop CB\Lesson04\Final.psd quan st. - M file \photoshop CB\Lesson04\Begin.psd v Save as thnh file MyWork04.psd. - Chn bt k cng c no trong hp cng c. Click phi chut vo biu tng ca cng c ang c chn trn thanh Option, chn lnh Reset All Tools ri click OK. B. T O QUICK MASK V CH NH S A HNH CON C 1. Chn cng c Magic Wand, trn thanh Option xc nh Tolerance = 22, click vo phn mu trng ca thn con c. 2. Nhn phm ch Q trn bn phm chuyn sang ch Quick Mask, ta thy c 1 lp mu ph che phn bn ngoi ca vng chn v hp mu Foreground, Background tr v mu en trng. Lu : Khi c 1 vng chn, ch Quick Mask ta mi thy lp ph mu . C. TNG VNG CH N TRONG QUICK MASK MODE (GI M B T MU ) 3. Nhn phm ch X hon chuyn mu trng ln hp Foreground. 4. Chn cng c Brush, chn nt c ph hp. 5. Phng to hnh con c d dng thao tc. T vo hnh con c nhng vng ta mun chn, ta thy lp mu b xa i, c ngha l vng chn c m rng thm.

--12

6. Nhn phm ch Q trn thanh bn phm chuyn t Quick Mask Mode sang Standard Mode xut hin vng chn v quan st. 7. Nhn Ctrl+S lu file. Lu : T mu trng ln ch Quick Mask s xa b lp mu , c ngha l tng thm vng chn. D. GI M VNG CH N TRONG QUICK MASK (TNG L P MU ) 8. Nhn phm ch Q trn bn phm, i mu hp Foreground thnh mu en bng cch bm phm ch X trn bn phm. 9. T mu en ln nhng phn vt ra ngoi con c to lp pj mu . 10. Nhn phm ch Q trn bn phm quan st vng chn. Lu : T mu en ln Quick Mask tng lp mu , c ngha gim bt vng chn. E. L U VNG CH N VO CHANNELS C TH S D NG L I CH NH S A CHANNEL ALPHA 11. Vng chn vn hin hu, vo menu Select > save Selection - OK. Nhn Ctrl+D b vng chn. Click chn bng Channels Palette, ta thy knh Alpha 1 xut hin vi vng chn c th hin bng mu trng, phn khng chn c th hin bng mu en. 12. Click chn vo tn knh Alpha 1 ch hin th knh Alpha 1. Ta thy 1 hnh trng en ca con c. 13. Chn mu trng cho hp Foreground. T vo nhng m en cn li trn thn con c (nu c) hon chnh vng chn. 14. Nu c vt li mu trng no vng en, chn mu en cho hp Foreground v t vo vng en. F. CHUY N KNH ALPHA THNH VNG CH N 15. Click chn tn knh tng hp RGB, chn bng Layer Palette. Chn menu Select > Load Selection m hp thoi Load Selection, chn tn knh Alpha 1 trong hp Channel OK. Mt vng chn c to xung quanh con c. G. HI U CH NH TNG MU CHO HNH NH H P THO I LEVEL 16. Vo menu lmage > Adjustments > Levels iu chnh tng mu cho con c. 17. Trong hp thoi Level: Chn cng c Set White Point, tr chut ra ngoi file nh v clcik vo im mu sng nht trn con c OK. Sau khi hiu chnh, nh trong vng chn s sng hn. 18. Nhn Ctrl+Z (Undo) so snh hnh nh trc khi gn lnh Levels, nhn Ctrl+Z ln na tr li thi im sau khi gn lnh Levels. 19. Nhn Ctrl+D b vng chn. Nhn Ctrl+S lu file. H. P D NG FILTER (B L C) CHO VNG CH N 20. Chn bng Channels Palette, nhn gi Ctrl v click chn tn knh Alpha 1 to vng chn con c. 21. Chn bng Layers Palette quan st. Nhn Ctrl+Shift+1 o ngc vng chn. Quan st phn bit vng c chn v vng khng c chn. 22. Chn menu Filter > Artistic > Colored Pencil, cho thng s ty . B lc Color Pencil: + Pencil Width: dy mng ca nt ch + Stroke Pressure: m lt ca nt ch + Paper Brightness: sng ca mu giy, mu giy s l mu Fore grand. Lu : gim bt hiu ng va p, vo menu Edit > Fade trong hp thoi ko thanh trt Opacity lm gim bt hiu ng. Lnh Fade ch c tc dng sau khi va thc hin xong lnh. 23. Nhn Ctrl +D b vng chn, nhn Ctrl+S lu tp tin.

--13

K. T O 1 M T N V I MU CHUY N TI P T EN SANG TR NG 24. Chn bng Channels Palette, clcik vo nt Create New Channel pha di bng Channels Palette to 1 knh Alpha mi. Double click vo tn knh Alpha 2 i tn t Alpha 2 thnh Gradient. 25. Chn cng c Gradient v chn kiu t th 3 (Black, White) trn thanh Options. 26. Nhn gi phm Shift v ko r chut t cnh trn ca trang giy xung cnh di ca trang giy v theo ng thng. L. T O HI U NG B NG CCH S D NG KNH MU CHUY N TI P 27. Chn tn knh tng hp RGB, chn bng Layers Palette. 28. Chn menu Select > Load Selection, chn tn knh Gradient trong hp Channel 29. Mt vng chn xut hin ch phn na nh. 30. Phi chc rng mu ca hp Background l mu trng. Bm Delete trn bn phm. Lu : i vi Layer Background mu ca vng c xa chnh l mu ca hp Background. 31. Nhn Ctrl+D b vng chn v Ctrl+S lu tp tin. CU H I N 1. Cho bit ch li ca vic s dng Quick Mask? 2. iu g xy ra cho mt n tm thi khi khng ch Quick Mask? 3. Khi lu 1 vng chn, vng chn s lu u? 4. Mt file nh c th bao nhiu knh? 5. Chnh sa 1 vng chn c lu trong knh An[ha bng cch no? 6. Cho bit cch chuyn 1 knh Alpha thnh vng chn?

--14

Bi 5 I . L THUY T RESOLUTION PHN GI I 1. Khi ni m: - phn gii ca hnh nh l s lng im nh c trn 1 c nh inch vung. - 1 pixel trn mn hnh my tnh cn c gi la dot (im), v vy n v ca phn gii l dots per inch = dpi. V d: nh c phn gii cng cao th cht lng nh cng mn v p hn khi nhn ln mng hnh cng nh khi in n. 2. Image size xem thay i phn gi i c a hnh nh: - Vo menu Image > Image sizeHoc click phm phi chut ln thanh tiu ca ca s ang lm vic hin th hp thoi Image size. - Cc ty chn trong phn Document size: Width: Kch thc chiu ngang ca trang giy Height: Kch thc chiu dc ca trang giy Resolution: phn gii hnh nh. - Thao tc: Tc ty chn Resample Image d phn gii v kch thc ca hnh nh t l nghich vi nhau. Xc nh li phn gii mi trong hp Resolution V d: Nu nh tng phn gii hin c ca hnh nh ln gp i th kch thc ca hnh nh s gim cn 1 na v ngc li Lu : - phn gii v kch thc ca hnh nh lun lun T L NGH CH vi nhau. - Khi thay i phn gii th kch thc ca hnh nh v trang giy cng thay i theo. 3. IMAGE SIZE Thay i kch th c hnh nh nh l i nh ng khng thay i hnh nh phn gi i hnh nh: - Click phm phi chut ln thanh tiu ca ca s ang lm vic, chn Image size - Chn thy chn Resample Image: Ty chn ny m bo phn gii khng thay i. - Chn thy chn Constrain Proportions: ty chn ny m bo kch thc hnh nh khi thay i nhng vn gi t l 4. CANVAS SIZE Thay i kch th c trang gi y: - Dng thay i kch thc trang giy nhng khng lm thay i phn gii v kch thc ca hnh nh: - Thao tc: Vo menu Image > Canvas sizehoc click phm phi chut ln thanh tiu ca ca s ang lm vic, chn Canvas size Chn ty chn Relative: khi mun thng s c nhp vo 2 hp: Width v Height s c cng thm hoc tr i vi kch thc gc ( Current size). HI U CH NH NH CH P phn gi i i u ch nh ph m vi tng mu c a nh Layer hi u ch nh mu Adjustment layer L nh Replace Color, Hu /Saturation

--15

Anchor : chn 1 trong nhng nt mi tn gi nguyn v tr ca hnh nh khi thay i kch thc trang giy. Canvas extension color: la chn mu cho phn trang giy c m rng thm. Lu :- Ty chn Canvas extension color ch hin th khi layer cui cng trong bng Layers Palette l layer t Background. - Phn trang giy c m rng s l trong sut nu layer cui cng trong bng layers Palette l layer th ng. HISTOGRAM BI U TNG MU - Vo menu Window > ho c khng Histogram - Mt biu minh ha nhng im nh c phn b nh th no bi 1 th s lng nhng im nh ca mi mu ti mi cng mc khc nhau. Biu ny cho bit hnh nh c chi tit trong vng ti, vng trung tnh v vng sang hay khng, c 1 s chnh sa chnh xc hn. Cc vng c biu din nh sau: Vng t i: bn tri biu Vng trung tnh: chnh gia biu Vng sng: bn phi biu Lu : biu ny dng kim tra ch khng dng chnh LEVEL HI U CH NH TNG MU CHO HNH NH - Vo menu Image > Adujustments > Levels= Ctrl+L - Nhm Input Lever: Tam gic mu en: i din cho nhng vng c tng mu ti (Shadow) Tam gic mu tr ng: i din cho nhng vng c tng mu sng (Highlight) Tam gic mu xm: i din cho nhng vng c tng mu trung tnh (Midtone) COLOR BALANCE CN B NG MU CHO NH - Vo menu Image > Adujustments > Color Balance= (Ctrl +B) - Color Balance: Dng tng hay gim mu no . Ko thanh trc gn v pha mu mun tng. Ko thanh trc ra xa mu no mun gim V d : thm mu red, ta ko thanh trc trn cng qua phi. L u : Khi thm mu red th ng thi mu Cyan s b bt i v ngc li. Nguyn tc ny c p dng cho c ba thanh trt. - Tone Balance: Cn bng mu cho vng ti chn Shawdow Cn bng mu cho vng trung tnh chn Midtones Cn bng mu cho vng sng chn Highlight - Preserver Lumiosity: Chn ty chn ny ngn chn s thay i cc gi tr sng ca hnh nh trong khi cn bng mu. Ty chn ny duy tr s cn bng mu ca hnh nh. REPLACE COLOR THAY TH MU CHO NH - Vo menu Image > Adjustments > Replace Color Ba cng c : +Eyedropper Tool: Chn mu thay th +Add to Sample: chn thm tng mu khc cng cn thay th. +Subtract from Sample: Loi b ra nhng mu khng cn phi thay th.

--16

Color: Mu c xc nh thay th sang 1 Mn hnh Preview: Th hin cng hnh nh Vng mu tr ng trong : Th hin vng mu Hue: La chn sc mu mi thay th. Saturation: iu chnh cng mu cho mu Lightness: iu chnh sng ti cho mu mi

mu khc. ang c chn thc hin. c xc nh s b thay th mu khc.

mi va c chn trn thanh Hue. va c chn trn thanh Hue. Resutlt: Th hin mu mu s c dng thay th. C th click trc tip vo mu chn mu cn thay th trong hp thoi Color Picker theo thng s bit trc. ADJUSTMENT LAYER LAYER HI U CH NH MU - Layer hiu chnh mu dng thay i chnh sa sc , tng mu, cho nhng nh m khng cn tc ng trc tip ln hnh nh. - Nhng Layer hnh nh nm di layer hiu chnh mu u b nh hng bi lnh c cha trong layer hiu chnh mu . - Cch to layer hiu chnh mu: Click vo nt Create new fill or adjustment layer (hnh 1) pha di bng Layer Palette, chn Color Palette ri chn lnh hiu chnh. II . TH C HNH H NG D N BI T P TH C HNH - M file\Photoshop basic\ Lesson 05\Final05.psd quan st - M file\Photoshop basic\ Lesson 05\Final05.psd v \Cloud lm vic v save as thnh tp tin Myword05.psd trn cng. - Chn bt k cng c no trn hp cng c. Click phi vo biu tng ca cng c ang c chn trn thanh Option, chn lnh Reset All Tools ri click OK. C T NH CHO NG KCH TH C QUY NH 3.75 x 6 INCHES

1. Chn cng c Crop. 2. Trn thanh Options cho Width = 3.75 v Height = 6 in, Resolution = 72 pixels/inch
3. V 1 vng bao quanh nh. t tr chut pha ngoi khung (xut hin mi tn cong 2 u), nhn gi tr chut xoay khung sao cho cnh ca khung v cnh ca hnh nh song song vi nhau. 4. hiu chnh cc nt sao cho va vi khun nh chic thuyn ( nn ly gc trn lm mc) 5. Sau khi t ng v tr, nhn Enter. Hnh tr nn thng ng v c kch thc l 3.75 x 6 inches, 72 dpi.

I U CH NH TNG MU - H P THO I LEVELS 6. Kim tra tng mu cho hnh bng cch vo menu Window > Histogram ri quan st tng mu ca hnh nh trc khi chnh. 7. Vo menu Image > Adjustments > Levels m hp thoi Levels. 8. Ko tam gic bn tri (Shadow) qua phi ni bt u biu d ca vng ti. 9. Ko tam gic bn phi (Highlight) qua tri ni bt u ca vng sng.

--17

10. Vo menu Window > Histogram v quan st li ta thy phm vi tng mu m rng trn
sut chiu di biu . XA B COLOR CAST ( M T CN B NG MU) ADJUSTMENT LAYER (LAYER I U CH NH) 11. Click vo nt Create new fill or adjustment layer di bng layer Palette, chn Color Balance. 12. Chn Midtones (vng trung tnh) vng Tone Balance. 13. Ko thanh trc trn cng qua tri lm gim mu red, ti vng Color Levers 1 cao gi tr -15. 14. Ko thanh trc gia qua phi lm tng mu Green, ti vng color Levers 2 c gi tr 8. Click OK 15. Mt Layer hiu chnh mu xut hin vi tn Color Balance ng thi xut hin biu tng ca Adjustment Layer 16. Click vo biu tng con mt ca layer hiu chnh mu nhn xt khc nhau gia mu ca hnh nh trc v sao khi c chnh. 17. Nhn Ctrl+S lu file. THAY TH MU TRONG NH REPLAC E COLOR 18. Chn Layer Background trn bng Layers Palette. Phng to vng nh tm vi mu cam di gc di phi. 19. Chn cng c Rectangular Marquee, to vng chn xung quanh hnh tm vi mu cam. 20. Chn menu Image > Adjustments > Replace Color m hp thoi Replace Color. 21. Chn cng c Eyedropper trong hp thoi Reapalce Color v click vo tm vi mu cam trong nh. Lu : Ta thy vng mu trng xut hin trn vung nhng vn cha hon ton trng v hnh tm vi cam vn cha c chn ht. 22. Chn cng c add to Sample, click chn nhng vng khc ca tm vi mu cam cho n khi ton b tm vi mu cam c chn, lc ny mn hnh Preview vng tm vi mu cam hon ton mu trng. 23. Hiu chnh thanh Fuzziness, (dung sai) sao cho ton b vng nh tm vi tr nn trng , tt c vng cong li tr nn en. 24. a thanh trc Hue c gi tr 149 chuyn sang sc mu xanh. 25. a thanh trc Saturation n gi tr -17 gim cng mu. 26. a thanh trc lightness n gi tr -39 gim bt sng ca mu. Click OK. 27. Nhn Ctrl+s 0, Ctrl + D, Ctrl + S. I U CH NH SATURATION (C NG MU) V I CNG C SPONGE 28. Chn cng c Sponge (cng c n ca cng c Dodge ). 29. Trn thanh Options, chn Mode = Saturate, cho Flow = 20% 30. Chn nt c mm ph hp trong bng Brush Preset. Ko ch vo nh tm bt sc trn thuyn cho mu ti hn (lu khi ch nhiu ln, cng mu cng tng) Lu : Cng c sponge dng tng hoc gim cng mu, ngha cc ty chn trn thanh option: - Desaturate: Gim cng mu. - Saturate: Tng cng mu. - Flow: Cng tc ng ca cc cng c ln hnh nh mnh hay yu. I U CH NH SNG V I CNG C DODGE

--18

31. Chn cng c Dodge (ch O). Trn thanh Option chn Range = Hightlights , cho
Exposure = 50% 32. Chn nt c mm ph hp. Ch vo phn v thuyn gn mt nc lm ni bt s phn chiuca nc ln v thuyn. 33. Nhn Ctrl + S. Lu : Cng c Dodge dng tng sng cho hnh nh, ngha cc ty chn trn thanh Option: - Range: Xc nh vng no ca hnh nh s c tng sng Chn Shadows: vng ti c tng sng Chn Midtones : vng trung tnh c tng sng Chn Highlights: vng sng c tng sng - Exposure: Xc nh bt sng ( nhy sng) ca hnh nh mnh hay yu L AI B CC I T NG KHNG C N THI T V I CNG C CLONE STAMP 34. Phng to hnh nh con thuyn nh gia dng sng. 35. Chn cng c Clone Stamp (S), trn thanh Option kim tra ty chn Aligned phi c chn. 36. a tr ti vng nc bn phi mi thuyn, nhn gi Alt khi tr bin thnh con du (biu tng ca cng c). Click ti im xc nh vng hnh nh s c sao chp ri th phm Alt. 37. a con tr ngay trn chic thuyn nh ri drap, ta thy vng nc c ch nh trc lp ln con thuyn. Ta thy 1 vng du thp xut hin nh v hnh nh m ta ang sao chp. Lu : Cng c Clone Stamp dng sao chp nh t 1 vng nh khc, ngha cc ty chn trn thanh Option: - Aligned c chn: v tr nh c sao chp s di chuyn tng ng vi mi ln drap chut. - Aligned khng c chn: v tr nh c sao chp s tr v v tr c sao chp tr v v tr c nh v u tin vi mi ln drap chut. 38. Nhn Ctrl + s 0 nh tr v ton mn hnh. Ctrl + S lu file. THAY TH B U TR I PHA SAU NH 39. Chn Layer Background, chn cng c Magic Wand, trn thanh options cho Tolerance = 20. Click chn bu tri, bm gi Shift v chn nn tri pha sau. 40. M tp tin Clouds.psd, nhn Ctrl+A chn ton b nh. Nhn Ctrl + C chp vng chn vo Clipboard ( b nh tm ca my) 41. Click chn File MyWork05.psd (chic thuyn), phi lu l vng chn phi hin hu. Vo menu edit > Paste Into (Ctrl+shift+V) dn m my vo bn trong vng chn hin hnh. Ta thy 1 layer mi xut hin. 42. Dng cng c Move nh dng li v tr hnh m my. Ta gim Opacity ph hp cho sng ca hnh. 43. Nhn Ctrl + S. L u : L nh Paste Into dng dn nh t Clipboard ( b nh ca my ) ln 1 player mi ng thi to 1 player mask che phn nh ngoi vng chn ( vng chn c tao trc ). B L C (FILTER) UNSHARP MASK 44. Vo Pop- up menu ca bng Layer Palette, chn Fattern Image trn nh trn cc lp li thnh 1 lp. 45. Chn menu File> Save as, t tn Flat05.psd , click nt save. Ta thy file by gi c tn Flat05, v ch c 1 lp Layer Background

--19

46. Vo menu Filter > Sharpen > Unsharp Mark lm r vin cc chi tit v lm cho nh

ni bt r rng. Ch l ch prewiew phi c chn. 47. Di chuyn thanh trc Amount n khi nh c lm st nt (120% ) ta c th trc nh trn vung thay i v tr ca nh. Click OK.

Lu : B lc Unsharp Mark dng lm st nt vin ca cc chi tit, ngha cc ty chn: - Amount: Xc nh mc lm nt nhiu hay t. - Radius: Xc nh s pixel xung quanh cc pixels vin chu nh hng lm st nt, vi nh c phn gii cao, Radius nm trong khong 1-2. - Threshold : Xc nh ngng m hnh nh s chu tc ng bi gi tr amount. 48. Nhn Ctrl + S lu v kt thc bi thc hnh.

CU H I 1. phn gii l g? - phn gii ca hnh nh l s lng im nh c trn mt cnh in vung - phn gii cng cao s cho nh cng r nt v p 2.Cc cch thay i phn gii kch tht ca hnh nh v kch tht ca trang giy - Chn menu image > image Size ( chn hoc khng chn ty chn Resample Image) - Chn menu image -> Canvas Size 3.Kim tra tng mu ca hnh nh trc khi chnh iu chnh phm vi tng mu ta lm nh th no? - Chn menu Window -> Histogram 4. iu chnh phm vi tng mu ta lm nh th no - Chn menu image > Adjustments > Levels . = Ctrl + L v hiu chnh ni bt u vng ti nht v vng sng nht ca nh bng cc tam gic di biu , nh vy ta s m phm vi ca tng mu 5. iu chnh s phn b mu( cn bng mu cho hnh nhta lm nh th no ) - Chn menu image > Adjustments > Color Balance = Ctrl + B 6.Thay th mu sc cho hnh nh ta lm nh th no - Chn menu image > Adjustments > Replace Color 7.Saturation l g? V lm nh th no chnh n trn mt vng nh - Saturation l cng ca mu. Ta c th tng gim cng mu bng cch dng cng c Sponge, chn Mode Saturate hoc Desaturate trn thanh Option v ch ln trn 1 vng nh. 8.Tng sng cho hnh nh? -S dng cng c Dodge, chn 1 trong 3 vng Shadows , Modtones v Highlights tng sng. 9. Lm th no loi b hnh nh khng cn thit v thay th bng nhng vng hnh ln cn. - S dng cng c Clone Stamp 10. B lc filter Unsharp Mask dng lm g? - B lc Unsharp Mask dng iu chnh tng phn ni ng vin ca cc chi tit nh lm cho nh sc nt hn.

--20

Bi 6 PEN TOOL CC K THU T C B N V cc Path th ng v cong b ng cng c Pen T mu v t nt cho Path, SubPath Ch nh s a Path, SubPath Chuy n Path, SubPath thnh vng ch n v ng c l i

I . L THUYT CNG C PEN PEN TOOL (P): 5. Khi ni m: - Dng v 1 ng Path xung quanh vng hnh nh no vi chnh xc cao (vng hnh nh ny cn to vng chn lm vic). hoc dng to ra i tng c hnh d ng b t k. Cc i tng ny c th l ng thng, ng cong, khp kn hay h v tt c c gi chung l ng Path. - Path l i tng vector, khng cha im nh no nn khng c in ra (nu nh khng c t mu) khi ta in tp tin hnh nh . - Khi to ra path, ng path s c cha trong 1 work path (work path ny c hin th trong bng paths palette). - N u trong work path ch c 1 ng path th c gi l path nhng nu c t 2 ng path tr ln th mi ng path c gi l Subpath. 6. B ng Paths Palette: - Vo menu windown -> hoc khng paths. - L ni lit k v lu tr cc path v subpaths. - Ni dung ca n c th hin bng 1 hnh thu nh (Thumbnail) vi tn mc nh l Work Path. - Cc lnh trong Pop-up menu ca bng paths palette: Make work path : chuyn vng chn thnh work path mi. Make selection : chuyn path thnh vng chn Fill path : t mu nn cho path Stroke path : t ng vi n cho path

ngha cc nt di bng Paths Palette:

Fill path with foreground color: t mu nn

cho path bng mu foreground. Stroke path with bursh : t ng vin cho Path bng c nt va xc nh vi mu Foreground. Load path as a selection : chuyn path thnh vng chn. Make work path from selection : chuyn vng chn thnh path. Create new path : to 1 work path mi. Delete current path : hy work path.

--21

7. Cch t o ng Path: - Chn cng c Pen (P) trn hp cng c, click chn biu tng paths trn thanh option. - Click chut to ra im neo nhn hoc on thng. - Nh n gi + ko r chut to ra im neo trn hoc on cong. II . THC HNH HNG DN BI TP THC HNH -

M File\ Photoshop Basic\Lesson06\Straight.psd tp v cc Path. Chn bt k cng c no trong hp cng c. click phi chut vo biu tng ca cng c ang c chn trn thanh Option, chn lnh Reset All Tools ri Click OK.

V CC PATH VI CNG C PEN 1. Chn cng c Pen (P) trn hp cng c. 2. Click chn tn ca Paths Palette hoc vo menu window -> Paths nu bng Paths cha c m. 3. a cng c Pen n v tr im A v click chut, sau di chuyn chut n v tr im B v click tip, to mt Path thng t A ti B. 4. kt thc vic v, nhn gi Ctrl v click u ngoi Path trn ca s ang lm vic. 5. Double click vo Work Path, trong hp thoi save Path i tn l Straight lines v click nt ok, lu v i tn cho Paths. Lu : - Mun lu li v i tn 1 Work Path, ta Double Click vo Work Path v nhp tn vo Name, click Ok. - Cc im cui ca 1 giai on ta gi l cc im neo (Anchor Point) DI CHUYN V IU CHNH PATH VI CNG C DIREST SELECTION 6. Chn cng c Direct Selection iu chnh 1 im neo hoc on trn Subpath. 7. Click vo Subpath va v chn n v ko r di chuyn n qua v tr hnh C,D. 8. Click chn im A v ko im neo A n v tr C v B n v tr D. 9. Chn li cng c Pen, ta thy du (x) xut hin k con tr (xc nh ta s bt u bng 1 Subpath mi). 10. t tr chut ti im C ( ca Subpath va v), ta thy xut hin 1 im trn vi gch ngang ( xc nh ta c th v ni tip ti im ), click vo im C. 11. V ln lt ta click tip vo cc im E, F, G. by gi ta c 1 SubPath lin tc ni nhau D,C,E,F,G. 12. Vi cng c pen vn c chn, nhn gi Ctrl chuyn tm qua cng c Direct Selection chn v di chuyn cc im neo D,C,E,F,G sao cho trng vi cc im E,F,G,H,I. Lu : Vi cng c Pen ang c chn, bm gi ctrl chuyn tm qua cng c direct selection. 13. Chn cng c Path Selection v click vo SubPath chn ton b Path, sau click gi chut v ko r SubPath di chuyn. Lu : chn ton b 1 SuPath: - Chn cng c Path Selection click vo SubPath. Cc im neo s chuyn thnh mu en. TO CC PATH THNG NG 14. Chn cng c pen, click ln lt vo cc im J,K,L. 15. ng ng path, di chuyn tr n dim neo J (l im bt u), ta thy xut hin hnh trn nh k con tr ( xc nh ta c th ng path khi click). Click chut ng path selection. Lu : To 1 ng path ng : - Vi cng c Pen, ta click ln lt to path, di chuyn tr ti im bt u, khi xut hin hnh trn nh, click ng path.

--22

16. Quan st trn bng Paths Palette, ta thy tt c cc SubPath xut hin trn Thumbnail c
tn Straight lines. T MU NG VIN V NN CHO PATH 17. Chn cng c t v trn hp cng c, chn 1 nt c v thay i cc xc lp ty . 18. Chn mu cn t cho hp Foreground , chn cng c Path Selection. 19. Trn ca s lm vic click chn path E,F,G,H,I. 20. Vo pop-up menu ca bng Paths Palette, chn cng c Stroke Subpath t mu cho ng vin Path. Hp thoi lit k cc cng c v, ti y ta chn cng c va xc lp nt c to ng nt. Lu l nhng xc lp hin hnh ca cng c s c p dng cho ng nt mi. Lu : - Chn SubPath: Trn b ng Path Palette, ch n tn path. Dng cng c Path Selection ho c cng c Direct Selection v click ch n vo SubPath. - T vin cho Path hoc SubPath: Ch n SubPath, vo menu c a b ng Paths, ch n Stroke SubPath v ch nh cng c mu n p t cho ng vi n. Ta nn xc l p thu c tnh cho 1 cng c tr c khi ch n cng c ny trong h p tho i Stroke Path. 21. Chn 1 mu khc cho hp Foreground. 22. Chn cng c path selection. Click vo subpath ng hnh tam gic chn. vo pop-Up menu ca bng Paths Palette chn fill subpath. 23. Ti y ta click vo Use v chn Foreground color, click Ok.Ta thy hnh tam gic c t vi mu foreground. 24. Mun lm n cc paths, ta click vo phn trng (mu xm) trn bng paths palette. 25. Ta ng file Straight.psd , khng lu file. TO CC PATHS CONG 26. M file\curves.psd. chn cng c Pen. 27. Nhn gi chut ti im A ko ti im mu pha trn v nh chut ra. Lu : km shift khng ch ng thng. 28. Ta tip tc chn cc im B, C, D nhn gi chut v ko ti cc im hon thnh 1 path cong. Lu : Vi cng c Pen, mi ln gi chut v ko r, s xut hin 1 ng iu khin (direst line) v im iu khin (control point) i xng nhau qua im neo. Nhng ng v im iu khin ny s gip ta hiu chnh cho path sau ny. 29. Chn bng Paths v lu path vi tn Curves 1 TO CC PATHS RING BIT 30. Cho n Path Curves 1 bng cch click vo vng trng ca bng Paths. 31. Chn cng c Pen. Click vo im E nhn gi chut v ko r t im E ti im . Ri tip tc t im t F ti im . Lu : Khi click chut to im u tin, quan st trn bng Paths ta thy 1 Work Path mi xut hin. 32. Kt thc v Path bng cch nhn gi Ctrl v click u ngoi ng path trn ca s ang lm vic. 33. Double click vo Work Path mi to v i tn thnh curves 2, OK. Click vo vng trng ca bng Paths Palette b chn ng Path.

--23

34. Chn cng c pen. Nhn gi chut v ko r t im G ti im , tip tc chn im H gi

chut v ko ti im . By gi ta di chuyn cng c pen tr li im G ( im u tin), khi tr xut hin hnh trn nh, ta click ng Path. 35. i tn v lu Work Path mi thnh Closed Path. 36. Chn cng c Direction Selection. Chn Path c tn Curves 2 trn bng Paths Palette v click chn Path. 37. Click vo im neo E, chn im iu khin pha trn nhn gi chut vo ko r di chuyn qua li quan st. T MU D C THEO PATH V PH N TRONG C A PATH 38. Chn cng c Brush, chn mu xanh v xc lp cc ty chn cho n. 39. Trn bng Paths chn Path c tn Curves 1, Click vo nt Strokes Path with brush di bng Paths Palette t mu cho ng vin bng cng c Brush vi mu Foreground. 40. Chn mu khc cho Foreground . Chn Path c tn Closed Path, click vo nt Fill path with foreground color pha di bng Paths Palette. Ta thy mu mi c a vo hnh trn. 41. Chn tr li Paths Curves, click vo nt Fill path with foreground color pha di bng Paths Palette. Photoshop t ng to thnh 1 ng thng t im neo u n im neo cui cng v t mu bn trong. 42. ng file Curves.psd, khng c n l u file. K T H P V NG TH NG V NG CONG 43. M file \ Compo.psd . Chn cng c Pen. Nhn gi chut ti im A ri ko ti im v th chut ra, tip tc thao tc trn vi im B. 44. Ti y ta nhn km Alt di chuyn tm qua cng c Convert Point, vi cng c ny ta s chuyn hng cho ng iu khin. 45. Click vo im iu khin pha di v ko r chuyn ln im pha trn, sau th Alt ri ko ln im . 46. V tip vi hnh v bn phi. Ti im E, bm gi chut v km phm Alt ri ko ln im . 47. Sau khi v xong im F, km phm Alt, v ko r im iu khin chuyn hng (km phm Alt l chuyn tm t cng c Pen sang cng c Convert Point). Hy 1 bn (hoc c 2 bn) ng iu khin: Km phm Alt v Click vo im neo. Lu : chuyn hng cho ng iu khin: Km phm Alt v ko r im iu khin cho chuyn hng (Km Alt l chuyn tm t cng c Pen sang cng c Convert Point) Hy 1 bn (hoc c 2 bn) ng iu khin: Km phm Alt v click im neo. 48. ng file Compo.psd , khng cn lu file. THM B T I M NEO CHUY N I M NEO TRN THNH TH NG V NG C L I 49. M file\Edit.psd, chn Path c tn Add and Delete Point c sn trn Paths. 50. Chn cng c Delete Anchor Point thm 1 im neo. Click vo im trn hnh, mt im neo mi xut hin sau di chuyn n ln trn. 51. Chn cng c Delete Anchor Point bt 1 im neo. Click vo im neo pha trn hnh th 2. Ta thy im neo bin mt v SubPath.

Lu : C th dng cng c Pen thm i m neo hoc xa b t i m neo : vi iu kin phi nh du vo ty chn Auto Add/Delete trn thanh Option. 52. Chn Path c tn Convert Directions trn bng Path, chn cng c Convert Point . 53. Chn SubPath hnh sao, click ko r im neo chuyn t im neo thng thnh im hnh trn. Ta tip tc cho cc nh cn li chuyn thnh hnh ci hoa. 54. Click chn SubPath pha trong ci hoa.

--24

55. Click vo cc im neo chuyn t im neo trn thnh im neo thng. 56. ng file Edit.psd, khng cn lu file.

Lu : Cng c Convert Point: - Click gi chut v ko r im neo thng s chuyn thnh im neo trn (to 2 ng iu khin) - Click chn im iu khin di chuyn 1 bn ca on cong - Click vo im neo trn s chuyn thnh im neo thng (hy 2 ng iu khin)
T O PATH XUNG QUANH HNH NH

57. M file\ Catmask.psd lu file vi tn MyWork06.psd trn cng. 58. Trn bng Layer Palette, click vo Icon eye n Layer Template. 59. Chn cng c Pen, v 1 Path theo hnh mt n ri mo vi nhng cng c va thc tp trn.
(Nu gp kh khn, cho hin Layer Template quan st ri cho n li) 60. Trn bng Paths Palette, lu Path vi tn Face. Ctrl + S lu file.

CHUY N 1 VNG CH N THNH PATH 61. Hy layer Teaplate. Chn cng c Magic Wand, cho Tolerance = 40. 62. Click vo vng ming con mo to vng chn 63. M bng Paths Palette, click vo nt Makes work path from selection pha di bng chuyn vng chn thnh Path. i tn Work Path thnh Month. 64. By gi ta thy trn bng Paths Palette c 2 Paths xut hin. Lu file. CHUY N 1 PATH THNH VNG CH N 65. Chn path Face trn bng Paths Palette nhn Ctrl + click vo Path Face to vng chn cho mt mo. 66. Chn Path Mouth, ri chn Make Selection trong Pop- up menu ca bng Paths Palette. Chn Subtract from Selection loi bt vng chn. Ta thy Paths Mouth chuyn thnh vng chn v ct vng ci mt. 67. Chn mu trng cho Foreground v en cho Background bng cch nhn phm D v phm X. 68. Chn menu Filter > Artistic > Neon Glow , ta c cc gi tr mt nh v OK. By gi hnh mt mo c p b lc Neon Glow. B vng chn. 69. Vo menu Filter > Texture > Texturizer m hp thoi Texturizer, chn Sandstone Texture to hiu ng b mt ( sa thch). OK 70. Chn File > Save hon thnh bi thc hnh.

CU HI 1. Lm th no hiu chnh tng on ca Path trong SubPath? - Bng cng c Direct selection ta click gi chut v ko r im neo hoc 1 on ca SubPath hoc c th ko r im iu khin im neo hiu chnh hnh dng ca on. 2. Lm th no chn 1 Path tron SubPath? - Bng cng c Path Selection, click vo SubPath. Khi 1 SubPath c chn th tt c cc im neo s chuyn thnh mu en. - Bng cng c Direct selection, ta km Alt v Click vo SubPath. 3. Lm th no thm v xa cc im neo? - Thm cc im neo: Chn cng c Add Anchor Point v click ln path ti v tr mun thm. - Xa cc im neo: Chn cng c Delete Anchor Point v click vo im neo mun xa.

--25

8. Ta c th s dng cng c Pen nh 1 cng c chn c khng? - c. Vi nhng vng chn c cong phc tp, dng cng c Pen to Path v chuyn thnh vng chn.

--26

Bi 7 CC K THU T CAO C P CHO LAYER I. H TH NG TH C V NG GING HNG GUIDE LINE 1. H th ng th c c a trang gi y Hin th 2 thanh thc ca trang giy bng cch : vo menu view > ruler hoc nhn phm Ctrl + R. C th thay i n v o cho thc bng cch : t tr chut vo thc, click phm phi chut, cc n v o xut hin ,di chuyn chut n n v cn s dng v click chn. Ta gc (0;0) c v tr mc nh ti gc bn tri ca trang giy. Nhng ta c th di ta gc ny n bt k v tr no trn trang bng cch : t tr chut vo giao nhau ca 2 thanh thc, nhn gi ko r chut ra ngoi trang ri th chut. Double click vo giao nhau ca 2 thanh thc tr gc ta (0;0 ) v v tr mc nh. 2. T o ng Guides ng ging hng ( ng Guide) gip ta d dng nh v tr cho hnh nh trn trang giy trong khi lm vic. To ng Guides ngang t thanh thc ngang. To ng guides dc t thanh thc ng bng cch: t tr chut vo thc, nhn gi ko r chut ra ngoi trang. Hoc to dng guide vi v tr c th Vo menu View > New guide + Horizontal : To ng guides ngang + Vertical : To ng guides dc + Position: Xc nh v tr c th cho ng guide mi 3. Cc thao tc trn ng guides a. hin th / giu ng guides : Vo menu view > show > guides hoc nhn Ctrl + du b. Bt dinh i tng cn so hng vo ng guide : Vo menu view > snap to >guide c. Thay i v tr ng guides trn trang Chn cng c move ( v) t tr chut ngay trn ng guide mun di chuyn cho n khi tr chut i sang hnh dng mi tn, nhn gi ko qua chut qua tri pahi3 hay i ln i xung thay i v tr cho ng guide. d. Kha c nh v tr ng guides trn trang - Vo menu view > lock guide hoc ctrl + alt + du e. Xa b ng guides trn trang Vo menu view > lock guides hoc Chn cng c Move , t tr chut ngay trn ng guide mun xa cho n khi tr chuti sang hnh dng mi tn, nhn gi ko r chut tr ngc vo thanh thc. f. Thay i mu v kiu hin th cho ng Guides: Vo Menu edit > Preferences > guides, grid & Slices trong nhm Guides chn: Color: xc nh mu mi cho ng huides Style : Chn kiu hin th mi cho ng guides C th so hng v tr hnh nh trong layer ny vi hnh nh trong layer khc bng cch: Chn cng c Move Chn layer cha hnh nh c v tr chnh xc Lin kt vi cc layer hnh nh cn c so hng bng cch bt biu tng Link ca nhng layer ny ln ri la chn : Agign linked : khi mun so hng theo cnh ca i tng hnh nh : Align top edge = (1) : so hng theo cnh trn ca hnh nh Align vertical centers = (2) : so hng chnh gia theo chiu ng ca hnh nh Align bittom edge = (3): so hng theo cnh tri ca hnh nh

--27

L u : - Khi so snh phi c t nht 2 layer c lin kt vi nhau i vi nhm lnh align linked v t nht 3 layer i vi nhm lnh distribute linked - Khi so hng , v tr ca hnh nh trong layer ang c chn s khng thay i nhng v tr hnh nh trong nhng layer c lin kt s b thay i - Layer background ko so hng theo v tr nhng layer khc nhng nhng layer khc c th so hng theo v tri ca layer background II. CHE CH N HNH NH B NG LAYER MASK 1. Khi ni m - layer mark dng che chn hnh nh trong layer. K thut ny thng c dng trong khi ghp nh 2. Cc tnh ch t c a layer mask - trong layer mask ch c mu en, mu trng v 256 cp xm - khi ang chn layer mask thumbail mi trng photoshop s tm thi chuyn qua ch grayscale - ta c th s dng hu ht cc cng c, lnh hay b lc ca photoshop sa i mt n 3. cch t o layer Mask - Chn layer cn che chn - To vng chn hoc khng to vng chn - Click vo biu tng Add layer mask pha di bng layer palette , bn cnh layer thumbnail s xut hin 1 layer mask thumbnail 4. Cch hi u ch nh layer mask - Chn cng c t v trn thanh cng c Chn layer mask thumbnail - T mu en : che hnh nh - T mu trng : hin th hnh nh - T 256 cp xm : hnh nh c hin th hay b che chn m hay r ty theo cp xm m hay nht L u : - Khng th s dng layer mask ( mt n ) vi layer background - Trc khi to ra layer mask c th c hoc khng c vng chn u c - C vng chn trc khi to layer mask th mc nh trong layer mask vng ang chn c t trng v vng khng chn c t en

Align left edge = (4) : so hng theo cnh tri ca hnh nh Align horizontal centers = (5) : so hng chnh gia theo chiu ngang ca hnh nh Align right edge = (6) : so hng theo cnh phi ca hnh nh Distribute linked: Distribute top edge = (1`) : khong cch t cnh trn ca hnh nh ny n hnh nh trn ca hnh nh khc bng nhau Distribute vertical centers = (2) : khong cch t tm ca hnh nh ny n tm ca hnh nh khc bng nhau theo chiu ng Distribute bottom edge = (3) : khong cch t cnh di ca hnh nh ny n cnh di ca hnh nh khc bng nhau Distribute left edge = (4) : khong cch t cnh tri ca hnh nh ny ca hnh nh khc bng nhau Distribute horizontal centers = (5): khong cch t tm ca hnh nh ny n tm ca hnh nh khc bng nhau theo chiu ngang Distribute right edge = (6) : khong cch t cnh phi ca hnh nh ny n cnh phi ca hnh nh khc bng nhau

--28

C vng chn + nhn gi alt trc khi to layer mask th mc nh trong layer mask vng ang chn c t en v vng khng chn c t trng

III.T O NHM C T B NG CLIPPING MASK 1. Khi ni m - Clipping mask dng a cc hiu chnh mu layer hnh nh vo trong 1 nhm v nhm hnh nh ny s c nhn qua 1 hnh dng bt k ( shape ) 2. Cch t o clippng mask - to clippng mask phi c t nht t 2 layer tr ln : layer c hnh dng bt k (layer c s) v layer hiu chnh mu hoc layer hnh nh - Layer c s lun lun nm di cng so vi cc layer s a vo nhm ct - Layer hiu chnh mu hoc layer hnh nh nm pha trn layer c s - a layer vo nhm ct: Chn layer c s hoc layer hnh nh hoc layer hiu chnh Nhn gi Alt ri Click chut ln lt vo ng rang gii ca cc layer - Tch cc layer ra khi nhm: Chn bt k layer no trong nhm. Nhn gi Alt ri click chut ln lt vo rang gii ca cc layer L u : - a 1 lc nhiu layer vo nhm ct: Chn layer c s Link cc layer hnh nh cn a vo nhm ct ,ri nhn ctrl + G IV. H NG D N BI T P TH C HNH - M file.\ photoshop Basic \ lesson07 \ final07. psd quan st cng vic ta lm - M file.\ photoshop Basic \ lesson07 \begin07.psd, lu file trn cng vi tn mywork07.psd V. T O NG GUIDE SO HNG V TR GI A CC HNH NH V I NHAU 4. Chn menu view > ruler hoc nhn ctrl +r, hin th 2 thanh thc ca trang. t tr chut vo thc , click phm phi chut ri ko r click chn n v l inch. Quan st trn 2 thanh thc ta thy kch thc ta thy kch thc trang giy l 8in * 5 in 5. vo menu view > new guide ,chn Horizontal, position = 2.5in so vi thanh thc ng 6. Vo menu view > new guide., chn Vertical, position = 4 to ng guide dc c v tr 4 in so vi thanh thc ngang. Nh vy ta to 2 ng guide ct ngang nh ti tm im 7. Vo menu view > snap to > guides ng guide bt dnh i tng c v tr gn Lu : C th i mu cho ng guide c mu tng phn vi mu ca hnh nh VI. S D NG VNG CH N V I M T N LAYER: 8. Chn layer tulips, chn cng c rectanggular marquee (M) , to 1 vng chn hnh ch nht, chn hnh gc di bn tri 9. Click vo biu tng Add layer mask pha di ca bng layer Palette ch hin th nh trong vng chn, nhng phn nh ngoi vng chn s n. Quan st trn layer Tulips ta thy 1 layer mask thumbnail xut hin v ang c chn Lu : - Khi layer mask thumbail c chn, k bn icon eye xut hin biu tng add layer mask (hnh trn) - Khi Layer thumbnail c chn, k bn Icon eye xut hin biu tng cy c - Trong Layer mask thumbnail ch c mu en v mu Trng VII. CH NH S A LAYER MASK 10. Nhn phm D tr v mc nh mu cho 2 hp Foreground v Background, ri nhn phm X chuyn mu trng ln hp Foreground. Vo menu View > Snap To> Guides ng khng bt dch i tng na.

--29

11. Chn Layer mask thumbnail, chn cng c Brush vi c mm ph hp. Ta t ln phn che ca cnh hoa cho hin thm phn trn ( nu b lem qua phn l ta c th chnh s c). Quan st trn Layer Mask ta thy s thay i. 12. Nhn phm X chuyn mu en cho hp Foreground, chn nt c nh hn v t ln l b lem, ta thy phn l b che i v trn mt n c t mu en. L u : - T mu Trng: hin th hnh nh - T mu en: che hnh nh - Hin/n Layer Mask: Km phm Alt va click vo Layer mask thumbnail - Hin th/tt Layer Mask: Km phm Shift v click vo Layer mask thumbnail 13. Nhn Ctrl + S VIII. SO SNH CC LAYERS T O 1 VNG TRN NG KNH 4 IN 14. Vo menu View > New Guide , chn Vertical, Position = 2 v = 6 to ng guide dc c v tr 2 in v 6in so vi thanh thc ngang 15. Click vo nt Create a new layer di bng Layer Palette to 1 layer mi ngay trn layer Tulips v i tn l Circle 16. Chn cng c Elliptical Marquee, t tr chut ti tm nh, nhn gi phm phm Alt + Shift v vng chn hnh trn c ng knh c gii hn bi 2 ng guide 2in v 6in m ta va to 17. T mu en cho vng chn ( hoc c th t bt k mu no) 18. Nhn Ctrl + D b chn 19. M file \Sunflowr.psd v \Leaves.psd trong th mc Lesson07 20. Chn file nh Sunflows.psd, dng cng c Move ko nh qua file MyWork07.psd v i tn Layer thnh Flower 21. Cng vi thao tc trn, ta em nh l ca file Leaves.psd qua file MyWork07.psd. i tn Layer thnh Leaves 22. Chn layer Circle, click chn Link ca Leaves and Flower, lin kt chng li vi nhau 23. Trn thanh Options chn Align Vertical Cener, canh tm ca cc Layer c lin kt vi nhau theo hng dc 24. Trn thanh Options chn Align Horizontal Cener, canh tm ca cc Layer c lin kt vi nhau theo hng ngang 25. Tt cc lin kt. By gi ta c anh ca 3 Layers ng tm vi nhau. Nhn Ctrl + S IX. T O 1 NHM C T CREATE CLIPPING MASK 26. Tt biu tng con mt ca layer leaves v chn layer fower, nhn phm alt v tr chut vo ranh gii gia ca 2 layer: layer flower v layer cirle. Sau click chut a layer flower vo nhm ct, ta thy cnh hoa c ct bi layer circle v c nhn qua khung hnh trn 27. quan st tn bng layers, ta thy layer thumbnail ca layer flower di qua phi 1 qung v tn c a layer circle c gch di , xc nh layer circle c dng lm layer c s ( layer nn ) cho nhm ct 28. Bt biu tng con mt ca layer , nhn phm Alt v tr chut vo ranh gii gia ca 2 layer : layer leaves v layer flower a layer leaves vo trong nhm ct 29. Chn cng c Move, nhn gi Shift, di chuyn cho hnh l xung di sao cho cnh trn ca hnh trng vi ng guide ngang 30. Nhn Ctrl + du ; lm n cc ng guide TO LAYER HIU CHNH (ADJUSTMENT LAYER) 31. Chn layer Tulips, click vo biu tng Create new fill or adiustment layer phi di bng layer palette v chn hiu chnh ngay trn layer tulip 32. Xut hin hp thoi levels v trn bng layers xut hin 1 layer hiu chnh ngay tn layer tulip

--30

33. Ko tam gic en (shadow) qua phi, n v tr biu tng mu bt u gim sng. Quan st trn nh, ta thy c 2 layers tulips v back ground u b tc ng. Click OK, mt layer mi xut hin vi tn levels nhng khng c nh ma 2chi3 c mt n 34. Chn trn layer leaves, to 1 hiu chnh vi chc nng color Balance 35. Trn hp thoi Color balance, ta thm mu red + 40, thm mu Green = 22 v gim mu blue = -41. Click Ok xc lp s iu chnh 36. By gi ta thy mu c ci thin hn cho hnh hoa v l, nhng cc tulips v background cng b tc ng v layer hiu chnh mu color balance nm trn cng, v vy ta phi cho layer hiu chnh color balance vo trong nhm ct bng cch km phm Alt v tr chut vo ranh gii gia ca 2 layer: layer hiu chnh color balance v layer leaves. Sau click chut a layer hiu chnh vo trong nhm ct X. NH P VN B N VO NH 37. Chn layer hiu chnh color balance layer vn bn c to ngay trn n 38. Chn cng c Tupe (T), click vo v tr mun nhp Text 39. Click vo mu trn thanh option, xut hin hp thoi color picker, a tr chut ra ngoi file nh trch mu vng t hao hng dng trn nh v Font = Helvetica inserat, size = 50. nhp ch summer. Ok 40. Cng vi thao tc trn, ta ln lt to cc ch Fall vi mu cam ca l trn nh,ch spring vi mu hng hoa tulip v ch winter vi mu xanh nht nn tuyt 41. Di chuyn n ng v tr nh hnh mu bng cng c Move XI. LM HI U NG CHO TEXT 42. Chn layer winter, click vo nt Add a layer stye pha di bng layer palette v chn bevel and emboss( lm ni vn bn ) 43. Trong hp thoi Layer style, chn style = inner bevel (vt vo trong), technique = smooth, direction = up , depth(chiu su) = 100%,size ( vt) =3 44. Cng trn hp thoi layer style, click vo tn drop shadow ( to bng ). Ti y ta c thng s ty - Opacity: m lt ca bng - Angle : hng ca ngun sng - Use global light: dng ngun sng chung - Distance: khong cch t bng n i tng - Spread: tri ra ca bng - Size : rng ca bng Lu : Vi layer thng ko c thng s no c cho p nht m ty thucvo ni dung ca nh, ca ngi s dng v ty theo cm nhn ca mi ngi 45. Ta thy mt biu tng ca layer style xut hin bn phi phn tn ca layer 46. click phm phi vo biu tng layer style trn layer winter v chn copy layer style chp hiu ng ca layer winter vo b nh 47. Click phm phi chut vo layer spring,c hn paste layer style dn hiu ng t b nh vo layer spring, ta thy layer spring c cng hiu ng vi layer winter nhng 2 layer text cn li cha c hiu ng. dn hiu ng vo nhiu layers cng lc ta lm nh sau: 48. Trn bng layer palette, ta link cc layer spring, fall,summer vi layer winter 49. Click phm phi vo 1 trong cc layer lin kt vi nhau v chn paster layer style to linked, dn hiu ng vo cc layers c lin kt vi nhau 50. Ta thy c 4 layer text c cng hiu ng 51. Nhn Ctrl + s lu file hon tt cng vic XII. CU H I 52. Khi t mu trng , mu en trn layer mask, n c tc dng g? - T mu Trng ln layer mask hin th thm phn hnh nh

--31

- T mu en ln layer mask che hnh nh 53. Cho bit cch no tt tm thi layer mask hin th ton b nh Ta km phm shift v click vo layer mask thumbnail trn bng layer palette 54. Cho bit clipping mask l g? V a cc layers vo nhm ct ( clipping mask ) ta phi lm th no? - Clippng mask dng a cc layer hiu chnh mu layer hnh nh vo trong 1 nhm. Nhm ct phi c ti thiu 2 layers, nh ca layer pha di c dng nh l khun ct cho 1 layer pha trn ( hay nhiu layers) - a cc layer vo nhm ct: nhn gi alt ri click chut ln lt vao2 rang gii gia ca cc layer 55. Cho bit ch li ca layer iu chnh (Adjustment layer)? Layer iu chnh gip ta c th chnh sa mu v iu chnh tng mu cho nh m khng thay i trc tip ln nh. Nh vy ta c th th nghim nhiu ln cc iu chnh m khng s bin mu ca nh gc

--32

BI 8:

T O HI U NG C BI T V I FILTER

i hnh nh mu sang Grayscale i mu cho hnh nh Dng cc Filter t o cc hi u ng khc nhau

I/ L THUY T A. FILTER B L C Khi nim - Photoshop cung cp cho ta rt nhiu b lc, cho php bin t 1 nh rt bnh thng thnh 1 nh p mang tnh ngh thut cao. - Ta c th s dng b lc ging nh ha s v bng mu nc, phn, nhng ng nt phc ha, lm nhe, un cong, lm mo, mt cch rt thong v ty bin. - Ngoi nhng nhm b lc c sn trong Photoshop c th ci t thm nhng b lc khc, theo ng dn nh sau:\Adobe\Photoshop CS\Plug-Ins\Filter\.... Lu : Phi ci t b lc trc ri mi m Photoshop. B. CHUY N HNH NH MU SANG GRAYSCALE - Chuyn hnh nh mu sang Grayscale nhng h mu ca hnh nh vn gi nguyn l RGB hay CMYK hay Lab Color hay Indexed Color Vo menu Image > Adjustments > Desaturate hoc nhn Ctrl+Shift+U Vo menu Image > Adjustments > Hue/Saturation hoc nhn Ctrl+U chnh thanh Saturation c gi tr nh nht = - 100 hay = 0 ty theo ty chn Colorize c c chn hay khng Chn cng c Sponge vi ty chn Desaturate c xc nh trong hp Mode trn thanh Option. Ri click chut + ko r ch ln phn hnh nh mun chuyn sang Grayscale. - Chuyn hnh nh mu sang Grayscale nhng h mu ca hnh nh b chuyn theo: Vo menu Image > Mode > Grayscale C. H TH NG L I GRID - H thng li chia trang giy thnh nhng vung li c kch c bng nhau dng canh v i tng vi chnh xc cao hay so hng cho hnh nh. - Hin th / Giu h thng li: Vo menu View > Show > Grid hoc nhn Ctrl + Du - Bt dnh i tng vo h thng li: Vo menu View > Snap To > Grid - Nhng thng s ca h thng li: Vo menu Edit > Preferences > Guides, Grid & Slices + Color: Chn mu mi cho li + Style: Chn kiu hin th khc cho li + Gridline every: Xc nh kch thc c th cho tng li, n v c chn bn cnh. + Subdivisions: Chia nh na cho mi li. II/ TH C HNH A. H NG D N BI T P TH C HNH - M file \Photoshop Basic\Lesson08\Final08.psd. - M file \Photoshop Basic\Lesson08\Begin08.psd v t tn l MyWork08.psd - Chn bt k cng c no trong hp cng c. Click phi chut v biu tng ca cng c ang c chn trn thanh Option, chn lnh Reset All Tools ri click OK. B. T O V L U L I VNG CH N S D NG NHI U L N

--33

1. 2. 3. 4. 5.

To vng chn cho qu l bn phi (c cung) trn hnh 1. Vo menu Select > Save Selection, lu vng chn vo knh Alpha 1. Nhn Ctrl+D b vng chn. To vng chn khc cho qu l bn tri v lu vo knh Alpha 2. Nhn Ctrl+D, Ctrl+S.

C. DESATURATE XA B BO HA MU CHO VNG CH N 6. Ti vng chn ca qu l c cung t knh Alpha 1. 7. Vo menu Image > Adjustments > Desaturate hoc nhn Ctrl+Shift+U loi b mu qu l trong vng chn qu l tr thnh nh Grayscale, cn vng nh ngoi vng chn vn gi nguyn mu sc. 8. Nhn Ctrl+D, Ctrl+S. D. S D NG BLENDING MODE (CH HA TR N MU) CHO LAYER 9. To mi 1 layer v t tn Painting. 10. Chn ch ha trn mu l Color cho layer Painting c hiu ng nhum mu. Lu : Ch ha trn mu Color ch thay i sc (Hue) cho hnh nh m khng nh hng ti sng (Highlight) ti (Shadow) ca hnh nh (nhum mu). 11. Ti vng chn cho qu l c cung t knh Alpha 1. 12. Chn cng c Brush, cho Opacity = 50 trn thanh Options. 13. Chn nt c mm ph hp, chn mu xanh vng cho hp Foreground. T cho qu l phn gia nh hnh mu. 14. Tip theo chn mu xanh m hn cho hp Foreground, vn chn cng c Brush, gim Opaccity = 30. T vo phn cung v t nh vo nhng vng ti trn qu l. 15. Chn mu hng cho hp Foreground, vn chn cng c Brush, gim Opacity = 20 v t phn chn ng ca qu l. 16. Nhn Ctrl+D, Ctrl+S. E. T CHUY N S C B NG CNG C RADIAL GRADIENT 17. Ti vng chn cho qu l bn tri t knh Alpha 2. 18. i mu cho hp Foreground vi thng s mu ln lt RGB nh sau: R = 255, G = 0, B = 0 19. i mu xanh l cy cho hp Background vi thng s mu ln lt RGB nh sau: R = 0, G = 255, B = 0 20. Chn cng c Gradient, click vo nt tam gic trn thanh Options m bng Gradient picker, chn mu t Foreground to Background ( u tin), chn kiu t Radial Gradient:, cho Opacity = 40. 21. t tr chut vo ch sng nht trn qu l, ko r chut t phi sang tri kt hp vi nhn gi Shift (im kt thc pha ngoi vng chn phn mu nhiu hn). Ta c mu chuyn t qua xanh cho qu l. 22. Nhn Ctrl+D, Ctrl+S. F. K T H P CC VNG CH N V DI CHUY N VNG CH N 23. Vo menu Select > Load Selection, chn tn knh Alpha 1 trong hp Channel ti vng chn cho qu l bn phi. 24. Vo menu Select > Load Selection, chn tn Alpha 2 trong hp Channel, ti y click chn mc Add to Selection phn Operation cng thm Alpha 2 vo vng chn trc . Ta thy vng chn by gi bao gm c 2 tri l. Lu : Trn hp thoi Load Selection, ngha cc ty chn ca phn Operation:

--34

- New Selection: Chuyn knh Alpha thnh vng chn. - Add to Selection: Thm vo vng chn c trc . - Subtract from Selection: Bt i vng chn c. - Intersect with Selection: Ly phn chung lm vng chn. 25. Chn 1 trong cc cng c to vng chn (cng c c tr v ch mc nh), tr chut vo bn trong vng chn v nhn gi + ko r chut di chuyn vng chn qua hnh qu l th 2 (lu km Shift khng ch di chuyn theo ng thng). G. CHUY N S C MU CHO NH 26. Chn layer Background to 1 layer hiu chnh Hue/Saturation (lu l vng chn phi ang hin hu). Trn hp thoi Hue/Saturation click chn Colorize chuyn sang 1 sc mu khc (mu n sc). 27. Ti y ta chn mu xanh ph hp nhum mu cho nh bng cch di chuyn thanh trc Hue (chuyn sc). 28. Nhn Ctrl+S Lu : Lnh Hue/Saturation: Dng chuyn sc mu m khng nh hng n cu trc nh - Hue: Sc mu - Saturation: Cng ca mu - Lightness: sng ti ca mu. H. GRID L I 29. Vo menu View > Show > Grid hin th li. i n v cho thanh thc sang inch. 30. Vo menu Edit > Preferences > Guides, Grid & Slices, iu chnh xc lp cho li. Cho Color = Green, Gridline every = 2in (kch thc cho mi li), Subdivisions = 1 (s vch chia cho mi li), click OK. 31. By gi ta thy li c thay i. Vo menu view > Snap To > Grid. 32. Chn cng c Rectangular Marquee, trn thanh Option, chn Fixed Size trong hp Style, cho Width = 2in v Height = 2in, ta c th to 1 vng chn c nh vi kch thc l 2in 2in. Clcik chut vo hnh 3 to vng chn. Lu : Fixed size: To 1 vng chn c kch thc c nh bng cc gi tr c nhp vng Width v Height. 33. To 1 layer hiu chnh Color Balance ngay pha trn layer Background (lu l vng chn phi hin hu). 34. Hiu chnh mu bng thanh trt hoc thng s, sao cho ging hnh mu nht (13,-14,-15). Lu : Khi to layer hiu chnh vi vng chn, th ch nhng phn nh nm trong vng chn b tc ng m thi. 35. Nhn Ctrl+D, Ctrl+S. K. P FILTER (B L C) VO KNH ALPHA 36. Ti vng chn cho 2 qu l tng t nh (hnh 2) v di chuyn vng chn sang (hnh4). 37. Chn bng Channel Palette. Clcik vo nt Save selection as channel pha di bng Channel Palette lu vng chn vo knh Alpha 3. 38. Chn layer Background. Chn cng c Rectangular Marquee to vng chn cho hnh 4, ta thy vng chn c kch thc c nh m ta ch nh trc y. 39. Vo menu Select > Load Selection, chn tn Alpha 3 trong hp Channel, ti y click chn th mc Subtract from Selection phn Operation tr bt Alpha 3 vi vng chn trc . Ta thy vng chn by gi ch c phn nn ( hnh 3) khng c hnh 2 tri l. Sau lu vng chn vo knh v c tn Alpha 4.

--35

40. Chn bng Channels Palette, clcik chn tn knh Alpha 4 hin th 1 knh Alpha 4 (vng chn vn phi hin hu). 41. Vo menu Filter > Distort > Glass , p Filter vo knh Alpha 4. iu chnh cc thng s: - Distortion = 20 - Smoothness = 3 - Texture = Frosted - Scaling = 90 V click OK. 42. Nhn Ctrl+D b vng chn. 43. Chn knh tng hp RGB, nhn gi CTrl v Click vo knh Alpha 4 ti vng chn ca knh ny. Nhn phm D tr v mt nh cho hp mu, hp Background l mu trng. Chn layer Background v nhn phm Delete. 44. Nhn Ctrl+D, Ctrl+S. L. P FILTER (B L C) CHO HNH NH 45. To vng chn vung cho hnh 5. 46. Vo menu Filter > Distort > ZingZag , chn Around Center trong hp Style to hiu ng nhng ng gn sng nhp nh. Nhp thng s vo cc : - Amount: gn sng = 4 - Ridges : s lng bc sng =9 Lu : B lc ZigZag: Bp mo hnh theo nhng ng gn sng nhp nh 47. Vo menu Edit > Fade ZigZag , cho Opacity = 50 gim tc ng ca b lc ZigZag ln hnh nh. 48. To vng chn vung cho nh cui cng. Nhn phm D tr v mc nh cho hp mu Foreground v Background. 49. Vo menu Filter > Distort > Diffuse Glow, cho cc gi tr: - Graininess: mn ht = 6 - Glow Amount: sng = 6 - Clear Amount: trong ca ht =15 Lu : B lc Diffuse Glow: To hiu ng nh nhn qua lp bi. Mu ca ht bi s l mu ca hp Background. 50. Nhn Ctrl+S lu file hon tt cng vic. CU H I N T P 1. Cho bit mc ch ca vic lu cc vng chn? - Ta c th s dng li cc vng chn c lu khng mt thi gian to li. - Cc vng chn s thng nht trong sut qu trnh lm vic. 2. Cho bit ch li ca vic s dng li? - Gip ta to vng chn 1 cch chnh xc. Cc vng chn, cc cng c s b ht vo li, gip ta thao tc vi chnh xc cao. 3. Lm cch no chnh sa mu cho nh m khng tc ng trc tip ln nh gc? - Dng Layer hiu chnh mu (Adjusment Layer) chnh sa mu cho nh.

--36

BI 9 : H MU HNH VECTOR - NH BITMAP Cc nhm mu: RGB, CMYK S khc bit gia nh bitmap v hnh vector Xut nh vi nn trong sut s dng cho cc phn mm dn trang I/ L THUY T A. H MU C B N TRONG PHOTOSHOP 1. Nhm mu RGB (Red, Green, Blue) - H mu ny dng trn mn hnh, Web v dng in trc tip vi my in bn - Khi pha trn cc mu li vi nhau t l 100% s sinh ra cc mu Cyan, Magenta, Yellow, White. V d: Khi trn 2 mu: - Green vi Blue s sinh ra mu Cyan - Red vi Blue s sinh ra mu Magenta - Red vi Green s sinh ra mu Yellow - Red + Green + Blue s sinh ra mu White 2. Nhm mu CMYK (Cyan, Magenta, Yellow, Black) - H mu chnh dng cho vic ch bn in n (Offset) - Khi pha trn cc mu li vi nhau t l 100% s sinh ra cc mu Red, Green, Blue v Black. V d: Khi trn 2 mu: - Magenta vi Yellow s sinh ra mu Red - Cyan vi Yellow s sinh ra mu Green - Cyan vi Magenta s sinh ra mu Blue - Cyan+Magenta+Yellow+Black s sinh ra mu Black B. MODE (CH MU) TRONG PHOTOSHOP Vo menu Image > Mode: - Grayscale: Dng 256 cp xm hin th hnh nh, l ch trung gian chuyn qua Bitmap, Duotone. - Duotone: nh ch Grayscale v c th thm t 1 n 4 mu. - Indexed Color: Dng 256 mu hin th hnh nh. - Multichannel: Dng mu ca Channel hin th hnh nh (khng c knh tng hp). - CMYK: Ch 4 mu, dng cho vic in n xut phim. - RGB: Ch 3mu, thun li nht khi ta lm vic trong Photoshop. - LAB: Ch mu c cung bc ln, bao gm RGB v CMYK. C. NH BITMAP (BITMAP IMAGES) - nh c to nn bi cc phn t nh cn c gi l Poxel. - Mi Pixel cha mu sc v c th chuyn dn tng mu to nn nh Bitmap. - Khi ta chnh sa nh Bitmap l ta chnh sa mt nhm cc Pixels ch khng phi l cc i tng. - Cc chng trnh x l nh Bitmap: Adobe Photoshop, Adobe Image Ready D. HNH VECTOR (VECTOR GRAPHICS) - Hnh Vector l hnh v, cc hnh th ca n da trn cc phng trnh ton hc v c to ra bi cc chng trnh v. - Hnh Vector vn r nt, trn tru khi ta thay i kch thc, t l ca chng. - Hnh Vector thng dng cho cc hnh minh ha, Logo (biu tng). - Cc chng trnh to nh Vector chuyn nghip hin nay nh: Adobe Illustrator, Macromedia Freehand

--37

E. A HNH VECTOR V PHOTOSHOP B NG L NH PLACE - a hnh Vector vo photoshop ta phi lu file hnh Vector vi cc nh dng: (*.A1, *.EPS, *PDF, *PDP). - Vo menu File > Place - Mt Layer mi xut hin ngay trn layer hin hnh v nm gia trang giy vi 1 khung bao gm 8 n1t bao quanh. - Nhn Enter thc hin lnh. Lu : + thay i kch thc ta phi thay i khi hnh va c Place vo Photoshop, phi cn khung bao (hnh Vector). Sau khi nhn phm Enter, hnh Vector chuyn thnh hnh Bitmap. + i vi Illustrator: Ta dng lnh Copy M File Photoshop v thc hin lnh Paste F. XU T HNH V I N N TRONG SU T Thng thng, khi ta xut 1file nh t Photoshop dng cho cc chng trnh dn trang khc, nh s l 1 hnh bao gm lun c nn trng khng c phn trong sut. to nn trong sut cho nh ta c 2 cch nh sau: 1. Dng l mh Clipping Path c a b ng Path Palette: - Thao tc To ng Path xung quanh hnh nh cn xut nn trong sut. Path c th khp kn hoc h. M bng Path Palette, lu Work Path va to Vo Pop-up menu ca bng Path Palette, chn lnh Clipping Path Trong hp thoi Clipping Path: + Click vo hp Path, chn tn Path cn ct + Nhp gi tr vo hp Flantness: Nu to path ct c t im neo. Click OK. 2. Dng l nh Export Transparent Image: - To vng chn cho phn hnh cn xut trong sut. - Vo menu Help > Export Transparent Image Trong hp thoi Export Transparent Image Wizard chn ty chn th 2: I have selected the area to the made transparent (ta chn 1 vng lm trong sut) v Click Next. - Xut hin hp thoi k tip, chn: Print: nu file nh ny dng cho in n Online: nu file nh ny dng cho Web - Chn Next v Save file vi nh dng TIFF hoc EPS. 3. L u File d i d ng ESP ho c TIFF: - lu li ng Path ct cng vi File sao cho ng Path c th c nhp vo 1 chng trnh dn trang khc, ta phi lu file theo dng TIFF hoc EPS. - Vo menu File > Save as click vo hp Foemat, chn nh dng Photoshop EPS hoc TIFF v click Save - Nu Save vi nh dng file l EPS s xut hin hp thoi EPS Options. Trn bng EPS Options ta chn: Preview : Chn TIFF (8bits/pixel) Encoding : Chn ASCII v click OK. II/ TH C HNH A. H NG D N BI T P TH C HNH - M file \ Photoshop Basic\Lesson09\Final09.psd - M file \ Photoshop Basic\Lesson09\Begin09.psd v lu thnh file MyWord09.psd B. A 1 HNH VECTOR (ILLUSTRATOR) VO NH (PHOTOSHOP)

--38

1. Vo menu file > Place , chn file Logo.ai, OK. Mt logo xut hin ngay gia nh v trn 1 layer ring bit, ta thy c khung bao vi 8 nt bao quanh logo ta iu chnh kch thc. Lu : Lnh Place: Dng a 1 hnh Vector vo nh ngay trn Layer hin hnh. 2. Thay i kch thc sao cho Logo tng xng vi hp. C. LM MO LOGO CHO PH H P V I LU T PH I C NH 3. Chn layer Logo.ai, vi cng c Polygonal to 1 vng chn cho mt trn ca hp. 4. Vo menu layer > New > Layer via Cut (Ctrl+Shift+J) ct na trn ca logo v t trn 1 Layer ring. Ta thy Layer 1 xut hin ngay pha trn layer logo.ai. 5. Vi Layer 1 ang c chn, nhn Ctrl+T hin th khung bao Free Transform xung quanh hnh, tr chut vo pha trong khung, nhn phm phi chut ri chn lnh Skew. 6. Ta chn 1 trong cc nt ca khung bao nhn gi + ko r chut iu chnh phn na Logo trn sao cho ph hp vi gi qu theo lut phi cnh. Nhn Enter. Lu : Lnh Skew: + Lm mo hnh vi 8 nt (handle) bao quanh. + Mun hy b thao tc ang lm, nhn ESC D. DNG CH HA TR N MU (BLENDING MODE) CHO CC LAYER 7. Chn Layer 1 cho Opacity = 60 cho ph hp vi nh sng mt trn gi qu. 8. Chn layer Logo.ai, cho Opacity = 90 v chn Blending mode l Multiply hnh logo c ha nhp vi mu ti ca nn gi qu. E. XU T HNH T O N N TRONG SU T 9. Chn layer Background trn bng layer Palette, to 1 vng chn bao quanh ci hp 10. Nhn Ctrl+Shift+1 o ngc vng chn chn phn nh ngoi gi qu (phn nh cn xut hin nn trong sut) 11. Vo menu Help > Export Transparent Image m hp thoi Export Transparent Image Wizard. 12. Trong hp thoi click chn (dng 2): I have selected the area to be made transparent, thng bo rng ta chn 1 vng lm trong sut. Nhn Next. 13. Hp thoi k tip, chn Print thng bo rng nh ny s dng cho vic in n. Nhn Next xut hin hp thoi Save as. 14. t tn v chn nh dng file l Photoshop EPS, nhn Save. 15. Trn bng ESP Options, ta chn TIFF (8bits/pixel) hp Preview v chn ASCll hp Encoding, nhn OK. 16. Hp thoi cui cng, ta nhn Finish kt thc vic xut nh chuyn i thnh trong sut. 17. By gi ta thy 2 files c m trn mn hnh. File va to c 1 Path pha trn. 18. Vo menu Image > Mode > CMYK Color chuyn nh qua h mu CMYK, dng cho vic xut phim, in n (offset). Lu : + Lnh Export transparent Image : To 1 file c nn trong sut c th x dng vi cc chng trnh cc nh: Illustrator, QuarkXpree + Cc nh dng thng dng cho vic in n: *.ESP, *.TIFF. 19. Nhn Ctrl+S lu file. CU H I: 1. Cho bit s khc nhau gia nh Bitmap v hnh Vector? - nh bitmap c to bi tp hp cc Pixel (phn t nh), mi phn t nh mang 1 sc mu khc nhau v chuyn tip to nn nh. - Hnh Vector c to ra t cc chng trnh v, cc hnh th sc so da trn cc phng trnh ton hc do chng trnh x l. 2. Cho bit ch li ca lnh Place khi t 1 hnh Illustrator vo 1 nh Photoshop?

--39

Khi dng lnh Place cho php ta nh dng li kch thc hnh Vector m khng nh hng ti cht lng ca hnh nh.

3. Lm th no xut 1 nh t photoshop m vn gi c nn trong sut? - Ta c th dng lnh Clipping trn bng Paths Palette hoc dng lnh Export transparent Image xut 1 nh m vn gi nn trong sut. .

--40

BI 10: H A WEB
A. L THUY T I. B C C WEB II. CNG C PHN VNG HNH NH SLICE 1.
-

Gi i thi u C th phn chia hnh nh ra thnh nhiu phn vng bng cng c Slice. Cng c Slice rt tin li khi mun a mt hnh c kch thc ln ln Web: chia hnh thnh nhiu phn nh, sau vo menu File->Save for Web. Lc Photoshop s lu cc phn ca hnh c chia thnh cc file ring bit, nhng khi xut ra Web th ta vn thy l mt hnh duy nht. Lc ny vic ti hnh ln Web s nhanh hn.

2.
-

S d ng cng c Slice , hoc c th dng phm nng K.

Chn cng c Slice vi biu tng

Dng chut ko th to s phn chia trn hnh.

III. XU T HNH V T I U HA HNH NH Photoshop c mt lnh rt mnh m v tuyt vi, cho php to ra mt bn sao ca hnh nh c ti u cho vic thit k a ln Web. iu ny c ngha rng file hnh nh s c kh nng nh hn, v hnh nh s ch s dng h mu an ton cho web (Web-safe colours) nu mun. Save for Web c th to ra cc nh dng nh GIF, JPEG, hoc PNG. 1. Tm hi u v cc nh d ng nh 3 loi nh dng hnh nh ph bin nht trn Web:GIF, JPEG v PNG. a. nh d ng hnh nh GIF GIF l vit tt ca Graphics Interchange Format, l nh dng dng chung nht trn Web.

c tnh:

Kch thc rt nh, ti ln rt nhanh (fast-loading). S dng thut ton nn lossless (khng mt d liu), iu cho php chng to ra kch thc nh m khng b mt hoc m bt k chi tit no ca hnh nh. H tr transparency (ch trong sut). C th lm hnh ng.

--41

H tr 256 mu (ch 8-bit colour - mu 8-bit v l loi hnh nh indexed colour - mu ch s). iu c ngha rng hnh gif khng c tt cho nh chp, hoc bt k hnh nh no m cha ng nhiu mu khc nhau hoc hnh chuyn sc.

b. nh d ng nh JPEG
JPEG vit tt ca Joint Photographic Experts Group, mt nhm cc nh nghin cu pht minh ra nh dng ny hin th cc hnh nh y mu hn (full-colour) cho nh dng di ng m kch thc file li nh hn. Ging nh nh GIF, JPEG cng c s dng rt nhiu trn Web.

c tnh:

Hin th cc hnh nh vi mu chnh xc true-colour (ln n 16 triu mu), s dng tt nht cho cc hnh nh chp v hnh nh minh ha c s lng mu ln. nh dng JPEG c nn bng thut ton lossy (mt d liu). iu ny c ngha rng hnh nh ca s b mt mt s chi tit khi chuyn sang nh dng JPEG. ng bao gia cc khi mu c th xut hin nhiu im m, v cc vng s mt s r nt. Cc nh JPEG khng th lm trong sut hoc chuyn ng.

T o nh JPEG Fast-Loading

To hnh JPEG nh n mc c th (tnh theo bytes) website ti nhanh hn. iu chnh chnh thay i kch thc file JPEG c gi l quality, v thng c gi tr t 0 ti 100%.

c. nh d ng nh PNG
PNG l mt pht minh mi so snh vi GIF hoc JPEG, mc du n vn cha ph bin lm trong thi im by gi. (Mt s trnh duyt nh IE6 vn cha h tr n mt cch y .) c vit tt ca Portable Network Graphics. thit k nh l mt nh dng thay th nh dng file GIF, nhng khng cn bn quyn v thut ton nn nh trong GIF cng thi im. C 2 loi PNG: nh dng PNG-8, c th gi c 8 bit thng tin mu (tng ng vi GIF), v nh dng PNG-24, c th gi 24 bit mu (tng ng vi JPEG).

c tnh:

PNG-8 thng nn cc hnh nh tt hn GIF, kt qu tr ra cc file kch thc nh hn. Mt khc. PNG-24 thng t hiu ng hn JPEG v nn true-colour nh cc hnh nh, kt qu l cc file ln hn cng nh cht lng JPEG. Tuy nhin, khng ging nh JPEG, PNG-24 nn theo thut ton lossess (khng mt d liu), c ngha rng tt c thng tin hnh nh c u c gi li.

--42

PNG h tr lm trong sut, v vi gc l trong sut cho mi pixel, vi GIF th ch l trong sut phn ngoi mi pixel. iu ny c ngha rng GIF thng c trong sut phn cnh vi hnh phc to th PNG s lm trong sut mn hn. PNG-8 khng h tr chuyn ng. Mt iu quan trng na v PNG l: Cc trnh duyt c khng nhn dng c chng. Nu mun m bo website bn c th xem c trn cc trnh duyt c th nn dng GIF hoc JPEG thay cho PNG.

d. T ng k t v cc nh d ng hnh nh y l bng tng kt cc c im khc nhau gia cc nh dng hnh nh GIF, JPEG v PNG. GIF Tt nht cho hnh nh clipart v ha v vi t mu, hoc s lng mng mu ln. Ch c th c ti 256 mu Hnh nh "lossless khng mt d liu" chng cha thng tin tng t vi nh gc (nhng ch 256 mu) C th to hnh ng C th to vng trong sut JPEG Tt nht cho hnh nh chp vi s lng mu ln hoc cc nh p nhiu mu chi tit C ti16 triu mu Hnh nh b "lossy cha t thng tin hn l nh gc Khng th to ng Khng to trong sut PNG-8 Tt nht cho hnh nh clipart v ha v vi t mu, hoc s lng mng mu ln. Ch c th c ti 256 mu Hnh nh "lossless - khng thng tin tng t vi nh gc (nhng ch 256 mu) Khng th to ng C th to vng trong sut PNG-24 Tt nht cho hnh nh chp vi s lng mu ln hoc cc nh p nhiu mu chi tit C ti16 triu mu Hnh nh b "lossy mt d liu" - chng cha nguyn thng tin nh l nh gc Khng th to ng C th to trong sut

mt d liu" - chng mt d liu" - chng cha

2.

L u v t i u ha hnh nh Sau khi phn vng hnh nh vi cng c Slice, s dng chc nng Save for Web: File - > Save for Web ti u ha v lu hnh nh. Xut hin ca s:

--43

Photoshop s thc hin ti u hnh nh cho trang Web, c th chn nh dng file cho kt qu to nh (GIF, JPEG or PNG), bng size cho php chn kch thc, loi bt mu bn chn phn colours, ti u phn m vin chn dither,... ch sao cho cht lng v kch thc phi hp l.

3.

Quan st hnh nh Trong bng ny c 4 trang cho php xem trc hnh nh, so nh gc vi cc kt qu ti u a ra:

Phin bn gc (Original). Phin bn ti u 2 nh ("2-Up"). Ti u bn nh ("4-Up"),

S d ng cc cng c h tr :

- Hand tool di chuyn hnh nh vng quanh quan st (nu hnh nh ln hn khung nhn) - Zoom tool phng to thu nh hnh nh

--44

- Eyedropper tool chn mu t hnh nh, thay i tu chn ti u mu, nhn bng pha
bn phi ca hp thoi. 4. T i u nh GIF To 1 hnh nh gif, nn bt u vi b tu chn GIF 32 Dithered , iu cho php to nh GIF dng cho hu ht trang Web, c th ti u hn nu cn thit mt s tu chn ti u c th xem v tho lun phn di y.

Ph ng php gi m b t mu colour reduction: :

- Perceptual: To ra nh gim bt mu vi cc bng mu thng dng tt vi mt ngi. - Selective: Nh Perceptual, nhng lm vic tt hn trn Web. Tu chn mc nh (and
default).

- Adaptive: To bng mu vi mu ly mu t mu hnh nh quang ph. Thng l tt nh

Selective.

- Web: S dng nu cn mt bng mu an ton nht cho Web (bng mu Netscape 216colour). Ngy nay th iu ny khng quan trng lm v vic hin th u c th n ti 16 triu mu.

Ph ng php Dithering:
Dithering c ngha rng thm cc mu hoc bt k im nh to s xut hin thm cc mu bn ngoi di mu ca bng hin ti, cho php bn to kch thc bng nh hn:

- No Dither: Khng p dng ch dither cho nh. Tu chn ny tt nu nh hiu ng

dither nhn khng p, nhng c th to cc "di" mu n gin.

- Diffusion: S dng che li, tng t nh Noise dithering, to ra cc mu nhn bt k

to im nh xung quanh.

- Pattern: S dng mu to dithering. C th lm vic tt vi mt s nhng nhn hi gi. - Noise: Tng t Diffusion, nhng khng to cc cnh trong slice caImageReady.
Transparency:
Hnh nh vi hnh background l hnh trong sut.

Interlaced:
Tu chn ny to nh GIF an nhau. Nu t th GIF s xut hin dn dn t t theo dng cc ng thng hnh nm ngang v hin dn khi ti vo trang Web, hnh nh c th xem hin dn vi nh ln. Tt nhin s tng dung lng file.

Lossy:
Cho php loi b bt mt s phn chi tit, ch s dng nu khng gim c kch thc: Gi tr l 0 th s khng loi b chi tit; gi tr 100 s loi b vi s lng ln nht.

--45

Colors:
Cho php chn kch thc bng mu cho nh GIF. Mt bng 32 mu thng l la chn tt cho trang web, nhng nu hnh nh nhiu chi tit phc tp th phi nng ln 32, 64, 128 hoc 256. Nu hnh nh ca bn khng c nhiu mu, th chn 16, 8, 4 thm ch 2! to nh GIF nh nht.

Dither:
Nu chn tu chn dithering (xem trn), tu chn cho php t dithered - 0 alf khng c dither, 100 l rt nhiu dither.

Matte:
Tu chn t mu nn background cho nh. Nu tu chon Transparency c chn (xem trn), th mu hnh s to cc cnh di vi mu matte. Nu chn Matte l None, GIF s c mu "cc trong sut" khng c chuyn; iu ny tt nu nh hnh ca bn t trn nn. Nu khng chn Transparency , phn trong sut ca nh s c t vi mu matte.

Web Snap:
Nu mun s dng bng mu an ton web-safe colours, tng gi tr Web Snap. Photoshop s to bng mu tt nht cho gi tr Web Snap.

5.

T i u nh JPEG To mt nh JPEG, hy chn ch u tin l JPEG Medium, iu tt nht cho hu ht nh JPEG, c th iu chnh thm cc thng s:

Quality:
C 2 cch nn cht lng: danh sch Low/Medium/High/Maximum ( chn nhanh), v thanh trt Quality ( iu chnh t t). Ci t cht lng thp nht, th s nhiu m nht vi nh JPEG, nhng kch thc file s nh nht v ngc li.

Progressive:
Mt progressive (lu tin) JPEG tng t nh interlaced GIF (xem trn). Hnh nh s np vo trang Web t t nu nng qu v theo mt hnh nh cht lng thp (low resolution) u tin, sau mi hin dn cc nh y , nh cht lng cao (high-resoulution). Hn na vic dng li vic xem nh vn nhn thy mt s phn ca hnh nh, mt s trnh duyt c khng h tr JPEGs.

Matte:
Nu nh Photoshop c vng trong sut, bn s t y vng vi mu matte trong menu x xung.

--46

6.

T i u nh PNG Cc tu chn ti u PNG-24 ging nh cho mt nh JPEG. Tng t tu chn cho nh PNG-8 ging nh mt nh GIF. Xem cc phn v GIF v JPEG bit chi tit.

7.

L u l i hnh nh Khi hon thnh vi hnh nh ti u v cht lng v kch thc, click Save lu vo a. File s c lu thnh mt bn sao copy ca nh gc.

B. TH C HNH I. THI T K TRANG HOANGNGUYEN.EDU.VN 1. T o giao di n t ng th :

a. T o n n:

M file nen.jpg. To vng chn cho layer nn, vo menu Edit -> Define Pattern ( to

mu nn to nn cho website) t tn cho mu ( nen).

To mt file mi: 1000px * 800px

--47

S dng cng c Paint Bucket mu cho nn: trn thanh Option, chn Pattern

( mu nn t mt mu nh ngha sn) c t tn trc .

b. T o giao di n chnh:
S dng cng c Rounded Rectangular vi bo gc l 10px ( Radian = 10px), v vng hnh rng, mu trng.

S dng chc nng Tranform ( Ctrl + T), chnh kch thc 805px * 750 px, nhp

thng s trn thanh Option nh sau:

Chn c layer background v layer Shape, ( dng phm Ctrl + click chut ), S dng S dng chc nng bng to bng cho layer Shape vi cc thng s nh sau:

chc nng canh l (trn thanh Option ) canh gia chiu ngang v dc cho 2 layer.

Kt qu:

--48

Click chut phi ln trn tn layer Shape 1, chn Rasterize layer bin layer thnh

layer hnh. To gc tri: To 1 vng chn vi kch thc: 58px * 750 px trn layer Shape1, nhn Ctrl + J, S dng chc nng Color overlay che ph 1 mu cam trn layer vi thng s To ch HOANG NGUYEN EDUCATION, vi font ch vung, kch thc 14px, ch Chn hnh logotrang_diendan.png vo, t ln trn layer background., transform copy thnh 01 layer mi.

mu f58220 m. xoay dc li. 2. T o Banner Chn hnh baner.jpg vo ( hoc c th to banner ty thch, kt hp chc nng mt n to v ghp hnh). 3. T o menu li cho hon chnh, to bong OutGlow cho hnh.

--49

S dng cng c to hnh ch nht Rectangular (U), khng c radian, v 1 hnh ch

nht, s dng chc nng Tranform ( ctrl + T ) chnh kch thc 163 px * 27 px ( trn thanh Option). Click phi ln trn biu tng shape layer (trn palette layer) mi to, chn S dng chc nng Gradient Overlay vi cc thng s cho layer menu:

Rasterize.

S dng cng c line, v 1 ng thng, sau Rasterize layer, ri s dng cng c Trn 2 layer menu v shape li thnh 1 v t tn li l menu. ( chn 2 layer, sau

Eraser xa to nt t.

click phi t chn Merge Layers). S dng cng c Text, to Trang ch, vi size: 12, Bold, color: 616161. Copy layer menu thnh ln lt 4 menu khc, to 4 text: Gii thiu, Lch khai ging, Chn tt c cc layer thuc menu, a vo trong 1 group.

Tin tc, i tc tng ng.

4. Box chuyn

a.

T o BOX O T O

--50

To 1 hnh ch nht c kch thc 163 px * 174 px bo gc 5px, t mu chuyn sc dung chc nng Add layer style, chc nng t Gradient Overlay, vi cc thng s t mu cho layer box: mu 1 (e5e5e5), mu 2 l mu tr ng ,

S dng cng c Text, vi cc thng s: font Tahoma, size; 12, mu: f58220, Style: strong. To ch O TO. Copy layer O TO thnh 01 layer mi, s dng chc nng Tranform ( Ctrl + T) lt Layer O TO copy v chnh Opacity cho m layer, kt qu nh hnh ( Hoc c th s dng chc nng Layer mask, v cng c Gradient to m dn cho bng). To nt item cho cc chuyn mc: S dng cng c Elipse, kt hp phm ship, vi mu xm (), v mt nt trn nh, s dng cng c to vng chn, xa vng gia, gi li 1 chm trn nh gia, kt qu:

--51

b.

S dung cng c Text , vi size: 12, Bold, color: 616161, nhp cc chuyn mc: Thit k web, lp trnh web, Chuyn , Tin hc quc gia,. Chn tt c cc layer thuc box, a vo trong 1 box o to

T o cc box khc t ng t , ho c copy v ch nh s a l i theo yu c u .

5. T o Content: S dng cng c Rectangular vi radian: 10px, to 1 hnh ch nht vi kch thc

500px * 27px v mu sc e8e6e7. S dng chc nng stroke ( Fill or Adjustment layer) vi stroke =2 px, mu xm m S dng cng c to vng chn hnh ch nht, to vng chn vi kch thc: 26 px (ada6a6) v ng vin cho layer.

* 31 px, copy layer, t mu xm m c0c0c0, cng c text, nhp >. S dng cng c Text: font Tahoma, size 14, bold, mu 3d3d3d, Nhp BO MT Nhp v nh dng mt on ni dung nh hnh. NG DNG WEB.

6. T o line phn cch ng: v 1 hnh ch nh t v i thng s mu: e9e8e8, chi u r ng 4px 7. T o Footer S dng cng c Rectangular ( U ), to hnh ch nht vi cc thng s: 716 px *

60px, mu: e2e2e2, s dng cng c Erase, xa 1 gc tri bn phi nh hnh. K 1 line nm ngang, pha trn footer. K 1 line nm gia. K 1 hnh ch nht nh lm search. Kt qu nh hnh:

--52

II. C T, RP GIAO DI N B NG TAG TABLE

1. C t giao di n trang http://hoangnguyen.edu.vn r i rp b ng tag table:

B c 1: Hon chnh trang demo trong photoshop, mc nh cc layer, khng trn li.

--53

B c 2: Phn tch cc vng v cch th c c t cho t ng vng:

--54

---- Vng background: vng nn cho lp, nn ch ct 1 khi vung vi kch thc khong 2 x 2 px l c ( cho lp thnh 1 hnh background hon chnh). ---- Vng banner flash v menu ( ct v o ng kch thc bn design flash thc hin). ---- Vng Left: chia ra lm 3 phn: Phn logo, bn ct nguyn logo ( vng ny khng lp ), vng ghi lp: ch ct 1 khong c chiu cao khong 1-2 px lp theo chiu ngang.; vng gc di: bn ct nguyn gc, v khng lp c. ----Vng Box: Cc box c tnh cht ging nhau, cc bn ch cn ct 1 box v phn tiu . +/ Vng tiu . +/ Vng nn box cho lp.

--55

----- Vng Footer: ct 1 vng cho lm hnh nn lp di theo chn, vi chiu di nh hnh v, v ct 1 gc khng th lp. ----- Vng ng thng ng ko di t trn xung, ct 1 on ngn cho lp. ----- Cc ng gch ngang ....., cng ct nh vy cho lp theo chiu ngang. ----- Cc icon, v hnh nh, mun ly hnh nh th ct 1 vng hnh ch nht cho va vng hnh nh l c. B c 3: Xu t v t i u ha hnh nh b ng l nh: File--> Save for web. B c 4: T o layout bn Dreamweaver v rp hnh nh, background, css. a/ To Layout chnh: To tp tin mi, lu vi file index.html. - To 1 table 1 ct, 1 dng c rng = rng file hnh nh ( y l 1000 px): boder=0; cell pading= cellpading =0 v cho canh gia, to 1 css ly hnh nh background lm nn cho lp). - To 1 table c 2 ct, 3 dng ( ct left, v ct bn phi gm menu, ni dung trang, dng 1 banner, dng 2: content, dng 3 l footer) vi rng = vng giao din chnh ( tr nn ), c rng: 806 px, cho css vi background color=#FFFFF ( mu trng ).

b/ nh d ng vng banner v left: - Gc trn bn tri ( ct 1 dng 1 ca table): chn hnh nh logo1 ct, cho rng ca ct = rng ca hnh nh. - Chn banner vo ng v tr ( sau s thay = Flash banner). - Dng 2 ct 1: Chn logo2 ( logo b ct chia lm 2 vng) cho canh l trn ( top) + nh dng background image: l hnh vng ct bn tri. - Dng 3, ct 1: Chn hnh nh gc di bn tri.

Kt qu nh hnh:

--56

c/ nh d ng vng menu: - Trc ht, chn 1 table gm 4 ct, 1 dng: ( ct 1: vng trng bn tri menu, ct 2 menu, ct 3 l ng thng gia v ct 4 l vng ni dung chnh). - nh dng rng tng ct: o rng tng ct bn photoshop v cho chnh xc rng tng ct bn HTML ( nh chnh xc khng b b khung).

- Chn ct 2: chn 1 table 1 ct v n dng ( n l s box ) c rng = rng ca ct ( hoc 100%). Dng 1: chn menu. Dng 2: chn 1 table gm 2 dng 1 ct. Dng 1 chn tiu menu, dng 2, nh dng background, nh dng css. Cc dng cn li: tng t dng 2, hoc copy nguyn bn ni dung trn dng 2.

--57

III. CT RP LAUOUT 3

Hng dn: 1. To site trong Dreamweaver

--58

2. New trang mi 3. Chn Page Properties

Enter xung 1 dng, canh gia. To table nh thng s bn di

Chn hnh Images/logoalbum.png vo cell u tin, nh kch thc hnh nh mu

--59

Vo CSS, chn

Attach file style.css vo trang web

Click

trn thanh properties chia hng th 2 thnh 7 cell

Chn th <Tr> v chn theo thng s nh hnh bn di

Nhp text, to hyperlink nh hnh bn di

Trong hng th 3 to table

--60

Canh gia table va to. Cho background ca hng th 3 nn trng

nh cc style cho th <table> v th <td> theo hnh bn di

Nhn F12, xem trn trnh duyt

--61

Tng t to theo mu bn di

Xem trn trnh duyt ta c mu sau:

--62

II.

--63