Các bài Tut về Flash 8 vô cùng giá trị cho Quý thầy cô

MACROMEDIA FLASH - CHỮ UỐN LƯỢN
30/07/2007 03:05 PM
Hiện nay có khá nhiều phần mềm hỗ trợ làm Banner và hiệu ứng Text khá đẹp, nhưng có lẽ khi tự mình làm ra mà
không cần các phần mềm hỗ trợ sẽ hay hơn. Hiệu ứng này tôi làm dựa theo hướng dẫn trong "Flash 3D Cheats Most
Wanted"
Bước 1 : Mở 1 File Flash mới ( Ctrl + N ). Để Size, Frame Rate mặc định hoặc bạn chỉnh theo ý của bạn.
Sử dụng công cụ Text Tool ( T ) để viết dòng chữ bất kỳ.
Bước 2 : Dùng công cụ Selection Tool ( V ) chọn dòng chữ trên. Nhấn Ctrl+B để Break Apart nó thành từng chữ riêng lẻ.
Chọn từng chữ 1 bắt đầu từ chữ n cho đến chữ Z, convert chúng thành movieClip (nhấn F8) đặt instan name lần lượt là
m1b1,m2b1,...,m10b1.
Bước 3 : Sau đó chúng ta tiếp tục mở cửa sổ Action Script ( F9 ) chọn Frame 1, dán đoạn code bên dưới vào ( Chú ý : khi
bạn viết 1 dòng chữ khác có it hoặc nhiều hơn ký tự của mình thì bạn phải để ý thay giá trị của " n " nhé )
t = 0;
n = 10;
b = 4;
depth = 100;
for (i=1; i<=n; i++) {
for (j=2; j<=b; j++) {
eval("m"+i+"b1").duplicateMovieClip("m"+i+"b"+j, depth);
depth++;
}
}
this.onEnterFrame = function() {
t += .0582;
if (t>6.283) {
t -= 6.283;
}
for (i=1; i<=n; i++) {
u = (t+i*.2617);
v = Math.abs(Math.cos(u/2));
c = Math.cos(u);

dx = 50*c+35;
dy = 100*Math.sin(u)+150;
for (j=1; j<=4; j++) {
m = eval("m"+i+"b"+j);
offset = (1-v)*4;
m._yscale = c*100+100*v;
m._xscale = 200*v;
m._alpha = 10+90*v;
m._x = dx+offset*Math.cos(j*1.57)+50*(n+1-i);
m._y = dy+offset*Math.sin(j*1.57);
}
}
};
Và chúng ta được kết quả sau :
GỬI BỞI: haiptMACROMEDIA FLASH - VIẾT CHỮ TRÊN GIẤY
16/07/2007 09:06 PM
Làm chữ chạy bằng Flash thường thì người ta sử dụng Mask ( hay còn gọi là mặt nạ ) hoặc có 1 cách mà tôi đã giới
thiệu với các bạn ở bài Làm Chữ Chạy Với Flash. Nhưng xem ra cũng có vẻ hơi phức tạp, hôm nay chúng ta sẽ làm
quen với một phương pháp mới rất đơn giản.
Ý tưởng của việc viết chữ là: ta sẽ làm 1 quy trình ngược lại với việc viết: xóa chữ. Sau đó sẽ đảo ngược trật tự của nó.
Bước 1 : Tạo 2 Layer.
Layer 1 : Import một hình mà bạn thích (đặt tên là Background)
Layer 2 : Viết dòng chữ theo ý bạn (đặt tên là Text)
Bước 2 : Hiện nay chữ "Chăm Chỉ - Học Hỏi - Sáng Tạo" đang là 1 khối, Chúng ta sử dụng tổ hợp phím nóng Ctrl + B để
chia nhỏ chúng thành từng chữ một .
Bước 3 : Bấm Ctrl + B thêm 1 lần nữa, khi đó chữ "Chăm Chỉ - Học Hỏi - Sáng Tạo" sẽ bị rời thành vô số thành phần.
Bước 4 : Tại Layer Text ấn phím F6, Frame 2 sẽ tự động tạo 1 Key Frame giống Frame 1.
Bước 5 : Tại Frame 2, các bạn sẽ sử dung cục tẩy (Eraser Tool) và bắt đầu xóa nét cuối của chữ O.
Bước 6 : Quá trìng được lập lại với tốc độ xóa chữ tùy thuộc vào bạn F6 + xóa chữ theo thứ tự ngược với bạn viết
Bước 7 : Khoảng 30 frames các bạn đã xóa hết chữ "Chăm Chỉ - Học Hỏi - Sáng Tạo" .Nếu các bạn cho chuột chạy ngược

