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



You are here: Tutorials  Hiệu ứng Hiệu ứng ánh sáng chạy qua text

Hiệu ứng ánh sáng chạy qua text

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

Có rất nhiều bạn đã biết đến hiệu ứng này, nhưng mình nghĩ mỗi người sẽ có những cách riêng để làm nó. 

Mình xin chia sẻ cách mình hay làm với hiệu ứng này. Không biết có nhiều bạn trùng với cách mình làm không nhỉ? laugh

Hi, chúng ta bắt đầu nhé.

Bước 1:

Tạo 1 tài liệu flash mới (Ctrl + N).

Bước 2:

Bạn sử dụng công cụ Text Tool (T) viết 1 đoạn text, hoặc bạn có thể chèn một bức ảnh vào, mình là mình chèn logo của aloflash vào. File > Import > Import To Stage.. (Ctrl + R).

Bạn có thể sử dụng nền flash màu nào cho phù hợp với bức ảnh hay màu text của bạn nhé. Mình chọn màu đen.

Bước 3:

Sử dụng công cụ Selection Tool (V) click vào ảnh của bạn nhấn chuột phải và chọn Copy.

Click chuột ra ngoài vùng nền flash và nhấp chuột phải chọn Pase.

Bước 4:

Ta đã có 2 hình ảnh logo, dùng công cụ Selection Tool (V), click chọn 1 hình logo nhấp chuột phải và chọn Distribute to Layers.

Bước 5:

Bạn hãy xếp 2 bức ảnh cho chúng chồng khít vào nhau, sau đó click vào layer bên trên và nhấn F8 chọn Convert to Symbol thành dạng Movie Clip.

Bước 6:

Sau khi đã convert thành Movie Clip ta tiếp tục tạo Effect cho nó. Bằng cách mở bảng Properties (Ctrl + F3). Chọn hiệu ứng Brightness.

Thiết đặt chỉ số cho nó sáng lên 1 chút tầm 40% có lẽ là đẹp :D.

Bước 7:

Tạo 1 layer mới, sử dụng công cụ Rectangle Tool (R) vẽ 1 hình chữ nhật dài như sau:

Convert hình vừa vẽ thành dạng Movie Clip (nhấn F8). Tại frame thứ 40 bạn nhấn F6. ở 2 layer dưới cũng trên frame thứ 40 bạn lần lượt nhấn F5.

Bước 8:

Ở layer 40 bạn dùng công cụ Selection Tool (V) kéo hình chữ nhật qua bên kia hình logo, sau đó click vào bất kỳ chỗ nào giữa frame 1 và 40 ở layer 8 rồi nhấp chuột phải chọn

Bước 9:

Click vào layer 8 nhấp chuột phải chọn Mask.

Ok vậy là ta đã hoàn thành bài tập này rồi, hãy thử nhấn Ctrl + Enter để xem kết quả của bạn nhé.

Để cho hình ảnh không bị viền vuông các bạn hãy tham khảo bài viết tách nền này nhé:

http://aloflash.com/thuc-hanh-flash/hieu-ung/562-huong-dan-tach-nen-anh-trong-flash.html

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

aloflash.com

Download

Bình luận (57)Add Comment
0
...
được viết bởi doccogiang, Tháng mười 03, 2010
flash này là flash mấy vậy bạn?
0
...
được viết bởi Camilla, Tháng mười 06, 2010
Mình đang bắt đầu tự học Flash MX... phải thực hành ngay mới được. Cảm ơn bài viết hữu ích của bạn. smilies/wink.gif
0
...
được viết bởi dangerous, Tháng mười 22, 2010
Hiệu ứng này mình thấy được ứng dụng rất nhiều
0
...
được viết bởi hien, Tháng mười hai 29, 2010
ban oi? minh lam theo cach ban chi toi buoc 8,sau trogn may minh ko co hieu ung create classic tween ko co vay ban. ban noi ro hon duoc ko?thanks ban
0
...
được viết bởi aloflash, Tháng mười hai 29, 2010
Ah, từ phiên bản Flash CS4 trở lên thì classic tween animation sẽ thành create classic tween Phiên bản của bạn thì bạn chọn: classic tween animation nhé.

