Hiển thị các bài đăng có nhãn Hiệu ứng text. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Hiệu ứng text. Hiển thị tất cả bài đăng

Thứ Tư, 22 tháng 6, 2011

Flash Lets make Unlimited Text Effects in Flash Tutorial


You must have used Swish max for making text effect. Today I’m going to tell you a technique, by using this technique you can make a lot of Text effect of your own desire in Flash. You just have to plan the type of effect and just use this tutorial. Lets start.

[Download Source FLA File]

1. Lets start with a new file of size 560 x 200 px with any bg color.

2. Now if you are expert in Flash then take a movie clip, otherwise for practice you can use Stage. So to make this tutorial easy, I’m using Direct stage. Now pick Type Tool and type your desire text on stage. I’m going to write ‘Stunningmesh‘. Use any font of your own desire, also color.

3. Press Ctrl+B once to break each character apart:

4. Right click on the text and select Distribute to Layer option, it will put each character on separate layer.

5. Delete to Top layer (named Layer 1) because it is useless for us. Now plan what kind of animation you wants to make, I’m planning that each character should drop from top to bottom, but character by character and having some elastic effect. So by using Mouse, select Frame 15 of every layer (by holding mouse left click on Frame 15 of ‘S’ layer and dragging it down to Frame 15 of last ‘h’ layer) as shown below:

6. Hit F5 key to make Frames:

7. Right click on any of the last frame and select Create Classic Tween (for Adobe CS) and Creat Motion Tween (for older versions), then hit F6 key to make Keyframes:

8. Now select Frame 25 of all Layers and hit F6 key:

9. Again select Frame 30 of all layers and hit F6 key, then Frame 32 of all layers and then Frame 34 of all layers:

10. Now select Frame 1 of all layers and then move the text towards up, outside of the stage:

11. Select Frame 15 of all layers and move the text below, by holding Shift and pressing Down Arrow key Twice:

12. Now select Frame 25 of all layers and hit Up Arrow key once by holding Shift key, then select Frame 30 of all layers and hit Down Arrow key five time but this time without holding shift key, then Frame 32 of all layers and hit Up Arrow key 3 times, without holding Shift key, keep Frame 34 text as it is.

13. Select again Frame 1 of all layers and come into Property Panel (you may find it towards right or bottom, if it is not showing then hit Ctrl+F3 to display). Under the Tweening title you must be watching Ease box, simply click on 0 in front of it and type 100:

13. Select Frame 15 of all layers and give -100 in Ease, then select Frame 25 of all layers and type 100 in Ease, then Frame 30 of all layers and type -100, then select Frame 32 of all layers and type 100 in ease and leave frame 34 as it is.

14. Again select Frame 1 of all layers and click on any character of text, you will see the Property box will change and there you will find, Color Effect box, from Style list box, select Alpha and type 0 instead of 100:

15. When you press Ctrl+Enter to check it, you will see whole text would come at once, but we need every character to come separately. For this purpose click second layer name (i.e. t layer), it will select all frames of Layer t:

hold any frame of Layer t and move it two frames towards right:

16. Now move all frames of ‘Layer u’ towards right 4 frames, then next layer to 6 frames and then so on:

17. When you hit Ctrl+Enter to watch it, it will display each character dropping from top to bottom, but then each character will vanish. To solve this problem select Frame 60 of all Layers and hit F6 to make keyframes:

Enjoy a simple animation:

[Download Source FLA File]

By using this simple technique, you can make unlimited effects. Here are some more Effects for you, so you can download Source FLA file to check these:

[Download Source FLA File]---nguồn


Thứ Hai, 20 tháng 6, 2011

Hiệu ứng chữ: quả cầu ánh sáng


Với bài hướng dẫn này bạn sẽ biết cách làm thế nào để tạo được hiệu ứng ánh sáng cho chữ, sử dụng “quả cầu ánh sáng” và Action Script trong Flash 8.

Bước 1: Mở một file Flash mới với độ kích thước là 300 x 200px và màu nền là màu đen.

