Professional Documents
Culture Documents
c
h
t
h
u
o
c
2
5
0
x
4
0
p
i
x
e
l
F
i
l
e
2
k
c
h
t
h
u
o
c
2
5
0
x
1
6
0
p
i
x
e
l
Gio trnh Adobe Photoshop
174 TT Cng Ngh Thng Tin
Buc 4: Tu mi File ta kt xut thu cng sang dinh dang
*.gif bng chuc nng File, Save for Web.
IV.2. Kt Xut Hnh Anh T Dng
Voi cch ny chng ta thuc hin theo hai giai doan chnh
nhu sau:
Giai don 1: Thit k hnh anh trn Adobe Photoshop.
Buc 2: Thit k cc thnh phn
Giai don 2: Chuyn
sang hiu chinh hnh anh
trong Adobe ImageReady
ri kt xut sang dinh
dang HTML.
V d: Tao mt khung d
hin thi thng tin cho
vng Right Menu voi tn
Thng Bo.
Buc 1: Thit lp
Khung: 250 pixel x
200 pixel
Buc 3: Dng cng
cu Slice kch thuoc
250 pixel x 40
pixel, d chia theo
phn trn
Buc 4: Chon chuc
nng Zoom to
ImageReady o cui
thanh cng cu, xut
hin khung hnh.
Buc 5: Chon chuc
nng File, chon
Save optimazed As.
Chon mc dinh l
HTML.
Gio trnh Adobe Photoshop
TT Cng Ngh Thng Tin 175
Chuong trnh s tu dng pht sinh ra mt Webpage v tu
dng ct khung hnh ra thnh anh c dinh dang *.gif, voi hai
tn: tnfile_01.gif v tnfile_02.gif luu trong folder Image
cng thu muc voi thu muc chua file HTML.
V. TI UU HA HNH ANH CHO WEBSITE
Trong phn ny chng ta bn dn mt vn d ht suc quan
trong, chnh n cung gp phn cho vic trang Web duoc Load ln
nhanh hay chm, d l:
Nu mt website chi chua ton hnh anh khng cung lm cho
Wbsite Load chm. Do d cn cn nhc s luong hnh anh c trn
Website bao nhiu l vua, phn no c th thay th hnh anh duoc.
V du ngy nay thuong Left Menu nguoi ta thuong tao Menu dng
chu rt t dng hnh anh l nn cho menu con.
Dung d mt hnh anh c kch thuoc qu lon, thuong nguoi
ta s chia anh ny ra lm nhiu phn c kch thuoc nho hon.
Chon mt chun nn anh hop l. Thuong th hnh anh hin
tri trong web duoc tao ra c th luu o hay dinh dang l: *.jpg hoc
*.gif. Nhung nguoi ta thuong chon chun *.gif do chun ny duoc
nn tt hon nn n c kch thuoc nho hon.
Xc dinh dng h mu dng hin thi hnh anh trn Web. C
hai h mu chnh thuong duoc dng l CMYK v RGB. CMYK
th dng d in tch mu cn chng RGB th moi duoc dng d hin
thi trn cc thit bi hin thi.
VI. BI TAP CHUONG 5:
Gio trnh Adobe Photoshop
176 TT Cng Ngh Thng Tin
Bi Tp 5.1:
Thit k giao din Website Khoa Quan Tri Kinh Doanh.
Su dung Adobe Images Ready d tao dng chu Khoa Quan Tri Kinh
Doanh di mu tu do dn vngv nguoc lai.
Gio trnh Adobe Photoshop
TT Cng Ngh Thng Tin 177
Bi Tp 5.2: Kt giua CorelDRAW v Photoshop d thit k Layout:
Layout 2:
Gio trnh Adobe Photoshop
178 TT Cng Ngh Thng Tin
MJC LJC:
Chuong1: CC THAO TC CO BAN CUA PHOTOSHOP..................1
I. GII THIEU ADOBE PHOTOSHOP ...........................................2
I.1. Khi Nim.................................................................................2
I.2. Dc Dim Cua Chuong Trnh Adobe Photoshop....................2
I.3. Khi Nim Anh Bitmap............................................................2
I.4. Khi Nim Phn Tu Dim Anh Pixel .......................................2
I.5. D Phn Giai Mn Hnh...........................................................3
I.6. D Phn Giai Tp Tin...............................................................3
I.7. Yu Cu Phn Cung .................................................................3
I.8. Phuong Php Ci Dt Chuong Trnh........................................3
II. KHOI DONG CHUONG TRNH ADOBE PHOTOSHOP .........4
III. GIAO DIEN CUA SO ADOBE PHOTOSHOP..........................4
III.1. Gioi Thiu Cua S Giao Din CS3........................................4
III.2. Cc Thnh Phn Trn Cua S Giao Din ..............................4
IV. CC THAO TC TRN TAP TIN............................................6
IV.1. Mo Moi Tp Tin....................................................................6
IV.2. Mo Moi Tp Tin C Thuc Tnh Bit Truoc ........................7
IV.3. Mo Tp Tin C Sn ...............................................................7
IV.4. Luu Tp Tin Ln Du............................................................8
IV.5. Luu Tp Tin Voi Ni Dung Cu ...........................................10
IV.6. Luu Tp Tin Du Phng........................................................10
IV.7. Luu Tp Tin Theo Dinh Dang Web ....................................10
IV.8. Duyt File ............................................................................10
V. THOT KHOI CHUONG TRNH PHOTOSHOP....................11
VI. CC THAO TC TRN CUA SO GIAO DIEN......................11
VI.1. Hp Cng Cu.......................................................................11
VI.2. Hin An Cc Thnh Phn Trn Cua S Giao Din .............13
VI.3. Thao Tc Trn Mu Background v Foreground ................13
VI.4. Cc Thao Tc Bin Di Hnh Anh ......................................15
VII. CC THAO TC TRN VNG CHON.................................20
VII.1. CH ................................................................................20
VII.2. Su Dung Nhm Marquee D Tao Vng Chon...................20
VII.3. Su Dung Nhm Lasso Tool D Tao Vng Chon ...............21
VII.4. Su Dung Cng Cu Magic Wand D Tao Vng Chon ........23
Gio trnh Adobe Photoshop
TT Cng Ngh Thng Tin 179
VII.5. Su Dung Cng Cu Tao Vn Ban D Tao Vng Chon........23
VII.6. Thao Tc Hiu Chinh Vng Chon......................................23
VII.7. Thao Tc Sao Chp v Di Chuyn Vng Anh Duoc Chon26
VII.8. Bin Di Hnh Anh Bng Menu Lnh................................27
VIII. BI TAP CHUONG 1:............................................................32
Chuong2:CC THAO TC NNG CAO CUA PHOTOSHOP...........39
I. LAYER - LP DOI TUONG.......................................................40
I.1. Khi Nim Lop Di Tuong ....................................................40
I.2. Gioi Thiu Palettes Layer.......................................................40
I.3. Cc Thao Tc Trn Lop..........................................................40
II. KNH MU- CHANNEL..........................................................51
II.1. Khi Nim Knh....................................................................51
II.2. Gioi Thiu Palettes Channel..................................................51
II.3. Cc Thao Tc Co Ban Trn Knh.........................................52
II.4. CcThao tc nng cao trn knh ...........................................54
III. CHE DO MASK MAT NA.....................................................56
III.1. Khi nim ch d mt na .....................................................56
III.2. Cc Thao Tc Trn Mt Na .................................................56
III.3. V du V Mt Na..................................................................59
IV. HIEU UNG DINH SAN............................................................65
IV.1. Dt Vn D .........................................................................65
IV.2. Phuong Php p Dung Hiu Ung.......................................65
IV.3. Hiu Ung Colored Pencil.....................................................66
IV.4. Hiu Ung Plastic Wrap........................................................66
IV.5. Hiu Ung Blur .....................................................................66
IV.6. Hiu Ung Motion Blur.........................................................67
IV.7. Hiu Ung Radial Blur..........................................................67
IV.8. Hiu Ung Ripple..................................................................67
IV.9. Hiu Ung Twirt....................................................................68
IV.10. Hiu Ung Zigzag ...............................................................68
IV.11. Hiu Ung Add Noise .........................................................68
IV.12. Hiu Ung Dust & Scratches ..............................................69
IV.13. Hiu Ung Diffuse ..............................................................69
IV.14. Hiu Ung Emboss..............................................................69
IV.14. Hiu Ung Wind..................................................................70
IV.15. Hiu Ung Mosaic Tiles......................................................70
IV.16. V du: .................................................................................70
Gio trnh Adobe Photoshop
180 TT Cng Ngh Thng Tin
V. BI TAP CHUONG 2:...............................................................74
Chuong3: CNG CU T V-BIN TAP-TAO VN BAN.................93
I. KHI NIEM M HNH MU TRONG PHOTOSHOP.............94
I.1. Cc Khi Nim.......................................................................94
I.2. M Hnh Mu .........................................................................94
I.3. Ch D Mu............................................................................95
II. NHM CNG CU LAY MU..................................................96
II.1. CNG CU EYEDROPPER TOOL ......................................96
II.2. CNG CU COLOR SAMPLER TOOL ...............................97
III. CC THAO TC T MU......................................................97
III.1. T Dy Bng Lnh Fill ........................................................97
III.2. V Phc Bng Lnh Stroke..................................................98
III.3. T Mu Chuyn Sc Bng Cng Cu Gradient Tool ............98
III.4. T Mu Bng cng Cu Paint Pucket Tool .........................100
IV. CHE DO HA TRON MU...................................................100
IV.1. Khi Nim.........................................................................100
IV.2. Cc Phuong Thuc Ha Trn Mu .....................................101
IV.3. Chuyn Di Ch D Mu ..................................................103
V. CNG CU T V BIN TAP HNH ANH..............................104
V.1. Cc Buoc Thuc Hin T V Bin Tp Hnh Anh...............104
V.2. Gioi Thiu Hp Thoai Co Brush.........................................104
V.3. Cng Cu Co Brush..............................................................105
V.4. Nhm Cng Cu Xa Anh....................................................105
V.5. Cng Cu Sao Chp Mu Clone Stamp................................106
V.6. Cng Cu Patch Tool............................................................106
V.7. Cng Cu Pen Tool...............................................................107
V.8. Cng Cu Add Anchor Point Tool .......................................107
VI. MOI QUAN HE GIA DUNG PATH V VNG CHON.108
VI.1. Chuyn Path Thnh Vng Chon........................................108
VI.2. CHUYEN VNG CHON THNH PATH.......................108
VI.3. Xa Path.............................................................................108
VI.4. Tao Moi Mu Pattern.........................................................108
VI.5. Tao V Du V Cng Cu T V Bin Tp ..........................109
VII. TAO VN BAN TRONG PHOTOSHOP ..............................117
VII.1. PHUONG PHP TAO VN BAN.................................117
VII.2. Chuyn Lop Chu Sang Lop Anh......................................119
VII.3. p Dung Style Dinh Sn Cho Chu ..................................119
Gio trnh Adobe Photoshop
TT Cng Ngh Thng Tin 181
VII.4. p Dung Layer Style Cho Vn Ban.................................119
VII.5. UON CONG VN BAN..................................................120
VII.6. V Du V Tao Vn Ban ....................................................121
VIII. BI TAP CHUONG 3:.........................................................126
Chuong 4: HIEU CHINH HNH ANH.................................................143
I. SU DUNG CNG CU CHINH SUA HNH ANH.....................144
I.1. Ch :...................................................................................144
I.2. Nhc Lai Cng Cu Sao Chp Mu Clone Stamp..................144
I.3. Nhc Lai Cng Cu Patch Tool..............................................144
I.4. Cng Cu Blur........................................................................145
I.5. Cng cu Sharpen...................................................................145
I.6. Cng Cu Smudge..................................................................145
I.7. Cng cu Dodge .....................................................................146
I.8. Cng Cu Burn.......................................................................146
I.9. Cng cu Sponge....................................................................146
II. SU DUNG LENH HIEU CHINH ANH DEN TRANG ............147
II.1. Lnh Level...........................................................................147
II.2. Lnh Cuves..........................................................................148
II.3. Lnh Brightness/ Contrast ...................................................149
II.4. Lnh Desaturate...................................................................150
II.5. V Du: Hiu Chinh Anh Den Trng ....................................150
III. CC LENH HIEU CHINH ANH MU ..................................152
III.1. Lnh Color Balance ...........................................................152
III.2. LENH HUE/ STULATION...............................................153
III.3. Lnh Variations..................................................................154
III.4. V Du Hiu Chinh Anh Mu:..............................................156
IV. BI TAP CHUONG 4: ...........................................................161
Chuong 5: THIET KE GIAO DIEN WEBSITE...................................169
I. GII THIEU WEBSITE .............................................................170
I.1. V Du ....................................................................................170
I.2. Cc Thnh Phn Cua Mt Web Pages..................................170
I.3. Mi Quan H Giua Thit K D Hoa v Thit K Website.171
II. QUAN ST KCH THUC CC THNH PHAN..................171
II.1. Xc Dinh Kch Thuoc Tng Th Cua Webpage.................171
II.2. Xc Dinh Kch Thuoc Banner.............................................172
II.3. Xc Dinh Kch Thuoc Left Menu .......................................172
II.4. Xc Dinh Kch Thuoc Right Menu.....................................172
Gio trnh Adobe Photoshop
182 TT Cng Ngh Thng Tin
II.5. Xc Dinh Kch Thuoc Vng Ni Dung ..............................172
III. THIET KE GIAO DIEN WEBSITE.........................................172
IV. KET XUAT HNH ANH..........................................................173
IV.1. Kt Xut Hnh Anh Thu Cng...........................................173
V. TOI UU HA HNH ANH CHO WEBSITE............................175
VI. BI TAP CHUONG 5:.........................................................175