Chúc vui vẻ.smilies/smiley.gif
0
...
được viết bởi hien, Tháng mười hai 30, 2010
smilies/angry.gifsmilies/angry.gifban ui! minh dang su dung cs3, nen minh cung ko thay hieu ung classic tween animation nhu ban noi,chi co hai hieu ung create classic tween va create shape tween ha. nen minh van chua lam duoc bai tap nay. don gian ma lam ko duoc tuc qua ha. ban help minh voi
0
...
được viết bởi vtthuy.ap, Tháng mười hai 30, 2010
mình cũng dùng cs3 và giống hien chưa làm được. hixx.
0
...
được viết bởi aloflash, Tháng mười hai 30, 2010
Ah, chết mình nhầm từ bản CS4 trở đi có 1 điểm khác so với phiên bản cũ.

Những phiên bản cũ dòng này sẽ là: Classic motion tween còn bản mới là: Create Classic Tween. Nó chỉ khác về chữ thôi còn chức năng là như nhau bạn ạ.

Chúc bạn thành công.
0
...
được viết bởi lethanhdanh, Tháng một 14, 2011
tôi test thì vệt sáng nó chạy từ bên phải qua bên trái, đáng lẽ ra là từ bên trái -> phải của tôi thì ngược lại, tôi phải làm sao đây>? anh bày giúp với nhé
Thanks
0
...
được viết bởi khuong, Tháng ba 28, 2011
Minh lam xong rui, play trong flash thi uki nhan khi test (ctrl+enter) thi chang thay hieu ung dau het smilies/angry.gif
0
...
được viết bởi Thai, Tháng ba 31, 2011
me too..sao luc crtl+enter thi ko co hieu ung gi la sao?? smilies/cry.gif
0
...
được viết bởi tung, Tháng tư 01, 2011
cám ơn mình đã làm thử và rất hiệu quả smilies/cheesy.gif
0
...
được viết bởi love-honey, Tháng bảy 14, 2011
Cám ơn bạn, bài viết đơn giản nhưng rất hay. Chúc bạn luôn vui vẻ mạnh khỏe và thành công. Vote smilies/wink.gif
0
...
được viết bởi phuc, Tháng bảy 16, 2011
Mình làm được rùi smilies/grin.gif
Nhưng lưu nó kiểu gì để nó chạy nhể smilies/cry.gif
0
...
được viết bởi Black mouse, Tháng bảy 21, 2011
smilies/smiley.gif) cái này chỉ là mẹo thôi. các bạn đừng để y đến cái logo bóng đổ của chủ thớt. chỉ căn giữa và căn phải 2 cái layer và tạo thêm 1 cái layer moi làm cái anh sang cho nó chạy bình thường roi mask cho nó. nó chỉ che cái logo o trên, con cai layer dưới cùng nó vẫn thế, nên nó ko bị che đi khi tao cho cái layer anh sáng là mask. smilies/grin.gifsmilies/grin.gifsmilies/grin.gifsmilies/grin.gifsmilies/grin.gifsmilies/grin.gifsmilies/grin.gif
0
...
được viết bởi Teo, Tháng tám 10, 2011
Đéo hiểu có làm bùa ko nữa làm mấy ngày rồi y trang như hướng dẫn mà ko chạy.
--> Bó chiếu.
0
...
được viết bởi Nguyễn Văn Huy, Tháng tám 23, 2011
Tới bước 6 ko hiểu gì cả... smilies/angry.gif
0
...
được viết bởi Ngoc Hoa, Tháng chín 01, 2011
Cam on ban nhieu lam. Dep qua di smilies/kiss.gif
0
...
được viết bởi hunglv106gmail.com, Tháng chín 08, 2011
Sao mình dùng Adobe Flash Cs3 mà ko có Classic motion tween hay Create Classic Tween.như bạn nói, thiếu mất bước này thì cũng chịu rồi
0
...
được viết bởi hi, Tháng mười 08, 2011
flash 8.0 ko có Bước 8 (create classic Tween)
làm sao giờ ?
hci
0
...
được viết bởi tuan, Tháng mười 11, 2011
viết gi chẵng có logic
0
...
được viết bởi why not?, Tháng mười 24, 2011
flash 8.0 không có bước creat classic tween phải làm sao bây giờ hả bạn
0
...
được viết bởi Mio Angelo 119, Tháng mười một 30, 2011
Nhờ bạn mà mình đã làm xong cái banner theo yêu cầu của sếp. Cảm ơn nhiều nhé. Bài viết rất hữu ích. Nếu lần sau bạn trình bày các bước kỹ hơn và chậm hơn mọi người sẽ dễ hiểu hơn, vì có nhiều người mới tập làm mà. Thân!
0
...
được viết bởi tuan, Tháng mười hai 17, 2011
cảm ơn nhé!!! mình thấy cái này sử dụng nhiềusmilies/grin.gif
0
...
được viết bởi fshop14, Tháng một 01, 2012
khong dung flash duoc kok ban, dung pds , tim vai kok thay ???