lại từ Frame30 đến Frame1 các bạn sẽ thấy chữ sẽ được viết ra theo thứ tự ngược lại bạn xóa.
Bước 8 : Bây giờ các bạn hãy dùng chuột để đánh dấu (select) tất cả 30 Frames này, sau dó bấm chout phải, chọn Reverse
Frames (đảo ngược Frames)
Ctrl + Enter và thưởng thức thành quả của mình.
MACROMEDIA FLASH - SNOW EFFECT
03/07/2007 10:41 PM
Đây là một trong những hiệu ứng làm tuyết đơn giản mà rất Pro của bác Judaz.
Các bạn chỉ cần post đoạn Code này vào Flash Document mới, sẽ có kết quả như bên dưới:
beginFill(0,100);
lineTo(Stage.width,0),lineTo(Stage.width,Stage.height),lineTo(0,Stage.height);
endFill();
MovieClip.prototype.createSnow=function(){
this.clear();
this.lineStyle(2+3*Math.random(),0xFFFFFF,50+50*Math.random());
this.x=50*(Math.random()-Math.random());
this.moveTo(this.x,0)
this.lineTo(this.x,.5);
this.speed=2+6*Math.random();
this.spin=7*(Math.random()-Math.random())
this.wind=.03*Math.random();
this._x=Stage.width*Math.random();
this._y=-20;
}
for (i=0;i<300;i++){
_root.createEmptyMovieClip("mc"+i,i).createSnow();
_root["mc"+i]._y=Stage.height*Math.random();
_root["mc"+i].onEnterFrame=function(){
(this._y>Stage.height+30)?this.createSnow():this._y+=this.speed;
(this._x<-10)?this._x=Stage.width+10:this._x%=Stage.width+10;
this._rotation+=this.spin;

this._x+=this.wind*(_root._xmouse-Stage.width/2);
}
}
(Nguồn Dohoavn.net)

