Giaøo tr(cid:236)nh Photoshop CS 8.0

Qua quaø tr(cid:236)nh æ(cid:246)(cid:244)(cid:239)c go(cid:239)i lał no(cid:228)t suy, maøy queøt bieÆn la(cid:224)n queøt 300 x 30 dpi thałnh la(cid:224)n queøt 600 x600 dpi baŁng caøch chełn æie(cid:229)n aßnh m(cid:244)øi vało gi(cid:246)ıa caøc æie(cid:229)m aßnh cuı, æo(cid:224)ng th(cid:244)łi æoaøn tr(cid:246)(cid:244)øc æ(cid:246)(cid:244)(cid:239)c la(cid:224)n æo(cid:239)c aønh saøng nało noø seı laÆy th(cid:246)ß maªu ta(cid:239)i ve(cid:228)t mału noø æi qua. Cu(cid:239) the(cid:229) h(cid:244)n maøy queøt chełn giaø tr(cid:242) vało gi(cid:246)ıa d(cid:246)(cid:239)a tre(cid:226)n mału cußa hai æie(cid:229)m aßnh keÆ ca(cid:228)n. KeÆt quaß hieÆm khi thoaß æaøng ne(cid:226)n traønh dułng quaø tr(cid:236)nh no(cid:228)i suy. Khi d(cid:246)(cid:239) æ(cid:242)nh mua mayø queøt ba(cid:239)n ca(cid:224)n l(cid:246)u yø giaø tie(cid:224)n taŒng theo æo(cid:228) pha(cid:226)n giaßi. NeÆu muoÆn queøt h(cid:236)nh aßnh voÆn seı xuaÆt hie(cid:228)n baßn in, ba(cid:239)n ca(cid:224)n æeÆn maøy queøt coø æo(cid:228) pha(cid:226)n giaßi khaø cao (khoaßng 600x1200dpi). 10. Caøc loa(cid:239)i aønh xa(cid:239) h(cid:236)nh aßnh

Caøch toÆt nhaÆt æe(cid:229) ta(cid:239)o aßnh 3D gioÆng aßnh chu(cid:239)p lał s(cid:246)ß du(cid:239)ng ph(cid:246)(cid:244)ng phaøp aønh xa(cid:239) aßnh. Kho(cid:226)ng (cid:237)t ng(cid:246)(cid:244)łi æaı th(cid:246)ß ta(cid:239)o maªu hoa(cid:239) tieÆt d(cid:246)(cid:239)a vało thuß tu(cid:239)c, nh(cid:246)ng keÆt quaß vaªn kho(cid:226)ng khaøc xa chaÆt l(cid:246)(cid:244)(cid:239)ng mał hoa(cid:239) syı veı æ(cid:246)(cid:244)łng vie(cid:224)n hoa(cid:239) tieÆt baŁng ph(cid:246)(cid:244)ng phaøp thuß co(cid:226)ng æa(cid:239)t æ(cid:246)(cid:244)(cid:239)c.

A(cid:217)nh xa(cid:239) aßnh mału æo(cid:228)c la(cid:228)p th(cid:246)(cid:244)łng kho(cid:226)ng th(cid:246)(cid:239)c laØm. Ch(cid:246)(cid:244)ng tr(cid:236)nh (cid:246)øng du(cid:239)ng bo(cid:229) sung thuo(cid:228)c t(cid:237)nh h(cid:236)nh the(cid:229) khaøc, nh(cid:246) æ(cid:246)(cid:244)łng vie(cid:224)n phaßn quang, aønh xa(cid:239) khuyeÆt taøn, aønh xa(cid:239) lo(cid:224)i loım, phaßn chieÆu vał phaøt saøng baØt buo(cid:228)c coø æe(cid:229) ta(cid:239)o h(cid:236)nh the(cid:229) 3D tro(cid:226)ng gioÆng nh(cid:246) aßnh cu(cid:239)p th(cid:246)(cid:239)c s(cid:246)(cid:239).

11. A(cid:217)nh xa(cid:239) aßnh mału

