Làm lá cờ trong Flash

In
Xem kết quả: / 30
Bình thườngTuyệt vời 

Chào các bạn lâu lắm rồi mình mới lại có thời gian viết TUT chia sẻ cùng mọi người, hy vọng rằng tất cả sẽ luôn thành công và luôn hạnh phúc.

Bài hướng dẫn hôm nay mình sẽ giúp các bạn làm 1 lá cờ bay như thật mà vô cùng đơn giản. Nhưng mình test thử thì thấy cờ nào có sọc hoặc nhiều hoa văn bay có vẻ thật hơn là cờ 1 mầu, mình có thử qua cờ Việt Nam mà thấy không ổn lắm nên làm demo cờ USA cho nó oách hy vọng không động chạm gì đến chính trị. Hi

Và đây cũng có 1 cái Demo ứng dụng làm lá cờ cho banner: http://chuyenphatquocte.com/

Buôn chuyện chút vì lâu lắm mới viết lại TUT, bây giờ chúng ta bắt tay vào làm lá cờ nhé.

Bước 1:

Bạn mở phần mềm Fflash lên chọn loại ActioScript 2.0 như hình dưới:

Sau khi Import xong bạn hãy xóa ảnh lá cờ trên Stage (khung làm việc của Flash) đi.

Bước 2:

Bạn Import 1 bức ảnh lá cờ mà bạn muốn làm hiệu ứng vào Flash bằng cách vào File > Import > Import to Stage hoặc nhấn tổ hợp phím (Ctrl +R), như hình dưới đây:

Sau khi đã Import xong file ảnh lá cờ vào Flash chúng ta đến bước tiếp theo.

Bước 3:

Bạn mở thư viện Libraly trong Flash lên bằng cách vào Window > Libraly hoặc nhấn tổ hợp phím (Ctrl + L) như hình sau:

1 cửa sổ của Libraly sẽ mở ra và bạn thấy trong đó là 1 bức ảnh mà ở bước 1 chúng ta Import vào, tiếp tục bước tiếp nhé.

Bước 4:

Click chuột phải vào bức ảnh trong Libraly nó sẽ mở 1 hộp tùy chọn, bạn chọn Properties... như hình sau nhé.

Sau khi bạn chọn Properties... nó sẽ hiện ra 1 bảng tùy chọn. Nếu bạn nào thấy bảng hiện ra không đầy đủ như hình dưới thì Clicks vào chữ Advance nhé.

Bạn đánh dấu kiểm vào 2 ô Export for ActionScript Export in frame 1 sau đó dòng Indentifier bạn đặt tên là flag như hình trên. rồi nhấn OK

Bước 5:

Tạo 1 layer mới Click vào frame đầu tiên trên layer này và nhấn chuột phải chọn Action hoặc bạn nhấn phím tắt F9 để mở bảng ActionScipt chèn code cho flash này như hình bên dưới:

Khi bảng ActionScript hiện lên bạn chèn vào đoạn code sau:

// http://aloflash.com

import flash.display.BitmapData;
import flash.filters.DisplacementMapFilter;
import flash.filters.DropShadowFilter;
import flash.filters.ColorMatrixFilter;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.geom.Rectangle;
import flash.geom.ColorTransform;

import de.popforge.wm2006.effect.Flag;

_quality = "LOW";
Stage.scaleMode = 'noScale';



var lib: BitmapData = BitmapData.loadBitmap( 'flag' );
//Đoạn code đặt các layer khác lên trên lá cờ
var outputClip: MovieClip = createEmptyMovieClip( 'outputClip', outputClip.getNextHighestDepth());
 mc = this["loader" + 1];
 var lowest:MovieClip = mc;
 for(i = 1; mc != undefined; i++)
 {
   mc = this["loader" + i];
   if(mc.getDepth() < lowest.getDepth())
   lowest = mc;
 }
outputClip.swapDepths(lowest);
//Kết thúc code gọi movieclip lên trên
var output: BitmapData = new BitmapData( 450, 265, true, 0 ); //450 và 265 là kích thước lá cờ bạn muốn hiện thị bạn có thể thay đổi kích thước khác tùy ý
outputClip.attachBitmap( output, 0 );
outputClip.filters = [ new DropShadowFilter( 600, 600, 10, 10, 2, 2, .3, 3 ) ]; //Đây là các tham số điều chỉnh sự phấp phới của lá cờ (hình file flash của bạn có kích thước càng lớn thì bạn nên để giá trị lớn và ngược lại).

outputClip._x = 0; //Tọa độ bắt đầu xuất hiện cờ theo trục X giá trị 0 là mép trên cùng bên trái
outputClip._y = -30; //Tọa độ bắt đầu xuất hiện cờ theo trục Y giá trị -30 là mép trên cùng bên trái

var flag: Flag = new Flag( lib, output );
flag.appearMoreFabric();

onEnterFrame = function(): Void
{
    flag.enterFrame();
}

attachMovie( 'go', '1', 1, { onRelease: function(){ getURL( 'http://aloflash.com' ) } } );

//aloflash.com chuc cac ban vui ve

Trong đoạn code trên mình đã giải thích 1 số chỗ cơ bản để các bạn tùy biến theo ý muốn của mình. Tắt bảng ActionScipt hoặc nhấn phím tắt F9.

Chúng ta đã hoàn tất cơ bản giờ các bạn kéo xuống cuối bài viết Download file gốc về. bạn giải nén trong File download về sẽ có 1 thư mục mang tên src trong đó đã chứa các code để tạo chuyển động cho lá cờ, giờ bạn chỉ việc làm 1 bước cuối cùng như sau:

Bước 6:

Mở bảng Properties của Flash bằng cách vào Window > Properties như hình dưới:

Click chuột ra vùng không làm việc của Flash để Properties hiện các thông số chung như hình dưới:

Bạn lưu ý dòng ActionScipt Setting mình đánh dấu đỏ ở hình trên, chúng ta sẽ Click vào chữ Edit ở bên phải nó. Sau khi click vào Edit nó sẽ hiện ra 1 bảng tùy chọn, sau đó bạn click chuột vào hình cái thư mục màu vàng như hình bên dưới để tìn đến đường dẫn của thư muc src mà bạn đã download về khi trước.

Bạn tìm đến thư mục src trên máy tính của bạn, như mình để nó trong ổ E thuộc thư mục cac file flash / flag thì đường dẫn của nó sẽ là: E:\Cac file Flash\flag\src\ xong và nhấn OK như hình dưới:

Vậy là chúng ta đã hoàn thành bài tập này. Các bạn hãy nhấn Ctrl +Enter để xem kết quả nhé.

(Mình cài bản CS5 nên chỉ Convert được xuống CS4 bạn nào làm thì convert xuống các bản thấp hơn rồi chia sẻ cho những người khác giúp mình nhé).

Chúc cả nhà vui vẻ.smiley

Download

Share