AloFlash ! Cộng đồng flash Việt Nam



You are here: Tutorials  Hiệu ứng Hướng dẫn làm ngọn nến trong flash actionscript 1.0

Hướng dẫn làm ngọn nến trong flash actionscript 1.0

Email In PDF.
Xem kết quả: / 20
Bình thườngTuyệt vời 

Hiệu ứng này sẽ giúp các bạn tạo những ngọn nến lung linh, bạn có thể tùy chỉnh được màu sắc độ to nhỉ hay dài ngắn của lửa trên nến. Mình xin hướng dẫn cụ thể nhé:

Nguyên vật liệu cho bài tập này là hình 1 cây nến để bạn có thể chèn vào giúp ảnh lửa nền được giống thật.

Bước 1:

Tạo 1 file tài liệu Flash mới, nhớ chọn nó là file ActionScript 1.0 nhé. (Ctrl + N) chọn loại ActionScript 1.0. Sau đó bạn nhấn Ctrl + J để mở bảng tùy chọn làm việc thiết lập Background Color là màu đen.

Bước 2:

Import bức ảnh cây nến vào flash: File > Import > Import to Stage.. sau đó bạn đặt nó ở một vị trí thích hợp.

Làm xong bạn khóa layer này lại nhé.

Bước 3:

Tạo một layer mới đây là layer chúng ta sẽ tiến hành làm ngọn lửa cho nến.

Nhấn Ctrl + để phóng to flash lên, sử dụng công cụ Oval Tool (O) vẽ 1 hình tròn nhỏ phía đỉnh cây nến như hình (chú ý những phần mình khoanh đỏ).

Bước 4:

Đổ mầu cho hình tròn bạn vừa vẽ bằng cách. Sử dụng công cụ Selection Tool (V) click vào hình tròn để chọn nó vào Window > Swatchers (Ctrl + F9) chọn loại Radial để được như hình: (2 màu đen trắng).

Sau đó bạn Click vào bảng Color hoặc vào Window > Color (Ctrl + Shift + F9), nó sẽ ra 1 đoạn Rarial như hình dưới. Đầu tiên bạn Click vào ô mình khoanh tròn đỏ phía dưới (giống cái khóa màu đen) rồi bạn chọn Alpha ở khoanh đỏ trên là 0%. (Mình dùng CS5 nên có thể hơi khác những phiên bản khác như đại loại là điều chỉnh alpha cho hình)

Bước 5:

Convert nó thành dạng Movie Clip bằng cách nhấn F8 chọn loại Movie Clip, đặt tên cho nó là: lua nhé:

tiếp tục Click đúp vào movie clip này lại nhấn F8 để convert nó thành movie clip tiếp.

Bước 6:

Chọn công cụ Selection Tool (V) click vào movie clip này bạn sẽ thấy bên phải có bảng Color Effect như hình dưới bạn chọn Advanced.

Tùy chỉnh như trong hình dưới:

Bước 7:

Click vào frame 4 nhấn F6 để insert thêm keyframe, click vào hình tròn chọn công cụ Free Transform Tool (Q) kéo to hình tròn ra như hình dưới:

Chọn công cụ Selection Tool (V) click vào movie clip này bạn sẽ thấy bên phải có bảng Color Effect như hình dưới bạn chọn Advanced. Thiết đặt thông số như hình dưới nhé:

Bước 8: 

Click frame 25 nhấn F6 để chèn keyframe tương tự bước 7 sử dụng công cụ Free Transform Tool (Q) kéo nhỏ hình tròn lại, Chọn công cụ Selection Tool (V) click vào movie clip này bạn sẽ thấy bên phải có bảng Color Effect như hình dưới bạn chọn Advanced. Thiết đặt thông số như hình dưới nhé: 

Đây chính là đỉnh của ngọn lửa của nến, giờ bạn sẽ dùng công cụ Selection Tool (V) click chọn vào hình tròn này và kéo nó lên trên, độ cao của ngón nến tùy thuộc vào việc bạn kéo lên trên bao nhiêu. như hình dưới:

Bước 9:

Click vào bất cứ nơi nào giữa 2 frame 1 - 4 và 4 - 25 nhấp chuột phải chọn Greate Classic Tween.

OK làm xong bạn khóa layer này lại nhé.

