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



You are here: Tutorials  Hiệu ứng Hướng dẫn làm hiệu ứng kính lúp trong flash

Hướng dẫn làm hiệu ứng kính lúp trong flash

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

(Bạn di chuột vào flash này xem có ngạc nhiên không)


Sau đây tunglinhonline xin hướng dẫn các bạn làm hiệu ứng kính lúp trong flash, đây là 1 hiệu ứng đơn giản nhưng khá thú vị, các bạn đọc qua là sẽ làm OK ngay.

PS: Bài viết này đã cũ các bạn hãy vào Link này: http://aloflash.com/thuc-hanh-flash/hieu-ung/560-lam-kinh-lup-trong-flash.html Để xem hướng dẫn chi tiết.

Đầu tiên cần chuẩn bị 2 ảnh giống nhau, 1 ảnh nguyên gốc và 1 ảnh đã xử lí bằng bộ lọc (filter), ở đây em chọn filter là blur (có thể dùng Photoshop cho dễ)
Trong ví dụ này mình chỉ làm 1 ảnh, nhưng mình sẽ làm cho kích thước nó to nhỏ khác nhau để giống kiểu kính lúp hơn

 

Bước 1: Bạn tạo 1 file flash mới có kích thước 640 x 480 (đó là kích thước bức ảnh của mình còn tuỳ vào bức ảnh của bạn to hay nhỏ mà chọn kích thước sao cho hợp lý).

Bước 2: bạn tạo 4 layer như trong hình vẽ, ở layer 1 bạn import cái ảnh vào, nhớ set position chính giữa nhé (ở đây cần nói thêm cho các bạn newbies hiểu, muốn set position đúng chính giữa thì cách dễ nhất là sử dụng properties, chỉ cần chọn cái ảnh, mở properties lên, ngay chỗ X, Y điền vào số 0 hết).




Bước 3: Ở layer 2 thì copy và pase cái ảnh ở layer 1 sang, cũng set position chính giữa nhé.

Bước 4: Ở layer thứ 3, dùng công cụ Oval tool vẽ 1 vòng tròn, màu gì cũng được, vì bước sau chúng ta sẽ convert layer này thành mask layer. Tiếp theo chọn vòng tròn này (nhớ chọn luôn phần viền ngoài (stroke)) và convert nó thành Movie Clip, tên là c1 và instance name cũng là c1.

Bước 5: Convert cái layer thứ 3 thành mask layer bằng cách click chuột phải vào layer, chọn mask.



Bước 6: Ở layer trên cùng vẽ 1 vòng tròn cùng kích cỡ với vòng tròn c1 ban nãy, nhưng không có phần fill, chỉ là stroke thôi nhé, phần stroke để dày lên cho dễ nhìn. Chọn vòng tròn này và convert nó thành Movie Clip, tên là c2 và instance name cũng là c2.

Bước 7: thế là chúng ta đã hoàn thành phần hình ảnh, bây giờ bắt tay vào viết code:

Chọn frame 1 layer 4 và viết vào đó đoạn code này:
this.onEnterFrame = function () { c1._x = _xmouse; c1._y = _ymouse; c2._x = _xmouse; c2._y = _ymouse; };


Bước 8: Tới đây movie của chúng ta vẫn chưa giống kính lúp hẳn, cần phải làm thêm sao cho phần trong vòng tròn phóng to lên một chút nữa thì sẽ giống hơn nhỉ.
Bạn scale cái ảnh ở layer thứ 2 cho lớn hơn khoảng 50% (dùng công cụ Free tránform tool để kéo to bức ảnh ra.), đặt nó ở vị trí trên chếch chếch 1 chút *-:). convert nó thành Movie Clip tên là i1, instance name cũng là i1.


Sau đó thêm đoạn code này vào đoạn code lúc nãy (dưới dòng c2._y = _ymouse)
i1._x = _xmouse - (_xmouse/512)*i1._width + i1._width/2; i1._y = _ymouse - (_ymouse/384)*i1._height + i1._height/2;


Và bây giờ chúng ta có đoạn code hoàn chỉnh:
this.onEnterFrame = function (){ c1._x = _xmouse; c1._y = _ymouse; c2._x = _xmouse; c2._y = _ymouse; i1._x = _xmouse - _xmouse / 640 * i1._width + i1._width / 2; i1._y = _ymouse - _ymouse / 480 * i1._height + i1._height / 2; };

Download file gốc

Note: Đây chỉ là ví dụ cơ bản, các bạn có thể biến tấu theo những cách khác dựa trên bài hướng dẫn cơ bản này. Chúc các bạn có những tác phẩm độc đáo và tuyệt đẹp.

