July 20, 2015

Hướng dẫn tạo một file Flash (swf) đơn giản

Hướng dẫn tạo một file Flash (swf) đơn giản


Flash là một dạng file nhỏ gọn, thường được ứng dụng để làm các phim hoạt hình ngắn, thiệp, thư chúc mừng, flash nhạc, v.v.. Phổ biến nhất bạn thường gặp là các banner đó, banner cũng là một dạng được làm từ flash, cũng giống như các ảnh động, nhấp nháy liên tục, nhưng flash có phần chuyên nghiệp hơn rất nhiều, ở flash bạn có thể thiết lập các nút nhấn, chèn code thao tác vào, v.v..

Ưu điểm của flash là dung lượng xuất ra rất nhỏ. Còn nhược điểm có lẽ là hơi khó với những người không chuyên, nếu bạn là một người hoàn toàn mới và mới bắt đầu làm quen với flash, muốn tạo một file flash thì quả thật không đơn giản.

Nhưng với hướng dẫn sau, dù bạn có là người mới biết đến flash đi nữa thì bạn vẫn có thể tạo được một file flash đơn giản nhất.

Đầu tiên bạn hãy xem qua một file Flash đơn giản như sau:
- Nếu load lâu bạn có thể xem qua link này: Nhấp vào đây để xem



Trên đây chỉ là ví dụ cho một flash đơn giản, nếu bạn quan tâm và muốn làm được một flash như vậy, thì xem tiếp hướng dẫn sau.


CÁCH THỰC HIỆN:


** Nếu chưa có thì xem ở đây: Nhấn vào đây để xem


1. Tạo file mới


- Khởi động chương trình > Chọn: Blank Project.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Ngoài ra còn có các lựa chọn khác, nhưng để nói hết các tính năng của chương trình thì hơi lâu, bài này mình chỉ hướng dẫn tạo flash đơn giản thôi nha.

- Tiếp theo bạn chọn size cho khung flash, như ở ví dụ này mình chọn 500x400.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Bạn đóng hộp thoại "Outline Panel" đi cho đỡ choáng chỗ.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Xong, nội dung file flash sẽ nằm trong khung viền này. Nếu bạn tạo một file có size to thì để thấy được toàn bộ khung thì bạn phải chọn view zoom nhỏ lại.

Hướng dẫn tạo một file Flash (swf) đơn giản


2. Tạo nền cho flash


Cách 1: Tạo nền từ một file ảnh bất kỳ.

- Bạn chọn: Insert > Image, hoặc chọn như hình dưới.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Chọn file hình ảnh bạn muốn làm nền, sau đó ta được như sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Như bạn thấy, file hình nền này bự hơn khung flash. Bạn có thể để vậy luôn nếu muốn, hoặc bạn dùng chuột kéo ở 4 góc ảnh để thu nhỏ hình lại.

Hướng dẫn tạo một file Flash (swf) đơn giản


Cách 2: Lấy nền có sẵn của chương trình.

- Ở khung bên phải chương trình, bạn chọn thẻ Backround > Stylish.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Sau đó click tiếp vào hình mũi tên xuống ở mục "Type" để chọn kiểu hình nền.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Chọn kiểu hình nền bạn thích.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Ví dụ mình chọn như hình sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Kết quả ta được:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Bạn có thể tùy chỉnh lại màu nếu không thích màu mặc định của chương trình.


3. Tạo hiệu ứng xuất hiện nền


- Bạn chọn qua thẻ Scene > Nhấp vào Transition Effect để chọn hiệu ứng.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Một cửa sổ hiệu ứng xuất hiện. Bạn nhấp chuột vào hiệu ứng muốn chọn và xem thử ở góc dưới. Lưu ý nên chọn "Duration" từ 2 sec trở lên để thấy được hiệu ứng, chứ để 0 sec thì không ra hiệu ứng đâu nha.

- Ví dụ mình chọn kiểu như hình sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Vậy là xong, tiếp theo bạn chọn qua thẻ Setting.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Preloader là cái cây chạy % khi đang load flash đó, tùy chọn kiểu bạn muốn.


4. Thêm hiệu ứng hoa rơi, tuyết rơi, sấm sét, v.v..


- Nhấp chuột vào biểu tượng như hình:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Chọn kiểu hiệu ứng bạn thích.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Ví dụ mình chọn hiệu ứng như hình sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Sau đó hãy nhìn bên góc phải, có thể thiết lập lại màu sắc, số lượng hiệu ứng.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Như hình dưới, mình đã thiết lập lại như sau:

