[Flash tut] Làm cây bút viết ra chữ

[Lê Tuấn Hiệp (JokySpy)]

Làm cây bút viết ra chữ=
B1: Dùng Text Tool

để tạo ra 1 dòng chữ. Chẳng hạn như:

B2:Bấm nút Insert Layer trên thanh Timeline:

B3: Vẽ hình 1 cây bút.

B4: Kích chuột phải vào frame 1 của Layer 2, chọn Create Motion Tween

B5: Kích đúp vào hình cái bút rồi dùng Selection Tool

để chọn toàn bộ hình cái bút. Di chuyển bút lên vị trí sao cho đầu bút trùng vào dấu + có sẵn rồi thoát ra scene 1

B6: Chọn Add motion guide trên thanh timeline

B7: Dùng Pencil Tool

vẽ đường đi cho cây bút. Lưu ý là đường đi này phải có dạng 1 nét liền và không được quá uốn lượn rắc rối ( có nhiều nét giao nhau, nhiều nét chồng lên nhau...). Bạn hãy tưởng tượng nếu dùng bút bạn sẽ viết dòng chữ "Box Đồ họa" thế nào, bút sẽ đi theo đường nào. Hãy vẽ con đường đó ra, nó sẽ định hướng đường đi cho cây bút.
Thí dụ ở đây minh vẽ đường đi dựa vào chữ "Box đồ họa" có sẵn trên nền:

Mọi người có thể kích vào nút này

để thấy rõ hơn đường đi của bút.
Khi đó ta sẽ thấy giống giống như sau:

B8: Kích chuột vào Frame 1 layer 2. Dùng Selection Tool di chuyển đầu cây bút có dấu + trùng với điểm bắt đầu của đường đi chúng ta đã vẽ

B9: Kích chuột vào Frame thứ 90 của layer trên cùng, bấm F6. Kích chuột vào Frame 90 layer 2. Bấm F6.

B10: Dùng Selection Tool đưa đầu cây bút có dấu + trùng vào điểm kết thúc của đường đi ta đã vẽ ra

B11: Kích chuột vào Frame thứ 90 của layer 1, bấm F6
Phù) Bút đã di chuyển rồi, bây giờ ta sẽ cho chữ dần dần hiện ra theo nét đưa của cây bút

B12: Chọn Frame 1 layer 1. Kích nút Insert Layer.
B13: Kích chuột phải vào Layer mới tạo, chọn Properties... rồi tùy chọn giống như sau:

B14: Kích chuột phải vào Layer 1, chọn Properties.... rồi tùy chọn giống như sau:

B15: Phần công việc còn lại khá dễ dàng
Kích vào Frame 1 của layer Mask, bấm F6. Bạn sẽ thấy cây bút dịch chuyển.
Hãy tưởng tượng khi cây bút dịch chuyển đến chỗ đó thì dòng chữ "Box Đồ họa" phần nào đã được tô? Dùng Brush Tool tô kín phần mà bạn nghĩ đã được tô đó
Cứ làm như vậy cho đến Frame 90.

Bây giờ bấm CtrEnter để thưởng thức :x
Chúc mọi người thành công

TUT tự làm, mong được cộng điểm b-)

 

[Hoàng Tuấn Nghĩa (me vs myself)]

hay phết nhỉ, cho góp vui nhá . Nếu mà chỉ cần chữ hiện ra thì làm thế kia là đơn giản nhất
Nhưng mà có thể cải tiến chút xíu bằng cách dùng AS để làm xuất hiện chữ ở những chố bút đi qua. Bút di đến đâu là chữ hiện ra đến đó
Bước 1: nhét cái bút vào 1 Movie Clip đặt cho nó cái instance name là "but" chẳng hạn
Bước 2: ta xài luôn cái tween làm cái bút chuyển động trên kia nhé. Nhấn vào frame đầu tiên của cái tween này, chèn đoạn code AS này vào:

but.x1 = but._x;
but.y1 = but._y;
but.onEnterFrame = function() {
this.x2 = this._x;
this.y2 = this._y;
this._parent.lineStyle(2, 0xFF0000, 100);
this._parent.moveTo(this.x1, this.y1);
this._parent.lineTo(this.x2, this.y2);
this.x1 = this.x2;
this.y1 = this.y2;
}

Hôm qua có lên vnfx chơi, thấy đoạn code trên. Hôm nay lên đây thấy tut này, đem viết lại cho mọi người cùng xem
Còn muốn hiểu rõ cơ chế vẽ hình của AS, cụ thể là hiểu đoạn code trên, có thể đọc "giờ 24" trong quyển Sams Teach Yourself Flash™ MX ActionScript in 24 Hours của Gary Rosenzweig.
Em định post link down nhưng quên mất rồi nên viết cả tên cả họ để mọi người thử tìm xem.
-----Bài mang tính liệt kê cộng sao chép ----------------