Bình luận (27)Add Comment
0
...
được viết bởi quá hay, Tháng chín 16, 2010
Quá hay luôn. Thanks you vinamilk smilies/grin.gif
0
...
được viết bởi cocacola, Tháng mười 02, 2010
thankyou!smilies/smiley.gif
0
...
được viết bởi banhmiopla, Tháng mười 23, 2010
thanks đa số hiệu ứng làm trong cs không ah,mình chưa rành lắm
0
...
được viết bởi kieukha, Tháng mười một 01, 2010
Thanks!!
0
...
được viết bởi thuan199, Tháng mười một 06, 2010
Mình chạy nó báo lỗi như sau nè:

1120: Access of undefined property c1.
1120: Access of undefined property _xmouse.
1120: Access of undefined property c1.
1120: Access of undefined property _ymouse.
1120: Access of undefined property _xmouse.
1120: Access of undefined property _ymouse.

Mình làm bằng Adobe Flash CS3 Professional.

Các bạn có thể hướng dẫn mình không?
0
...
được viết bởi tony hoang, Tháng mười hai 11, 2010
cho minh hoi ti cai so 512 va 384 co nghia la gi vay ban
( Sau đó thêm đoạn code này vào đoạn code lúc nãy (dưới dòng c2._y = _ymouse)
i1._x = _xmouse - (_xmouse/512)*i1._width + i1._width/2; i1._y = _ymouse - (_ymouse/384)*i1._height + i1._height/2smilies/wink.gif
0
...
được viết bởi aloflash, Tháng mười hai 15, 2010
Nó là chiều dài và chiều rộng của flash đó bạn.
0
...
được viết bởi bi, Tháng mười hai 16, 2010
hết sức hay quá trời!
0
...
được viết bởi Văn Quý, Tháng mười hai 21, 2010
Ngưỡng mộ bạn Tùng Linh này quá. Đã xem nhiều tác phẩm của bạn, nhiều cái rất độc đáo
0
...
được viết bởi huy1878, Tháng mười hai 26, 2010
file gốc đâu bạn, mình chả thấy
0
...
được viết bởi tathan, Tháng một 14, 2011
sao mình làm vòng tròn của kính lup ko chạy vậy...hic
0
...
được viết bởi nguyễn anh dũng, Tháng hai 01, 2011
làm hem có dc . ai làm được rồi PM YH handoi_qua_den chỉ dùm tớ với . thanks sâu mắt
0
...
được viết bởi nvt_mta, Tháng ba 03, 2011
thanks nhé!
Các bạn lưu ý nếu muốn làm được thì phải đổi lại thứ tự các bước một chút
cụ thể:
- các bạn làm xong bước 3 thì chuyển sang làm bước 8 trước nhé (tức là scale cái ảnh ở layer 2 lên đó) sau đó làm tiếp bước 4
- ở layer 4 các bạn không cần vẽ vòng tròn làm j cả mà để nguyên layer trắng nha
- toàn bộ 3 dòng code các bạn đều viết ở Frame1 của layer4
sau đó các bạn chạy file là ok!
smilies/grin.gif
chúc các bạn thành công
0
...
được viết bởi hainguyen, Tháng ba 31, 2011
Sau đó thêm đoạn code này vào đoạn code lúc nãy (dưới dòng c2._y = _ymouse)
i1._x = _xmouse - (_xmouse/512)*i1._width + i1._width/2; i1._y = _ymouse - (_ymouse/384)*i1._height + i1._height/2;

Và bây giờ chúng ta có đoạn code hoàn chỉnh:
this.onEnterFrame = function (){ c1._x = _xmouse; c1._y = _ymouse; c2._x = _xmouse; c2._y = _ymouse; i1._x = _xmouse - _xmouse / 640 * i1._width + i1._width / 2; i1._y = _ymouse - _ymouse / 480 * i1._height + i1._height / 2; };
tai sao cosd thêm lại cho kích thước là 512 và 384. mà đoạn cosd hoàn chỉnh lại cho kích tước là 640 và 480. mình khó hiểu đoạn này
mà mình làm theo toàn bị lỗi .có cách nào làm đc nữa không
bạn giúp mình với.
0
...
được viết bởi hay , Tháng tư 09, 2011
Moi hoc thoi ma nhin da thay hay roi
Em moi buoc chan vao phan mem flash nay va cung chi hoc hoi tim toi tren mang . O ngoai thi em dang lam photoshop rat goog ai co can hoi ve van de j va can nhung j thi cu alo hoac gui mail vao : Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. '> Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. or Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. '> Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. va se duoc ho cho ve moi thu cua PTS the nhe . MInh la nguoi VN ca ma
0
...
được viết bởi hay, Tháng tư 09, 2011
anh oi download file goc dau ????smilies/grin.gif chang thay lik day ca
0
...
được viết bởi Flash =1, Tháng năm 01, 2011
cho mình hỏi định dạng của hình là gì vậy ?
0
...
được viết bởi ChiLuan, Tháng tám 16, 2011
Sao mình làm mãi mà không được bạn ơi? Mình đang xài Macromedia Flash Professional 8, không biết có khác gì so với cái của bạn hướng dẫn không? Mình làm 3,4 lần rồi mà vẫn như vậy hà, vòng tròn không chuyển động theo chuột của mình. Cứ đứng yên một chỗ hà, buồn ghê!!!!smilies/angry.gifsmilies/sad.gifsmilies/sad.gifsmilies/cry.gif
0
...
được viết bởi ???, Tháng mười 09, 2011
chỉ cũng chỉ ngu!
0
...
được viết bởi ???, Tháng mười 09, 2011
istance name là cái j chỉ mẹ luôn chỗ nào đi! chỉ j mà ngu như bò!
0
...
được viết bởi nguyen van toan, Tháng mười 26, 2011
minh dung macromedi flash8 co LAM DUOC KO SAO MINH LA,M MAI MA KO DUOC
CHI XUAT HIEN MOT GOC NHO CO KINH LUP NHUNG MA KO CHINH XAC DIA CHI
HELP ME !
THANK
0
...
được viết bởi nguyen van toan.HELP ME!, Tháng mười 27, 2011
Ở layer trên cùng vẽ 1 vòng tròn cùng kích cỡ với vòng tròn c1 ban nãy, nhưng không có phần fill, chỉ là stroke thôi nhé, phần stroke để dày lên cho dễ nhìn. Chọn vòng tròn này và convert nó thành Movie Clip, tên là c2 và instance name cũng là c2.
VAY CO NGHĨA LÀ VONG TRONG NAY VE TRÊN LAYER MASK THU 3 À,NEU NHU VẬY O BƯỚC 5 TA DÃ CHUYỂN THANH MASK RỒI NÊN LAYER 3,2 BI KHÓ RỒI LÀM SAO MA VẼ VONG TRÒN TIEP THEO TÊN LAYER 3 ĐƯỢC CHỨ .MINH KO HIỂU BƯỚC ĐÓ ANH CHỊ NAO BIẾT THÌ GIÚP MÌNH VỚI ,.BỰC MNH QUÁ,,,,LÀM KHÔNG ĐƯỢC,,.TRỜI TỨC QUÁ
0
...
được viết bởi thanh, Tháng mười một 29, 2011
soi lech thi lam sao?
0
...
được viết bởi Chí Luận, Tháng mười hai 28, 2011
Hehe, làm được rồi.

@thuan199:
"1120: Access of undefined property c1.
1120: Access of undefined property _xmouse.
1120: Access of undefined property c1.
1120: Access of undefined property _ymouse.
1120: Access of undefined property _xmouse.
1120: Access of undefined property _ymouse.
Mình làm bằng Adobe Flash CS3 Professional."
Lỗi này là do bạn chưa đặt tên cho đối tượng đó, bạn nhấn F9 vào phần code sau đó chọn Insert a target path và kích đúp chuột vào đối tượng sau đó đặt tên lại.
Chúc bạn thành công!
0
...
được viết bởi huong nguyen, Tháng một 12, 2012
smilies/grin.gif minh thay hay . nhungminh lam thu cai kinh ko co trung voi chuot. di chuot cho nay thi hinh cai kinh dich sang cho khac cung mot doan luon hihihi
0
...
được viết bởi Nguyễn Trần Hung, Tháng hai 09, 2012
Anh tunglinhonline ơi, anh làm 1 cái video demo cho chúng em hiểu hơn đc ko, em làm mãi mà ko đc smilies/sad.gif(
0
...
được viết bởi borntolead, Tháng chín 15, 2012
hjx mình cũng bị lỗi 1120: Access of undefined property _ymouse.
không biết có cao nhân nào rãnh giúp mình qua yahoo không nick tuan.lead
theo tớ hiểu thì nó báo đối tượng _ymouse (đối tượng mặc định) này chưa được định nghĩa tớ làm theo bạn Chi luân thì không thấy đối tượng mặc định _ymouse và _xmouse đâu cả

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

busy