Thực hành tạo động ảnh dạng flash để làm banner

by carolinejudith Wed Sep 28, 2011 4:04 pm

Download phần mềm KoolMoves 6.2 bản Demo tại đây:
Các link download thay thế
-
- http://koolmoves.fileburst.com/kmsetup.exe
Trong bản demo bạn không thể lưu tiến trình, do đó, bạn phải thực hành liên tục rồi xuất ra flash.
////////////////////////
Cập nhật ngày 05-10-2011: Đã có crack
Tên phần mềm: KoolMoves 7.4
Chức năng chính: Tạo flash đơn giản
Dung lượng: 5.5 MB
Download "KoolMoves 7.4" FULL đã có crack or keygen kèm theo
-
//////////////

Làm Banner - Nhập Môn Động Ảnh

Bài 1: Chuẩn bị tạo động ảnh

A- Kiến thức sơ đẳng: Nguyên tắc tạo động ảnh

Ảnh được lưu trên giác mạc 1/25 giây. Nếu trong 1 giây xuất hiện 25 ảnh thì ta sẽ có cảm giác chuyển động liên tục.
Kỹ thuật động ảnh cơ bản là tạo ra rất nhiều khung (frame) chứa ảnh rồi làm cho chúng thay nhau xuất hiện liên tục trên màn ảnh theo nhiều kiểu dựa trên các thuật toán. Mỗi frame trong chuỗi frame gần nhau sẽ khác nhau đôi chút. Những khác biệt là:
- hình dạng
- vị trí
- kích thước
- màu sắc
- tồn tại hoặc không
- thêm hay giảm nội dung

Thứ tự thực hành như sau:
1- Tạo khung cơ bản làm nền. Hãy ví nó như màn ảnh chiếu phim trong rạp ciné. Bạn cần có cái nhìn tổng thể khi tạo frame nền.
2- Tạo 1 vật thể (shape) trên 1 frame kèm theo những tham số cơ bản về kích thước, hình dạng và vị trí, rồi thêm thuộc tính màu sắc và các thuộc tính khác.
3- Copy frame đó thành nhiều frame mới. Chỉ định khoảng thời gian xuất hiện trọn số frame (mặc nhiên xác định tốc độ chạy ảnh).
4- Thay đổi các các tham số và thuộc tính của vật thể. Nếu không thay đổi gì thì vật thể coi như tĩnh tại. Để thay đổi vị trí và size hãy thao tác như trong đồ họa winword. Để thay đổi màu hãy dùng bảng màu.
5- Nếu vật thể cần mang theo hình hay âm thanh thì chèn vào coi như một thuộc tính. Để thực hiện hãy dùng đồ thuật của phần mềm.
6- Tạo thêm nhiều vật thể qua các thao tác 2 , 3 , 4 và 5.
7- Thêm hiệu ứng động ảnh cho mỗi vật thể. Các hiệu ứng này là những thuật toán Actions, Effects do phần mềm tạo sẵn và được khai thác thông qua đồ thuật.
8- Xuất kết quả thành flash.

Mô tả tổng quát công việc của chúng ta là: Trên frame nền tạo sẵn, chúng ta sẽ tạo 2 shape ở vị trí trên và dưới, kích thước bề ngang bằng nhau
- Shape bên trên có hình thể là chuỗi chữ Ngạo Thi Đường, màu thay đổi và chuyển động lật trái phải
- Shape bên dưới có hình thể là đường kẻ dày và chỉ thay đổi màu.

B- Tác vụ 1: Tạo khung nền

1- Bấm nhãn Wizard ở bên phải trên đỉnh cửa sổ. Trong cửa sổ mới, bấm danh sách thả ở mút trái cửa sổ rồi chọn Banner.
2- Ngay tức khắc hộp thoại Movie settings xuất hiện yêu cầu tham số khung nền.
3- Bạn bấm User define rồi cho width= 200 height=30
4- Bấm ô Background color để xuất hiện hộp màu
5- Chọn màu nền xong, bấm OK
6- Bấm OK trong hộp thoại Movie settings để hoàn thành khung nền.
Thực hành tạo động ảnh dạng flash để làm banner KoolMoves1

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves1