Tho(cid:226)ng th(cid:246)(cid:244)łng, hoa(cid:239) syı 3D seı ta(cid:239)o aønh xa(cid:239) mału vał go(cid:239)i noø d(cid:246)łng ta(cid:239)i æie(cid:229)m æoø. Giaß s(cid:246)ß nh(cid:246) æoÆi t(cid:246)(cid:244)(cid:239)ng æ(cid:246)(cid:244)(cid:239)c quan saøt t(cid:246)ł xa, s(cid:246)ß du(cid:239)ng ch(cid:236) aønh xa(cid:239) mału th(cid:236) kho(cid:226)ng thałnh vaÆn æe(cid:224). Tuy nhie(cid:226)n, neÆu æoÆi t(cid:246)(cid:244)(cid:239)ng hay nha(cid:226)n va(cid:228)t quaø no(cid:229)i ba(cid:228)t th(cid:236) t(cid:237)nh th(cid:246)(cid:239)c hie(cid:228)n cuaß noø nhanh choøng maÆt æi khi ba(cid:239)n di chuye(cid:229)n æeÆn ga(cid:224)n. Cuıng t(cid:246)(cid:244)ng t(cid:246)(cid:239) nh(cid:246) nhie(cid:224)u loa(cid:239)i h(cid:236)nh nghe(cid:228) thua(cid:228)t khaøc, æoÆi t(cid:246)(cid:244)(cid:239)ng 3D d(cid:246)(cid:239)a tre(cid:226)n t(cid:246) t(cid:246)(cid:244)ßng hoałi nghi.

A(cid:217)nh xa(cid:239) mału (Color map) ch(cid:246)øa taÆt caß tho(cid:226)ng tin mału dałnh cho mo(cid:226) h(cid:236)nh nh(cid:246) ba(cid:239)n d(cid:246)(cid:239) æoaøn. B(cid:244)ßi mału saØc coø s(cid:246)øc ma(cid:239)nh ta(cid:226)m lyø raÆt l(cid:244)øn, ne(cid:226)n aønh xa(cid:239) mału thu huøt nhie(cid:224)u s(cid:246)(cid:239) chuø yø. Daªu sao ba(cid:239)n cuıng ne(cid:226)n traønh æ(cid:246)a æo(cid:228) boøng hay vułng toÆi nało vało aønh xa(cid:239) mału.

(cid:209)e(cid:229) hoa(cid:239)t æo(cid:228)ng thieÆt la(cid:228)p h(cid:236)nh the(cid:229) tr(cid:244)ß ne(cid:226)n deª dałng h(cid:244)n, toÆt nhaÆt ne(cid:226)n baØt æa(cid:224)u t(cid:246)ł mo(cid:228)t mału æ(cid:244)n leı vał no(cid:229)i ba(cid:228)t. Mału nały hoa(cid:239)t æo(cid:228)ng (cid:244)ß da(cid:239)ng to(cid:226)ng mału c(cid:244) s(cid:244)ß mał ba(cid:239)n lałm vie(cid:228)c tre(cid:226)n æoø- chua(cid:229)n b(cid:242) b(cid:246)øc veı cho taøc pha(cid:229)m nghe(cid:228) thua(cid:228)t. Sau khi t(cid:236)m xong mału ch(cid:237)nh, nh(cid:244)ø ghi nha(cid:228)n giaø tr(cid:242) RGB cuaß noø. Mału c(cid:244) s(cid:244)ß nały seı lał mału ch(cid:237)nh æoÆi v(cid:244)øi taÆt caß aønh xa(cid:239) mału dałnh cho moªi pha(cid:226)n mu(cid:239)c noÆi keÆt v(cid:244)øi noø.

V(cid:244)øi ph(cid:246)(cid:244)ng phaøp æ(cid:244)n giaßn nały, ba(cid:239)n coø the(cid:229) traønh æ(cid:246)(cid:244)(cid:239)c nh(cid:246)ıng æie(cid:229)m

78

tieÆp giaøp mału do s(cid:246)(cid:239) khaøc bie(cid:228)t mału ta(cid:239)o ne(cid:226)n trong aønh xa(cid:239) mału trong aßnh. S(cid:246)u ta(cid:224)m vał ch(cid:230)nh s(cid:246)ßa by L(cid:246)u Hoałng Ly

Giaøo tr(cid:236)nh Photoshop CS 8.0