MACROMEDIA FLASH - VIỀN SÁNG CHẠY QUA ẢNH
03/07/2007 11:05 AM
Trong bài này tôi sẽ giới thiệu với các bạn cách làm hiệu ứng như hình dưới đây, cùng với mặt lạ lớp(Mask), nó là
một hiệu ứng rất mềm mại, bạn có thể áp dụng làm trang chủ, banner và làm rất nhiều các mục đích khác nhau tùy
theo áp dụng của bạn.
Bước 1 :
_Chúng ta mở chương trình Flash ra và tạo một Movie mới thiết lập kích thước cho movie mới là 500x460, Frame rate ta
chọn từ 20-30 fps. Số frame của chúng ta càng cao thì chuển động càng mềm mại.
_Tao 2 layer ở bảng Timeline. Một cho ảnh nền(BG IMG) và một cho hiệu ứng(EFFECT)
_Bây giờ chúng ta chọn layer EFFECT và thiết lập mặt nạ(Mask), bằng cách lựa chọn công cụ Line tool(N) trên bảng công
cụ, sử dụng độ lớn của bút là 1pixel(thiết lập dưới bảng Properties) và bắt đầu vẽ dọc theo hình ảnh bằng các đường vẽ, sau
khi vẽ xong ta sẽ được như hình dưới đây:
Bước 2:
Cẩn thận không nên vẽ quá nhiều đường lines vào trong ảnh. Để chọn tất cả các đường lines vừa vẽ bằng cách click vào
frame thứ nhất trên bảng Timeline như hình dưới đây:
Sau đó ta nhấn phìm F8 bảng Convert to Symbol sẽ xuất hiện như hình dưới đây và và ta chọn Movie clip đặt tên là
maskeffect.
Sau đó ta chọn công cụ Selection Tool(V) và nhấp kép vào các đường lines nó sẽ đưa ta đến chế độ biên tập symbol. Bây
giờ bạn đã có tất cả các đường line ở trên Layer 1, Bạn thay tên Layer 1 thành "Mask" bằng cách nhấp đúp và tên Layer 1.
Lựa chọn lại tất cả các đường line bằng cách nhấp vào layer Mask sau đó vào ta chọn trên menu Modify > Shape > Convert
Lines to Fills. Bây giờ ta tạm thời khóa layer Mask lại chúng ta sẽ quay lại sau.
Bước 3 :
Chúng ta thêm mới một symbol dạng Graphic(CTRL + F8) và ta đặt tên cho nó là "chrome" và sau đó ta chọn công cụ
Rectangle Tool(R) và vẽ một đoạn như hình dưới đây chọn chế độ fill Linear (chú ý để được hình vẽ như trên bảng COLOR
MIXER bạn nhấp vào trái chuột vào các vị trí thích hợp để sinh ra các ô vuông trên bảng chọn lần lượt 2 đầu ngoài cùng bên

trái và bên phải rùi chọn chế đọ Alpha 0%)

_Quay chở lại với maskeffect trên bảng Timeline bằng cách chọn scence 1 và nhấp kép vào đường line nó sẽ đưa ta vào
phần biên tập của maskeffect sau đó ta thêm một layer mới đặt tên là "chrome" sau đó keo đối tượng chrome từ library(F11)
vào layer mới vừa tạo.
Ta chọn đối tượng chrome vừa thêm vào sau đó ở frame 1 trên bảng Timeline nhấp phải chuột rùi chọn Create Motion
Tween.
Và chọn ví trí frame 25 hoặc 30 rùi nhấn phím F6 nó sẽ như hình sau:
Sau đó kéo đối tượng chrome từ trái sang phải ngoài cùng của ảnh :
Bây giờ chúng ta chúng ta nhấp phải chuột vào layer mask rùi chọn Mask :
Để kiểm tra công việc mà chúng ta vừa làm bằng cách gõ (CTRL + Enter) và xem thành quả chúng ta vừa tạo được.
MACROMEDIA FLASH - TWEEN XOAY ĐỐI TƯỢNG
05/08/2007 10:24 AM
Bài nầy chỉ cách tạo từ 1 vòng tròn ra 2 vòng – tạo 4 vòng - tạo 8 vòng – tạo cách đều , xoay ngược và xuôi – di
chuyển lên , xuống , ngang – từ lớn thành nhỏ. (Soạn theo giáo trình của Utbinh)
I.TẠO ĐỐI TƯỢNG :
1. File > New > Flash Document > Ok .
2. Oval Tool > Stroke Color : None > FillColor : Màu Đỏ lan tỏa > Rê vẽ vòng tròn nhỏ > Selection Tool nhấp lên > Giữ Alt và
rê tạo thêm 1 vòng tròn xuống đáy Vùng Làm Việc. > Selection Tool chọn 2 vòng tròn > Menu Modify > Group ( Ctrl+G ) > Có
khuôn xanh nhóm chúng lại > Ctrl+C > Ctrl+V tạo thêm 2 vòng tròn mới.
3. Transform Tool > Xoay 2 vòng tròn mới nằm ngang > Selection Tool chọn tất cả > Chỉnh lại : Menu Window > Align > Nhấp
Align Horizontal Center để chỉnh 2 vòng tròn đứng > Nhấp Align Vertical Center chỉnh 2 vòng tròn ngang > Close > Menu
Modify > Group : Có khung xanh bao 4 vòng tròn.
4. Tạo thêm 4 vòng tròn một lượt : Ctrl+C > Ctrl+V > Transform Tool > Giữ Shift xoay cạnh 8 vòng tròn cách đều .
5. Selection Tool > Chọn tất cả > menu Modify > Group > Nhấp vùng làm việc.
II.TẠO CHUYỂN ĐỘNG :
1. Frame 45 > F6 > Chọn giữa vùng xám > Mở Properties > Tween chọn Motion để hiện ra cửa sổ dưới > Rotate chọn CW
( Chuyển động theo chiều kim đồng hồ ) > Nhấp Enter bạn sẽ thấy vòng tròn chuyển động từ Frame 1 đến Frame 45.
2. Frame 46 > F6 > Frame 75 > F6 > Rê bánh xe xuống đáy Phải > Giữ Shift thu nhỏ lại > Nhấp giữa vùng xám> Trong
Properties Tween chọn Motion > Rotate chọn CW