http://www.fshop14.com
0
...
được viết bởi fshop14, Tháng một 01, 2012
0
...
được viết bởi matnasat, Tháng một 07, 2012
cho hoi lam sao khi puplics ra file flash thi no ko chay con trong chuong trinh thi no chay vay?
0
...
được viết bởi Duong, Tháng một 18, 2012
E lam y het ma khong duoc =.="
0
...
được viết bởi Duong, Tháng một 18, 2012
Ở layer 40 bạn dùng công cụ Selection Tool (V) kéo hình chữ nhật qua bên kia hình logo LA NHU VAO VAY BAN! SAO BAN KHONG DE SDT HOAC YAHOO DE MOI NG CO THE LIEN LAC NHI =.="
0
...
được viết bởi Sơn Nguyễn, Tháng hai 03, 2012
mình xin hỏi 1 chút nâng cao hơn về hiệu ứng này.
mình thấy nhiều cái người ta làm,cái phần sáng chạy qua có rìa rất mềm mại chứ ko cứng như trên (tại layer chuyển động trái qua phải làm mask mình vẽ = công cụ trong flash).mình muốn cái đó phải có blur hay gì đó để mask đc mềm mại hơn thì phải làm sao.xin cảm ơn.
0
...
được viết bởi Hùng, Tháng ba 28, 2012
Làm được nhưng cái viền sáng blur chút thì đẹp hơn.
bạn có cách nào làm cho nó blur không? mình tô gradient vẫn ko tác dụng
0
...
được viết bởi Thuy Trang, Tháng ba 28, 2012
Muốn Blur bạn đổ Gradient sau đó chọn Alpha cho nó là 0% 1 bên là được smilies/grin.gif
0
...
được viết bởi LONG, Tháng ba 30, 2012
NẾU NHƯ MÌNH KHÔNG LÀM TEXT MÀ LÀM TỪ FILE JPG THÌ SAO BẠN. MÌNH LÀM RỒI MÀ VẪN BỊ HIỆN CÁI THANH MÀU TRẮNG CHẠY QUA NHÌN XẤU QUÁ
0
...
được viết bởi Phạm Thúy, Tháng ba 30, 2012
bạn đừng làm ảnh JPG, bạn thử làm với ảnh PNG xem, vì PNG nó trong suốt được nên chắc ko bị viền.smilies/grin.gif
0
...
được viết bởi truong van tho, Tháng tư 03, 2012
chan!lam mai chang duoc.huu