Maºc duł kho(cid:226)ng ne(cid:226)n to(cid:226) veı caøc saØc thaøi mału nh(cid:246) vułng toÆi be(cid:226)n d(cid:246)(cid:244)øi muıi nha(cid:226)n va(cid:228)t h(cid:236)nh thałnh t(cid:246)ł vułng toÆi vał vułng saøng trong aønh xa(cid:239) mału, nh(cid:246)ng na(cid:226)ng caÆp chi tieÆt nh(cid:246) meøp gaÆp, loª cha(cid:226)n lo(cid:226)ng, neÆp nhaŒn vał æ(cid:246)(cid:244)łng cong coø the(cid:229) raÆt h(cid:246)ıu du(cid:239)ng. Nh(cid:246)ıng chi tieÆt nhoß beø nały, æ(cid:237)ch th(cid:246)(cid:239)c lał keÆt quaß cußa vułng toÆi, æo(cid:226)i khi ca(cid:224)n tr(cid:244)(cid:239) giuøp nhie(cid:224)u h(cid:244)n caß nh(cid:246)ıng g(cid:236) aønh xa(cid:239) lo(cid:224)i loım coø the(cid:229) cung caÆp æ(cid:246)(cid:244)(cid:239)c.

Mo(cid:228)t trong nh(cid:246)ıng l(cid:244)(cid:239)i (cid:237)ch cuaß vie(cid:228)c daºm the(cid:226)m chi tieÆt nhoß nały lał æeÆn luøc ta(cid:239)o aønh xa(cid:239) lo(cid:224)i loım, ba(cid:239)n coø the(cid:229) nh(cid:244)n baßn aønh xa(cid:239) mału ro(cid:224)i taøi s(cid:246)ß du(cid:239)ng chi tieÆt æoø mał kho(cid:226)ng phaßi to(cid:226) veı la(cid:239)i la(cid:224)n n(cid:246)ıa. 12. A(cid:217)nh xa(cid:239) lo(cid:224)i loım

A(cid:217)nh xa(cid:239) lo(cid:224)i loım (Bump map) coø g(cid:237) tr(cid:242) raÆt l(cid:244)øn khi ba(cid:239)n ta(cid:239)o h(cid:236)nh aßnh tro(cid:226)ng nh(cid:246) aßnh chu(cid:239)p. A(cid:217)nh xa(cid:239) lo(cid:224)i loım khaø lyø t(cid:246)(cid:244)ßng cho vie(cid:228)c ta(cid:239)o maªu tieÆt da, veÆt nhaŒn, veÆt ro(cid:229), se(cid:239)o vał nhie(cid:224)u thuo(cid:228)c t(cid:237)nh h(cid:236)nh the(cid:229) nhoß nhaØn æaøng tin ca(cid:228)y voÆn raÆt khoø hoaºc raÆt ma(cid:228)t th(cid:244)łi gian la(cid:228)p kie(cid:229)u h(cid:236)nh.

Maºc duł aønh xa(cid:239) lo(cid:224)i loım kho(cid:226)ng tha(cid:228)t s(cid:246)(cid:239) thay æo(cid:229)i h(cid:236)nh the(cid:229) cuaß mo(cid:226) h(cid:236)nh, nh(cid:246)ng chuøng khieÆn aønh saøng phaßn (cid:246)øng la(cid:239)i h(cid:236)nh the(cid:229) mo(cid:226) h(cid:236)nh nh(cid:246) the(cid:229) ch(cid:237)nh aønh xa(cid:239) thay æo(cid:229)i.

Nguye(cid:226)n taØc a(cid:229)n sau aønh xa(cid:239) lo(cid:224)i loım khaø æ(cid:244)n giaßn: vułng toÆi cuaß aønh xa(cid:239) baŁng æo(cid:228) cao thaÆp, cołn vułng saøng baŁng æo(cid:228) cao cao (cid:150) mału æen thaÆp nhaÆt vał mału traØng cao nhaÆt. Menu Image / Adjustment / Hue- Saturation Tr(cid:246)(cid:244)(cid:239)t thanh tr(cid:246)(cid:244)(cid:239)t æeÆn 100 cho Saturation.

13. A(cid:217)nh xa(cid:239) phaßn quang

79

S(cid:246)u ta(cid:224)m vał ch(cid:230)nh s(cid:246)ßa by L(cid:246)u Hoałng Ly

Giaøo tr(cid:236)nh Photoshop CS 8.0

A(cid:217)nh xa(cid:239) phaßn quang (Specularity map) baøo cho h(cid:236)nh the(cid:229) bieÆt thałnh pha(cid:224)n nało saøng vał thałnh pha(cid:224)n nało m(cid:244)ł æu(cid:239)c. A(cid:217)nh xa(cid:239) phaßn quang t(cid:246)(cid:244)ng t(cid:246)(cid:239) nh(cid:246) aønh xa(cid:239) lo(cid:224)i loım trong æoø aønh xa(cid:239) th(cid:246)(cid:244)łng lał aßnh grayscale.

