Bài 1

Bài 1, Tính năng mới trong Adobe Flash CS4 7

Adobe Flash là ứng dụng hàng đầu trong việc thiết kế các nội dung phong phú mang tính tương tác cho nền web. Đây cũng là một ứng dụng tiên tiến trong thiết kế game, hỗ trợ giảng dạy, cung cấp nội dung cho điện thoại di động và các ứng dụng màn hình sử dụng Adobe AIR (công cụ phát triển các ứng dụng trực tuyến). Flash CS4 Professional có rất nhiều tính năng và cập nhật về giao diện thiết kế và xuất bản thành các file đồ họa đa phương tiện, ngoài ra còn cải tiến cơ chế tạo hoạt hình hoàn thiện hơn nhiều so với phiên bản Flash cũ.

Chuẩn bịBài học này không yêu cầu sử dụng bất kỳ file bài học nào trong đĩa đi kèm sách. Bạn có thể khởi động Flash CS4 Professional và khám phá các tính năng mới. Nếu chưa cài đặt phần mềm, hãy thực hiện cài đặt Flash CS4 Professional và Adobe Media Encoder. Các chỉ dẫn cài đặt, yêu cầu hệ thống và cách sử dụng các file bài học trong đĩa đi kèm nằm trong mục “Chuẩn bị” ở trang 3 của cuốn sách này.

Nếu là người mới lần đầu sử dụng Flash hoặc đơn giản muốn bắt đầu ngay một bài học, bạn có thể chuyển sang Bài 2, “Khởi động với Flash CS4”, giống như mọi bài học khác trong cuốn sách, tại đây bạn sẽ tìm hiểu về Flash CS4 Professional thông qua những bài thực hành.

Nội dung chính trong bài:

• Khám phá những công cụ vẽ cải tiến

• Lệnh Copy và Paste Motion

• Tìm hiểu tính năng nhập và xuất thành video cải tiến

• Sử dụng ActionScript 3.0 và Flash Player 10

• Xem trước đoạn phim với Adobe Device Central

Tính năng mới trong Adobe Flash CS4

Thiết kế đồ họa động với Flash8

1 Cơ chế tạo hoạt hình mới

1 Xem minh họa Bài 1!

Quan sát video để hiểu rõ hơn cách thực hiện các tính năng được đề cập trong bài học. Video hướng dẫn có sẵn trong đĩa đi kèm sách.

Các nâng cấp mới trong Flash CS4

Flash CS4 Professional bao gồm những tính năng bổ sung và cập nhật mới làm hài lòng tất cả các đối tượng người dùng và giúp cho công việc làm việc với Flash trở nên dễ dàng và thú vị hơn bao giờ hết. Đó là một số công cụ vẽ, công cụ 3D và cơ chế tạo hoạt hình hoàn toàn mới được giới thiệu tổng quát như sau:

Cơ chế tạo hoạt hình mớiFlash giới thiệu cơ chế tạo hoạt hình hoàn toàn mới, thay đổi cách thức tạo ra motion tween (hoạt hình tự động), giúp quá trình tạo hoạt hình trở nên dễ dàng và trực quan hơn. Trong Flash CS4, hoạt hình tạo ra các tween span (nhịp chuyển động), gồm một nhóm các khung hình (frame) ghi lại và tạo hoạt hình cho những thay đổi về vị trí, tỷ lệ và màu sắc của một đối tượng trên Stage1.

Motion tween chứa các đường dẫn chuyển động (còn gọi là đường chuyển động - motion path) hiển thị quỹ đạo chuyển động hoạt hình của đối tượng trên Stage.

1 Stage: Màn hình làm việc chính, nơi mọi công việc như vẽ, chuyển động hoạt hình được thực hiện trên khu vực này

Bài 1, Tính năng mới trong Adobe Flash CS4 9

1Bảng Motion Presets

Bảng Motion Presets mới, cho phép quản lý các thiết lập có sẵn và áp dụng cho các tween span trong Timeline.