Hướng dẫn tạo một file Flash (swf) đơn giản


5. Chèn hình vào flash


- Nếu chèn ảnh tĩnh (ảnh không động): Insert > Image.
- Nếu chèn ảnh động: Insert > GIF Animation.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Nếu bạn chèn ảnh động, thì ở góc bên phải, bạn nên tích chọn "Loop" như hình.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Chọn như vậy nghĩa là hình sẽ lặp lại hoài không ngừng, còn nếu không thì hình chỉ chạy một lần và không lặp lại.


6. Tạo hiệu ứng cho ảnh


- Chọn qua thẻ Effect > Nhấp vào mục Effect để chọn hiệu ứng.

Hướng dẫn tạo một file Flash (swf) đơn giản
Hướng dẫn tạo một file Flash (swf) đơn giản

- Nhược điểm ở đây là không có chức năng xem trước hiệu ứng, bạn chỉ có cách chọn từng cái rồi nhấn Preview flash để xem, cách xem Preview > làm như hình.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Sau khi chọn hiệu ứng cho ảnh, bạn hãy để ý thanh hiệu ứng như trong ảnh:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Hình tam giác là thời gian chạy hiệu ứng của ảnh. Ví dụ: Với hiệu ứng Fade thì đó là thời gian từ lúc ảnh xuất hiện mờ mờ đến lúc ảnh rõ hẳn.

- Nếu muốn tăng thời gian này lên, thì bạn thiết lập như ảnh dưới:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Show after: là khoảng thời gian ảnh xuất hiện từ lúc play flash.
- Duration: Thời gian chạy hiệu ứng của ảnh.

- Ví dụ như ở bài này, mình thiết lập như trên và sau đó thì ở thanh Timeline, hình ảnh sẽ thay đổi như sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Sau khi thiết lập xong, bạn có thể Preview flash để xem thử.


7. Thêm chữ vào flash


- Bạn nhấp chuột vào chữ "T" như hình:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Sau đó bạn nhập nội dung vào khung bên phải như hình sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Nếu dùng chữ tiếng Việt, sẽ có một hộp thoại thông báo như hình dưới, Bạn cứ tích chọn như hình và bấm Yes.

Hướng dẫn tạo một file Flash (swf) đơn giản


8. Thêm hiệu ứng cho chữ


- Tiếp theo bạn chọn qua thẻ Effect > Nhấp vào mục Effect để chọn hiệu ứng.

Hướng dẫn tạo một file Flash (swf) đơn giản
Hướng dẫn tạo một file Flash (swf) đơn giản

- Nếu có hộp thoại thông báo thì cứ Yes như hình:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Ở đây các thiết lập cũng tương tự như tạo hiệu ứng với ảnh thôi. Cụ thể trong bài này mình thiết lập hiệu ứng cho chữ như sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Sau đó hãy nhìn qua khung timeline có kết quả như sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Như hình bạn thấy: Layer 2 (hình nền) sẽ xuất hiện từ lúc play flash (0:00) > Sau đó sẽ đến ảnh xuất hiện > Sau đó chữ sẽ xuất hiện ở 0:03.


9. Tạo nút nhấn (button) cho flash


- Bạn nhấp chọn như hình:

Hướng dẫn tạo một file Flash (swf) đơn giản

  • Button (text): Bạn được thêm chữ vào.
  • Button (symbol): Mẫu có sẵn của chương trình.

- Ở bài hướng dẫn này mình chọn: Button (text).
- Sau đó nhập nội dung ở khung bên phải.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Ở mục Type: Bạn nhấp vào hình button để chọn kiểu button khác, hoặc cũng có thể tùy chọn màu cho button của bạn.

- Tiếp theo bạn chọn qua thẻ Effect để chọn hiệu ứng cho button, cách làm tương tự như thêm hiệu ứng với ảnh và chữ.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Tiếp đó, bạn chọn qua thẻ Action > Add action.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Bạn chọn: Go a Scene.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Được kết quả như sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Chọn như vậy nghĩa là: Khi bạn click vào button thì sẽ nhảy qua scene (1, 2 hay 3 gì đó) mà bạn chọn.

- Vì từ đầu đến giờ mình chỉ mới thao tác trên một scene thôi, nên sẽ không có scene khác để chọn. Để tạo thêm scene mới, bạn làm như hình sau:

Hướng dẫn tạo một file Flash (swf) đơn giản

- Sau đó bạn sẽ được thêm một "Scene 2".

Hướng dẫn tạo một file Flash (swf) đơn giản