Bước 2: Click đúp vào Layer1 để đổi tên thành layer Background. Sau đó Insert một layer mới với tên là Light ball.

Bước 3: Chọn Oval Tool (O) và chọn các thuộc tính sau

- Stroke color: phải chọn chế độ không màu
- Fill color: chọn màu trắng
- Giữ phím Shift kéo ra nền để được hình tròn và thay đổi kích thước hình tròn thành 162x162px

Bước 4: Click vào hình tròn vừa vẽ, mở Color Mixer Panel (Shift+F9) và thiết lập các thuộc tính giống hình dưới đây.

Kết quả hình tròn của bạn sẽ như hình dưới:

Bước 5: Lại chọn layer Light ball và nhấn phín F8 (Convert to Symbol) để chuyển đổi nó sang Movie Clip

- Type: Movie clip

- Registration: chọn tâm giữa

Bước 6: Mở Properties Panel (Ctrl+F3) và nhập tên Movie Clip vừa chuyển đổi vào phần

Bước 7: Click đúp chuột vào Movie Clip vừa tạo (lightBall) hoặc click chuột phải và chọn Edit in Place

Bước 8: Click trên frame 10, 20, 30 và 40 nhấn phím F6 vào mỗi frame (để tạo Keyframe)

Bước 9: Trở lại frame 10 chọn Free Transform Tool (Q) và kéo cho “light ball” của bạn nhỏ đi. Sau đó, mở Color Mixer Panel và thiết lập các lựa chọn như hình dưới.

Bước 10: Chọn frame 20, vào Free Transfrom Tool (Q) và kéo hình nhỏ đi chút nữa.

Bước 11: Chọn frame 30, lại tiếp tục chọn Free Transform Tool (Q) và tăng kích thước hình tròn lên một chút. Sau đó mở Color Mixer Panel và đặt màu ở slide bên trái là #789EF5 (hoặc màu bạn tự chọn)

Bước 12: Chọn layer1, trong phần Properties (Ctrl+F3) dưới Tween bạn chọn Shape

Bước 13: Trở lại scene chính (Scene 1) chọn frame đầu tiên của layer bóng, mở Action Script Panel (F9) và paste vào đó nội dung script sau:

startDrag ("lightBall", true);
_level0.drag = lightBall;

Bước 14: Thêm một layer mới và đặt tên là Text

Bước 15: Khoá và ẩn tất cả các layer ngoại trừ layer Text. Chọn layer Text và dùng công cụ Text Toll (A) với màu chữ là màu trắng rồi nhập vào nội dung tuỳ ý.

Bước 16: Copy đoạn text vừa nhập và đưa vào một layer mới, đặt tên layer mới này là Text1. Sau đó, thay đổi màu chữ của Text1 thành màu: #C4E8FD và sử dụng phím mũi tên để di chuyển layer này lệch xuống và sang phải một chút (xem hình dưới)

Bước 17: Bỏ ẩn và bỏ khoá cho tất cả các layer

Bước 18: Chọn layer Text và chuyển đổi nó sang dạng Mask bằng cách click chuột phải vào layer Text và chọn Mask.

Và như vậy là đã hoàn thành rồi, bạn hãy chạy thử file của mình xem nào. Bạn có thể lấy file đã hoàn thiện tại đây.

======================================

startDrag

Usage startDrag(target,[lock ,left , top , right, bottom])

· target Đường dẫn tới movie clip để kéo (drag: di chuyển con trỏ chuột trong khi vẫn nhấn và giữ phím trên chuột).

· lock Một giá trị logic Boolean xác định xem movie clip có khả năng kéo (draggable movie clip) bị khoá đối với điểm giữa của vị trí con trỏ (true), hay bị khoá với điểm mà ở đó người dùng click lên trên movie clip lần đầu tiên (false). Tham số này là tùy chọn.

