Bài giảng Flash - Chương 1: Các khái niệm về Adobe Flash

Trang : 1  
Chương 1  
Các khái nim vAdobe Flash  
Mc tiêu bài hc  
„ Miêu tgiao din Flash và các thanh công  
c.  
„ Biết cách mđóng các thanh công c.  
„ Miêu tcác cách chn công cvà chn lnh.  
„ Biết các thao tác qun lý file: to mi, lưu,  
đóng file, mfile.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 2  
Adobe Flash CS 3  
„ Giao din màn hình ca Flash  
Các thành phn trên màn hình  
Photoshop CS 3  
„ Thanh tiêu đ  
„ Thanh Menu Bar  
„ Thanh Timeline  
„ Vùng làm vic Stage  
„ Thanh công cToolbox  
„ Các thanh Palette  
z Đmhoc đóng các thanh công cta nhp chn  
tên thanh công ctMenu Window  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 3  
Sdng thanh công cToolbox  
„ Đchn công ctrên Toolbox:  
„ Nhp trc tiếp lên công c.  
„ Nhn phím tt ca công ctbàn phím.  
„ Trchut lên công cđhin thtên và  
phím tt ca công c.  
„ Mt scông ccó hình tam giác nhỏ  
dưi góc phi đbáo cho biết có cha  
công cụ ẩn.  
Chế đxem nh  
„ Đphóng to: Ctrl và phím +  
„ Đthu nh: Ctrl và phím –  
„ Có thdùng công cZoom(Z), có hình  
kính lúp (+ hoc -) và nhp vào hình.  
„ Cun nh: đcun và xem nh có kích thưc  
ln hơn ca shin thta dùng công cụ  
Hand(H) hoc nhn giphím Space  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 4  
Qun lý tp tin Flash (1)  
„ To tp tin mi: File -> New, chn mt dng Flash  
file.  
+Tile: đt tiêu đfile.  
+Width: chiu rng  
+Height: chiu cao  
+Background color: màu nn  
sân khu  
+Frame rate: skhung hình  
trên giây.  
Qun lý tp tin Flash (2)  
„ Lưu tp tin: File -> Save As.  
„ Mtp tin: File -> Open, Open As.  
„ Đóng tp tin: File -> Close.  
„ Thoát Adobe Flash: File -> Exit.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 5  
Tng kết chương  
„
„
„
Adobe Flash có rt nhiu ng dng trong lĩnh vc đha. Nhưng  
Flash thưng đưc dùng đto các đon phim và thiết kế web.  
Hình nh to ra trên Flash là nh vector, tuy nhiên vn có thdùng  
nh bitmap trong flash.  
Có nhiu thanh công cđc trưng trên Flash, sdng menu Window  
để ẩn hin chúng.  
„
„
„
Toolbox cha các công cchính đthiết kế và xlí hình nh.  
Công czoom cho phép xem nh các kích ckhác nhau.  
Khi to mt tp tin mi cn chú ý đrng, chiu cao và slương  
khung hình trên giây.  
Chương 2  
Làm vic vi các đi tưng  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 6  
Mc tiêu bài hc  
ƒ Biết các công cchn trên Flash.  
ƒ Sdng đưc công cchn đchn đi tưng.  
ƒ Biết và xác lp đưc các thuc tính ca các  
công cchn.  
ƒ Làm vic vi các lnh biến đi đi tưng.  
Tng quan vchn đi tưng  
ƒ Đxlý mt file flash, cn phi chn đúng đi  
tưng mun xlý.  
ƒ Khi đã chn vùng, thì các tác vxlý chcó  
tác dng vi đi tưng đã chn, không nh  
hưng đến các đi tưng khác.  
ƒ Trên Toolbox có các công cchn, làm vic  
theo mt squi tc: chn vùng theo khi, chn  
tdo, theo màu sc.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 7  
Công cSelection.  
„ Công cSelection cho phép chn đi tưng bao gm  
biên và các đim nh bên trong theo các cách sau:  
„ Nhp vào đi tưng.  
„ Nhp vào mt đưng đchn đưng đó.  
„ Quét mt vùng quanh các đi tưng đchn nhiu  
đi tưng.  
Công cSelection  
Công cSubselection  
„ Sub selection cho phép chn và làm biến dng đi  
tưng bng cách làm xut hin các nút hiu chnh  
quanh đi tưng.  
„ Cách thc hin:  
„ Nhp vào biên đi tưng.  
„ Quét mt vùng quanh đi tưng.  
Công cụ  
Subselection  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 8  
Công cLasso  
„ Nhóm Lasso có mt scông cụ ẩn bên trong, bao  
gm:  
„ Lasso: chn đi tưng trong mt vùng chn tdo. Dùng  
lasso như đu bút chì đvmt vùng chn tdo bao  
quanh đi tưng.  
„ Polygon: to vùng chn bng các nét thng.  
„ Chcông cụ ẩn tkhung option phía cui thanh công c.  
Thao tác trên đi tưng  
„ Di chuyn: dùng mt công cchn đchn đi tưng, sau  
đó nhp chut vào và kéo. Có thdùng bng Info  
(Window -> Info). Ngoài ra có thdùng Edit -> Cut và  
Edit -> Paste in Center hoc Paste in Place.  
„ Nhóm các đi tưng: chn các đi tưng mun nhóm li,  
chn Modify -> Group.  
„ Phân rã nhóm: chn Modify -> Ungroup.  
„ Sao chép: Edit -> Copy sau đó Edit -> Paste in Center  
hoc Paste in Place.  
„ Xóa: chn các đi tưng mun xóa, nhn phím delete,  
hoc chn Edit -> Clear.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 9  
Biến đi đi tưng (1)  
„ Dùng công cbiến đi Free Transform. Công cnày có  
các hình thc biến dng sau:  
„ Rotate and Skew: xoay và kéo xiên.  
„ Scale: phóng to, thu nhtheo tl.  
„ Distort: biến dng có phương hưng.  
„ Envelope: biến dng tdo.  
Free Transform  
Tool  
Các hình thc biến đi  
Biến đi đi tưng (2)  
Vào menu Modify -> Transform:  
„ Free transform: biến hình tdo.  
„ Scale: phóng to, thu nhvùng chn.  
„ Rotation and Skew: xoay và kéo xiên đi tưng.  
„ Distort: biến dng theo mi hưng.  
„ Rotate 180: xoay 1800.  
„ Rotate 90 CW: xoay 900 theo chiu kim đng h.  
„ Rotate 90 CCW: xoay 900 ngưc chiu kim đng h.  
„ Flip Horizontal: lt ngang đi tưng.  
„ Flip Vertical: lt dc đi tưng.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 10  
Canh lđi tưng trong Stage  
Vào menu Window -> Align, hin ca sổ  
Align, chn mt chế đcanh lthích hp.  
Chú ý nút To Stage phi đưc chn.  
Tng kết chương  
¾ Cn chn đi tưng trưc khi xlí.  
¾ Công cSelection dùng đchn toàn bđi tưng,  
thưng dùng khi sao chép, di chuyn, tô màu....  
¾ Công cSubselection dùng đchn và hiu chnh biên  
đi tưng.  
¾ Lasso: chn vùng chn tdo.  
¾ Có thdi chuyn đi tưng bng cách chn và kéo  
chut hoc dùng lnh Info.  
¾ Làm biến đi đi tưng ta dùng lnh Transform.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 11  
Chương 3  
Sdng văn bn trong Flash  
Mc tiêu bài hc  
ƒ
ƒ
ƒ
Biết cách to chtrên Flash Stage.  
Hiu nguyên tc làm vic vi ch.  
Miêu tcách sdng các công chiu  
chnh ch.  
ƒ
Biết sdng các công cto hiu ng cho  
ch.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 12  
Embedded Font Và Device Font  
Khi sdng các Font trong hthng đto văn  
bn, các thông tin ca chúng sđưc nhúng  
vào file flash, chúng đưc gi là Embedded  
Font.  
Tuy nhiên không chc là Flash player hin thị  
đưc chúng. Có thdùng các Font đc bit  
trong Flash gi là Device Font đthay thế cho  
chúng.  
Flash player stđng la chn mt Font gn  
ging vi Font đưc chn đhin th.  
Dùng công cto văn bn – Text Tool  
ƒ Chn công cText (T).  
ƒ Chn các thuc tính ca văn bn ti ca sổ  
Properties (Ctrl–F3).  
ƒ Font: font ch.  
ƒ Font size: cch.  
ƒ Text color: màu chữ  
ƒ Align: các chế đcanh l.  
ƒ Nhp chut lên Stage và gõ ni dung vào.  
ƒ Nhp chut lên vùng trng trên Stage đkết  
thúc.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 13  
Text Tool và Text Properties  
Công cText  
Font  
Font size  
Alignment  
Text properties  
Thao tác hiu chnh  
„ Dch chuyn ch: dùng công cSelection (V)  
chn chvà bm kéo chut đđi vtrí.  
„ Thay đi li ni dung và thuc tính ch: chn  
li công cType, trchut vào chvà quét  
chn, sau đó la chn các thông scn hiu  
chnh.  
„ Nhn phím ESC đthoát chế đhiu chnh.  
„ Có thdùng các hình thc biến dng  
Transform đbiến đi hình dáng ch.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 14  
Tng kết chương  
¾ Chlà mt phn rt quan trng trong công  
vic thiết kế đha.  
¾ Chtrong Flash đưc qun lý như bt kđi  
tưng đha nào khác.  
¾ Công cText dùng đviết chlên Stage và  
ca sthuc tính Properties cho phép la chn  
các thuc tính ca ch.  
¾ Hiu chnh chtương tnhư các chương trình  
son tho văn bn.  
¾ Có thlàm biến dng chbng Transform.  
Chương 4  
Các công cvvà tô màu.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 15  
Mc tiêu bài hc  
ƒ
ƒ
Hiu biết vmàu vin và màu tô.  
Biết cách chn màu và tô màu cho vùng  
chn.  
ƒ
ƒ
ƒ
Miêu tcách sdng các công ctô màu.  
Sdng công cxóa hình nh.  
Dùng các công cvpencil và brush, line  
và shape (rectangle, oval)  
ƒ
Biết vhình bng Pen.  
Stroke color – Fill color  
Trên Toolbox có biu tưng 2 ô màu:  
ƒ
Ô có biu tưng cây viết phía trưc là Stroke color:  
màu vin đi tưng, nét v.  
ƒ
Ô có biu tưng thùng sơn phía trưc là Fill color:  
màu tô ca đi tưng.  
ƒ
ƒ
Nút Swap colors: hoán đi gia màu vin và màu tô.  
Black and White: tái lp mc đnh đen trng.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 16  
Các công cvẽ  
Công cPen  
Công cLine  
Công cvshape  
Công cBrush  
Công cPencil  
Công cErase - xóa  
CBrush  
ƒ
Có thdùng công cbrush như là mt cây cọ  
vhoc là mt công ctô màu.  
ƒ
ƒ
CBrush dùng màu Fill color.  
Khi sdng cBrush, chú ý đến các la chn  
trong phn option:  
ƒ
Brush mode: kiu quét (normal: quét màu bình  
thưng; behind: quét sau các màu khác trên  
khung ...)  
ƒ
ƒ
Brush size : đln ca công cquét.  
Brush shape: hình dng ca công cquét ( hình  
que xéo, hình tròn, hình bu dc ...)  
ƒ
Lock fill: không cho tô màu lên.  
Thuc tính smoothing: đmn ca biên nét v.  
ƒ
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 17  
Pencil và Erase  
ƒ Công cPencil (Y): chc năng tương tcông cPen  
nhưng đchi tiết không như công cPen, các nét xa sẽ  
thành đưng thng, các nét gn sto thành đưng cong.  
ƒ Ngoài ra công cnày không có chc năng Fill color như  
công cPen, mc dù có ni đim đu vi đim cui to thành  
mt hình .  
ƒ Công cEraser (E): xóa màu, đưng nét ca mt đi  
tưng trong khung làm vic. Công cgm có 3 tính năng  
trong mc options:  
ƒ Eraser mode: tương tvi Brush mode.  
ƒ Faucet : xóa nhanh đưng nét ni lin, màu tô, mt  
vùng tô màu ca đi tưng .  
ƒ Eraser shape : tương tvi Brush shape .  
Các công cvhình hc  
Công cOval (O): Công cdùng đvnhng hình tròn,  
hình bu dc, có 4 tính năng tương tcông cPen.  
Công cRectangle (R): Công cvcác hình chnht  
ngoài 4 tính năng như Oval, ta còn có thêm tính năng  
bo tròn các góc (Round Rectangle Radius) bng  
options.  
„
„
„
Công cLine (N): dùng đvcác đưng thng. Công cụ  
này có tt c3 tính cht: Stroke color: màu ca đưng  
thng mà bn v(bên trái); Stroke height: đdày (độ  
đm) ca đưng thng bn v(gia); Stroke style : các  
loi đưng thng (nét chm gch hay nét đt chng hn)  
(bên phi).  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 18  
Công cPen  
„
Công cPen (P): Công cvcác đưng thng  
gp khúc hoc các đưng cong bng các chm  
các đim ti các vtrí khác nhau ri ni chúng  
li dưi dng các đưng thng, đưng cong.  
„
„
Da vào chc năng ni các đim nếu ta ni  
đim đu vào đim cui (3 đim trlên) sto  
thành các hình đa giác.  
Công cnày có 4 tính cht :-3 tính cht đu  
tương tcông cLine-Tính cht Fill color : tô  
màu cho các hình đa giác mà bn đã v.  
Các công ctô màu  
„Công cInk bottle (S): thay đi màu, kích thưc  
kiu ca mt đưng nét bao quanh mt hình  
dng trong khung làm vic. Công cnày có 3 tính  
năng tương tnhư Line.  
„Công cPaint Bucket (K): tô màu cho các hình  
dng to ra tcác đưng vin (tô màu cho các  
hình dng đưc to ra tcông cpencil chng  
hn), thay đi màu đã có trong khung làm vic.  
Có hai tính năng Gape Size và Lock Fill trong mc  
options .  
„Modifiy >Break Apart (Ctrl + B):Dùng công ctô màu chuyn săc và  
xlý cho chử  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 19  
Gape Size và Lock Fill  
„Tính năng Gap Size ca Paint Bucker : Xđưng  
vin không bao kín vùng tô màu vi 4 thông schính :  
„
Don't Close Gaps : Không tô vùng mà đưng vin chưa  
bao kín .  
„
„
Close Small Gaps : Tô vùng có đưng vin hrt nh.  
Close Medium Gaps : Tô vùng có đưng vin htrung  
bình .  
„
Close Large Gaps : Tô vùng có đưng vin hln .  
„Tính năng Lock Fill ca Brush và Paint Bucket :  
Điu khin cách thc tô màu vi các vùng màu kiu  
gradient , khi chn thì sdng cùng mt kiu màu  
gradient , còn khi không chn mi vùng tô shin thị  
khác bit các kiu tô mà bn áp dng gradient .  
Sao chép thuc tính  
„Công cEyedropper (I) : cho phép ly mu, sao  
chép màu tô, đưng nét ca đi tưng đang xét  
ri áp dng cho mt đi tưng khác, công cnày  
không có tính cht khác, giúp chúng ta tiết kim  
thi gian .  
„Cách thc hin: chn công cEyedropper, nhp  
vào đưng nét có các thuc tính mun sao chép,  
công cInk bottle đưc bt lên, nhp vào đưng  
nét mun gán các thuc tính này.  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Trang : 20  
Bng màu color  
Stroke color  
Fill color  
Các kiu tô màu  
Nhp chn màu  
Nhp vào mã màu  
Đtrong sut  
Các màu chuyn sc  
Chương 5  
Cơ bn vphân lp - LAYER  
ACCP2005/ Developing Enterprise  
Applications 2.0/ Session 1/ of 23  
Tải về để xem bản đầy đủ
pdf 29 trang yennguyen 13/04/2022 6080
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Flash - Chương 1: Các khái niệm về Adobe Flash", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

  • pdfbai_giang_flash_chuong_1_cac_khai_niem_ve_adobe_flash.pdf