Chúc bạn thành công

-CAROLINE JUDITH-

by carolinejudith Wed Sep 28, 2011 4:20 pm

C- Tạo frame chữ

I- Nhập text vào khung nền

1- Bấm công cụ text (hình chữ T) trên toolbar.
2- Bấm vào khung nền. Hộp thoại soạn text xuất hiện
3- Muốn chữ Việt có dấu thì dùng bộ mã và font VNI. Nhập xong, bấm OK.
Thực hành tạo động ảnh dạng flash để làm banner KoolMoves3d

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves3d

4- Chữ sẽ xuất hiện trong khung nền đồng thời trong cửa sổ Sore / Timeline đã xuất hiện vật thể text
5- Thanh số là timeline, còn bên dưới là dòng hiển thị số frame của vật thể Text này. Vật thể đã tồn tại thì tất yếu phải có 1 frame để chứa nó. Frame này trong suốt nên có thể chồng lên nhau mà nền frame không che khuất khung nền. Thì cũng giống như bạn viết chữ lên giấy kính vậy.

II- Màu chữ

1- Bấm chọn vật thể. Bạn có 2 cách để chọn vật thể:
- Bấm vào vật thể trên khung nền. 4 handle sẽ xuất hiện quanh vật thể. Bạn dùng chuột để rê và thay đổi size
- Bấm vào tên của vật thể trong cửa sổ Sore / Timeline
Vì vật thể mới chỉ có 1 frame nên frame ấy được chọn luôn. Frame nào được chọn thì chấm trắng sẽ thành chấm xanh.
2- Bấm vào công cụ Color hình thùng sơn trên Toolbar. Hộp màu xuất hiện.
3- Chọn màu xong, bấm OK.

III- Chèn hình hay âm thanh vào vật thể:

1- Để chèn hình, bạn hãy chọn vật thể rồi click công cụ màu trên toolbar. Bấm nút option Image rồi chọn hình. Không phải vật thể nào cũng chèn hình được. Ví dụ, vật thể Text đang thao tác đây là không thể chèn hình.
2- Để chèn âm thanh vào vật thể bạn bấm nút có hình nốt nhạc ở bên trái, sau đó bấm mũi tên chỉ xuống ở nút dấu +. Bạn có 2 nguồn để chèn tập tin âm thanh:
- Từ máy của bạn: Bấm Start Sound... Tập tin này sẽ được nhập hẳn vào flash. Nó sẽ tồn tại cùng với flash và làm cho flash nặng thêm
- Từ 1 địa chỉ trên Internet: Bấm Go to URL (URL Link) .... Tập tin này sẽ được flash tham chiếu và flash sẽ không phải mang theo.
Thực hành tạo động ảnh dạng flash để làm banner KoolMoves5

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves5

Trong ví dụ này, không có chèn thêm hình hay nhạc vào vật thể nên không hướng dẫn chi tiết.

IV- Nhân bản Text

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves4a

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves4a

1- Trong Score / Timeline bạn bấm vào tên của vật thể để chọn nó.
2- Bấm vào nút công cụ "Copy Selected Shapes to Next Frame" để sao chép sang frame kế tiếp.
3- Bấm nhiều lần công cụ ấy cho đến khi số frame lấp đầy Timeline. Toàn thể số frame cho vật thể đến lúc này là 28 frame.

V- Thay đổi màu chữ cho từng frame

1- Bấm vào frame thứ nhì bên phải tên vật thể. Chấm trắng sẽ biến thành chấm xanh báo hiệu frame đang được chọn.
2- Thực hiện phép thay màu cho vật thể tại frame này như mục II- bên trên
3- Bấm từng frame để thay màu cho vật thể tại mỗi frame như mục II- bên trên
4- Nhấn cặp phím [Ctrl+SpaceBar] để xem thử. Bạn sẽ thấy chữ của bạn thay đổi màu dần dần.