3. Frame 110 > F6 > Giữ Shift thu nhỏ lại > Rê qua Trái > Nhấp giữa vùng xám > Rotate chọn CCW
( Ngược chiều kim ) > Enter.
4. Ctrl+Enter : xem kết quả chuyển động xoay đổi hướng và lớn nhỏ

MACROMEDIA FLASH - LÀM CHỮ CHẠY
22/06/2007 02:50 PM
Dành cho Newbie,bài này tớ hướng dẫn rất chi tiết đấy.Có gì ko hiểu cứ liên hệ nhé ^_^
Tạo New Flash Document Size 650 x 80
Đổi tên layer thành Background. Sau đó Import hình nền bạn muốn (Ctrl + R)
Bước 1: Tạo văn bản
- Thêm layer mới đặt tên là layer 1.Dùng công cụ Text Tool (T) để nhập văn bản, chọn Size tùy theo hình nền của bạn.
- Canh giữa văn bản vào Stage ( có thể để đoạn text dài hơn Stage cũng được ) . Có thể canh bằng mắt hoặc chọn Window
> Align (Ctrl + K)
- Mở bảng Color Mixer ( Window > Color Mixer ). Dùng công cụ arrow để chọn văn bản. Trong bảng Color mixer , đổi độ đục (
Alpha) thành 20%.
- Tạo ra 1 bản sao của văn bản để dùng sau bằng cách chọn rồi copy (Ctrl + C)
- Bổ sung lớp mới gọi là Layer2 ( Insert > Layer ), nhấp vào frame 1 của lớp này rồi dán văn bản vào (Ctrl + V). Kéo văn bản
khỏi Stage.
Bước 2: Đặt từng chữ cái trong văn bản lên các lớp khác nhau
Để tạo hoạt hình, mỗi chữ cái phải trên một lớp riêng
a- Chọn văn bản trên lớp 1, chọn Modify > Break apart. Giờ đây mỗi chữ cái là một đối tượng riêng.
b- Chọn Modify > Distribute to layer . Và mỗi chữ nằm trên 1 lớp riêng.

Bước 3: Tạo một bộ chữ cái nhỏ hơn
- Kéo bản sao của văn bản trên lớp 2
- Canh giữa nó trên Stage
- Nhấp đúp để chỉnh sửa và kéo chuột chọn tất văn bản. Đặt Size nhỏ hơn size ban đầu . Dùng Color mixer ( xem bước 1) để
thay độ đục thành 100%
- Chọn như bước 2b để tạo lớp chứa chữ cái nhỏ nằm trên lớp chứa chữ cái lớn.
Bước 4: Di chuyển văn bản chữ nhỏ đến khung hình 5

