Thực hành Flash
Trang 1Năm cách chuyển động cơ bản
trong Flash
1 Chuyển động từ điểm này tới điểm khác (sử dụng Create Motion Tween)
Bước 1: Bật chương trình và tạo mới một tài liệu
- Bật chương trình: Vào Start => Programs => Adobe Flash 9 Puplic Alpha
- Tạo mới tài liệu:
• Cách 1: Khi chương trình vừa mở lên trong khung chức năng chính giửa
ta click chọn vào mục Flash Document.
Hình 1
• Cách 2: Khi chương trình bật lên ta vào menu File chọn New (hoặc bấm
Ctrl + N)
Bước 2: Thực hiện
- Click chọn công cụ Selection Tool hoặc nhấn phím V trên bàn phím để chọn
cho nhanh, chọn màu nền cho dễ nhìn
Trang 1
Trang 2- Đầu tiên click trái chuột chọn Keyframe số 1, chọn hình tròn, chọn màu hình
tròn, không chọn màu viền rồi vẽ hình tròn
Trang 2
Trang 3Lưu ý: nếu muốn hình vẽ tròn thì trong quá trình vẽ thì đè thêm phím Shift.
- Sau khi vẽ xong, click phải chuột tại keyframe số 1 chọn Create Motion Tween để tạo chuyển động.
Trang 3
Trang 4- Tiếp theo click chọn một nơi trên thanh thước (lưu ý nhớ click vị trí thẳng
hàng với keyframe số 1 phía dưới những chử số trên thanh thước.) rồi nhấn
phím F6 hoặc click phải chuột chọn Insert Keyframe
Trang 4
Trang 5- Chọn công cụ selection tool rồi chọn keyframe số 22, rồi chọn hình kéo đi
đến nơi mình muốn
Trang 5
Trang 6- Kết quả sau khi xuất file như sau:
Trang 6
Trang 7Trang 7
Trang 8- Để kiểm tra chạy thử ta nhấn phím Enter Để xuất file xem thử ta nhấn tổ hợp phím Ctrl + Enter
∗ Chú ý: Những bước trên là ta mới tạo chạy từ 1 điểm này tới 1 điểm khác
Vậy đặt trường hợp muốn cho một hình tròn xuất phát chạy từ 1 điểm nhưng đến với nhiều điểm khác nhau và có hiệu ừng khác nhau thì ta làm như sau:
- Vẫn thực hiện ở bài tập trên
- Hiện tại trên thanh thước ta có 2 keyframe số 1 và số 22 Ta tạo thêm 3
keyframe nửa bằng cách lên thanh thước nhấn phím F6 (hoặc click phải chọn
Insert Keyframe) hai lần, giống như Hình 5
- Chọn mỗi keyframe rồi chọn công cụ selection tool rồi dịch chuyển các hình
đi giống như Hình 6
Trang 8
Trang 9- Thay đổi thuộc tính của hình tại mỗi keyframe.
+ Click chuột chọn keyframe trên thanh thước rồi chọn hình tương ứng với mỗi
keyframe Nhìn dưới thanh property thấy thuộc tính Color hiện tại đang chọn none
+ Trong thuộc tính Color có những thuộc tính con như:
• Brightness: chỉnh độ sáng tối cho hình
• Tint: chỉnh màu sắc cho hình
• Alpha: chỉnh độ trong suốt của hình
• Advanced: chỉnh tất cả những thông số trên.
- Thay đổi hình dạng của hình tại mỗi điểm chuyển động
+ Chọn keyframe, chọn hình tương ứng.
+ Chọn công cụ Free Transfrom Tool (hoặc bấm phím Q trên bàn phím), rồi chọn hình và chỉnh tùy theo ý muốn
Trang 9
Trang 102 Chuyển động biến dạng từ hình này sang hình khác (sử dụng thuộc tính shape).
Bước 1: Tạo mới một file mới bằng cách vào File chọn New, chọn Flash
document.
Bước 2: Tại keyframe số 1 ta chọn hình tròn rồi vẽ một hình tròn
Trang 10
Trang 11Bước 3: Chọn keyframe số 20 trên thanh thước ta click phải chuột chọn Insert
Blank Keyframe
Trang 11
Trang 12Bước 4: chọn công cụ PolyStart tool (Nếu ko thấy thì click và đè trái chuột tại
Rectangle tool rồi chọn Polystart tool)
Trang 12
Trang 13Bước 5: trên thanh property chọn thuộc tính options, chọn kiểu ngôi sao, chọn số cánh của ngôi sao và độ dày của ngôi sao
Trang 13
Trang 14Bước 6: Vẽ hình ngôi sao
Trang 14
Trang 15Bước 7: Click trái chuột chọn khoản giữa trên thanh thước, xuống thanh property thấy thuộc tính Tween ta chọn Shape
Trang 15
Trang 16Bước 8: Nhấn tổ hợp phím Ctrl+Enter xem kết quả.
3 Chuyển động theo đường cong cho trước.
Trang 16
Trang 17Bước 2: Tạo chuyển động từ điềm này sang điểm khác áp dụng cách chuyển động thứ nhất (create motion tween)
- Tại key frame đầu tiên của layer hinhtron vẻ hình tròn và click phải tạo
Create Montion Tween.
Trang 17
Trang 18- Chọn Key frame 20 trên thanh thước rồi click phải chọn Insert Keyframe (hoặc F6).
- Click trái chọn keyframe số 20, chọn công cụ hình mũi tên (Selection Tool (V)) rồi kéo hình tròn đến nơi mình muốn
Trang 18
Trang 19- Enter kiểm tra xem thử.
Bước 2: Sử dụng thuộc tính Add Motion Guide
- Click phải chuột tại layer hinhtron chọn Add Motion Guide (hoặc click trái
chọn layer hinhtron rồi chọn công cụ Add Motion Guide)
Trang 19
Trang 20- Chọn điểm đầu layer Guide:hinhtron, chọn công cụ cây viết chì (Peccil Tool (Y)) rồi vẽ một đường cong tùy ý.
Trang 20
Trang 21Trang 21
Trang 22- Chọn công cụ selection tool, chọn layer hinhtron chọn điểm đầu (keyframe đầu) rồi kéo hình tròn sao cho tâm hình tròn nằm trên đầu sợi dây.
Trang 22
Trang 23- Chọn điểm cuối (hinhtron) rồi kéo hình tròn nằm trên điểm cuối sợi dây
Trang 23
Trang 24- Kiểm tra: Enter xem thử.
**Chú ý: Khi chạy Ctrl+Enter lên sẽ không thấy sợi dây mà ta vẽ, vậy để thấy
sợi dây thì ta phải làm thêm bước sau:
- Tại dấu chấm đầu tiên của layer Guide:hinhtron ta click phải chuột chọn CopyFrame.
Trang 24
Trang 25- Tạo mới layer đặt tên là duongday rồi click phải tại dấu chấm đầu tiên của layer duongday chọn Past Frame.
Trang 25
Trang 26Trang 26
Trang 27- Kéo layer duongday xuong nằm dưới layer hinhtron.
- Click phải layer duongday bỏ chọn thuộc tình Guide.
Hình 28
- Kiểm tra: Ctrl+Enter xem kết quả.
* Bài tập vận dụng nâng cao:
Áp dụng kiểu chuyển động “từ điểm này sang điểm khác” và “Chuyển động theo đường cong cho trước” làm được kết quả như hình sau:
Trang 27
Trang 28Có thể xem phim hướng dẩn mà làm theo (Mở file chuyendong.exe lên xem rồi
làm theo)
4 Chuyển động theo kiểu sử dụng mặt nạ.
- Đặt tên layer là hinhtron rồi vẽ một hình tròn cho chạy từ điểm này tới điểm
khác, giống như cách làm của Hình 19
Trang 28
Trang 29- Tạo mới một layer và đặt tên là hinhnen.
- Vào menu File chọn Import, chọn Import to Library rồi tìm một tấm hình để chèn vào
Trang 29
Trang 30Trang 30
Trang 31- Kéo hình từ khung Library vào layer hinhnen.
Trang 31
Trang 32Kết quả sau khi kéo hình ra ta được như hình sau:
Hình 34
- Kéo layer hinhnen nằm dưới layer hinhtron
Trang 32
Trang 33- Click phải layer hinhtron chọn Marsh
Trang 33
Trang 34- Kiểm tra: Ctrl+Enter xem kết quả
- Có thể xem phim matna.exe nếu làm mà không hiểu
5 Chuyển động Movie Clip.
Bước 1: Tạo một Symbol mới, chọn kiểu là Movie clip và đặt tên là muiten
Trang 34
Trang 35Trang 35
Trang 36Bước 2: Chọn công cụ nhập chử, chọn Font chử là Wingdings 3.
Trang 36
Trang 37Bước 3: Nhập ký tự vào
Trang 37
Trang 38Bước 4: Nếu nhập 1 ký tự thì bấm Ctrl+B (hoặc chọn Modify => Break Apart)
một lần còn nếu nhập từ 2 ký tự trở lên thì bấm Ctrl+B hai lần Chọn điểm đầu của layer 1 tạo Create Motion Tween và chọn điểm cuối của layer 1 kéo hình đi
Trang 38
Trang 39Bước 5: Click chọn Scene 1.
Trang 39
Trang 40Bước 6: Kéo Movie clip muiten vào nhiều lần rồi Ctrl+Enter xem kết quả.
Trang 40
Trang 41* Mục đích của việc sử dụng chuyển động Movie clip là để sử dụng lại được nhiều lần từ một lần tạo.
Kết thúc: Vận dụng 4 cách chuyển động này cùng với trí sáng tạo của mỗi người ta sẽ tạo nên nhưng baner và hiệu ứng slide shown flash khá
ấn tượng.
Trang 41