Như vậy tác vụ tạo vật thể thứ nhất có thay đổi màu đã xong.

Bài sau sẽ tiếp tục các tác vụ kế tiếp
Chúc bạn thành công

-CAROLINE JUDITH-

by carolinejudith Wed Sep 28, 2011 4:29 pm

Những tác vụ cuối cùng và kết xuất Flash.

D- Vẽ đường gạch ngang

1- Bấm công cụ tứ giác trên toolbar
2- Rê vẽ trên khung nền 1 hình chữ nhật chiều cao thật mảnh trong chừng mực có thể được. Bề rộng bằng vật thể text. Khi thả chuột, nếu hộp thoại Add to Movie xuất hiện thì bạn bấm Continue. Nếu chưa nhân bản frame cho vật thể nào khác thì hộp thoại không xuất hiện.
Thực hành tạo động ảnh dạng flash để làm banner KoolMoves6

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves6

3- Tô màu bằng kỹ thuật như với vật thể text
4- Việc nhân bản là không cần thiết vì đã thực hiện tự động bằng hộp thoại bên trên. Nếu chưa thì bạn nhân bản bằng kỹ thuật như với vật thể text.
5- Thay màu cho từng frame bằng kỹ thuật như với vật thể text.

E- Tạo chuyển động cho Text

1- Trong cửa sổ Score / Timeline, bạn bấm chọn vật thể Text.
2- Bấm công cụ Effects (hình que có nhiều dấu cộng) trên toolbar.
3- Bạn có thể chọn 1 trong các nhóm hiệu ứng
- Motion Script: Bảng liệt kê tất cả các hiệu ứng
- Fade / Size: chọn nhanh hiệu ứng Fade (làm mờ) hoặc Size (kích cỡ)
- Spin / Rotate: chọn nhanh hiệu ứng Spin (lật) hoặc Rotate (quay)
- Drop Shadown: chọn nhanh hiệu ứng Drop Shadown (bóng đổ)
Ở đây, chọn Spin / Rotate.
Thực hành tạo động ảnh dạng flash để làm banner KoolMoves7

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves7

4- Ngay tức khắc 1 hộp thoại xuất hiện. Bạn bấm chọn Spin
5- Hộp thoại nữa xuất hiện, bạn giữ yên tùy chọn Left to Right và nhập tham số chuyển động ở bên dưới.
6- Bấm OK rồi OK nữa
Thực hành tạo động ảnh dạng flash để làm banner KoolMoves8

Thực hành tạo động ảnh dạng flash để làm banner KoolMoves8

7- Nhấn cặp phím [Ctrl+Spacebar] để xem thử. Không vừa ý thì sửa lại.

F- Xuất thành flash

- Bấm menu File
- Bấm Export Movie
- Bấm As SWF (Flash Movie) ...
- Chọn thư mục lưu rồi đặt tên cho flash là xong

1- Code mẫu để nhúng lên diễn đàn:

Cách dùng: ghi chồng đường dẫn của flash lên chuỗi FlashURL trong code mẫu. Thiết lập width và height như tham số tạo khung nền.

2- Code mẫu để nhúng lên 360Plus:

Cách dùng: ghi chồng đường dẫn của flash lên chuỗi FlashURL trong code mẫu. Thiết lập width và height như tham số tạo khung nền.

Ví dụ, code nhúng diễn đàn của file mới làm xong là:

Flash hiển thị như sau:

Chúc bạn thành công

-CAROLINE JUDITH-

by Sponsored content

Thực hành tạo động ảnh dạng flash để làm banner

Thực hành tạo động ảnh dạng flash để làm banner

Bài 2: Tạo vật thể đầu tiên

Bài 3: Thêm vật thể, tạo chuyển động và kết xuất Flash.

Re: Thực hành tạo động ảnh dạng flash để làm banner