- Rồi, nhấp chọn lại "Scene 1" > Bố trí lại vị trí hình ảnh, chữ, buttton cho hợp lý. Bạn cũng có thể kéo to khung chữ, hình ảnh, button bự ra hay nhỏ lại.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Xong xuôi, quay lại thẻ Action > Chọn: Change.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Chọn "Scene 2" rồi Ok.

Hướng dẫn tạo một file Flash (swf) đơn giản


10. Thiết lập tạm dừng, lặp vòng Scene, tự động play qua Scene kế tiếp


- Bạn hãy để ý biểu tượng mà mũi tên chỉ vào như hình:

Hướng dẫn tạo một file Flash (swf) đơn giản

  • Hình tam giác (play): Khi flash chạy đến mốc thời gian đó thì tự động play tiếp Scene tiếp theo ở sau nó.
  • Hình 2 gạch (tạm dừng): Đến mốc đó sẽ dừng lại, cho đến khi nào bạn nhấn vào button thì mới chuyển sang scene khác.
  • Hình chữ nhật, mũi tên quay ngược: Đến mốc đó sẽ tự động phát lại scene đó mà không qua scene khác cho đến khi bạn nhấn button.
Hướng dẫn tạo một file Flash (swf) đơn giản

- Ví dụ như hình: Mình kéo mốc này đến 0:20 và cho dừng.

Hướng dẫn tạo một file Flash (swf) đơn giản


11. Chèn nhạc vào flash


- Nhấp vào biểu tượng như hình:

Hướng dẫn tạo một file Flash (swf) đơn giản
Hướng dẫn tạo một file Flash (swf) đơn giản
Hướng dẫn tạo một file Flash (swf) đơn giản

  • Start of presentation: Nhạc nền cho toàn scene.
  • Curent slide: Chỉ phát nhạc với scene chứa nó.

Lưu ý: Nên cân bằng độ dài nhạc nền với thời gian chạy flash nha.


- Đến đây là xong với Scene 1 rồi đó.
- Giờ bạn hãy nhấp chọn qua Scene 2.

Hướng dẫn tạo một file Flash (swf) đơn giản

- Như đang ở bài hướng dẫn này, mình tạo một flash tặng quà, nên ở scene 2 này mình sẽ chọn một món quà. Ở đây mình chọn hình động nên mình cũng tích chọn "Loop".

Hướng dẫn tạo một file Flash (swf) đơn giản

- Tiếp theo mình tạo thêm một button "Replay", cách làm cũng tương tự như cách làm với button ở trên nên mình không giải thích lại nha.

Hướng dẫn tạo một file Flash (swf) đơn giản
Hướng dẫn tạo một file Flash (swf) đơn giản
Hướng dẫn tạo một file Flash (swf) đơn giản
Hướng dẫn tạo một file Flash (swf) đơn giản

- Tùy chọn preview toàn flash hay chỉ preview scene đang chọn:

Hướng dẫn tạo một file Flash (swf) đơn giản


12. Xuất flash ra định dạng SWF


- Bạn chọn Publish > Flash and HTML File

Hướng dẫn tạo một file Flash (swf) đơn giản

- Tùy chỉnh nơi chứa file xuất, tên, hình nền flash.

Hướng dẫn tạo một file Flash (swf) đơn giản

Đến đây là xong rồi!

Ngoài ra còn có một chương trình khác hỗ trợ làm flash cũng rất chuyên nghiệp và đơn giản cho newbie, đặc biệt đã có hướng dẫn sử dụng rất chi tiết.
› Nếu quan tâm bạn hãy xem thêm ở đây: Nhấn vào đây để xem

Hơn nữa, bạn có thể kết hợp flash với phần mềm làm đồ chơi trên desktop cũng rất hay đó. Lúc này flash của bạn sẽ không có khung cửa sổ mà nằm chung hẳn lên destop màn hình (như mấy cái icon trên màn hình đó).

Ví dụ: Tạo một quả bóng lăn lăn trên màn hình hay con chim bay lên bay xuống trên màn hình, con mèo đi loanh quanh trên màn hình rồi kêu meo meo (ý tưởng hay đúng không). Nếu ai đó nhận được món quà này từ bạn, chắc họ sẽ không khỏi ngạc nhiên về độ pro của bạn đâu ;)

› Nếu quan tâm bạn xem thêm ở đây: Hướng dẫn tạo Flash tỏ tình trên Desktop

Bản quyền bài viết thuộc về/ CTG blog
DMCA.com Protection Status



BÀI VIẾT LIÊN QUAN:

1 comment: