flash

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (234.43 KB, 10 trang )

(1)<div class='page_container' data-page=1>

Làm phim hoạt hình flash địi hỏi khá nhiều thời gian cũng như trình độ chun

mơn cao bằng phần mềm chuyên nghiệp. Nhưng với sự giúp đỡ của GoAnimate,

bất kì ai cũng "chế tác" được các đoạn hoạt hình chun nghiệp khơng kém mà

khơng cần bất cứ phần mềm nào khác!

Trước hết, bạn cần đăng kí tài khoản trên trang chủ GoAnimate. Q trình đăng

kí rất đơn giản, và bạn có thể bắt đầu “xào nấu” phim ngay sau đó. Để đăng nhập

lần tới, bạn cần kích hoạt dịch vụ từ email.

GoAnimate cho hai lựa chọn cơ bản: sửa lại các đoạn hoạt hình có sẵn và tự sáng

tác từ đầu đến cuối. Vì là người mới vào nghề “làm phim”, ta sẽ chọn Choose

template để sửa các đoạn video có sẵn. Đoạn phim được chọn sửa trong bài này

là “Alien Abduction”.

Giống như phần lớn trình biên tập video truyền thống, GoAnimate chỉnh video

dựa theo thời gian tuyến tính. Màn hình biên tập chính có thanh thời gian ở phía

dưới màn hình, chia thành các phân cảnh (scene) riêng biệt, khung hiệu ứng ở

phía trái chia thành nhiều thẻ khác nhau (người, khung cảnh, hội thoại, âm nhạc

& hiệu ứng). Phía bên phải màn hình là màn hình xem trước.

1.Thêm nhân vật và khung cảnh

Trước hết, bạn chọn scence cần thay đổi, sau đó kéo-thả các nhân vật có sẵn ở ơ

lựa chọn nhân vật vào màn hình. Bạn có thể tăng giảm kích thước nhân vật, “lật

qua lại” (flip) , hoặc thậm chí “giấu” nhân vật giữa các đồ vật trong hình (bring

forward/bringbackward)

Để nhân vật hoạt động, nhấn chuột trái vào nhân vật và chọn các hành động

tương ứng: action (diễn hoạt), movement (di chuyển), facial expression (thể hiện

cảm xúc bằng khn mặt). Bạn cịn có thể điều chỉnh đường di chuyển của nhân

vật, chỉnh kích thước đầu/cuối to nhỏ để thể hiện xa gần

2. Thay đổi lời thoại

</div>
(2)<div class='page_container' data-page=2>

3. Bổ sung đồ vật cho nhân vật vào khung cảnh

Bạn có thể chọn bổ sung đồ đạc trang trí cho khung cảnh và nhân vật ở đây. Kéo

và thả tương tự như bước thứ nhất.

4. Hiệu ứng đặc biệt

Ô FX cung cấp cho bạn một loạt hiệu ứng đặc biệt: rung tồn màn hình, bom nổ

v.v.. Cũng tương tự như với nhân vật-khung cảnh, bạn có thể tinh chỉnh hiệu ứng

bằng cách nhấn chuột trái.

5. Thêm cảnh-chuyển cảnh

Nhấn Add more scence để thêm cảnh. Vì giới hạn file flash trực tuyến, bạn sẽ

cần khá nhiều cảnh nối tiếp nhau để thực hiện một chuỗi hành động phức tạp.

6. Thay nhạc nền

“Công tác” này khá đơn giản: chỉ cần chọn scence phù hợp, chọn track từ danh

sách các bản nhạc có sẵn và kéo-thả vào màn hình chính.

Ngồi ra, GoAnimate tỏ ra rất “hào phóng” khi cho bạn upload lên máy chủ ảnh

để làm đầu nhân vật, vật thể nhân vật giữ trong tay, hiệu ứng âm thanh, âm thanh

và đoạn đối thoại. Nếu ko có sẵn, bạn thậm chí có thể .. nhặt phim, ảnh từ site

ảnh trực tuyến flickr, hay mạng xã hội facebook v.v..

Sau khi đã hồn thành cơng tác biện tập, bạn có thể nhấn preview để xem trước

nội dung, save để lưu lại bộ phim tâm đắc lên máy chủ GoAnimate, và share -

chia sẻ với bè bạn qua các mạng xã hội, qua email, hoặc nhúng trực tiếp vào

website/blog cá nhân.

</div>
(3)<div class='page_container' data-page=3>

Bước 1

Đầu tiên, hãy chọn bức ảnh làm nền cho bài tập này.

Bước 2

Tạo một file flash mới. Nhấn phím Ctrl + J (Document Properties) và thiết lập kích thước
rộng (Width) và cao (Hight) của file theo độ rộng của ảnh. Chọn bất kỳ màu nền nào và thiết
lập tốc độ Frame rate của file là 32, sau đó kích OK.

Bước 3

Chọn file, vào Import > Import to stage (Phím tắt: Ctrl + R) và import vào bức ảnh mà bạn
đã chọn.

Bước 4

Trong khi bức ảnh vẫn được chọn, vào phần Align Panel (Ctrl + K) và thực hiện theo các
bước sau:

1. Đảm bảo rằng nút Align/Distribute to Stage được chọn,
2. Kích vào nút Align horizontal center

3. Kích vào nút Align vertical center

Bước 5

Trong khi bức ảnh vẫn được chọn, nhấn phím F8 (Convert to Symbol) để chuyển ảnh sang
dạng Movie Clip.

Bước 6

</div>
(4)<div class='page_container' data-page=4>

Bước 7

Tạo một layer mới và đặt tên là mask. Sử dụng công cụ Oval Tool (O) để vẽ một hình trịn
như hình bên dưới (giữ Shift trong q trình vẽ).