Kho(cid:226)ng phaßi vułng da nało cußa nha(cid:226)n va(cid:228)t cuıng æe(cid:224)u æaøp la(cid:239)i aønh saøng theo caøch th(cid:246)øc æo(cid:224)ng loa(cid:239)t gioÆng nhau. Ngay caß nh(cid:246)ıng nha(cid:226)n va(cid:228)t bie(cid:229)n cuıng coø thałnh pha(cid:224)n da toÆi saøng khaøc nhau. So saønh gi(cid:246)ıa va(cid:226)y caø vał vaßy caø cuıng æuß bieÆt æ(cid:246)(cid:244)(cid:239)c. (cid:209)oÆi v(cid:244)øi maºt ng(cid:246)(cid:244)łi th(cid:246)(cid:244)łng vułng traøn vał muıi seı saøng h(cid:244)n b(cid:244)ßi nh(cid:246)ıng vułng nały th(cid:246)(cid:244)łng thaßi ra chaÆt nh(cid:244)łn vał mo(cid:224) ho(cid:226)i h(cid:244)n lał vułng tai.

Coø mo(cid:228)t nguye(cid:226)n taØc khaø hay ba(cid:239)n ca(cid:224)n tua(cid:226)n thuß lał khi ba(cid:239)n quyeÆt æ(cid:242)nh chieÆu saøng cho mo(cid:228)t vułng cu(cid:239) the(cid:229), æoø lał ca(cid:226)n nhaØc h(cid:236)nh the(cid:229) æoø kho(cid:226) c(cid:246)øng nh(cid:246) theÆ nało. Pha(cid:226)n t(cid:246)ß neøn chaºt æeÆn æo(cid:228) nało æe(cid:229) h(cid:236)nh thałnh h(cid:236)nh the(cid:229) æoø? V(cid:237) du(cid:239) so saønh moøng tay vał da cuaß mu bałn tay ba(cid:239)n. Da seı me(cid:224)m h(cid:244)n vał æen h(cid:244)n nhie(cid:224)u (kho(cid:226)ng coø nhie(cid:224)u tia saøng t(cid:246)ł va(cid:228)t the(cid:229) da), cołn moøng tay coø æo(cid:228) c(cid:246)øng ne(cid:226)n noø saøng h(cid:244)n. 14. A(cid:217)nh xa(cid:239) khuyeÆt taøn Ta(cid:239)i sao aønh xa(cid:239) khuyeÆt taøn la(cid:239)i khoø hie(cid:229)u nha(cid:228)t trong caøc loa(cid:239)i aønh xa(cid:239)? (cid:209)oø lał do aønh xa(cid:239) raÆt khoø æ(cid:242)nh nghiaı. Kho(cid:226)ng coø æ(cid:242)nh nghiaı roı rałng ve(cid:224) ch(cid:246)øc naŒng aønh xa(cid:239) th(cid:236) vie(cid:228)c th(cid:246)ß nghie(cid:228)m cuıng tr(cid:244)ß ne(cid:226)n khoø khaŒn b(cid:244)ßi ba(cid:239)n kho(cid:226)ng the(cid:229) naØm chaØc ph(cid:246)(cid:244)ng th(cid:246)øc aønh xa(cid:239) thi hałnh co(cid:226)ng vie(cid:228)c.

