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



You are here: Tutorials  Text Tạo viền cho text trong Flash

Tạo viền cho text trong Flash

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

Chào các bạn hôm nay mình xin hướng dẫn các bạn tạo viền bo cho text trong flash,

có thể nhiều bạn đã biết rồi nhưng nó rất hay nên mình viết TUT hướng dẫn cho các bạn còn lại, hy vọng rằng nó sẽ hữu ích khi các bạn làm Flash.

Chúng ta bắt đầu nhé.

Bước 1:

bạn mở Flash lên chọn ActionScript 2.0 hoặc 3.0 đều OK.

Mình sẽ chọn màu nền cho File flash là màu đen cho nó dễ nổi bật đoạn Text. Còn bạn thì tạo nền tùy ý thích hay óc sáng tạo thẩm mỹ của bạn, như cái demo trên kia là mình làm Gradient đỏ trắng.

Bước 2:

Sử dụng công cụ Text Tool (T) viết 1 dòng Text tùy ý bạn, mình sẽ viết trong bài viết này chữ aloflash.com như hình bên dưới:

Bước 3:

Sau khi bạn đã viết xong đoạn Text, hãy mở bảng Properties lên bằng cách vào Window > Properties hoặc nhấn (Ctrl +F3), Click chuột vào đoạn text bạn mới viết chúng ta sẽ thấy xuất hiện bảng Properties của Text. Như hình dưới bạn hãy Click chọn vào vùng mình đánh dấu đỏ nhé.

Khi Click chon vào vùng đánh dấu đỏ nó sẽ hiện lên các dòng để chúng ta chọn hiệu ứng lần lượt là:

  1. Drop Shadow: Đây là hiệu ứng tạo bóng đổ cho 1 đối tượng trong Flash, có thể dùng cho Text, MovieClip, Button.
  2. Blur: Đây là hiệu ứng làm mờ đối tượng mà bạn chọn.
  3. Glow: Đây chính là hiệu ứng chúng ta sẽ làm viền cho Text. (chút nữa ta sẽ thực hiện).
  4. Bevel: Đây là hiệu ứng gần giống dạng tạo khối cho đối tượng, giúp đối tượng nổi hơn và có độ sâu dạng như là 3D.
  5. Gradient Glow: Cũng giống như Glow tạo viền cho text thì Gradient Glow sẽ đổ Gradient (dải màu) cho cái viền đó.
  6. Gradient Bevel: Tương tự như vậy khi chúng ta tạo khối sẽ tùy chỉnh được màu sắc hơn.
  7. Adjust Color: Đây là hiệu ứng sẽ điều chỉnh màu sắc độ sáng tối của đối tượng.

vậy là về cơ bản các bạn đã hiểu những hiệu ứng đó để làm gì. Giờ chúng ta sẽ làm viền cho text với Glow.

Bước 4:

Bạn chọn hiệu ứng Glow nó sẽ hiện ra bảng tùy chọn:

Trong đó:

  • Blur X: là độ lớn của viền theo trục X.
  • Blur Y: là độ lớn của viền theo trục Y.
  • Strength: Độ dày mỏng của viền.
  • Quality: là độ sắc cạnh của viền, Low là nó sẽ nét nhất còn chọn High thì viền sẽ mờ ở xung quanh.
  • Color: là màu sắc của viền.
  • Knockout: Nó sẽ làm đối tượng bên trong viền trở nên trong suốt.
  • Inner Glow: Viền ở ngoài sẽ chuyển vào bên trong đối tượng.

Bây giờ để làm viền giống ví dụ demo ở trên chúng ta hãy thiết lập thông số như sau:

Bạn có thấy thông số Strength mình để 1000% không. Đây chính là điểm mấu chốt của TUT này, nhiều người làm Flash nhưng chắc không bao giờ có thể nghĩ sẽ thiết lập được 1000%, vì vậy khi làm viền cho Text hoặc MovieClip cũng như Button, người làm thường phải sử dụng qua Photoshop để tạo viền rồi mới Import vào Flash. Cách này vừa mất thời gian lại khiến file Flash khi xuất ra có dung lượng lớn. Thật là vô cùng bất tiện.

Và đây là kết quả khi ta sử dụng 1000%:

Cũng khá ấn tượng rồi, giờ bạn có thể dùng Drop Shadow để tạo ít bóng đổ cho text nữa là sẽ ổn hơn.

Hi, giờ thêm Drop Shadow trông đã khá hơn rồi.

Có lẽ mình kết thúc bài tập này ở đây. Các bạn tự nghiên cứu thêm nhé. Hy vọng rằng mọi người sẽ sử dụng tốt những gì có sẵn trong Flash để thiết kế tránh mất thời gian và phiền hà.

Chúc cả nhà vui vẻ.

smiley

Bình luận (13)Add Comment
0
...
được viết bởi thobeo, Tháng ba 23, 2012
Úi chà ! Đúng thật mọi khi em làm toàn phải qua Photoshop để làm viền cho Text, may mà có tut này từ nay em không phải mất thời gian nữa. rất đơn giản mà hiệu quả bất ngờ. Cảm ơn anh nhiều.smilies/grin.gif
0
...
được viết bởi PhươngVT, Tháng ba 28, 2012
Tại sao mình làm thử chọn LOW thì thấy viền có nó ko dược như của bạn, mà nó vẫn bị nhòe.
0
...
được viết bởi Thuy Trang, Tháng ba 28, 2012
Chắc bạn làm với text hơi nhỏ, hoặc bạn phối màu chưa tốt nên có cảm giác nhòe, cái này hình như chỉ áp dụng với những đoạn text to thương đối thì phải. smilies/sad.gif
0
...
được viết bởi Phạm Đình Ba, Tháng tư 10, 2012
Bài viết rất bổ ích. Nhưng mình kết mấy cái dải cong màu đen chuyển động mượt mà quá (trong flash demo của topic).
Bạn có thể hướng dẫn cho mọi ngươi làm chuyển động như vậy không?
Thanks bạn nhiều!
0
...
được viết bởi anhduc_z, Tháng tư 24, 2012
hay hay lam thaks
smilies/grin.gifsmilies/grin.gif
0
...
được viết bởi song lam, Tháng tư 24, 2012
Tuyet voi qua, ap dung cho em no duoc oi www.dva.vn
0
...
được viết bởi trangcoi1986, Tháng năm 09, 2012
hiiiiiiiiiii, dung roi minh cung thay cach chuyen dong cua may thanh truot hay qua chuyen dong nhu song y nhi, ban co the chia se cach lam do khong?smilies/grin.gif
0
...
được viết bởi chemchep, Tháng sáu 12, 2012
Thanks bạn!
Đỡ thêm 1 công đoạn tạo viền bằng phần mềm khác!
0
...
được viết bởi troi, Tháng chín 11, 2012
Hay quá ! vừa đỡ mất thời gian lại vừa đẹp cảm ơn Admin đã chia sẻ 1 bài viết hay ! smilies/grin.gif
0
...
được viết bởi ly nguyen, Tháng sáu 07, 2013
nè cậu ơi cs3 ko đùng được ah ?
0
...
được viết bởi Đỗ Duy Bàng, Tháng sáu 28, 2013
Thanks đã chia sẻ smilies/cheesy.gif EM mầy mò mãi mà ko ra
0
...
được viết bởi Chu ech con, Tháng mười hai 30, 2013
Ban oi nho up len nhieu bai nha.Thanks
0
...
được viết bởi thất, Tháng bảy 25, 2014
bạn ơi làm như bạn hướng dẫn thì chữ bị nhòe lắm nhìn ko sắc nét bạn ah

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

busy