Giờ đây, đơn giản chỉ cần di chuyển playhead (đầu đọc) tới một vị trí trên Timeline1, sau đó thay đổi vị trí của đối tượng trên Stage, Flash sẽ tự động tạo hoạt hình cho bạn. Đường dẫn chuyển động được hiển thị trên Stage để bạn quan sát quỹ đạo chuyển động hoạt hình của đối tượng. Chúng ta có thể chọn và thay đổi trực tiếp đường này để điều chỉnh quỹ đạo, di chuyển hay thay đổi kích thước của toàn bộ hoạt hình một cách dễ dàng, nhanh chóng.

Bảng Motion PresetsVới Flash CS4, bạn có thể lưu lại hành vi hoạt hình của một motion tween bất kỳ vào một mục Motion Presets2. Sau đó, bạn có thể tìm lại và áp dụng một Motion Preset cho một tween span (nhịp chuyển động) hoặc đối tượng bất kỳ trên Stage, để các đối tượng đó có cùng một hành vi hoạt hình.

Bảng Motion Presets mới (Window > Motion Presets) cho phép quản lý, sắp xếp và áp dụng các thiết lập có sẵn cho tween span trong Timeline.

1 Timeline: Trục thời gian chỉ ra thời điểm hiển thị hình vẽ, văn bản, các tài liệu đa phương tiện xuất hiện theo thứ tự và tạo ra hoạt hình.2 Motion Presets: Là công cụ của Flash, cung cấp sẵn hoặc lưu giữ hiệu ứng chuyển động hoạt hình để người sử dụng áp dụng được nhiều lần khác nhau.

Thiết kế đồ họa động với Flash10

1 Bảng Motion Editor

Bảng Motion Editor Với Flash CS4, bạn có thể tinh chỉnh motion tween với bảng Motion Editor, một bảng hoàn toàn mới, hiển thị tất cả các thuộc tính của hoạt hình dưới dạng đồ thị. Bạn có thể thay đổi giá trị cho các thuộc tính một cách trực quan, ví dụ như vị trí và độ trong suốt của đối tượng, cũng như dễ dàng thêm các chuyển động có gia tốc (easing behavior) để mô phỏng tác dụng của lực, như trọng lực hay lực quán tính. Bảng Motion Editor cung cấp khả năng điều khiển mọi thuộc tính của motion tween, điều này chưa từng có ở những phiên bản Flash cũ, thậm chí còn cho phép thêm hoặc bớt hành vi hoạt hình mà không làm ảnh hưởng tới các đối tượng khác trên Stage.

Bảng Motion Editor mới, cung cấp khả năng điều khiển motion tween một cách trực quan.

Các chuyển động có gia tốc mới

Giờ đây, nhà thiết kế hoạt hình có thể sử dụng các chuyển động có gia tốc (như Bounce và Spring) mà trước kia phải sử dụng lập trình ActionScript mới thực hiện được. Thậm chí, bạn có thể áp dụng các kiểu chuyển động có gia tốc khác nhau cho từng thuộc tính hoặc kiểu chuyển động biến đổi hoạt hình (tween) riêng lẻ.

Các công cụ vẽ mới: Deco và Spray BrushFlash CS4 mở rộng tập công cụ có sẵn với việc bổ sung thêm hai công cụ vẽ mới là Deco và Spray Brush. Cả hai đều sử dụng các symbol1 trong thư viện để tạo các pattern (kiểu hoạ tiết lặp lại) và hiệu ứng.

Công cụ Deco được sử dụng để tạo các vùng đổ màu phức tạp, có kiểu pattern hoa lá. Công cụ đổ màu này có thể được tạo hoạt hình, giúp bạn tạo ra những hiệu ứng thú vị mà không tốn nhiều công sức. Deco cũng bao gồm một công cụ mới là Symmetry Brush - sử dụng các symbol trong thư viện để tạo ra các pattern phức tạp dạng đối xứng.

Công cụ Spray Brush cho phép tô các pattern và bề mặt, sử dụng các symbol trong thư viện. Công cụ này còn cung cấp khả năng điều khiển kích thước cọ vẽ, tỷ lệ symbol và độ đậm nhạt của mực vẽ.