C(cid:246)ø cho raŁng aønh saøng lał thałnh pha(cid:224)n ma thua(cid:228)t mang mau saØc æeÆn cho æoÆi t(cid:246)(cid:244)(cid:239)ng. Aønh saøng chieÆu xuoÆng nha(cid:226)n va(cid:228)t cuaß ba(cid:239)n noø haØc vało h(cid:236)nh the(cid:229) nha(cid:226)n va(cid:228)t, nh(cid:246)ng mału saØc cuaß nha(cid:226)n va(cid:228)t kho(cid:226)ng phaßn xa(cid:239) tro(cid:239)n ve(cid:239)n tr(cid:244)ß la(cid:239)i ng(cid:246)(cid:244)łi xem. Ha(cid:224)u heÆt mo(cid:239)i æoÆi t(cid:246)(cid:244)(cid:239)ng æe(cid:224)i coø khuyeÆt taøn. G(cid:246)(cid:244)ng soi coø 0% khuyeÆt taøn, keÆt quaß lał kho(cid:226)ng mału saØc nało cuaß g(cid:246)(cid:244)ng phaßn xa(cid:239) la(cid:239)i ph(cid:237)a ng(cid:246)(cid:244)łi xem. N(cid:246)(cid:244)øc s(cid:244)n t(cid:246)(cid:244)łng phaœng coø khoaßng 98% khuyeÆt taøn. Da cuaß æo(cid:228)ng va(cid:228)t coø vuø tre(cid:226)n ca(cid:239)n coø khoaßng 90% khuyeÆt taøn. Khi aønh saøng chieÆu vało da nha(cid:226)n va(cid:228)t, ha(cid:224)u heÆt mału cuaß noø æe(cid:224)u truye(cid:224)n ng(cid:246)(cid:244)(cid:239)c heÆt cho ng(cid:246)(cid:244)łi xem, nh(cid:246)ng 10% cołn la(cid:239)i th(cid:236) kho(cid:226)ng. 15. A(cid:217)nh xa(cid:239) trong suoÆt A(cid:217)nh xa(cid:239) trong suoÆt (transparency map) hay cołn go(cid:242) lał aønh xa(cid:239) caØt xeøn. Cung caÆp mo(cid:228)t ph(cid:246)(cid:244)ng caøch huyß boß h(cid:236)nh da(cid:239)ng mał th(cid:246)(cid:239)c teÆ kho(cid:226)ng ca(cid:224)n thieÆt la(cid:239)i mo h(cid:236)nh. A(cid:217)nh xa(cid:239) trong suoÆt cho pheøp bieÆn caøc vułng tre(cid:226)n mo(cid:226) h(cid:236)nh 3D thałnh trong suoÆt hoaºc baøn trong suoÆt tho(cid:226)ng qua aßnh grayscale. Trong ha(cid:224)u heÆt ch(cid:246)(cid:244)ng tr(cid:236)nh 3D, aønh xa(cid:239) traØng kho(cid:226)ng ta(cid:239)o æ(cid:246)(cid:244)(cid:239)c vułng æoÆi t(cid:246)(cid:244)(cid:239)ng 3D trong suoÆt trong khi aønh xa(cid:239) aßnh æen hoałn toałn la(cid:239)i tr(cid:244)ß ne(cid:226)n trong suoÆt tuye(cid:228)t æoÆi hoaºc cu(cid:239)

80

S(cid:246)u ta(cid:224)m vał ch(cid:230)nh s(cid:246)ßa by L(cid:246)u Hoałng Ly

Giaøo tr(cid:236)nh Photoshop CS 8.0

the(cid:229) h(cid:244)n. V(cid:244)øi nhie(cid:224)u saØc æo(cid:228) xaøm khaøc nhau, ba(cid:239)n coø the(cid:229) lałm cho caøc vułng cußa æoÆi t(cid:246)(cid:244)(cid:239)ng tr(cid:244)ß thałnh n(cid:246)ßa trong suoÆt. 16. A(cid:217)nh xa(cid:239) phaøt saøng

A(cid:217)nh xa(cid:239) phaøt saøng (Luminosity map) cung caÆp ph(cid:246)(cid:244)ng th(cid:246)øc truye(cid:224)n aønh saøng æeÆn æoÆi t(cid:246)(cid:244)(cid:239)ng raÆt lyø t(cid:246)(cid:244)ßng khi æaºt aønh saøng va(cid:228)t lyø le(cid:226)n æoÆi t(cid:246)(cid:244)(cid:239)ng 3D, thałnh pha(cid:224)n mału æen cuaß aønh xa(cid:239) kho(cid:226)ng cung caÆp aønh saøng, vułng saøng h(cid:244)n seı ta(cid:239)o aønh saøng.

81

S(cid:246)u ta(cid:224)m vał ch(cid:230)nh s(cid:246)ßa by L(cid:246)u Hoałng Ly

Giaøo tr(cid:236)nh Photoshop CS 8.0

ThieÆt keÆ trang Web v(cid:244)øi ch(cid:246)(cid:244)ng tr(cid:236)nh Photoshop vał ImageReady.

Khi thieÆt keÆ trang Web v(cid:244)øi ch(cid:246)(cid:244)ng tr(cid:236)nh Photoshop vał ImageReady