· left, top, right, bottom Các giá trị liên quan đến các tọa độ của movie clip's parent ("mẹ" của movie clip, ta hiểu là instance cấp cao hơn, nơi movie clip được đặt) xác định một hình chữ nhật chứa movie clip (a constraint rectangle for the movie clip). Những tham số này là tùy chọn.

Returns: Không giá trị trả về.

Description: Action (hành vi); tạo một target movie clip có thể kéo được khi movie đang trình diễn. Ở một thời điểm chỉ một movie clip có thể kéo được. Ngay khi một thao tác startDrag (bắt đầu kéo) được thực thi, movie clip giữ nguyên khả năng kéo được (remains draggable) cho đến khi dứt khoát được dừng lại bởi một hành vi stopDrag, hoặc cho đến khi hành vi startDrag đối với một movie clip khác được gọi.

Example: Để tạo một movie clip mà người dùng có thể định vị trong bất kỳ vị trí nào, kèm theo các hành vi startDrag và stopDrag vào một nút bên trong movie clip.

on(press) { startDrag(this,true);}

on(release) { stopDrag();}


MovieClip._droptarget

myMovieClip._droptarget

Description: Property (read-only) {Thuộc tính (chỉ đọc)}; trả về đường dẫn tuyệt đối trong ký hiệu vạch xiên của instance movie clip trên đó MovieClip đã được thả (was dropped). Tham số _droptarget luôn luôn trả về một đường dẫn bắt đầu với một vạch xiên (/). Để so sánh thuộc tính _droptarget của một instance với một tham chiếu, hãy sử dụng hàm eval để chuyển đổi giá trị trả về từ cú pháp vạch xiên (slash syntax) thành một tham chiếu cú pháp chấm (dot syntax reference).

Example:Ví dụ sau ước lượng thuộc tính _droptarget của instance movie clip garbage và dùng eval để chuyển đổi nó từ cú pháp vạch xiên thành một tham chiếu cú pháp chấm. Tham chiếu garbage sau đó được so sánh với tham chiếu tới movie clip instance trash. Nếu hai tham chiếu tương đương, tính nhìn thấy được của garbage được thiết đặt thành false. Nếu chúng không tương đương, instance garbage được xác lập lại thành các vị trí gốc của nó.

if (eval(garbage._droptarget) == _root.trash) { garbage._visible = false;} else { garbage._x = x_pos; garbage._y = y_pos;}

Các biến x_pos và y_pos đều được thiết đặt trên Frame 1 của movie bởi đoạn script sau đây:

x_pos = garbage._x;y_pos = garbage._y;


stopDrag

stopDrag()
Parameters: None.

Returns: Nothing.

Description: Action (hành vi); ngừng thao tác kéo hiện tại.

Example: Câu lệnh này ngừng hành vi kéo (drag) trên instance mc khi người dùng nhả (release) nút con trỏ:

on(press) {startDrag("mc");}

on(release) {stopdrag();}


MovieClip.stopDrag

myMovieClip.stopDrag()

Parameters: None.

Returns: Nothing.

Description: Method (phương pháp, cách thức); kết thúc một method startDrag. Một movie đã được làm cho có khả năng kéo bởi method startDrag vẫn còn có khả năng kéo cho đến khi một method stopDrag được thêm, hoặc cho đến khi movie khác trở thành có khả năng kéo. Tại một thời điểm chỉ một movie clip có thể kéo được.



Thứ Bảy, 18 tháng 6, 2011

Hiệu ứng hiển thị chữ



Bài này sẽ hướng dẫn bạn cách tạo một hiệu ứng chữ rất đẹp mắt, nó có thể áp dụng sử dụng trong một số hiệu ứng banner, quảng cáo, các file trình chiếu… Với bài tập này, bạn sẽ không cần phải sử dụng mã Action Script.





Bước 1

Mở một file flash mới.

Bước 2