1 Symbol: Các hình vẽ, hình ảnh và hoạt hình được lưu trữ trong thư viện của file Flash.

Bài 1, Tính năng mới trong Adobe Flash CS4 11

1Công cụ 3D Rotation và 3D Translation

Những người sử dụng Illustrator sẽ nhận ra rằng công cụ Spray Brush trong Flash khá giống với công cụ Symbol Sprayer trong Illustrator CS4.

Tìm hiểu thêm về các công cụ vẽ trong Bài 3, "Làm quen với các công cụ vẽ" và Bài 5, "Các công cụ nâng cao".

Các pattern độc đáo có thể được tạo ra dễ dàng với công cụ Spray Brush (trên) và công cụ Deco (dưới).

Công cụ 3D Rotation và 3D TranslationMột bổ sung quan trọng khác, ngoài Flash Player 10 và tập công cụ vẽ, Flash CS4 còn hỗ trợ 3D thông qua công cụ 3D Rotation và 3D Translation. Giờ đây, bạn có thể xoay và biến đổi symbol theo trục x, y và z, ngoài ra, tất cả các bề mặt còn có thể được tạo hoạt hình hoặc chỉnh sửa trong bảng Timeline và bảng Motion Editor.

Bất kỳ nội dung 2D nào cũng có thể được xuất sang dạng 3D, ở đó các hiệu ứng phối cảnh và lia ảnh cho độ chân thực tương đương với ảnh đồ họa, thậm chí với cả ảnh bitmap. Hơn nữa, tất cả các bề mặt 3D đều có thể được điều khiển bằng lập trình, sử dụng các lệnh và các lớp trong ActionScript 3.0.

Thiết kế đồ họa động với Flash12

1 Inverse Kinematics: Công cụ Bone và Bind

Kỹ thuật tạo hoạt hình và công cụ 3D được đề cập trong Bài 5, "Các công cụ nâng cao" và Bài 7, "Hoạt hình nâng cao."

Bạn có thể xoay và tạo hoạt hình cho bất kỳ đối tượng 2D nào thành dạng 3D với sự hỗ trợ 3D và các công cụ vẽ.

Inverse Kinematics: Công cụ Bone và BindMột khái niệm rất quen thuộc trong lĩnh vực 3D và hoạt hình truyền thống, đó là Inverse Kinematics (IK - Hệ thống chuyển động đảo ngược). Khái niệm này quy định cách thức liên kết, chuyển động của đối tượng trong một chuỗi gồm các đối tượng được nối với nhau khi một đối tượng trong đó dịch chuyển. Hãy liên tưởng tới cánh tay của bạn: khi di chuyển cánh tay, toàn bộ bàn tay và cẳng tay đều thay đổi vị trí theo ba khớp nối. Việc tạo kiểu này được cải tiến qua từng phiên bản Flash, tuy nhiên vẫn rất phức tạp và khó sử dụng với người dùng, song với phiên bản CS4 thì khác.

Giờ đây, bạn có thể nối các hình vẽ (shape - là những hình ảnh dưới dạng vector) hoặc symbol với nhau thành một đối tượng IK, tạo ra các tư thế và tạo hoạt hình trong Timeline. Công cụ Bone và Bind cho phép bạn vẽ các khung xương giả lập để nối các đối tượng với nhau, sau đó chỉnh sửa kết nối giữa các đối tượng, điều này mở ra những khả năng sáng tạo không giới hạn cho hoạt hình truyền thống cũng như cho người sử dụng Flash.

Bài 1, Tính năng mới trong Adobe Flash CS4 13

1Cải tiến việc quản lý thư viện

Bạn sẽ tìm hiểu chi tiết cách nối đối tượng và tạo hoạt hình cho các tư thế trong Bài 5, "Các công cụ nâng cao" và Bài 7, "Hoạt hình nâng cao."

Giờ đây, bạn có thể nối các hình vẽ và symbol để tạo và hoạt hình hóa các tư thế theo nguyên lý IK.