haıy ghi nh(cid:244)ø caøc co(cid:226)ng cu(cid:239) vał caøc t(cid:237)nh naŒng coø sa(cid:252)n trong moªi tr(cid:236)nh (cid:246)øng du(cid:239)ng. ImageReady æ(cid:246)(cid:244)(cid:239)c thieÆt keÆ cho caøch tr(cid:236)nh bały caøc trang Web. Ba(cid:239)n coø the(cid:229) lałm vie(cid:228)c v(cid:244)øi caøc l(cid:244)øp nh(cid:246) the(cid:229) lał æoÆi t(cid:246)(cid:244)(cid:239)ng æo(cid:228)c la(cid:228)p: l(cid:246)(cid:239)a cho(cid:239)n, gom nhoøm, canh ch(cid:230)nh vał saØp xeÆp chuøng. Ngoałi ra æ(cid:246)(cid:244)łng vie(cid:224)n cołn coø caøc co(cid:226)ng cu(cid:239) vał caøc palette dałnh cho vie(cid:228)c x(cid:246)ß lyø Web cao caÆp vał ta(cid:239)o ra caøc aßnh Web æo(cid:228)ng nh(cid:246) hoa(cid:239)t h(cid:236)nh. ThieÆt keÆ trang Trong ImageReady caøc k(cid:237)ch c(cid:244)ı tałi lie(cid:228)u æ(cid:246)(cid:244)(cid:239)c xaøc la(cid:228)p sa(cid:252)n cho trang vał caøc bie(cid:229)u ng(cid:246)ı, caøc l(cid:246)(cid:244)øi, caøc æ(cid:246)(cid:244)łng h(cid:246)(cid:244)øng daªn, vał caøc smart guides æ(cid:244)n giaßn hoaø vie(cid:228)c tr(cid:236)nh bały trang. Caß Photoshop vał ImageReady cho pheøp ba(cid:239)n æ(cid:246)a no(cid:228)i dung vało trong caøc kie(cid:229)u tr(cid:236)nh bały baŁng caøch s(cid:246)ß du(cid:239)ng Text, co(cid:226)ng cu(cid:239) veı vał co(cid:226)ng cu(cid:239) to(cid:226). Trong ImageReady, ba(cid:239)n coø the(cid:229) saØp xeÆp vał canh ch(cid:230)nh no(cid:228)i dung baŁng caøch s(cid:246)ß du(cid:239)ng caøc l(cid:244)øp, caøc ta(cid:228)p h(cid:244)(cid:239)p layer vał caøc l(cid:244)øp æ(cid:246)(cid:244)(cid:239)c gom nhoøm. Slices

Khi boÆ cu(cid:239)c trang cußa ba(cid:239)n æaı sa(cid:252)n sałng æe(cid:229) xuaÆt sang web, caß photoshop vał ImageReady æe(cid:224)u cung caÆp co(cid:226)ng cu(cid:239) Slice æe(cid:229) cho pheøp pha(cid:226)n chia kie(cid:229)u tr(cid:236)nh bały trang hoaºc caøc aßnh ph(cid:246)øc ta(cid:239)p thałnh caøc vułng vał xaøc æ(cid:242)nh caøc xuaÆt hie(cid:228)n xaøc la(cid:228)p neøn æo(cid:228)c la(cid:228)p vał k(cid:237)ch c(cid:244)ı file nhoß h(cid:244)n.

Ta(cid:239)o vał xem caøc Slice

Mo(cid:228)t Slice lał mo(cid:228)t h(cid:236)nh ch(cid:246)ı nha(cid:228)t cußa mo(cid:228)t aßnh mał ba(cid:239)n coø the(cid:229) s(cid:246)ß du(cid:239)ng æe(cid:229) ta(cid:239)o ra caøc lie(cid:226)n keÆt, caøc hie(cid:228)u (cid:246)øng Rollover, vał caøc hoa(cid:239)t h(cid:236)nh trong trang Web. Vie(cid:228)c pha(cid:226)n chia caøc Slice seı cho pheøp ba(cid:239)n æie(cid:224)u khie(cid:229)n vał toÆi (cid:246)u hoaø k(cid:237)ch c(cid:244)ı file cuaß aßnh.

82

S(cid:246)u ta(cid:224)m vał ch(cid:230)nh s(cid:246)ßa by L(cid:246)u Hoałng Ly

Giaøo tr(cid:236)nh Photoshop CS 8.0

Ba(cid:239)n coø the(cid:229) s(cid:246)ß du(cid:239)ng caøc slice æe(cid:229) chia mo(cid:228)t aßnh nguo(cid:224)n thałnh caøc vułng hoa(cid:239)t æo(cid:228)ng. Khi ba(cid:239)n æo(cid:224)ng th(cid:244)łi l(cid:246)u aßnh vał mo(cid:228)t file HTML, moªi Slice æ(cid:246)(cid:244)(cid:239)c l(cid:246)u d(cid:246)(cid:244)øi da(cid:239)ng file æo(cid:228)c la(cid:228)p cułng v(cid:244)øi caø xaøc la(cid:228)p rie(cid:226)ng vał baßng mału, caøc lie(cid:226)n keÆt th(cid:237)ch h(cid:244)(cid:239)p, caøc hie(cid:228)u (cid:246)øng Rollover, vał caøc hie(cid:228)u (cid:246)øng æo(cid:228)ng æ(cid:246)(cid:244)(cid:239)c duy tr(cid:236).