Chọn Modify > Document (phím tắt Ctrl + J). Thiết lập độ rộng của file là 450 pixel và chiều cao là 100 pixel. Chọn màu nền là màu trắng (#FFFFFF) và tốc độ Frame rate là 28. Sau đó kích OK.

Bước 3

Chọn công cụ Pencil Tool (Y) và từ các tùy chọn Pencil Tool trong Toolbox panel, chọn Ink. Xem hình sau:

Bước 4

Sau đó, vào phần Properties Panel (Ctrl + F3) chọn màu nét vẽ là màu đen, kiểu nét vẽ là Solid, độ dày là 3.

Vẽ một đường kẻ như hình sau

Bước 5

Chọn công cụ Text Tool (A), vào phần Properties Panel (Ctrl + F3) ở phía dưới màn hình làm việc. Sau đó chọn theo các tùy chọn sau:

1. Chọn kiểu Static Text
2. Chọn font chữ Script MT Bold (hoặc theo font nào bạn muốn sử dụng)
3. Chọn kích thước chữ là 30 và là chữ đậm (B)
4. Màu chữ chọn là màu đen
5. Dưới phần cỡ chữ và màu chữ chọn Anti-alias for readability

Bước 6

Sau đó nhập vào nội dung text. Ví dụ trong trường hợp này là “Mother”

Bước 7

Lại chọn công cụ Pencil Tool (Y) và vẽ một đoạn nữa nối sau chữ như hình sau

Bước 8

Sau đó, lại chọn công cụ Text Tool (A) và nhập tiếp chữ nữa vào sau đoạn vẽ. Chọn chữ vừa nhập, vào phần Properties Panel (Ctrl + F3) và thay đổi font chữ lên 38.

Bước 9

Lại chọn công cụ Pencil Tool (Y) và vẽ tiếp đoạn sau:

Bước 10

Chọn lại Text Tool (A) và nhập tiếp một chữ nữa. Sau đó chọn chữ vừa nhập, vào phần Properties Panel (Ctrl + F3) và chọn font chữ là 28.

Lặp lại tiếp quá trình cho đến chữ còn lại:

Bước 11

Kích đúp vào layer 1 và đổi tên thành text. Sau đó, kích vào frame 125 và nhấn F5.

Bước 12

Tạo một layer mới lên trên layer text và đặt tên là mask.

Bước 13

Khóa layer text lại, chọn layer mask và chọn công cụ Rectangle Tool (R). Trong phần Colors trên Tool Panel, khóa màu viền Stroke bằng cách kích vào biểu tượng bút chì và chọn hình vuông có đường chéo màu đỏ. Trong phần Fill color chọn bất kỳ màu nào, vẽ một hình chữ nhật với kích thước khoảng 20 x 60px và đặt hình chữ nhật vừa vẽ vào vị trí như hình sau

Bước 14

Kích vào frame 15 và nhấn F6. Sau đó, đặt hình chữ nhật dịch ra một chút, như hình sau

Bước 15

Kích vào frame 25 và nhấn F6. Chọn công cụ Free Transform Tool (Q), nhấn và giữ phím Shift và thực hiện theo thao tác sau.

Bước 16

Kích vào frame 35 và nhấn F6. Chọn lại công cụ Free Transform Tool (Q), nhấn phím Shift lần nữa và tiếp tục thực hiện theo thao tác sau.

Bước 17

Kích vào frame 45 và nhấn F6. Sau đó, đặt hình chữ nhật vào vị trí như hình sau

Bước 18

Kích vào frame 55 và nhấn F6.

Bước 19

Sau đó, lại chọn công cụ Free Transform Tool (Q) và kéo rộng hình chữ nhật (làm tương tự như cách trong bước 13) che hết chữ.

Lặp lại quá trình trên cho đến chữ cuối cùng.

Bước 20

Chọn layer mask và vào phần Properties Panel (Ctrl + F3). Trong phần Tween chọn Shape.

Bước 21

Chọn layer mask và chuyển nó sang dạng mask bằng cách kích chuột phải vào tên layer mask và chọn Mask.

Kiểm tra lại bài làm bằng cách nhấn Ctrl + Enter. Bạn có thể download file nguồn tại đây.

Theo quantrimang

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | 100 Web Hosting