Để văn bản chữ nhỏ bay vào sau khi văn bản lớn xuất hiện
- Chọn tất các frame chứa chữ nhỏ , chọn Edit > Cut Frames
- Xóa lớp vừa cắt (xóa tất cả các layer chỉ để lại những layer chứa chữ cái to)
- Chọn tất các frame 5 ( nhấp vào frame 5 của lớp trên cùng, cuốn xuống đồng thời giữ Shift, đến khung hình 5 lớp cuối).,
chọn Edit > Paste Frames

Bước 5: Tạo hình biến dạng
- Với các frame được chọn, chọn Shape trong danh sách Tween của bảng Property
- Với các frame 1 ta cũng làm giống như với các frame 5
- Để tách rời văn bản ( tránh bị vỡ) ta nhấp vào frame 1 và chọn Ctrl + B để tách văn bản thành các hình. Nhấp vào khung
hình 5 và làm tiếp như thế
Bước 6: Phân bổ các chữ cái
- Chọn khung hình 1 đến khung hình 5 trong lớp 2 ( chứa các chữ cái thứ 2 trong văn bản) kéo các khung hình này đến
khung hình 3.
- Chọn khung hình 1 đến khung hình 5 trong lớp 2 ( chứa các chữ cái thứ 3 trong văn bản) kéo các khung hình này đến
khung hình 5.
- Thực hiện công việc tương tự cho mỗi chữ cái trong lớp còn lại và kéo các khung hình sang bên phải sao cho mỗi chữ cái
bắt đầu muộn 2 frame so với chữ cái trước đó.

Bước 7: Bổ sung một khung hình khóa ở cuối
- Chọn một frame ( ví dụ frame 50 ) cách frame cuối vài frame. Chọn tất cả các frame 50 và chèn vào một frame khóa (F6).
Các bạn phải nhớ là nếu lúc nãy ở các frame 5 của các layer mà các bạn chưa chọn Shape trong danh sách Tween của
bảng Property thì hãy thực hiện nhé.
Và thêm 1 điều lưu ý mà lúc nãy mình chưa nói với các bạn là ở layer Backgound các bạn chọn frame 50 và ấn F6 nhé.Để
chúng ta nhìn thấy hình nền:
Ok giờ các bạn chỉ việc ấn Ctrl+Enter và thưởng thức thành quả của mình.

Download file thực hành (*.Fla) tại đây
GỬI BỞI: haipt
LƯỢT XEM: 5541

MACROMEDIA FLASH - TẠO MENU ĐƠN GIẢN
15/06/2007 04:49 PM
Trong bài này, tôi sẽ giải thích cách tạo một menu flash đơn giản trong flash 8 bằng cách sử dụng Action Script.

Bước 1
Mở một file Flash mới. Chọn Modify > Document (Ctrl + J). Thiết lập chiều rộng và cao cho file của bạn: 200 x 200px. Chọn
màu nền là màu trắng, Frame rate là 26fps > kích OK.
Dùng công cụ Selection Tool (V), kích đúp vào tên layer 1 để đổi tên thành nó trong menu.
Bước 2
Chọn công cụ Line Tool (N), trong phần Properties Panel (Ctrl + F3) thiết lập các thuộc tính sau:
- Chọn màu #DCDCDC cho Stroke color
- Chọn loại đường kẻ là Solid với chiều dầy là 1
- Tích chọn Stroke hinting để bỏ sách các vết mờ ở góc khi vẽ
Sau đó, vẽ 4 dòng kẻ như hình dưới
Bước 3
Tạo nút đầu tiên cho menu bằng công cụ Text tool (T). Trong phần Properties Panel, chọn theo các lựa chọn sau:
- Chọn trường Static Text
- Chọn kiểu fone Trebuchet MS
- Chọn cỡ chữ 16
- Màu chữ là #9F9F9F
Sau đó nhập vào tên của từng nút
Bước 4
Sử dụng công cụ Line Tool (N) để vẽ “mũi tên” ở bên trái text menu như hình dưới.
Bước 5
Tạo các nút khác trong menu theo cách tương tự như tạo nút đầu tiên
Bước 6
Chọn button đầu tiên (trong ví dụ là “About Company”) và nhấn F8 (hoặc vào Modify > Convert to Symbol) để chuyển đổi
nút đầu tiên sang dạng Movie Clip.
Bước 7
Vào Properties Panel, tại phần <Instance name> nhập vào button1 như hình dưới