Bước 10:

Tạo 1 layer mới, click vào frame thứ 25 và nhấn F6 để chèn keyframe trắng

Nhấn tiếp F9 để mở bảng ActionScript và viết đoạn code sau:

gotoAndPlay(1);

Bước 11:

Trở lại Scene (cảnh làm việc) bên ngoài bằng cách click vào 1 trong những vùng khoanh tròn mình đánh dấu bên hình dưới:

Bước 12:

Giờ chúng ta đã ra ngoài, ta có 2 layer: Layer nến là hình cây nến, và layer lửa là layer bạn vừa làm. Click lần lượt vào frame thứ 3 của 2 layer này lần lượt nhấn F5 ta sẽ được như hình:

Làm xong khóa 2 layer này lại.

Bước 13:

Tạo 1 layer mới, layer này chúng ta sẽ chèn code cho nó.

ở frame 2 và 3 bạn lần lượt nhấn F6 để thêm key frame như hình:

Bước 14:

Sử dụng công cụ Selection Tool (V), click vào frame 1 nhấn F9 và chèn vào đoạn code:

 

i = 10;
setProperty("lua", _visible, 0);
xx = getProperty("lua", _x);

 

Trong đó: lua là tên movie clip. 

Nhấn F9 tiếp để tắt bảng Action, click tiếp vào Frame 2 và nhấn F9 chèn vào đoạn code:

 

if (i < 50)
{
    duplicateMovieClip("/lua", "lua" add i, i);
    setProperty("lua" add i, _alpha, i * 2);
    setProperty("lua" add i, _x, random(5) + xx);
    i = i + 1;
}  

 

Nhấn F9 để thoát bảng Action, Click tiếp vào frame 3 nhấn F9 và chèn vào đoạn code:

gotoAndPlay(2);

OK vậy là chúng ta đã hoàn thành bài tập này. Bạn hãy nhấn Ctrl + Enter để xem thành quả của mình nhé.

Note: đây là code ActionScript 1.0 bạn nhé. không áp dụng cho 2.0 và 3.0 được.

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

aloflash.com

Download

Bình luận (10)Add Comment
0
...
được viết bởi Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. , Tháng mười một 29, 2010
cảm ơn y nhiều lắm. mình muốn làm hiệu ứng của động cơ phản lực nhưng còn lơ mơ về flash quá nên mãi không được.
nếu có thể you jup mình với. thanh you!
0
...
được viết bởi tuananh, Tháng mười hai 13, 2010
mình cũng làm giống bạn nhưng kết quả không được tốt, mong bạn giúp đỡ
http://www.mediafire.com/?61ojok239dyo643
0
...
được viết bởi tuananh, Tháng mười hai 14, 2010
sao không thấy trả lời vậysmilies/cry.gif
0
...
được viết bởi ngoc an, Tháng mười hai 22, 2010
cai MacromediaFlash8Portable xai ActionScript may vay.minh moi ngam cuu nen ko bitsmilies/grin.gif
0
...
được viết bởi octopus, Tháng mười hai 26, 2010
rất hữu ích, cảm ơn bạn vì bài viết hay
0
...
được viết bởi Trần Anh Tuấn, Tháng bảy 24, 2011
Viết tut AS2 cho ngọn nến đi admin ơi ! Hay quá à mà mình không làm được bằng flash 8smilies/wink.gifsmilies/wink.gif
0
...
được viết bởi ca phong, Tháng mười một 07, 2011
actioncrip 1.0 tức bỏ mẹ
đụ má làm bỏ mẹ lun đéo nói sớm ,cuối cùng đéo dc gì hết
0
...
được viết bởi luan, Tháng mười một 07, 2011
actioncrip 2.0 làm bỏ mẹ mà đéo dc cuối cùng làm 1.0 đéo nói sớm
0
...
được viết bởi kenly, Tháng tám 30, 2012
ban nao cho minh xin link as1 voi..minh tim hoai hok co.. smilies/sad.gif(
0
...
được viết bởi Bùi Nội, Tháng mười 10, 2013
anh ơi em muốn làm hiệu ứng hạt đậu nảy mầm thành cây thì phải làm thế nào ạ?

Viết bình luận
nhỏ hơn | lớn hơn

busy