Tiếp tục đẩy mạnh việc học tập, làm theo tư tưởng, tấm gương đạo đức và phong cách Hồ Chí Minh. Tiếp tục thực hiện có hiệu quả các cuộc vận động lớn: Cuộc vận động “Hai không”, “Mỗi thầy cô giáo là một tấm gương đạo đức, tự học và sáng tạo”, phong trào thi đua “Xây dựng trường học thân thiện, học sinh tích cực”.

CHỦ ĐỀ NĂM HỌC 2018-2019

Thư điện tử




Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Gốc > Tin học trong tầm tay > Flash >

    Macromedia Flash MX (Bài 6)

    Ở bài trước tôi đã đề cập đến việc tạo khung hình nố tiếp, một trong hai dạng chính của khung hình. Quả thật, nếu làm một flash mà chỉ đầu tư "cơ bắp" vậy cũng đã đủ khoảng 60-70%, nhưng giả sử đoạn flash ấy kéo dài 1 phút hay hơn vậy thì làm một bài tính đơn giản cho số đoạn frames mà bạn thiết lập thì đúng là một "big problem", hiểu được vấn đề đó, hãng macromedia đã sáng tạo ra một loại khung hình thứ 2, đó là khung hình biến đổi (xem chi tiết phần cơ bản ở bài 4).Nay tôi xin hướng dẫn bạn cách tạo khung hình biến đổi dạng đầu tiên:

    Khung hình biến đổi chuyển động

    Để cho bài học có một cái gì đó cho bạn thực hành và dễ hiểu, tôi sẽ làm một ví dụ nho nhỏ sau, bạn sẽ làm cho chú gà con "Echip" bay từ một điểm này đến điểm khác sau một đoạn khung hình. Và đầu tiên bạn cần chuẩn bị cho tôi một tấm hình "gà con" hay đại loại gì đó cũng được (nói thế không phải không làm việc với text được).

    Tôi sẽ tạo một tài liệu mới 800x600 pixels và cho chú gà bay từ góc trái sang góc phải, thời gian bay là 5s, nếu bạn đặt số frame trong 1 giây là 12 vậy tương đương với 60 frames.Vậy tại frame thứ 60, bạn tạo ra một khung hình khóa.

    Đặt trỏ chuột tại khung hình đầu tiên (hình) và chọn trên thanh menu : File>Import (hoặc nhấn Ctrl+R) để chèn hình ban đầu vào. Hộp thoại Import hiện ra, bạn chọn hình mà mình đã chuẩn bị sẵn.

    Khi này, bạn sẽ thấy xuất hiện hình mà mình muốn chèn nằm giữa khung làm việc, bạn nhấn V chọn công cụ Arrow để dời hình về góc trái khung làm việc. Đồng thời bạn sẽ thấy toàn bộ phần khung từ frame 1-59 bị tô xám.

    Lúc này bạn chọn frame đầu tiên và nhấn giữ nút shift, giữ cho đến khi bạn chọn frame thứ 59 thì hẵng buông ra để đánh dấu chọn khung hình 1 đến khung hình 59, sau đó nhấn chuột phải chọn Remove Tween, làm điều này chúng ta sẽ biến cả đoạn khung hình ở giữa thành khung hình biến đổi có vấn đề, buộc phải làm vậy để có thể chuyển sang một trong hai dạng khung hình biến đổi (nói cách khác khung hình biến đổi có vấn đề là khung hình bị thiếu mất khung hình khóa đầu hay khung hình khóa cuối, và là bước trung gian từ khung hình bình thường thành khung hình dạng biến đổi.

    Tiếp đến ta click chọn hình chú gà con (hình trên) và nhấn tổ hợp phím Ctrl+C để copy hình chú gà. Và bạn thử đoán xem ta sẽ paste ở đâu? Hẳn là ở frame thứ 60 rồi. Tôi sẽ nói chi tiết hơn một tí, bạn chọn frame 60 sau đó dùng công cụ Arrow click vào khung làm việc một cái sau đó nhấn Ctrl+V, và bạn sẽ kéo hình chú gà này về phía tuốt tận cùng phíc bên phải. Xong xuôi bạn sẽ có khung hình như sau:

    Vậy là đầy đủ điều kiện cho một khung hình dạng biến đổi (có khung hình khóa ở đầu và khung hình khóa kết thúc), đến lúc này trướ khi xuất ra xem bạn có thể kiểm tra trước tương tự như khung hình nối tiếp. Đoạn khung hình ở giữa có hình mũi tên sẽ do flash tính toán đường bay cho chú chim từ góc phải sang góc trái. Đơn giản quá phải không? Nhưng tiếc thay một số thao tác mà tôi vừa hướng dẫn các bạn có pha một chút không chính quy, bạn có nhận ra là gì không? Đó là khung hình đết thúc, nó chưa là khung hình biến đổi (nếu là thì nó đâu có màu xám).

    Vậy tôi sẽ hướng dẫn cho bạn cách chính quy và theo bạn cách nào nhanh hơn là còn tùy. Cũng như trên nhưng ta dừng lại ở chỗ vừa tạo xong khung hình biến đổi có vấn đề. Lúc này bạn chỉ cần chọn khung hình thứ 59 và nhấn chuột phải chọn Insert Keyframe, sau đó để trỏ chuột ở khung hình thứ 59 (lúc này đã biến thành khung hình khóa), và kéo hình chú gà trong khung làm việc về góc phải:

    Vậy là xong, nhưng bạn thấy đấy, mọi việc kết thúc ở khung hình 59, và khung hình 60 lại bị biến thành khung hình khóa trống, vậy một điều rút ra được là khi áp dụng cách chính quy thì bạn phải tạo dư ra một khung hình lúc đầu và sau đó phải xóa cái khung hình dư đó đi. Thế đấy, cái nào cũng có một chút phiền phức nhất định cả. Nhưng với cách làm đầu tiên tôi cũng muốn nói với các bạn một điều, hãy tận dụng triệt để khả năng cắt dán trong flash, nó cũng tương tự như các chương trình Office và sẽ tiết kiệm cho bạn một khối thời gian lớn khi làm việc.

    Bạn thấy đấy, mặc dù chỉ với một số bước ngắn gọn mà ta đã có thể tiết kiệm biết bao nhiêu sức lao động trong khi cứ phải tạo mỗi đoạn frame rồi đặt một hình vào cho ví dụ khung hình nối tiếp, và với ví dụ trên nếu bạn tạo thêm nhiều khóa ở giữa nữa, chẳng hạn 12 frame thì cứ đặt một khóa và tại mỗi khóa bạn dịch chuyển chú gà con một tí thì hẳn chú sẽ bay lượn đẹp lắm ta. Nếu mà làm với khung hình nối tiếp thì quả thực trời hỡi cực ơi là cực và còn không chính xác nữa chứ, và tôi xin đưa ra ngay ví dụ :

    Bạn thấy giữa hai hình có sự khác biệt chứ, một chú thì bay thẳng một đường làm cho đoạn flash mất tự nhiên làm sao, còn một chú thì bay lượn một chút xíu trong có vẻ tự nhiên hơn.

    Thực ra tôi chỉ có thay đổi chút xíu như đã nói ở trên thôi, nếu vẫn chưa hiểu thì bạn nhìn hình dưới đây sẽ tưởng tượng ra ngay thôi, và nhớ là có 5 đoạn khung hình bến đổi đấy nhé:

    Hình mỗi Chíp ở đây chính là một vị trí của khung hình khóa, với cách làm như vậy góc độ khi bay sẽ bị lệch đi một chút và đánh lừa người xem khiến họ nghĩ rằng thực ra những chú chim kia bay lượn lờ. Từ ví dụ này tôi khuyên các bạn đừng để vị trí các chú Chip lệch nhau quá, mà chỉ nên hơi lệch thôi, và khoảng cách giữa hai điểm nên nhỏ thôi nếu không đoạn flash sẽ cho thấy chú Chip bay theo góc cạnh chứ không lượn lờ nữa, vậy chắc chắn sẽ không thuyết phục được người xem.

    Đến đây tôi đã giới thiệu xong khung hình dạng biến đổi chuyển động, nhưng tất cả chỉ mới là căn bản thôi, sau khi giới thiệu xong 4 khâu căn bản tôi sẽ đi vào chuyên sâu hơn cho các bạn sau, và ở bài sau (bài 6b) chúng ta sẽ tiếp tục làm quen với khung hình biến đổi hình dạng với ví dụ mà trước kia tôi đã đề cập với các bạn, biến một chữ G màu xanh thành một chữ K màu đỏ.

    Khung hình biến đổi hình dạng:

    Ở bài 6a chúng ta đã được làm quen với dạng khung hình biến đổi chuyển động. Giờ tôi sẽ thực hiện lời hứa của mình, hướng dẫn ngay các bạn các cơ bản để tạo một khung hình biến đổi hình dạng, vậy xin được bỏ qua phần giới thiệu dài dòng vì dù sao qua các bài học trước các bạn cũng đã biết phần nào về loại khung hình này.

    * Khái quát:

    Chúng ta sẽ làm cho tất cả biến đổi diễn biến trong vòng hai giây nên như các bạn cũng biết chúng ta phải tạo ra số frame gấp đôi so với mặc định mà bạn quy định có trong một giây (thông thường thì là 12fps thì số frame bạn cần tạo 24 frames, và đây là lần cuối tôi nhắc lại việc quy định frames, sau này mọi bài viết sẽ để ở mức frame chuẩn là 12fps, tôi sẽ không nói nhiều vể phép tính tạo frame đơn giản nữa).

    * Phần chính:

    - Đầu tiên bạn đặt thanh thực hiện tại frame thứ nhất, tại đây bạn chọn công cụ Text và nhập vào chữ G.

    - Tiến tới frame thứ 24 bạn nhấn chuột phải chọn Insert Blank Keyframe (nên nhớ là Blank chứ không phải Insert Keyframe, còn tại sao phải như vậy thì xin bạn xem lại bài 5).

    - Giờ frame thứ 14 của bạn sẽ là khung hình trống, tại đây bạn lại chọn công cụ Text và nhập chữ K tại ngay vị trí mà bạn đã nhập chữ G (bạn chọn font chữ lớn hơn cũng không sao bởi vì biến đổi hình dạng bao gồm ý biến đổi kích thước).

    - Nhập hai chữ G và K xong công việc của bạn vẫn chưa kết thúc, việc mà bạn phải làm là biến các chữ dạng text (thuần văn bản) này sang dạng hình (bởi flash chỉ chấp nhận biến đổi các hình dạng chứ không thể biến đổi các file mà mỗi kí tự của nó mang tên đuôi khác trong Wins).

    - Để làm việc này bạn chọn khung hình đầu tiên và chọn trên menu: Modify>Break Apart (hoặc nhấn Ctrl+B), bạn thực hiện điều tương tự cho chữ K.

    - Tiếp theo bạn di chuyển thanh thực hiện đến vị trí frame đầu tiên. Ở đây bạn nhấn chuột phải chọn Properties, bảng Properties ở cuối màn hình hiện ra và bạn chọn thông số như hình sau:

    Như bạn thấy đấy trước đây khi tạo khung hình chuyển động thì chúng ta chọn Motion, giờ khi chọn shape thì hiễn nhiên là dạng còn lại của khung hình (vậy là khung tween đã không còn bí ẩn gì với chúng ta và tôi đã thực hiện lời hứa sẽ giải thích toàn bộ cho bạn). Sau khi chọn Shape khung hình của chúng ta sẽ biến thành như thế này:

    (đúng với màu xanh lá cây sáng mà tôi nhắc đến trong bài 4)

    Nhưng còn thông số Ease và Blend là gì? Bạn chớ băn khoăn, tôi giải thích ngay đây:

    + Ease: có hai giá trị từ -100 đến 0 là giá trị In, từ 0 đến 100 là giá trị Out. Là tùy chọn giúp bạn tăng giảm tốc độ chuyển động biến đổi. Ease giúp cho khoảng thời gian từ khi bắt đầu cho đến khi kết thúc chuyển động biến đổi tốc độ sẽ tăng dần hay giảm dần. Nếu giá trị 0 đương nhiên tốc độ sẽ không thay đổi từ khi bắt đầu cho đến khi kết thúc chuyển động.

    + Blend: có hai thông số chính là Distributive và Angular.Là tùy chọn giúp cho đường nét và góc hòa trộn nhau. Distributive phù hợp cho hình dạng cong và trơn. Angular ngược lại là lựa chọn số 1 cho góc cạnh. Nói vậy chứ dù là góc hay dạng cong đều có thể một trong hai thứ này, chỉ là cái nào phù hợp và tối ưu hơn thôi. Trong ví dụ bạn thấy rõ chữ G thì cong còn chữ K thì góc cạnh nên bạn chọn tùy chọn nào cũng tốt cả.

    Đến lúc này sau khi thiết lập xong bạn đã có một flash biến đổi hình dạng hoàn chỉnh mà không cần phải phân chính quy hay không như chuyển động rồi đấy, bạn có thể xem thẳng ngay trong FlashMX cũng được, nếu không thì xuất ra xem cũng không sao.

    Trên là ví dụ về việc vừa biến đổi hình vừa biến đổi độ lớn.

    [Đầu trang]

    Tất cả các công phu về biến đổi hình dạng do Macromedia cung cấp cho chúng ta vẫn chưa dừng tại đó, hãng còn cung cấp cho chúng ta một tính năng tuyệt vời có tên Shape Hints.

    Shape Hint: là chứ năng chọn và quy định một hay nhiều vị trí trên hình ban đầu theo bảng chữ cái và quy định các điểm tương ứng tại hình dạng kết thúc. Một điều thuận lợi từ Shape Hint là khi đặt, các điểm sẽ tự động dò tìm theo phần tử của hình, dễ dàng cho ta thiết lập và việc biến đổi vị trí các phần tử diễn ra theo ý ta chứ không phải do flash quyết định.

    Để sử này ta chọn Modify>Shape>Add Shape Hint (Ctrl+Shift+H).

    - Chọn khung hình đầu tiên, sau đó chọn chức năng Shape Hint, sau đó kéo điểm Shape Hint đến góc nào đó trong hình, thực hiện như vậy cho đến khi các điểm Shape Hint bao quanh hình:

    Như các bạn cũng thấy, trong hình các vị trí mà tôi đặt là theo thứ tự từ a đến i, từ đó bạn cũng buộc phải đặt ở frame cuối cùng bao quanh chữ K là các điểm Shape Hint từ a đến i, nếu không thực hiện đúng quy trình thì hậu quả dẫn đến là đoạn flash biến đổi của bạn không hợp logic từ đó khiến cho đoạn flash có kết quả khó đoán, hỏng đi sự biến đổi mềm mại mà thay vì flash giúp ta tự tính toán nếu không sử dụng tính năng này.

    - Tiếp đến ta chọn khung hình cuối cùng và đặt các điểm Shape Hint tương ứng như tôi đã nói ở trên. Cần lưu ý khi bạn tiến đến frame cuối chứa chữ K thì các điểm SH (Shape Hint) không cần phải tạo lại mà chúng nằm đè lên nhau, việc của bạn là phải tách chúng ra và đặt chúng tại các điểm hợp lý:

    Nguyên trạng khi vừa chuyển đến frame cuối, các SH đè lên nhau và trên cùng là SH i.

    Đây là các vị trí SH sau khi chỉnh sửa vị trí, nhưng rất tiếc là không hợp logic nên Flash không thể tính toán chu trình biến đổi.

    SH là một tính chất kèm thêm của Flash cực mạnh và cho phép bạn thay đổi cơ cấu biến đổi, nhưng bù lại nó lại rất khó sử dụng trong khâu đặt các phần tử sao cho hợp logic. Do đó nếu bạn mới bắt đầu học flash thì chỉ nên áp dụng cho các cấu trúc hình học đơn giản như hình vuông chữ T hay hình tròn,... Còn nếu bạn là một Designer chuyên nghiệp hay đã sử dụng thuần thục Flash thì đây là một mấu chốt của sự khác nhau giữa trình độ của bạn và người khác.

    Nếu việc thiết lập SH không thành công, bạn không nên lo lắng mà bỏ tất cả đoạn flash, bạn có thể bỏ tất cả SH bằng cách nhấn chuột phải vào một SH nào đó trong hình của Frame đầu tiên chọn Remove All Hints để xóa bỏ tất cả và Remove Hint để xóa SH mà bạn đang chọn. Đơn nhiên tạo thêm Hint thì bạn chọn Add Hint.

    Đến đây là kết thúc phần cơ bản của khung hình dạng biến đổi hình dạng, tiếp đến tôi sẽ hướng dẫn bạn các nào để chú gà Chip bay vòng tròn khi sử dụng khung hình chuyển động. Tất cả sẽ được thực hiện gói gọn trong bài 6c, nhưng trước hết bạn cũng nên xem lại những bài liên quan đến công cụ vẽ đã đưa lên website Echip để dễ thao tác hơn.

     

    Khung hình chuyển động theo lớp dẫn:

    Chúng ta đã được biết đến cách tạo khung hình biến đổi chuyển động ở bài 6a.

    Ờ cuối bài tôi đã có đề cập đến phương thức tạo nhiều khoảng frames để chú gà con lượn lờ lên xuống tạo cảm giác thật cho người xem, nhưng cách đó có vẻ chỉ thích hợp khi ta cho bé gà bay trên đường thẳng và không những thế còn làm ta mất nhiều công sức.

    Vậy nếu muốn bé Chíp nhà ta bay theo một đường phức tạp thì ta phải làm sao đây? Các bạn thử xem ví dụ dưới đây nhá.

    * Lớp dẫn:

    Thật đơn giả đó chính là chúng ta sử dụng thêm lớp dẫn.

    Vậy lớp dẫn làm gì?

    Lớp dẫn là một lớp đè lên lớp hiện hành, cho phép ta hoạch định đường bay cho đối tượng, đây là một trong các loại cao cấp nhất của lớp mà ta chỉ thấy ở các chương trình tạo flash.

    Lớp hiện hành sẽ quy định điểm đầu và điểm cuối của đối tượng chuyển động, lớp hiện hành sẽ là lớp chứa khung hình chuyển động quy định đường bay thẳng cho đối tượng.

    Lớp dẫn chứa nội dung đường bay theo logic, ta chỉ cần vẽ đường bay sao cho đi qua điểm đầu và điểm cuối của đối tượng và hợp logic thì flash sẽ tự tính toán đường bay cho lớp hiện hành (lớp chứa chuyển động bay thẳng).

    Lớp dẫn không hiển thị khi thực hiện chu trình chuyển động.

    * Thực hiện:

    Nói mà không làm thì khó mà hiểu được.Do đó bạn hãy cùng tôi thực hiện ví dụ nói trên.

    Đầu tiên ta tạo một chuyển động y như ví dụ ở bài 6a.

    Xin xem hình dưới để bạn có thể hình dung ra.

    Như bạn thấy, trong vòng 50 khung hình , chú gà con sẽ chuyển động từ sát phía bên trái đến sát phía bên tay phải tài liệu của bạn.

    Chúng ta sẽ không đá động gì đến lớp hiện hành này nữa.

    Việc tiếp theo là bạn phải chèn một lớp dẫn, xin hãy xem chi tiết ở hình sau.

    Bạn nhấn vào biểu tượng đã được khoanh đỏ.

    Layer Guide mà tôi gọi là lớp dẫn xuất hiện.

    Nếu mặc định phiên bản Flash mà bạn dùng không phải là Guide thì bạn nhấn chuột phải lên layer này và chọn Guide.

    Tiếp đến bạn chọn hết tất cả frame trong layer này và chọn công cụ vẽ nào mà bạn muốn để vẽ đường đi cho đối tượng.Ở đây tôi dùng công cụ Pencil để vẽ đường đi ngoằn ngoèo cho đối tượng.

    Việc cuối cùng mà bạn phải làm bây giờ là export thành quả ra mà thôi.

    Download ví dụ tại đây.

    [Đầu trang]

    Lợi dụng kẽ hở về khung hình của Flash MX

    Trên là một ví dụ về việc lợi dụng về thuật toán khi tuy Logic nhưng không thể tính toán được ở Flash MX.

    Như bạn thấy, ví dụ trên khi nhìn, chắc chắn ta sẽ có sự liên tưởng đến việc sử dụng Mask như trên, nhưng chúng ta chưa học tới các bài về lớp và theo đề mục ví dụ cũng cho ta thấy không nhất thiết ta phải lợi dụng Mask.

    (Layer Mask là lớp mặt nạ cũng như Guide hay còn gọi là lớp dẫn là một trong những thành phần khác của lớp, bạn sẽ được biết chi tiết hơn về sau)

    Trở lại vấn đề, ta thấy đối tượng lúc ẩn hiện trong khi trượt từ trái sang phải, do đó chắc chắn vấn đề sẽ liên quan đến khung hình chuyển động. Nhắc lại lần nữa ta sẽ không làm việc với lớp, chỉ đơn thuần là lợi dụng sự tính toán lệch của Flash. Do đó mà trong trường hợp này chắc chắn bạn chỉ còn một trường hợp duy nhất đó là sử dụng khung hình biến đổi.

    Sau đây là cách thực hiện :

    Đơn nhiên bạn phải tạo một tài liệu mới trước.

    Tại khung hình thứ 60 bạn tạo một khung hình khóa. Chèn đối tượng trong khoảng frame 1 đến 59 ở bên tay trái như hình trên.

    Tại khung hình 60 bạn chèn tiếp đối tượng tại góc phải cuối tài liệu làm việc.

    Việc làm này tương tự như bạn tạo khung hình chuyển động, đích xác là ví dụ được lấy từ bài 6a.

    Sau đó bạn chọn toàn bộ đoạn khung hình từ 1 - 59 tại bảng Properties ở Tween là Shape (làm như vậy để thiết lập dãy khung hình này là dạng biến đổi chứ không phải là dạng chuyển động Motion).

    Đây là kết quả mà bạn nhận được sau khi thực hiện chọn Shape:

    Theo đúng lý thuyết thì Flash chỉ nhận thực hiện thuật giải khi đây là dạng chuyển động chứ không phải hình dạng, nhưng theo lý thuyết thì việc chèn khung hình khoá ở cuối và khung hình đầu đã đầy đủ điều kiện nên bắt buộc Flash phải đưa ra thuật giải, đó là một thuật giải tương tự khi bạn dùng hai lớp, một lớp dưới do biến đổi nên hình đối tượng sẽ sắp liên tiếp theo đường đi, lớp trên là một lớp trắng khuyết một phần thực hiện dạng chuyển động chạy cũng theo đường định sẵn.

    Đến đây ví dụ cũng đã xong, bạn chỉ cần export ra xem là được.

    Download ví dụ tại đây.

    Hai ví dụ trên rất phổ biến và được sử dụng rất nhiều trong giới chuyên nghiệp.

    Bạn cũng có thể kết hợp hai ví dụ trên với nhau tạo nên một hiệu ứng khác cũng thường được sử dụng.

    Khung hình chuyển động theo lớp dẫn:

    Chúng ta đã được biết đến cách tạo khung hình biến đổi chuyển động ở bài 6a.

    Ờ cuối bài tôi đã có đề cập đến phương thức tạo nhiều khoảng frames để chú gà con lượn lờ lên xuống tạo cảm giác thật cho người xem, nhưng cách đó có vẻ chỉ thích hợp khi ta cho bé gà bay trên đường thẳng và không những thế còn làm ta mất nhiều công sức.

    Vậy nếu muốn bé Chíp nhà ta bay theo một đường phức tạp thì ta phải làm sao đây? Các bạn thử xem ví dụ dưới đây nhá.

    * Lớp dẫn:

    Thật đơn giả đó chính là chúng ta sử dụng thêm lớp dẫn.

    Vậy lớp dẫn làm gì?

    Lớp dẫn là một lớp đè lên lớp hiện hành, cho phép ta hoạch định đường bay cho đối tượng, đây là một trong các loại cao cấp nhất của lớp mà ta chỉ thấy ở các chương trình tạo flash.

    Lớp hiện hành sẽ quy định điểm đầu và điểm cuối của đối tượng chuyển động, lớp hiện hành sẽ là lớp chứa khung hình chuyển động quy định đường bay thẳng cho đối tượng.

    Lớp dẫn chứa nội dung đường bay theo logic, ta chỉ cần vẽ đường bay sao cho đi qua điểm đầu và điểm cuối của đối tượng và hợp logic thì flash sẽ tự tính toán đường bay cho lớp hiện hành (lớp chứa chuyển động bay thẳng).

    Lớp dẫn không hiển thị khi thực hiện chu trình chuyển động.

    * Thực hiện:

    Nói mà không làm thì khó mà hiểu được.Do đó bạn hãy cùng tôi thực hiện ví dụ nói trên.

    Đầu tiên ta tạo một chuyển động y như ví dụ ở bài 6a.

    Xin xem hình dưới để bạn có thể hình dung ra.

    Như bạn thấy, trong vòng 50 khung hình , chú gà con sẽ chuyển động từ sát phía bên trái đến sát phía bên tay phải tài liệu của bạn.

    Chúng ta sẽ không đá động gì đến lớp hiện hành này nữa.

    Việc tiếp theo là bạn phải chèn một lớp dẫn, xin hãy xem chi tiết ở hình sau.

    Bạn nhấn vào biểu tượng đã được khoanh đỏ.

    Layer Guide mà tôi gọi là lớp dẫn xuất hiện.

    Nếu mặc định phiên bản Flash mà bạn dùng không phải là Guide thì bạn nhấn chuột phải lên layer này và chọn Guide.

    Tiếp đến bạn chọn hết tất cả frame trong layer này và chọn công cụ vẽ nào mà bạn muốn để vẽ đường đi cho đối tượng.Ở đây tôi dùng công cụ Pencil để vẽ đường đi ngoằn ngoèo cho đối tượng.

    Việc cuối cùng mà bạn phải làm bây giờ là export thành quả ra mà thôi.

    Download ví dụ tại đây.

    [Đầu trang]

    Lợi dụng kẽ hở về khung hình của Flash MX

    Trên là một ví dụ về việc lợi dụng về thuật toán khi tuy Logic nhưng không thể tính toán được ở Flash MX.

    Như bạn thấy, ví dụ trên khi nhìn, chắc chắn ta sẽ có sự liên tưởng đến việc sử dụng Mask như trên, nhưng chúng ta chưa học tới các bài về lớp và theo đề mục ví dụ cũng cho ta thấy không nhất thiết ta phải lợi dụng Mask.

    (Layer Mask là lớp mặt nạ cũng như Guide hay còn gọi là lớp dẫn là một trong những thành phần khác của lớp, bạn sẽ được biết chi tiết hơn về sau)

    Trở lại vấn đề, ta thấy đối tượng lúc ẩn hiện trong khi trượt từ trái sang phải, do đó chắc chắn vấn đề sẽ liên quan đến khung hình chuyển động. Nhắc lại lần nữa ta sẽ không làm việc với lớp, chỉ đơn thuần là lợi dụng sự tính toán lệch của Flash. Do đó mà trong trường hợp này chắc chắn bạn chỉ còn một trường hợp duy nhất đó là sử dụng khung hình biến đổi.

    Sau đây là cách thực hiện :

    Đơn nhiên bạn phải tạo một tài liệu mới trước.

    Tại khung hình thứ 60 bạn tạo một khung hình khóa. Chèn đối tượng trong khoảng frame 1 đến 59 ở bên tay trái như hình trên.

    Tại khung hình 60 bạn chèn tiếp đối tượng tại góc phải cuối tài liệu làm việc.

    Việc làm này tương tự như bạn tạo khung hình chuyển động, đích xác là ví dụ được lấy từ bài 6a.

    Sau đó bạn chọn toàn bộ đoạn khung hình từ 1 - 59 tại bảng Properties ở Tween là Shape (làm như vậy để thiết lập dãy khung hình này là dạng biến đổi chứ không phải là dạng chuyển động Motion).

    Đây là kết quả mà bạn nhận được sau khi thực hiện chọn Shape:

    Theo đúng lý thuyết thì Flash chỉ nhận thực hiện thuật giải khi đây là dạng chuyển động chứ không phải hình dạng, nhưng theo lý thuyết thì việc chèn khung hình khoá ở cuối và khung hình đầu đã đầy đủ điều kiện nên bắt buộc Flash phải đưa ra thuật giải, đó là một thuật giải tương tự khi bạn dùng hai lớp, một lớp dưới do biến đổi nên hình đối tượng sẽ sắp liên tiếp theo đường đi, lớp trên là một lớp trắng khuyết một phần thực hiện dạng chuyển động chạy cũng theo đường định sẵn.

    Đến đây ví dụ cũng đã xong, bạn chỉ cần export ra xem là được.

    Download ví dụ tại đây.

    Hai ví dụ trên rất phổ biến và được sử dụng rất nhiều trong giới chuyên nghiệp.

    Bạn cũng có thể kết hợp hai ví dụ trên với nhau tạo nên một hiệu ứng khác cũng thường được sử dụng.

    nguồn www.echip.com.vn


    Nhắn tin cho tác giả
    Lê Đức Minh @ 17:55 16/10/2009
    Số lượt xem: 463
    Số lượt thích: 0 người
     
    Gửi ý kiến