0
...
được viết bởi Thuy Trang, Tháng tư 03, 2012
Bài này dễ mà bạn, chắc bạn làm thiếu 1 chút nào đó thôi smilies/wink.gif
0
...
được viết bởi Ph°¡ngVT, Tháng tư 04, 2012
Khoong lamf dduwowcj
huhu.
0
...
được viết bởi Ph°¡ngVT, Tháng tư 04, 2012
Giá như có video thì tốt quá !
0
...
được viết bởi Thành Thái, Tháng tư 10, 2012
Mình dùng Flash 8.0, mình bị vướng ở chỗ bước 8 smilies/sad.gif.
Không thấy Classic motion tween cũng ko thấy Create Classic Tween
0
...
được viết bởi Nhan, Tháng năm 10, 2012
bạn ơi! cho hỏi dùng soft nào để thiết kế zậy ban?
0
...
được viết bởi onlylove, Tháng sáu 21, 2012
mình làm được hiệu ứng này rồi, rất đơn giản và đẹp
cám ơn bạn nhìu lắm
0
...
được viết bởi lukhachla, Tháng bảy 02, 2012
sao minh lam mai ma cai vet sang no chi mau trang thoi chu khong sang choi len duoc, ai chi giup dum minh lam sao cho sang choi len voi, cam on nhieu
0
...
được viết bởi lukhachla, Tháng bảy 03, 2012
có ai biết làm cho vệt sáng nó sáng chói lên được không chỉ dùm mình với, làm mãi mà nó cứ như lằng màu trắng chạy qua thôi hà
0
...
được viết bởi troi, Tháng chín 11, 2012
Hi thanks Admin mình đã làm được cho cái logo của mình. Hội những người phát cuồng vì xăng tăng giá =)) smilies/grin.gif
0
...
được viết bởi Jinger, Tháng chín 18, 2012
Mình muốn tốc độ nhanh hơn 1 tí được không vậy
0
...
được viết bởi troi, Tháng chín 18, 2012
Muon nhanh hon thi ban de cho frame ngan di la OK
0
...
được viết bởi Long, Tháng mười một 01, 2012
Bạn ơi cho mình hỏi, là khi mình ko để mask cho layer 8 thì ctr+enter nó chạy hiệu ứng bình thường.
Nhưng khi bật mask cho layer 8 thì test lại ko có hiệu ứng gì hết. là bị sao vậy bạn ?

0
...
được viết bởi nhi nhô, Tháng mười một 30, 2012
Mình đang dùng flash 8. Sao cứ đến bươc cuối cùng cũng giống như bài kia , trong cái menu của mình khi nhấp chuột phải chỉ thấy xuất hiện mỗi một chữ Create Motion tween thôi, chứ không có thấy 2 chữ Shape tween và classic tween hở bạn??? xin chỉ dẫ giùm cho mình với
0
...
được viết bởi do hoang nhi _0909435303, Tháng một 13, 2013
mình đã làm được rùi thank bạn chủ topic nhé smilies/wink.gifsmilies/wink.gif ...sẳn đây là trang website do mình thiết kế .. mời các bạn tham khảo cho mình ý kiến đễ web của minh đẹp hơn nhé.......http://vietincorp.com/
0
...
được viết bởi thanhphan, Tháng sáu 06, 2013
minh lam roi nhung van ko duoc, ko thay hieu ung gi het, ko biet phai lam sao nua
0
...
được viết bởi ..., Tháng sáu 26, 2013
LAM DUOC ROI NHUNG ANH SANG KHO DUOC RO
0
...
được viết bởi THIEN SU DIA NGUC, Tháng bảy 15, 2013
NGU LAM CAI CHU A smilies/tongue.gifsmilies/tongue.gifsmilies/grin.gifsmilies/grin.gif
0
...
được viết bởi trường, Tháng ba 10, 2014
bạn ơi cho mình hỏi là mình muốn làm mờ cái hình chữ nhật đó để cho giống với hiệu ứng bóng. Nhưng sau khi áp dụng MASK thì nó lại quay về với màu trắng ban đầu (không mờ nữa). Làm cách nào để nó mờ
0
...
được viết bởi MRB, Tháng tư 28, 2014
Admin cho em hỏi sao em làm rồi mà khi Export ra flie SWF lại ko thấy hiệu ứng vậy ạ. Giúp em với, em đang cần gấp. Thanks
0
...
được viết bởi trungvostro, Tháng năm 21, 2014
cảm ơn thật nhiều về bài viết của bạn!!! smilies/grin.gif
0
...
được viết bởi Chinh Trang 92, Tháng sáu 17, 2014
các bạn ơi, mình làm theo mà ko được, có bạn nào teamvieaw hay hướng dẫn mình cụ thể có được ko z??? smilies/sad.gif

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

busy