38. Ngµy 13 th¸ng 12 n¨m 2008
T¹o ho¹t ¶nh
(TiÕp)
I. Phãng to ch÷ khi cã vËt s¸ng ®i qua 1 ¶nh
1. Chän file -> Open as library, chän 1A
2. Chän File -> New
3. Trªn layer 1 kÐo G_text tõ th viÖn ra stage
4. T¹o layer 2. Trªn Layer 2 ®a ra Symbol 2 tõ th viÖn.
5. T¹o Create motion tween cho symbol 2 đi t đ u đ n cu i ch .ừ ầ ế ố ữ
6. T¹o layer 3, sao chép layer 1 ®Ó cã néi dung cho layer3. Dùng
Edit -> Copy ®Ó sao và Edit -> Paste in Place ®Ó d¸n vào layer
3.
7. Chän Windows -> Panel -> Transform. Thay ®æi chiÒu cao là
120% cña ch÷ trªn layer 3.
8. T o layer 4, sao néi dung cña layer 2 vào layer 4ạ
9. T o create motion tween cho symbol 2 trên layer 4 ®i tõ ®Çuạ
®Õn cuèi ch÷ gièng hÖt ë bíc 5 trªn layer 2.
10. T o layer 4 là mask.ạ
11. NhÊn Control -> play ®Ó thö.
II. T¹o clip b¸nh xe
Tµi liÖu häc Flash -
Trang
38
49. Bæ sung
BƯỚC ĐẦU LÀM QUEN VỚI FLASH
Tµi liÖu häc Flash -
Trang
49
Muốn lấy Align và transform ra ngoài
màn hình bên tay phải. Ta làm như sau:
Window-->Transform (CTRL+T)
50. Muốn tạo bông hoa
Muốn vẽ hình tam giác - lục giác...
*Nếu không xuất hiện bảng thì ấn vào Options.. ở phía dưới màn hình.
Hiệu ứng phóng to chữ khi có vòng tròn chạy qua
Ví dụ: Soi chữ
Tµi liÖu häc Flash -
Trang
50
-Di chuột vào công cụ hình chữ nhật
-Kích chuột vào PolyStar Tool hiện ra bảng
sau:
-Sau đó chọn kiểu có thể là ngôi sao
5 -4 cánh....
-Xuất ra File chạy
51. Bước1:Tạo layer1 đặt tên là chữ1
Bước2: Gõ chữ vào layer1 (ví dụ hau) (cách 1 bôi đen chữ)
chú ý:(cách 2) muốn tô màu phải phá vỡ chữ sau đó tô màu và lại group lại
(CTRL + G)
Bước 3: chọn khoảng trên Frame và ấn F5
Bước 4: Tạo layer2 đặt tên là tròn1
Bước 5: Vẽ hình tròn màu của hình tròn trùng với màu nền để hình tròn
ngang với chữ.
tạo chuyển động cho hình tròn. Ấn create motion tween chọn khoảng trên
Frame(trùng với khoảng của chu1) ấn F6. Di chuyển hình tròn qua chữ.
Bước 6: tạo layer3 đặt tên
Bước 7: Copy toàn bộ text của chu1 sang chu2
Tµi liÖu häc Flash -
Trang
51
Nháy chuột vào chu1. Sau
đó nháy nút chuột phải vào
chỗ đen ấn Copy Frames.
52. Bước 8: Tạo layer4 đặt tên tron2
Bước 9: Copy hình tròn của tron1 vào tron2 các bước thực hiện như bước 7.
Ví dụ: Hiện chữ từ trên xuống
Bước1: Tạo layer1: khoichu
Bước2: Chọn khoảng trên Frame và ấn F5
Bước3: Tạo layer2: hcn (hình chữ nhật dài bằng
khối chữ)
Bước 4: Tạo chuyển động cho hcn: create motion tween ấn F6. Di chuyển
hcn từ đầu xuống dưới. Kích vào công cụ để cho to khối chữ nhật bằng
cả khối chữ. Sau đó ấn vào Mask. Sau đó ấn CTRL + ENTER để kiểm tra.
Tµi liÖu häc Flash -
Trang
52
Sau đó nháy chuột phải vào
chu2 Paste Frames.
-Chọn % cho chữ to hơn
-Ấn vào Tron2 nháy nút phải chuột và
ấn Mask
Sau đó ấn CTRL +Enter để kiểm tra
53. Ví dụ: Hiện chữ từ dưới lên
Bước1: tạo layer1: khối chữ như trên: ở phía dưới trang trắng
tạo cho khối chữ chạy: create motion tween + F6.
Bước: tạo layer2: khoichu. . Vẽ hình chữ nhật bao
gồm hết cả phần khối chữ.Sau đó ấn vào Mask. Kiểm tra ấn vào
CTRL+Enter.
Ví dụ: Chữ chạy ảnh
Bước2: Tạo layer1: đặt tên là: anh (chua anh vua chen). Tạo chuyển động
cho ảnh(như trên).
Bước3: Tạo layer2: chữ. Sau đó chọn khoảng và ấn F5.
sau đó ấn Mask. Kiểm tra CTRL+ Enter.
Ví dụ: Tạo chữ có vệt sáng
Bước1: Tạo Layer1: đặt tên là chu1. Chọn khoảng ấn F5.
Bước2: Tạo layer2: đặt tên là hcn. Tạo chuyển động của hcn(giống trên) di
chuyển qua chữ. Nền HCN và viền màu trắng.
Bước3: Tạo layer3: đặt tên là chu2. Copy của chu1 sang chu2 ( giống trên).
Sau đó ấn Mask.
Tµi liÖu häc Flash -
Trang
53
Bước1: Chèn ảnh
54. Quản lý đối tượng trong thư viện
Ví dụ: Tạo bánh xe
Bước 1: tab Window --> Library (CTRL +L)
Bước 2: Đưa đối tượng vào thư viện: Insert --> New symbol (CTRL+F8)
Đặt tên và chọn Graphic.
Bước tạo bánh xe
Bước 1: Dùng công cụ hình tròn và công cụ đường thẳng. (chú ý phải
bật sáng ở phía dưới hộp cong cụ).
Tµi liÖu häc Flash -
Trang
54
(Nếu quên không cho bài
tập vào thư viên)Ấn F8 để
chuyển bài làm sang thư
viện.
chọn không màu đường viền ấn
vào công cụ mũi tên chỉ.
55. Bước 2: chọn vào Align để căn chỉnh theo tâm. Sau đó chọn đường
thẳng, chọn vào Transform bỏ tích ở constrain. Chọn Rotate 450
.
Bước 3: Nhấn giữ phím CTRL + B (modify break apart) sau đó xoá
dần các đường thẳng thừa như hình sau.
Bước 4: Vẽ một hình tròn sau đó chọn cả 2 và ấn cho vào tâm (ấn vào
Align + bật sáng To stage)
*Muốn đóng thư viện ấn vào secen1
Tµi liÖu häc Flash -
Trang
55
56. *Chuyển một đối tượng vào thư viện: Modify --> convert to symbol (F8)
Bước 3: Cách tạo Movie Clip (tạo chuyển động)
+ Vào Insert --> New symbol (CTRL +F8).
+Tạo bánh xe quay
Tµi liÖu häc Flash -
Trang
56
Muốn sửa tên kích
đúp vào
Chỉnh sửa hình kích vào thư viên
và chọn bài của mình.
Nháy đúp vào hình.
Đặt tên và chọn
movie Clip
57. Tµi liÖu häc Flash -
Trang
57
-Kéo hình từ thư viện vào
trang trắng.
-Tạo chuyển động cho bánh xe:
Ấn create motion tween.
-Sau đó chọn khoảng cách (dùng
chuột kích vào điểm cuối ấn F6)
- Tiếp theo chọn điểm giữa.
- Nhìn xuống phía dưới màn hình.
Chọn Rotate: CW
58. -Tiếp theo đóng cửa số vào: Ấn secen1 và Lôi hình ra. Sau đó ấn CTRL +
ENTER để chạy.
Ví dụ: Chuyển động xe đạp
- Vẫn tạo trên layer 1
Ví dụ: Bướm bay
Tạo một file mới: File-->New (Ctrl +N) -->Flash Document.
Bước1: Insert -->New symbol (Ctrl+F8)
Tµi liÖu häc Flash -
Trang
58
Làm xong muốn kiểm tra.
Nhìn sang cửa sổ bên phải. ấn
vào mũi tên
Vẽ hình Xe đạp như trên. Có
thể copy bánh xe thành 2
bánh.
Tiếp tục tạo cho xe đạp
chuyển động. Bằng cách
giống như tạo cho bánh xe
chuyển động. (create motion
tween--> chọn khoảng cách ấn
F6).
-Di chuyển xe đạp cho đi theo
đường nào tuỳ ý mình. Ấn
CTRL + Enter kiểm tra.
59. *Làm như ở trên phải đóng secen1 vào sau đó tạo chuyển động của cánh
bướm.
Tµi liÖu häc Flash -
Trang
59
đặt tên: canhbuom
Chọn Graphic
Đặt tên và chọn
Movie clip
Kéo hình cánh bướm ra copy thêm
một cánh nữa.Xoay hình (Chọn 1
hình vào modify-->transfrom-->
flip horizontal)
60. Tµi liÖu häc Flash -
Trang
60
- Hiện thanh thước (Nháy chuột vào
View -->Ruler)
-Di chuyển
kéo đường
thẳng ở thước
bên tay trái, để
lấy tâm.
-Sau đó nháy
chuột và ấn F6
Nếu hai cánh bướm chập thành 1. Vào
Modify-->Break Apart
61. *Chú ý muốn chạy thử phải nhấn vào secen1.
Ví dụ: Tạo đường quỹ đạo chuyển động của Bướm
Tµi liÖu häc Flash -
Trang
61
Chỉnh từng cánh cho nhỏ
lại.Rồi di chuyển vào tâm.
-Sau đó kéo hình con bướm
vào trang giấy trắng. Chạy
thử ấn CTRL + Enter.
* Chú ý: muốn cho cánh bướm đập chậm hơn
cho thêm khoảng cách vào giữa ấn F5
62. Tµi liÖu häc Flash -
Trang
62
-Ấn vào biểu tượng Guide: Layer1
- Dùng công cụ bút chì
vẽ đường bay của
bướm. Sau đó ấn vào
layer1(chứa hình con
bướm). Tạo Create
motion tween.
Ấn vào Guide ấn F5
63. Ví dụ: Tạo chuyển động của chong chóng
Nhấn vào công cụ để hiện (ở phía dưới hộp công cụ) chọn và
nhấn giữ phím Shift chỉnh sửa cho giống cánh chong chóng (Cách làm giống
như bông hoa). Sử dụng công cụ Transform để tạo cánh chong chóng.
Làm như các bước trên:
Bước1:Tạo thư viện canhchongchong
Bước2: Tạo cánh chong chóng quay movie clip: chongchongquay
Tµi liÖu häc Flash -
Trang
63
-Kích vào điểm đầu của Frame
-Di chuyển dấu + trên con bướm
trùng với điểm đầu của đường bay
của bướm.
- Kích vào điểm cuối ở trên Frame.
-Di chuyển dấu + trên con bướm trùng
với điểm cuối của đường bay của
bướm. Xoay bướm theo chiều bay của
nó.
64. kích vào giữa Frame chọn Rotate: CW (ở phía dưới
màn hình)
Tµi liÖu häc Flash -
Trang
64
65. Nút lệnh
Tạo nút
nút play nút stop
Tµi liÖu häc Flash -
Trang
65
-Vào Insert-->new symbol
-Đặt tên và chọn button
-Up: hình chữ nhật đỏ (đưa
chuột lên)
-Over: hình chữ nhật xanh
đậm(đưa chuột trỏ vào)
-Down: hcn xanh lá cây(nhấn
chuột vào hình)
-Nháy phải vào nút
play(tuỳ bạn đặt tên) sau
đó ấn vào Duplicate.
Hiện ra bảng sau: ví dụ
gõ tên stop(để sửa thành
nút stop)
66. Gán lệnh tương tác giữa các nút ảnh
Ví dụ: Tạo máy bay bay lượn sử dụng các nút ấn
Bước 1: Tạo máy bay( ở phía dưới hộp công
cụ sau đó Ấn J)
--> (Lật máy bay)
Bước2: Tạo chuyển động cho máy bay (Cho máy bay ra ngoài màn hình
trắng sau đó ấn Create montion --> ấn vào khoảng Frame20-->ấn F6) Di
chuyển máy bay đến hết màn hình trắng.
Tµi liÖu häc Flash -
Trang
66
-Kích chuột ngay sát key
và ần F7.
-Sau đó quay về điểm
đầu để copy máy bay.
Paste vào điểm cuối và
lật.
67. Bước3: Tạo layer mới: chuyendong. Viết code cho chuyển động
Tµi liÖu häc Flash -
Trang
67
- Sau đó tạo chuyển động cho
máy bay vừa lật. Chọn
khoảng Frame40 ần F6. Cho
máy bay di chuyển ngược lại
-Vẫn trong layer chuyendong
Kích vào Frame20 ần F7. sau đó
viết code giống như trên.
68. Bước4: Tạo layer: nut. Sắp xếp như sau:
Liên kết tới ảnh hoặc đoạn phim
Bài Tập trong trong thư mục lienket.
Bước 1: Tạo một bài chuyển động (ví dụ cdbong- thư mục liên kết)
Bước 2: Xuất sang định dạnh:
Tµi liÖu häc Flash -
Trang
68
File--> Publish Setting...
-Xuất sang Flash
-Xuất sang Web(html).
-Xuất sang File ảnh (GIDF-JPEG –
PNG Image).
-..............
69. Tµi liÖu häc Flash -
Trang
69
Vào thẻ Flash.
Chọn Action Script 2.0
- Vào thẻ HTML/
- Chọn Match Movie
70. sau đó ấn Publish và ấn Ok.
Bước 3: Xuất sang File chạy(CTRL+SHIFT+ALT+S): File-->Export--
>Export movie.
Có thể xuất sang nhiều dạng khác nhau:
Tµi liÖu häc Flash -
Trang
70
-Đuôi File Flash: .swf
-Đuôi File movi: .avi
-Đuôi ảnh động: .Gif
Vào thẻ GIF.
Chọn Animated(chuyển động).
Static(không chuyển động)
- Chọn Transparent(trong suốt)
71. * chú ý muốn chèn đoạn phim trong Powpoint: Insert-->Movies and sound--
> Movie from file--> sau đó chọn đoạn phim và Ok.
Bước 4: Tạo một bài mới: 2 nút group khung
chữ và hcn với nhau.
Chọn bài1 ấn F8. Bài 2 làm như vậy
Chọn bài1 ấn F9 viết code(Bài 2 tương ứng):
Tµi liÖu häc Flash -
Trang
71
-Muốn tạo HTM: File-->
Publish Preview-->HTML
Ấn F8 chuyển đổi sang nút ấn.
72. TẠO ALBUM ẢNH
Ví dụ: anhlienket
Bước1:
Tµi liÖu häc Flash -
Trang
72
kích chuột vào On
Tên đường dẫn. Chú
ý dấu sổ chéo
kích chuột vào
Brower/Netwword
-Chèn ảnh trong thư viện. Hiện ra
bảng sau:
Bôi đen toàn bộ ảnh rồi ấn OPEN
73. sau đó ấn File-->Publish setting-->thẻ Flash-->ActionScrip2.0-->ấn Publish
-->ấn OK
*Đánh số thứ tự cho ảnh
Bước2: Tạo một trang mới tên là anhlk: Trên layer1: stt tạo 4 nút và cho vào
NÚT thì làm như trên(F8)
Bước4: Tạo layer2: anh1: kéo ảnh vào và tạo kích thước cho ảnh
Tµi liÖu häc Flash -
Trang
73
Bước3: kích vào fram4 và ấn F5
74. Viết code để cho ảnh hiện lên khi ấn nút ấn.
- ấn vào keyframe của anh1 ần F9 rồi ấn stop
(lần lượt cho các anh2,3,4)
Viết code cho nút
- Chọn vào nút 1 (nút 2-3-4) ần F9 để viết code
Tµi liÖu häc Flash -
Trang
74
- Kích thước của ảnh
-Bôi đen khoảng từ
frame2-->frame4 rồi nháy
chuột phải ấn Remove
Frames
-Tạo layer3: anh2. nháy chuột vào
Frame2 ấn F7 sau đó kéo ảnh2.
-Sau đó xoá Frame4- Fram5
75. sau đó ấn File-->Publish setting-->thẻ Flash-->ActionScrip2.0-->ấn Publish
-->ấn OK
• Chú ý: Xoay ảnh
Bước1:
sau đó kích vào Key cuối cùng và ấn F9 để viết code: stop
Bước2: ấn vào Scences. Tạo một layer6: anh5
Tµi liÖu häc Flash -
Trang
75
-chọn movie Clip. sau đó
chèn ảnh và cho ảnh
chuyển động.
-ấn vào Frame5 cho ảnh vào và ần F9 để
viết code: STOP.
-Sau đó ấn vào Fame5 của stt(chứa nút)
ần F5
-Chú ý phải chọn nút5
chuyển sang button.F8
76. Ngµy 21 th¸ng 12 n¨m 2008
CÁCH LOAD ẢNH TRONG FLASH
Ví dụ có 3 ảnh lớn là : (01.jpg ; 02. jpg ;03 jpg) kích thước 340 x 300 px
Và từ 3 ảnh đó tạo 3 ảnh nhỏ KT: 100 x 88 px (01_a; 02_b; 03_c)
Tất cả các đó lưu vào trong cùng 1 thư mục cho dễ chọn đường dẫn,
Bước 1: mở 1 file mớI KT : 540 x 400 px
Bước 2: chọn công cụ hình chữ nhật vẽ 2 hình như hinh vẽ: (H1)
( 100 x 310 PX ) (350 x 310 PX )
(H1)
Bước 3: Import tất cả các anh đó vào trong thư viện
Ảnh to để trong thư mục Images của thư viện
Ảnh nhỏ để trong thư mục thumb
Bước 4: lần lượt chọn các ảnh nhỏ đó và chuyển các ảnh nhỏ đó sang nút
đặt tên là (1 ; 2 ; 3 )
Bước 5: Tạo 1 Movie clip bằng cách vào Insert/ new symbol/ Movie clip và
đặt tên cho nó. Vi dụ là : mc
Bước 6: kéo thứ tự các nút đó ra cửa sổ như hình vẽ: (H2)
Tµi liÖu häc Flash -
Trang
76