Bước 8
Kích đúp vào Movie Clip vừa tạo với công cụ Selection Tool (V). Bạn sẽ vào chỉnh sửa trong Movie Clip.
Bước 9
Chỉ chọn phần “mũi tên”, nhấn Ctrl + X (Cut), tạo một layer mới, chọn nó và nhấn Ctrl + Shift + V (Paste in Place)
Bước 10
Trở lại layer 1 (layer text), chọn nó và nhấn tiếp F8 (Convert to Symbol) để chuyển đổi nó sang Graphic.
Bước 11
Chọn frame 15 và nhấn phím F6. Sau đó, kéo Graphic vừa tạo sang bên phải một chút, bạn nhớ giữ phím Shift trong quá
trình kéo để không bị lệch.
Bước 12
Chọn công cụ Selection Tool (V), click một lần lên Graphic để chọn nó, mở Properties Panel (Ctrl + F3). Tại phần bên phải,
bạn sẽ thấy mục Color. Chọn Tint với màu là #4183BF cho mục Color đó (như hình dưới).
Bước 13
Kích chuột phải vào bất cứ vị trí nào trong vùng màu tím nhạt giữa hai keyframe và chọn Create Motion Tween từ menu xuất
hiện
Bước 14
Khóa layer 1, chọn layer 2, kích vào frame 15 và nhấn phím F6. Sau đó kéo “mũi tên” về phía phải một chút nữa (nhớ giữ
phím Shift khi kéo)
Bước 15
Kích chuột phải vào bất kỳ vị trí nào trong vùng màu tím nhạt giữa hai keyframe, chọn Create Motion Tween từ menu xuất
hiện.
Bước 16
Trở lại scene chính (Scene 1), tạo một layer mới mở trên layer menu và đặt tên là IB1 (Invisibale Button 1). Sau đó, tạo
Invisible Button lên trên nút đầu tiên. Xem hình dưới.
Bạn nào chưa hiểu rõ về Invisible Button hãy đọc bài Menu Flash Dọc đã đăng nhé ^_^
Bước 17
Chọn Invisible Button, nhấn phím F9 hoặc vào Window > Actions để mở Actions Panel. Sau đó đưa đoạn code
ActionScript sau vào Actions panel:
on (rollOver) {
_root.mouse_over_button1 = true;

}
on (rollOut) {
_root.mouse_over_button1 = fstartlse;
}
on (release){
getURL(" />}
Bước 18
Tạo một layer mới với tên là A.S (Action Script). Chọn frame đầu tiên và đưa vào đoạn script sau:
_root.button1.onEnterFrame = function() {
if (mouse_over_button1) {
_root.button1.nextFrame();
} else {
_root.button1.prevFrame();
}
};
MACROMEDIA FLASH - TẠO MENU FLASH DỌC
12/06/2007 04:14 PM
Bạn đã trông thấy rất nhiều menu bằng Flash rất đẹp và muốn làm được như vậy? Hãy xem bài tập này và bạn sẽ biết
làm thế nào để tạo được menu flash dọc.
Bước 1
Tạo một file flash mới, vào Modify > Document (Ctrl + J) và thiết lập theo các giá trị như hình dưới

Bước 2
Click đúp vào layer1 và đổi tên thành background. Thêm một layer mới và đặt tên là menu. Sau đó dùng công cụ Rectangle
Tool (R) để vẽ 5 hình chữ nhật kích thước 88,5 x 250px với các thiết lập như sau:
• Stroke color: không chọn
• Fill color: #A1958A
Xem hình dưới

Bước 3

Chọn công cụ Text Tool (T) với Fill Color #FFFFFF và nhập vào nút đầu tiên của menu với chữ “Home”