Cải tiến việc quản lý thư việnTrong Flash CS4, khi tạo mới hoặc chuyển đổi các nội dung có sẵn thành symbol, bạn có thể sắp xếp những symbol đó vào trong thư mục mới hoặc thư mục có sẵn. Ngoài ra, bạn có thể tìm kiếm symbol trong thư viện theo tên bằng cách sử dụng trường Search nằm ở trên cùng của bảng Library, đây là một tính năng mới trong Flash CS4.

Giao diện CS4 mớiThay đổi rõ nét nhất của CS4 đó là giao diện và không gian làm việc mới với sự thay đổi vị trí của một số bảng quan trọng (như Timeline và Property Inspector1), ngoài ra việc tổ chức không gian làm việc cũng trở nên dễ dàng hơn bao giờ hết. Có rất nhiều thiết lập không gian làm việc hỗ trợ sẵn, trong đó có thiết lập Classic. Thiết lập này sắp xếp, bố trí các bảng và vị trí Stage giống như trong phiên bản CS3.

Nhiều bảng khác cũng được tổ chức lại như bảng Property Inspector, trong CS4, bảng này xuất hiện dọc theo không gian làm việc và bao gồm các mục như Color (màu sắc), Sound (âm thanh) và Filters (hiệu ứng lọc). Các bảng có thể được thu gọn để tiết kiệm không gian làm việc hoặc có thể được mở rộng khi cần, các vùng trong bảng cũng vậy.

1 Property Inspector: Bảng chứa các đặc tính để điều chỉnh đối tượng hoạt hình.

Thiết kế đồ họa động với Flash14

1 Định dạng video F4V mới

Những người dùng Flash giàu kinh nghiệm có thể nhận thấy sự thiếu vắng của các bảng Parameters (bảng chứa tham số) và Filters (bảng chứa hiêu ứng lọc). Trong CS4, chức năng tương ứng của các bảng này được bao hàm luôn trong bảng Property Inspector.

Giao diện CS4 mới trông sáng sủa, dễ sử dụng hơn và bao gồm một số thiết lập hữu dụng.

Định dạng video F4V mớiĐịnh dạng F4V mới của Flash hứa hẹn cho chất lượng video cao và tốn ít dung lượng lưu trữ hơn; ngoài ra, Flash còn hỗ trợ các định dạng video MPEG-4 và định dạng âm thanh AAC. F4V hỗ trợ mã hóa sử dụng codec h.264, một codec chuẩn công nghiệp, để cung cấp nội dung chất lượng HD trực tuyến và trên đĩa Blu-ray. Ngoài h.264, F4V còn hỗ trợ mã hóa âm thanh HE-AAC, chuẩn mã hóa này cho chất lượng âm thanh cao hơn so với MP3.

Định dạng F4V có thể được tạo ra thông qua quá trình nhập video vào Flash (File > Import > Import Video) hoặc sử dụng ứng dụng Adobe Media Encoder.

Bài 1, Tính năng mới trong Adobe Flash CS4 15

1Adobe Media Encoder

Adobe Media EncoderThay thế cho ứng dụng Flash Video Encoder ở phiên bản trước, Adobe Media Encoder trong phiên bản CS4 giúp đơn giản việc mã hóa các định dạng video phổ biến. Giờ đây bạn có thể chuyển đổi nhiều video sang định dạng .flv và .f4v để sử dụng cho các dự án tương tác hoặc thêm vào đoạn phim tạo bởi Premiere and After Effects (Phần mềm chuyên nghiệp để dựng phim).

Lưu các thiết lập chung thành các thiết lập có sẵn hoặc chọn trong các thiết lập có sẵn đi kèm.

Adobe Media Encoder giúp đơn giản hóa quá trình mã hóa video.

Tổng kết

Bạn vừa được giới thiệu sơ lược những tính năng mới và các cập nhật trong Flash CS4, đã tới lúc thực hành để xem những tính năng đó hoạt động như thế nào. Hãy bắt đầu ngay với Bài 2, "Khởi động với Flash CS4", trong đó bạn sẽ đi sâu và làm việc với Flash CS4 Professional. Bạn sẽ tìm hiểu thêm về các tính năng được giới thiệu ở trên thông qua các bài học trong cuốn sách này.