The(cid:226)m caøc æ(cid:246)(cid:244)łng daªn vało mo(cid:228)t aßnh Th(cid:246)(cid:239)c hie(cid:228)n mo(cid:228)t trong caøc æie(cid:224)u sau:

Caøc slice cuıng raÆt coø (cid:237)ch trong khi lałm vie(cid:228)c v(cid:244)øi caøc aßnh voÆn ch(cid:246)øa caøc loa(cid:239)i d(cid:246)ı lie(cid:228)u khaøc nhau. Chaœng ha(cid:239)nh nh(cid:246) mo(cid:228)t vułng cuaß mo(cid:228)t aßnh ca(cid:224)n æ(cid:246)(cid:244)(cid:239)c toÆi (cid:246)u hoaø da(cid:239)ng GIF æe(cid:229) hoª tr(cid:244)(cid:239) aßnh æo(cid:228)ng, nh(cid:246) ng pha(cid:224)n cało la(cid:239)i cuaß b(cid:246)øc aßnh æ(cid:246)(cid:244)(cid:239)c toÆi (cid:246)u hoaø toÆt h(cid:244)n (cid:244)ß da(cid:239)ng JPEG, ba(cid:239)n coø the(cid:229) taøch mo(cid:228)t aßnh æo(cid:228)ng baŁng vie(cid:228)c s(cid:246)ß du(cid:239)ng mo(cid:228)t Slice. Caøc loa(cid:239)i Slice (cid:209)e(cid:229) ta(cid:239)o mo(cid:228)t Slice t(cid:246)ł æ(cid:246)(cid:244)łng daªn  Trong photoshop, cho(cid:239)n co(cid:226)ng cu(cid:239) Slice, vał nhaÆp vało Slice From Giuders trong thanh Option.

 Trong ImageReady cho(cid:239)n co(cid:226)ng cu(cid:239) Slice, vał nhaÆp vało Create From

Cho(cid:239)n mo(cid:228)t pha(cid:224)n cuaß aßnh Cho(cid:239)n menu Select / Cho(cid:239)n Creat Slice from Selection.

Giuders trong thanh menu. (cid:209)e(cid:229) ta(cid:239)o mo(cid:228)t Slice t(cid:246)ł vułng cho(cid:239)n Image Ready ta(cid:239)o mo(cid:228)t User slice d(cid:246)(cid:239)a tre(cid:226)n mo(cid:228)t vułng cho(cid:239)n Marquee. NeÆu vułng cho(cid:239)n æ(cid:246)(cid:244)(cid:239)c lałm m(cid:242)n Feather th(cid:236) Slice seı bao phuß heÆt vułng cho(cid:239)n ke(cid:229) caß æ(cid:246)(cid:244)łng meøp lałm m(cid:242)n. NeÆu vułng cho(cid:239)n kho(cid:226)ng coø da(cid:239)ng h(cid:236)nh ch(cid:246)ı nha(cid:228)t, th(cid:236) Slice bao phuß le(cid:226)n mo(cid:228)t vułng h(cid:236)nh ch(cid:246)ı nha(cid:228)t æuß l(cid:244)øn æe(cid:229) bao quanh toałn bo(cid:228) vułng cho(cid:239)n. Ta(cid:239)o Slice t(cid:246)ł caøc l(cid:244)øp

83

S(cid:246)u ta(cid:224)m vał ch(cid:230)nh s(cid:246)ßa by L(cid:246)u Hoałng Ly

Giaøo tr(cid:236)nh Photoshop CS 8.0

Khi ba(cid:239)n ta(cid:239)o mo(cid:228)t Slice t(cid:246)ł Layer, th(cid:236) vułng Slice bao bo(cid:239)c taÆt caß nh(cid:246)ıng d(cid:246)ı lie(cid:228)u pixel trong layer. NeÆu ba(cid:239)n di chuye(cid:229)n layer hoaºc hie(cid:228)u ch(cid:230)nh no(cid:228)i dung cuaß layer th(cid:236) vułng slice t(cid:246)(cid:239) æo(cid:228)ng æie(cid:224)u ch(cid:230)nh æe(cid:229) bao quanh caøc pixel m(cid:244)øi.