Trong khi hình trịn vẫn được chọn, nhấn phím F8 (Convert to Symbol) để chuyển hình trịn
này sang dạng Movie Clip.

Hình 8

Khi Movie Clip hình tròn mới tạo vẫn được chọn, vào Properties Panel ở phía dưới. Trong
phần bên trái bạn nhập tên Movie Clip vào trường Instance name, trong ví dụ này nhập là

mask

Bước 9

Tạo một layer mới trên layer mask và đặt tên là action.

</div>
(5)<div class='page_container' data-page=5>

Chọn frame đầu tiên của layer action, vào Action Script (F9) và đưa vào đoạn mã sau:
stop();

photo.setMask(mask);

mask.onPress = function() {

startDrag(this);

}

mask.onRelease = function() { 
 stopDrag();

}

Kiểm tra lại sản phẩm vừa tạo (Ctrl + Enter)

Trong bài này, bạn có thể khám phá ra cách tạo một menu đơn giản chỉ với vài mẹo và thủ
thuật flash đặc biệt. Ngồi ra, cịn sử dụng một số câu lệnh script đơn giản để có thể:
- Thiết kế một menu

- Tạo hiệu ứng cho menu

Bước 1

Tạo một file flash mới. Vào Modify > Document (Ctrl + J), thiết lập kích thước của file flash
là 151 chiều rộng và 114 chiều cao, tốc độ Frame rate là 30fps. Chọn màu nền của flash là
màu đen hoặc bất kỳ màu nào bạn muốn sau đó kích OK.

Bước 2

</div>
(6)<div class='page_container' data-page=6>

- Chọn ô đầu tiên là Static Text

- Chọn font chữ cho menu
- Chọn cỡ chữ

- Chọn màu chữ, trong ví dụ này tơi chọn màu trắng
- Dưới phần cỡ chữ chọn Use Anti-alias for readability.

Sau đó nhập tên và số thứ tự của từng nút trong menu như hình sau

Bước 3

Chọn công cụ Selection Tool (V) và chọn số với text của nút đầu tiên (trong ví dụ là “HOME 
PAGE”), nhấn phím F8 (Convert to Symbol) để chuyển text này sang dạng Movie Clip.

Bước 4

Trong khi Movie Clip vừa tạo vẫn được chọn, vào phần Properties Panel bên dưới. Trong
phần bên trái, bạn tìm tới phần Instance name và nhập tên vào đây. Trong ví dụ này tôi nhập
vào là HomePage_mc

Bước 5

</div>
(7)<div class='page_container' data-page=7>

Bước 6

Sau đó chọn text menu, lại tiếp tục nhấn phím F8 (Convert to Symbol) để lại chuyển nó sang
Movie Clip một lần nữa

Bước 7

Chọn frame 15 và nhấn phím F6 trên bàn phím. Tại frame này bạn di chuyển vị trí của text
menu sang bên phải một chút (có thể sử dụng phím mũi tên hoặc chuột)

Bước 8

Chọn công cụ Selection Tool (V) và kích chọn text. Trong phần bên phải của Properties
Panel, bạn sẽ thấy menu Color. Chọn Tint và đặt màu Tint là đen, sau đó chọn 100% (như
hình dưới)

Bước 9

Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe trên timeline và
chọn Create Motion Tween từ menu xuất hiện.

Bước 10

</div>
(8)<div class='page_container' data-page=8>

Bước 11

Sử dụng công cụ Rectangle Tool (R). Trong phần Color của công cụ đang chọn, khóa màu
viền đường kẻ (Stroke color) bằng cách kích vào biểu tượng bút chì và chọn ơ vng nhỏ có
đường kẻ đỏ gạch chéo. Chọn màu nền vẽ là #FF691B và vẽ một hình chữ nhật có kích thước
140x14px, sau đó đặt nó vào vị trí như hình dưới đây

Bước 12

Chọn hình chữ nhật vừa vẽ, nhấn phím F8 (Convert to Symbol) để chuyển hình chữ nhật sang
dạng Movie Clip.

Bước 13

Kích vào frame 15 và nhấn phím F6. Trở lại frame 1, chọn công cụ Free Transform Tool

(Q). Nhấn và giữ phím Shift và kéo giảm chiều ngang kích thước hình chữ nhật theo như hình
sau

Bước 14

</div>
(9)<div class='page_container' data-page=9>

vào phần Properties Panel ở phía dưới. Trong phần bên phải bạn sẽ thấy phần menu Color,
chọn Alpha và kéo xuống giá trị là 0%.

Bước 15

Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe và chọn Create 
Motion Tween từ menu xuất hiện.

Bước 16

Trở lại scene chính (Scene 1)

Bước 17

Kích đúp vào layer 1 và đổi tên layer thành menu. Sau đó tạo một layer mới lên trên và đặt tên
là invisible button.

Bước 18

</div>
(10)<div class='page_container' data-page=10>

Bước 19

Chọn công cụ Selection Tool (V), kích vào nút ảo vừa tạo, vào phần Action Script Panel

(F9) và đưa vào đoạn mã script sau:
on (rollOver) {

_root.mouse_over_home_mc = true; 
}

on (rollOut) {

_root.mouse_over_home_mc = fstartlse; 
}

on (release){

getURL(" "); 
}

Bước 20

Tạo một layer mới phía trên layer invisible button và đặt tên là action.

Bước 21

Kích vào frame đầu tiên của layer action, vào phần Action Script Panel và đưa vào đoạn mã
script sau:

_root.HomePage.onEnterFrame = function() { 
 if (mouse_over_HomePage) {

_root.HomePage.nextFrame(); 
 } else {

_root.HomePage.prevFrame(); 
 }

};

</div>