Gi i thi u:ớ ệ
S d ng thành th o các công c ch n và tô màu trong Flash, s giúp t o các đ iử ụ ạ ụ ọ ẽ ạ ố tượng đ h a đ p m t, ph c v cho m c đích t o ho t hình v sau. Các công c h trồ ọ ẹ ắ ụ ụ ụ ạ ạ ề ụ ỗ ợ trong Flash, hoàn toàn có th t o d ng nh ng đ i tể ạ ự ữ ố ượng đ h a đ nh cao.ồ ọ ỉ
M c tiêu:ụ
Trình bày được công d ng các công c tô màuụ ụ
Thao tác tô màu cho đ i tố ượng hình c b nơ ả
Rèn luy n tính c n th n, t duy sáng t oệ ẩ ậ ư ạ N i dung chính:ộ
1. Công c Pen, Selection Tool, Subselection, Free Transformụ
1.1. Pen Tool ( ): dùng t o các nét th ng ho c cong.ạ ẳ ặ
Công c này dùng đ v các đụ ể ẽ ường đa giác b ng cách t o các đi m đi u khi n, sau đó, tằ ạ ể ề ể ự đ ng n i các đi m này l i v i nhau.ộ ố ể ạ ớ
Các thông s liên quan đ n công c này hoàn toàn tố ế ụ ương t v i công c Line.ự ớ ụ
Khi s d ng công c Pen, b n cũng l u ý r ng, n u b n t o hình th có d ng đử ụ ụ ạ ư ằ ế ạ ạ ể ạ ường th ng, b n ch vi c nh p vào nút đ u và nút cu i. N u b n mu n t o d ng đẳ ạ ỉ ệ ấ ầ ố ế ạ ố ạ ạ ường cong, mà c n rê chu t liên ti p đ hi u ch nh đầ ộ ế ể ệ ỉ ường đi u khi n c a nó.ề ể ủ
Hình 2.1. Công c Penụ
Công c Add Anchor Point ụ và Delete Anchor Point :
Công c Add Anchor Point dùng đ b sung thêm đi m đi u khi n cho đụ ể ổ ể ề ể ường Bezier, ngượ ạc l i, Delete Anchor Point xóa b t đi các đi m đi u khi n cho đớ ể ề ể ường Bezier.
Đ b sung thêm đi m đi u khi n, ta ch vi c ch n công c Add Anchor Point, sau đó b mể ổ ể ề ể ỉ ệ ọ ụ ấ vào m t v trí trên độ ị ường biên.
Đ xóa đi đi m đi u khi n, ta ch vi c ch n công c Delete Anchor Point, sau đó b m vàoể ể ề ể ỉ ệ ọ ụ ấ m t đi m đi u khi n c n xóa b .ộ ể ề ể ầ ỏ
Vi c b sung và xóa b các đi m đi u khi n r t h u ích trong vi c t o các đệ ổ ỏ ể ề ể ấ ữ ệ ạ ường u n.ố V i các đớ ường u n đ c thù, ta c n b sung vào m t s lố ặ ầ ổ ộ ố ượng đi m đi u khi n t i u choể ề ể ố ư vi c hi u ch nh. Ta có th l y ví d : đ i v i đệ ệ ỉ ể ấ ụ ố ớ ường Parabol, ta ch c n ba đi m đi uỉ ầ ể ề khi n; v i để ớ ường đ th hàm s đa th c b c ba ta c n b n đi m đi u khi n.ồ ị ố ứ ậ ầ ố ể ề ể
Các đi m đi u khi n là các đi m n m trên để ề ể ể ằ ường biên. Nh ng đi m không n m trênữ ể ằ đường biên là các đi m thu c để ộ ường đi u khi n.ề ể
Hình 2.2. Hình các đi m đi u khi nể ề ể
Công c Convert Anchor Point ụ :
Dùng đ chuy n đ i đi m đi u khi n góc c nh thành đi m đi u khi n u n cong. Ngoài raể ể ổ ể ề ể ạ ể ề ể ố nó còn có ch c năng hi u ch nh góc u n nh vào các đứ ệ ỉ ố ờ ường đi u khi n. Ch c năng nàyề ể ứ tương đ i gi ng v i ch c năng hi u ch nh góc c nh c a công c SubSelection. Nh ngố ố ớ ứ ệ ỉ ạ ủ ụ ư đi m khác bi t ch , công c Convert Anchor Point hi u ch nh các để ệ ở ỗ ụ ệ ỉ ường đi u khi n m tề ể ộ cách đ c l p (t i m t đi m đi u khi n có hai độ ậ ạ ộ ể ề ể ường đi u khi n bên trái và bên ph i. Côngề ể ả c này hi u ch nh các đụ ệ ỉ ường đi u khi n bên trái và bên ph i m t cách riêng bi t.), trongề ể ả ộ ệ khi đó công c SubSelection hi u ch nh đ ng th i hai đụ ệ ỉ ồ ờ ường đi u khi n này (đi m u n đ iề ể ể ố ố x ng).ứ
Đ chuy n đ i đi m đi u khi n góc c nh thành đi m u n cong, ta ch vi c ch n công cể ể ổ ể ề ể ạ ể ố ỉ ệ ọ ụ và nh p vào đi m c n chuy n đ i. Đ hi u ch nh góc xoay cho các đấ ể ầ ể ổ ể ệ ỉ ường đi u khi n, taề ể ch vi c xoay các đỉ ệ ường đi u khi n.ề ể
Hình 2.3. Công c Convert Anchor Pointụ
1.2. Selection Tool ( ): Di chuy n ph n đ i tể ầ ố ượng được ch nọ
Hình 2.4. Công c Selectionụ
V i công c này, b n có th ch n đ i tớ ụ ạ ể ọ ố ượng, m t ph n đ i tộ ầ ố ượng b ng cách kích đôiằ chu t vào nó ho c bôi đen m t ph n c a nó. B n có th kéo giãn, u n các biên c a hìnhộ ặ ộ ầ ủ ạ ể ố ủ th (khi con tr chu t đ t các biên c a hình và nó có d ng nh bi u tể ỏ ộ ặ ở ủ ạ ư ể ượng Selection bổ sung thêm đường cong màu đen).
1.3. Subselection Tool ( ): Làm bi n d ng đ i tế ạ ố ượng
Nh p ch n bi u tấ ọ ể ượng SubSelection, sau đó b m vào đ i tấ ố ượng. Khi đó, đường vi n c aề ủ đ i tố ượng s hi ra các đẽ ệ ường Bezier c u thành nên v t th . Các đi m đấ ậ ể ể ược đánh d uấ b ng ch m tròn đằ ấ ược g i là các đi m đi u khi n đọ ể ề ể ường Bezier. V i công c này, ta có thớ ụ ể hi u ch nh v trí c a các đi m này. Đi m đi u khi n trong đệ ỉ ị ủ ể ể ề ể ường Bezier cũng chia làm hai nhóm: nhóm đi m góc c nh và nhóm đi m u n cong. B n có th nh n th y chúng – hìnhể ạ ể ố ạ ể ậ ấ
vuông, ch nh t t o nên t các đi m góc c nh; đữ ậ ạ ừ ể ạ ường tròn, eclipse đượ ạ ừc t o t các đi mể u n cong.ố
Hình 2.5. Công c SubSelectionụ
1.4. Free Transform Tool ( ): Di chuy n đ i tể ố ượng được ch nọ
Hình 2.6. Công c Free Transformụ
Đây là công c đ tinh ch nh góc c nh, xoay đ i tụ ể ỉ ạ ố ượng. Khi b m ch n bi u tấ ọ ể ượng này, sau đó ch n đ i tọ ố ượng, ta có th thay đ i s d ch chuy n tể ổ ự ị ể ương đ i c a các ph n đ i tố ủ ầ ố ượng.
Khi đó, ta đ t tr chu t theo cách c nh c a đ i tặ ỏ ộ ạ ủ ố ượng và d ch chuy n nó. N u mu n phóngị ể ế ố to, thu nh đ i tỏ ố ượng, ta ch đ t tr chu t vào các nút c a đ i tỉ ặ ỏ ộ ủ ố ượng, và kéo ra ngoài n uế mu n tăng kích thố ước, và kéo vào trong n u mu n làm gi m kích thế ố ả ước. N u mu n xoayế ố đ i tố ượng, ta nh n vào nút các góc c a đ i tấ ở ủ ố ượng, và xoay đ i tố ượng.
Khi làm vi c v i các đ i tệ ớ ố ượng b ng công c này b n c n l u ý đ n m t ch c năng xoayằ ụ ạ ầ ư ế ộ ứ đ i tố ượng.
Hình 2.7. Thay đ i tâm xoay c a đ i tổ ủ ố ượng 2. Công c tô màu Paint Bucket, Eyedropperụ
2.1. Bucket Tool ( ): dùng tô màu các hình đượ ạc t o ra t đừ ường vi n (màu bên trong ề hình).
Đây là công c dùng đ đ màu n n cho v t th . Khi kích vào bi u tụ ể ổ ề ậ ể ể ượng này trên thanh công c , trên b ng thu c tính Properties s hi n ra các thông s liên quan đ n công c này:ụ ả ộ ẽ ệ ố ế ụ
Fill color: đ màu n n cho đ i tổ ề ố ượng. Đ đ màu bên trong đ i tể ổ ố ượng, b n c n l u ýạ ầ ư r ng khung vi n bao quanh nó c n ph i kín. N u có m t kho ng h trên đằ ề ầ ả ế ộ ả ở ường vi n này,ề thì công c không ho t đ ng (khác v i các trình biên t p khác, thụ ạ ộ ớ ậ ường thì trong trường h pợ này, công c s đ màu lên c nh ng ph n li n k nó). Đó cũng chính là u đi m c a côngụ ẽ ổ ả ữ ầ ề ề ư ể ủ c này trong Flash c a Adobe. V i công c này, b n có th t o ra nh ng hi u ng màuụ ủ ớ ụ ạ ể ạ ữ ệ ứ ph c t p. Nó h tr các ch đ màu RGB, HSL, ch đ màu Alpha, ch đ không màu,ứ ạ ỗ ợ ế ộ ế ộ ế ộ màu d ng ki u c u v ng. B ng màu c a Paint Bucket không cho phép b n hi u ch nh d iạ ể ầ ồ ả ủ ạ ệ ỉ ả màu c u v ng v i các màu tùy ch n, đ làm đi u này b n c n k t h p v i b ng màu đ yầ ồ ớ ọ ể ề ạ ầ ế ợ ớ ả ầ đ (Windows>Color). Trong h p tho i màu này, cho phép b n có th s d ng các ki uủ ộ ạ ạ ể ử ụ ể pattern, bitmap và d i màu c u v ng tùy ch n đ đ màu n n cho đ i tả ầ ồ ọ ể ổ ề ố ượng. Nh ng b nư ạ cũng l u ý r ng, nó c n k t h p v i công c Paint Bucket này.ư ằ ầ ế ợ ớ ụ
Hình 2.8. Công c Paint Bucketụ
2.2. Eyedropper ( ):
Dùng cho phép l y m u tô, ki u đấ ẫ ể ường nét c a 1 đ i tủ ố ượng r i áp d ng m u tô đó cho 1ồ ụ ẫ đ i tố ượng khác. (ch n 1 m u r i quét vào 1 m u khác).ọ ẫ ồ ẫ
Đây là công c dùng đ l y thông s màu t i m t v trí trên đ i tụ ể ấ ố ạ ộ ị ố ượng. Ta ch vi c ch nỉ ệ ọ bi u tể ượng, sau đó kích vào m t v trí nào đó trên b c nh (v trí mà ta c n l y thông sộ ị ứ ả ị ầ ấ ố màu), khi đó, thông s màu n n m c đ nh s là màu c a v trí v a kích vào.ố ề ặ ị ẽ ủ ị ừ
3. Công c Gradient Transform (ụ ) Flash h tr 2 lo i ki u màu gradient:ỗ ợ ạ ể
Linear: hòa tr n màu theo cách đ ng d ng theo m t độ ồ ạ ộ ường th ng đi theo m t hẳ ộ ướng ho cặ m t góc xác đ nhộ ị
Radial: hòa tr n màu theo cách th c t a tròn, theo 2 hộ ứ ỏ ướng: hướng tâm và hướng ra ngoài
Hình 2.9. Công c gradientụ Câu h i ôn t p, bài t pỏ ậ ậ
2.1. S d ng các công c Free Transform, Gradient Transformử ụ ụ đ hòa tr n màu s c theoể ộ ắ các hướng khác nhau.
2.2. S d ng các công c tô v c b n, v hình các nhân v t sauử ụ ụ ẽ ơ ả ẽ ậ
2.3. S d ng các công c tô v , v các phong c nh sau:ử ụ ụ ẽ ẽ ả
2.4. Bài t p t ng h pậ ổ ợ
Hãy s d ng các công c v đ t o các n i dung sau đây trên cùng m t Stage:ử ụ ụ ẽ ể ạ ộ ộ
1. T o Layer 1 và đ i tên thành BauTroi. Ch n bi u tạ ổ ọ ể ượng b ng màu. Ch n Stroke color =ả ọ None, Fill Color = Linear Gradient. Ch n ch đ đ màu Extends Color. Trong ki u đ màuọ ế ộ ổ ể ổ c u v ng này, b n ch ch n hai màu: màu đen (mã màu là #000000) đ n màu đen tr ng (mãầ ồ ạ ỉ ọ ế ắ màu #999999), trong đó màu đen phía trên, màu đen tr ng phía dở ắ ở ưới. S d ng công cử ụ ụ Rectangle, t o m t hình ch nh t trên Layer này. S d ng b ng hi u ch nh Align đ canạ ộ ữ ậ ở ử ụ ả ệ ỉ ể ch nh kích thỉ ước và v trí cho hình ch nh t này trùng kh p v i kích thị ữ ậ ớ ớ ước Stage.
2. T o Layer 2 và đ i tên thành MatTrang. Ch n bi u tạ ổ ọ ể ượng Oval v i thu c tính Strokeớ ộ Color = None, Fill Color là màu Radial Gradient (màu m t có mã màu là #FFFF00, màu 2 cóộ mã màu là #FFFFFF). Hãy s d ng công c Gradient Transform đ hi u ch nh kích thử ụ ụ ể ệ ỉ ước c a vòng màu bên trong l n h n và đ t m t trăng vào v trí thích h p trên b c tranh này.ủ ớ ơ ặ ặ ị ợ ứ 3. S d ng công c PolyStar đ t o m t ngôi sao màu vàng nh t, kích thử ụ ụ ể ạ ộ ạ ước là 20x20.
Convert ngôi sao này sang bi u tể ượng Graphics và đ t tên là Sao. Ch n công c Sprayặ ọ ụ Brush, ch n bi u tọ ể ượng cho nó là Sao trên. Hi u ch nh các thông s nh sau:ở ệ ỉ ố ư
Scale width = 20%
Scale height = 25%
Ch n c ba tùy ch n Random Scaling, Rotate Symbol và Random Rotation.ọ ả ọ Hi u ch nh kích thệ ỉ ướ ủc c a Brush là width=height=300px, Brush Angel là 90 CW.
T o m i Layer đ t tên là Sao. Hãy quét nhanh công c Spray Brush này lên Layer này đạ ớ ặ ụ ể t o các ngôi sao nh trên b u tr i.ạ ỏ ầ ờ
4. T o m i m t Layer và đ t tên là KhungCua. S d ng công c Rectangle Primitive đạ ớ ộ ặ ử ụ ụ ể t o m t hình ch nh t có kích thạ ộ ữ ậ ước width=200, height=150, ch n Fill color là None,ọ Stroke color là màu đen, lo i đạ ường vi n style là stippled, kích thề ước c a đủ ường vi n làề 5px. S d ng công c Deco đ đ màu ngh thu t (cành hoa nho) cho khung c a s này.ử ụ ụ ể ổ ệ ậ ử ổ 5. T o m i Layer đ t tên là NgoiNha. Hãy s d ng các công c c n thi t đ v nên ngôiạ ớ ặ ử ụ ụ ầ ế ể ẽ nhà m ơ ướ ủc c a b n. L u ý: hãy s d ng màu s c th t hài hòa trong đêm t i.ạ ư ử ụ ắ ậ ố
6. T o m i Layer đ t tên là DamMay. Hãy s d ng công c Pen đ t o nên các đám mâyạ ớ ặ ử ụ ụ ể ạ có vi n cong. Tô màu cho nó b ng màu xanh nh t (mã màu #66CCCC) và hãy lo i b vi nề ằ ạ ạ ỏ ề c a nó.ủ
7. T o m i Layer đ t tên là ConNguoi. Hãy s d ng các công c c n thi t đ phát h aạ ớ ặ ử ụ ụ ầ ế ể ọ chân dung c a m t cô gái đang đi dủ ộ ưới ánh trăng.
8. T o m i Layer đ t tên là DenLong. Hãy phát h a cây đ n l ng và đ t nó vào tay cô gái.ạ ớ ặ ọ ề ồ ặ 9. T o m i Layer đ t tên là CayCoi. Hãy phát h a hình m t r ng tre ho c m t cây c th .ạ ớ ặ ọ ộ ặ ặ ộ ổ ụ Ch n màu s c h p lý.ọ ắ ợ
10.T o m i Layer đ t tên là TieuDe. S d ng công c Text đ so n th o trên Layer nàyạ ớ ặ ử ụ ụ ể ạ ả n i dung “Ánh Trăng Trên Quê Hộ ương”.