Caøc layer based slice tha(cid:228)t s(cid:246)(cid:239) h(cid:246)ıu (cid:237)ch khi lałm vie(cid:228)c v(cid:244)øi caøc hie(cid:228)u (cid:246)øng Rollove. NeÆu ba(cid:239)n (cid:246)øng du(cid:239)ng mo(cid:228)t kie(cid:229)u hie(cid:228)u (cid:246)øng vało layer chaœng ha(cid:239)nnh(cid:246) boøng æo(cid:229) hay hie(cid:228)u (cid:246)øng saøng r(cid:246)(cid:239)c (cid:150) æe(cid:229) ta(cid:239)o ra mo(cid:228)t tra(cid:239)ng thaøi hie(cid:228)u (cid:246)øng Rollover, Slice t(cid:246)(cid:239) æo(cid:228)ng æie(cid:224)u ch(cid:230)nh æe(cid:229) ch(cid:246)øa caøc pixel m(cid:244)øi. Tuy nhie(cid:226)n kho(cid:226)ng s(cid:246)ß du(cid:239)ng mo(cid:228)t Slice based khi ba(cid:239)n d(cid:246)(cid:239) æ(cid:242)nh di chuye(cid:229)n Layer tre(cid:226)n mo(cid:228)t vułng l(cid:244)øn cußa aßnh trong quaø tr(cid:236)nh ta(cid:239)o ra mo(cid:228)t aßnh æo(cid:228)ng, b(cid:244)ßi k(cid:237)ch th(cid:246)(cid:244)øc cußa slice coø the(cid:229) v(cid:246)(cid:244)(cid:239)t quaø mo(cid:228)t k(cid:237)ch c(cid:244)ı h(cid:246)ıu (cid:237)ch.

Cho(cid:239)n mo(cid:228)t Layer. Cho(cid:239)n menu Layer / New layer Based Slice. (cid:209)e(cid:229) ta(cid:239)o s(cid:246)(cid:239) haÆp daªn cho trang WEB cußa m(cid:236)nh, ba(cid:239)n coø the(cid:229) dułng Adobe

Image Ready æe(cid:229) ta(cid:239)o caøc aßnh GIF hoa(cid:239)t h(cid:236)nh t(cid:246)ł mo(cid:228)t aßnh æ(cid:244)n giaßn. Do dung l(cid:246)(cid:244)(cid:239)ng file æ(cid:246)(cid:244)(cid:239)c neøn nhoß h(cid:244)n ne(cid:226)n caøc aßnh hoa(cid:239)t h(cid:236)nh GIF æ(cid:246)(cid:244)(cid:239)c the(cid:229) hie(cid:228)n vał hoa(cid:239)t æo(cid:228)ng tre(cid:226)n ha(cid:224)u heÆt caøc ch(cid:246)(cid:244)ng tr(cid:236)nh duye(cid:228)t WEB. Image Ready giuøp ba(cid:239)n ta(cid:239)o caøc æoa(cid:239)n hoa(cid:239)t h(cid:236)nh mo(cid:228)t caøch de(cid:229) dałng vał tie(cid:228)n l(cid:244)(cid:239)i. Ta(cid:239)o hoa(cid:239)t h(cid:236)nh d(cid:246)(cid:239)a tre(cid:226)n layer. - Lałm vie(cid:228)c v(cid:244)øi layer lał mo(cid:228)t giaßi phaøp æe(cid:229) ta(cid:239)o hoa(cid:239)t h(cid:236)nh trong Image Ready. Moªi Frame m(cid:244)øi baØt æa(cid:224)u t(cid:246)ł mo(cid:228)t baßn sao cußa Frame tr(cid:246)(cid:244)øc æoø, ba(cid:239)n seı ch(cid:230)nh s(cid:246)ßa Frame baŁng caøch æie(cid:224)u ch(cid:230)nh caøc Layer. Ba(cid:239)n aøp du(cid:239)ng s(cid:246)(cid:239) thay æo(cid:229)i trong caøc layer cho mo(cid:228)t Frame æ(cid:244)n, mo(cid:228)t nhoøm Frame hay caß æoa(cid:239)n hoa(cid:239)t h(cid:236)nh.

84

S(cid:246)u ta(cid:224)m vał ch(cid:230)nh s(cid:246)ßa by L(cid:246)u Hoałng Ly