Các tính năng trong Flash CS4 - Nguồn: Internet

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 [r]

Bài 1

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

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ới

Flash 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.

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 Presets

Vớ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.

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 Brush

Flash 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à

Cô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 Translation

Mộ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

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à Bind

Mộ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

Cả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ện

Trong 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ới

Thay đổ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.

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

Adobe Media Encoder

Adobe Media Encoder

Thay 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

Bài 2

Bài học này cung cấp cho bạn những kiến thức cơ bản để

sử dụng Flash CS4 Professional.

Chuẩn bị

Trong bài học này, bạn sẽ thiết lập một file Flash mới, thao tác trên các file có sẵn (đính

kèm trong đĩa) để quen với công cụ và tính năng của phần mềm

Trước khi bắt đầu, hãy cài đặt và thiết lập các bảng và công cụ về mặc định Xem mục

“Thiết lập không gian làm việc Flash về mặc định” ở trang 3

Bạn sẽ làm việc với một số file trong thư mục fl02lessons, đảm bảo rằng bạn đã sao

chép thư mục fllessons vào ổ cứng từ đĩa đính kèm Xem mục “Sao chép các file bài

học” ở trang 3

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

• Các tính năng quan trọng của Flash

• Giới thiệu Flash Player

2 Flash là gì?

Xem minh họa Bài 2!

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.

2

Flash là gì?

Có thể bạn đã từng nghe hoặc nhìn thấy Flash trên các website, trong các game trực tuyến hoặc các quảng cáo trên web (như trong các trang tin tức dantri.com, vnexpress.net…; các mạng xã hội zing, facebook…) Nhưng liệu bạn có biết rằng Flash còn có thể tạo ra nhiều ứng dụng khác, ngoài việc tạo ra các hình ảnh hoạt hình? Với Flash CS4 Professional, bạn có thể: tạo và chỉnh sửa video, âm thanh; kết nối với cơ sở dữ liệu và nhiều ứng dụng khác

Flash CS4 Professional cung cấp 4 tính năng chính sau:

Môi trường vẽ đồ họa Flash cung cấp một bộ đầy đủ các công cụ vẽ cho phép xử lý

hình vẽ phức tạp Giống như Adobe Illustrator CS4, Flash là một ứng dụng vẽ vector Với Flash, bạn có thể tạo ra các hình vẽ phong phú với những chi tiết phức tạp và có thể thu phóng tùy thích Flash hỗ trợ hầu hết tất cả các định dạng file đồ họa tạo ra từ các phần mềm thiết kế chuyên dụng như: corel draw (.eps), Illustrator (.ai), Photoshop (.psd), Autocard (.dxf), Firework(.png) Điều này giúp bạn dễ dàng làm việc với các ứng dụng mình yêu thích Tất cả các nội dung được tạo ra trong Flash hoặc từ các ứng dụng khác đều có thể trở nên sinh động hơn thông qua hoạt hình và tương tác Ví

dụ như sau khi thiết kế bằng phần mềm Photoshop, bạn có thể đưa vào flash để tạo chuyển động

Tạo hoạt hình: Hoạt hình tạo bởi Flash có dung lượng gọn nhẹ, tích hợp hình ảnh, âm

thanh và video, cho phép tải về nhanh chóng thông qua web Adobe Flash CS4 đã trở thành một công cụ yêu thích, và là lựa chọn hàng đầu, được các nhà thiết kế cũng như phát triển web tin dùng để tạo ra các trang web tuyệt đẹp, đẳng cấp Hoạt hình trong Flash có thể được sử dụng cho các website, CD-ROM, các game tương tác và trở nên rất phổ biến trong các quảng cáo mang tính tương tác trên nền web Quan trọng là dung lượng gọn nhẹ của file Flash xuất ra từ Adobe Flash CS4 rất phù hợp để tạo ra các nội dung hoạt hình, game và ứng dụng cho điện thoại di động hay thiết bị PDA

Flash là gì?

Flash hỗ trợ kiểu hoạt hình frame-by-frame truyền thống (chuyển động từng khung hình

nối tiếp nhau) đồng thời cũng hỗ trợ cách tạo hoạt hình riêng, được biết tới với tên gọi là

tweening (biến đổi hoạt hình) Với tweening, bạn chỉ cần xác định đối tượng cần tạo hoạt

hình, tạo ra một khung hình (frame) bắt đầu và kết thúc; sau đó Flash sẽ tự động tạo ra các

khung hình xen giữa để tạo ra hiệu ứng hoạt hình, biến đổi màu sắc hoặc hình dạng một

cách mượt mà Bạn sẽ thực hành việc tạo hoạt hình trong Bài 6, “Tạo hoạt hình cơ bản”

Tweening trong Flash sinh ra các ảnh tự động thay đổi sao cho phù hợp với sự

biến đổi từ khung hình bắt đầu đến khung hình kết thúc.

Tạo layout Flash cung cấp khả năng linh hoạt, cho phép tạo ra các layout (bố cục)

website tuyệt đẹp mà không gặp hạn chế so với việc thiết kế bằng HTML thông thường

Vị trí của nội dung có thể được xác định tại bất kỳ nơi nào trên Stage (khung hình hiển

thị flash) một cách linh hoạt và chính xác, điều này xóa bỏ những hạn chế về bố cục

của các trang web tĩnh Các đoạn phim Flash cũng có thể chứa nhiều kiểu font chữ khác

nhau, điều này cho phép bạn tùy ý sử dụng những kiểu chữ ưa thích hay font chữ đặc

biệt trong trang web, việc làm này thường rất khó thực hiện đối với các ứng dụng thiết

kế web khác

Lập trình Ẩn đằng sau vẻ đẹp của Flash CS4 Professional là “bộ não” ActionScript,

đây là ngôn ngữ lập trình kịch bản mạnh mẽ, được tích hợp để mở rộng khả năng của thiết kế cũng như hoạt hình Với kiến thức cơ bản về ActionScript sẽ được đề cập trong Bài 10, “Giới thiệu về ActionScript”, bạn có thể điều khiển xem video, gán chức năng cho button (nút bấm) Tìm hiểu sâu hơn, bạn sẽ thấy rằng ActionScript có thể thực hiện được rất nhiều điều, ví dụ như tạo ra các ứng dụng mua sắm trực tuyến, chơi nhạc, game, ứng dụng trên điện thoại di động

Flash là gì?

Flash có thể tạo ra các game gọn nhẹ cho điện thoại di động, thiết bị PDA và các thiết bị khác.

Giới thiệu về Flash Player

Flash Player là một ứng dụng độc lập, được tích hợp trong các trình duyệt như Internet Explorer, Safari và Firefox Flash Player được sử dụng để xem các phim nén Flash (file swf), cũng giống một máy chiếu phim để xem các băng phim khác nhau

Tuy nhiên, Flash Player không đơn giản chỉ là một máy chiếu phim thông thường mà còn có thể tương tác với người dùng bằng hiệu ứng nhấn, di chuột thông qua ngôn ngữ kịch bản Action Script

Tại thời điểm viết cuốn sách này (2010), Flash Player đã được cài đặt và sử dụng trên hơn 99% máy tính dùng Internet, vì thế những sản phẩm của bạn tạo ra với Flash có số lượng người xem rất lớn Những người chưa cài đặt Flash Player có thể tải miễn phí

phần mềm này trên website của Adobe, adobe.com

Flash Player 10, bao gồm cả phiên bản chạy độc lập và phiên bản tích hợp trong trình duyệt, được tự động cài đặt kèm theo ứng dụng Flash CS4 Professional

Các kiểu file Flash

Các kiểu file Flash

Bạn sẽ làm việc với hai kiểu file trong Flash: fla1 và swf2 Mỗi định dạng được sử dụng

với mục đích khác nhau trong quá trình tạo đoạn phim Flash

Khi bạn tạo và lưu một file mới, Flash sẽ tự động sinh ra một file định dạng fla Đây là

những file sử dụng để thiết kế, chỉnh sửa và lưu trữ các tài nguyên như hình vẽ, ảnh, âm

thanh và video Ngoài ra, mỗi file fla cũng lưu trữ các thiết lập riêng cho việc xuất bản

cuối cùng Bởi vì mục đích là hỗ trợ thiết kế và chỉnh sửa nên file fla không thể xem

được với Flash Player - thay vào đó, chúng được sử dụng làm cơ sở để xuất bản file sản

phẩm với định dạng swf

Định dạng file Shockwave Flash có đuôi mở rộng swf là các file hoàn chỉnh, được nén

bởi Flash CS4 Professional Những file này được tạo ra từ file fla ban đầu và là định

dạng file duy nhất mà Flash Player có thể hiển thị và chạy được Mặc dù có thể nhập các

file swf vào Flash CS4 Professional nhưng bạn không thể chỉnh sửa các file này, muốn

thay đổi hoặc thêm các chi tiết, bạn bắt buộc phải mở lại file fla ban đầu

Như vậy, bạn đã biết file được sử dụng để làm việc trong Flash Giờ là lúc bắt đầu với

file đầu tiên và tìm hiểu không gian làm việc của Flash CS4 Professional

1 Fla: File gốc dung lượng lớn có thể chỉnh sửa

2 Swf: File sản phẩm đã xuất bản, dung lượng nhỏ và không thể chỉnh sửa

2 Tạo một file mới

Tạo một file mới

Trước khi vẽ hoặc tạo hoạt hình, bạn cần phải tạo ra một file mới, cụ thể hơn đó là một file fla Bạn có thể tạo và mở các file từ màn hình Welcome Screen hoặc từ menu File phía trên cùng màn hình

Màn hình Welcome Screen là một bảng tiện ích để tạo và mở các file, có chứa các mẫu tạo sẵn (template) cơ bản, rất thuận tiện để chọn làm việc, ví dụ như mẫu banner và hình

đồ họa quảng cáo cho điện thoại Màn hình Welcome Screen xuất hiện khi Flash được khởi động lần đầu tiên hoặc khi không có file nào được mở trong ứng dụng

Màn hình Welcome là một bảng tiện ích để tạo mới các file, chứa nhiều mẫu tạo sẵn cho các dự án thông thường.

1 Để tạo mới một file fla từ màn hình Welcome Screen, hãy mở Flash CS4 Professional Nếu ứng dụng đã được mở sẵn, hãy đóng tất cả các file đang mở bằng cách chọn File > Close All

2 Từ cột Create New giữa màn hình Welcome Screen, chọn Flash File (ActionScript 3.0) Không gian làm việc với Stage, Timeline và bảng Tools sẽ xuất hiện

Bạn cũng có thể tạo một file fla mới bằng cách sử dụng menu File thay vì sử dụng màn hình Welcome Screen

3 Chọn File > New Hộp thoại New Document xuất hiện

4 Chọn Flash File (ActionScript 3.0) và nhấn OK để tạo ra một file mới Không gian làm việc cũng xuất hiện

Thiết lập file mới

Bạn vừa tạo ra một file Flash mới, hãy dành thời gian để xác định một số thiết lập quan

trọng cho file này

1 Chọn Modify > Document hoặc sử dụng tổ hợp phím tắt Ctrl+J (Windows) hoặc

Command+J (Mac OS) để mở hộp thoại Document Properties

2 Trong trường văn bản Width và Height, nhập các giá trị 500 và 300 để thiết lập kích

thước tương ứng cho đoạn phim Các kích thước này thiết lập chiều rộng và chiều

dài cho Stage theo đơn vị pixel Kích thước của Stage chính là kích thước hiển thị

của đoạn phim cuối cùng, vì vậy hãy chắc chắn rằng kích thước vừa xác định chứa

hết toàn bộ thiết kế mà bạn muốn tạo ra

3 Nhấn vào ô chọn màu Background Color ( ), bảng Swatches xuất hiện Bảng này

cho phép bạn chọn màu cho Stage, đây cũng chính là màu nền của đoạn phim

cuối cùng (file swf) được xuất bản Nếu cần, hãy thiết lập màu nền về màu trắng

(#FFFFFF)

4 Nhập 30 vào trường Frame rate để thiết lập tỷ lệ khung hình/giây bằng 30 fps

(khung hình trên giây) Tỷ lệ khung hình/giây xác định tốc độ xem và chất lượng

của đoạn phim Tỷ lệ này càng cao, flash chuyển động càng mịn, nhưng kèm theo

đó bạn phải làm nhiều khung hình hơn Bạn sẽ tìm hiểu sâu hơn về việc tinh chỉnh

tỷ lệ khung hình/giây trong Bài 7, “Hoạt hình nâng cao”

Tạo một file mới

Tùy chọn Match to Printer thiết lập kích thước file vừa với khổ giấy của máy in mặc định

Tùy chọn này thường được thiết lập là Default, tương đương với việc bạn tự xác định

chiều rộng và chiều dài hoặc sử dụng thiết lập Dimensions mặc định lưu trong Flash.

5 Trong menu Ruler units, chọn đơn vị Pixels Việc chọn này sẽ định nghĩa đơn vị

pixel được sử dụng làm thước đo trong đoạn phim Flash, bao gồm các thước căn,

bảng và hộp thoại

6 Nhấn OK để thoát khỏi hộp thoại Document Properties và áp dụng các thiết lập vừa

chọn cho file Để file mở Bạn sẽ lưu file này trong phần tiếp theo của bài học

Sử dụng hộp thoại Document Properties để xác định các thiết lập.

Nếu là người mới bắt đầu thiết kế web, bạn có thể cảm thấy hơi lạ với khái niệm pixel

Để đơn giản, hãy ghi nhớ rằng, thông thường kích thước 1 inch có chứa 72 pixel Nếu muốn, bạn có thể sử dụng hộp thoại Document Properties để thay đổi Ruler units của file bằng một đơn vị đo khác bất kỳ lúc nào.

Luôn nhớ kèm theo đuôi mở rộng fla ở cuối tên file để xác định định dạng của file.

Tạo một file mới

Lưu file Flash

File mới tạo ra nên được lưu lại trước khi bắt đầu làm việc hoặc thêm các nội dung Theo mặc định, Flash sẽ lưu file dưới định dạng Flash CS4 (.fla)

1 Chọn File > Save

2 Trong hộp thoại Save As xuất hiện, nhập fl0201_work.fla vào trường văn bản Name Tìm tới thư mục fl02lessons và nhấn Save Chọn File > Close để đóng file

Sử dụng hộp thoại Save để chọn tên và vị trí lưu file.

Để file được lưu có thể sử dụng được trong các phiên bản Flash cũ hơn, bạn có thể chọn lưu file theo định dạng Flash CS3 Đặc điểm của Flash là phiên bản CS3 không thể đọc được những file fla tạo bởi CS4 Vậy nếu muốn có độ tương thích cao, bạn nên lưu lại theo định dạng Flash CS3 (Lưu ý: Trường hợp đặc biệt là nếu sử dụng chuyển động 3D, bạn sẽ không thể lưu được thành định dạng của Flash CS3)

Tạo một file mới

Làm quen với các mẫu tạo sẵn

Flash có chứa rất nhiều các mẫu tạo sẵn, giúp đơn giản hóa quá trình thiết lập cho

các dự án Flash thông thường Tạo các file từ những mẫu tạo sẵn sẽ giữ nguyên các

cấu hình thiết lập từ trước, như kích thước file và phiên bản ActionScript Chọn File

> New > Template để xem các mẫu tạo sẵn của Flash

Trong mục Advertising, các mẫu tạo sẵn bao gồm các banner với kích thước phổ biến

Lưu ý rằng các file mẫu tạo sẵn có thiết lập phiên bản cho Flash Player1 và ActionScript

để đạt được độ tương thích tối đa Nếu bạn muốn sử dụng các kỹ thuật và tính năng mới

nhất trong Flash CS4, việc tạo file từ các mẫu tạo sẵn có thể bị hạn chế

Mục Handset và Devices sẽ tự động thiết lập kích thước file tương ứng với độ phân

giải của các thiết bị được chọn Những mẫu tạo sẵn này cũng sử dụng phiên bản phù

hợp của Flash Lite (Flash Lite là Flash Player nhưng dành cho điện thoại và các dòng

máy cầm tay)

Mục Photo Slideshow với mẫu tạo sẵn Modern Photo Slideshow kèm theo được sử

dụng để trình chiếu ảnh một cách nhanh chóng và dễ dàng Bạn chỉ cần thêm các ảnh

trình chiếu vào file Tất cả các mã ActionScript tương ứng đã được viết sẵn cho bạn

Modern Photo Slideshow là một trong nhiều mẫu tạo sẵn rất hữu dụng có

trong hộp thoại New from Template.

1 Flash Player: Trình hiển thị flash, có thể chạy riêng hoặc tích hợp vào trình duyệt dưới dạng plugin

2 Tạo một file mới

Mở file

Việc mở một file cũng quan trọng như việc lưu file Ngoài việc mở những file tạo bởi Flash CS4 Professional, ví dụ như các file đi kèm cuốn sách này, bạn còn có thể mở các file được tạo bằng các phiên bản Flash cũ hơn Các bước để mở file rất đơn giản

1 Chọn File > Open Sử dụng hộp thoại Open để tìm tới file fl0201_work.fla đã được lưu từ trước trong thư mục fl02lessons

2 Chọn file fl0201_work.fla, sau đó nhấn Open Giữ file này được mở Bạn sẽ sử dụng file này cho các bài tập tiếp theo

Đừng nhầm lệnh Open với các tùy chọn Import trong menu File Menu Import được sử dụng để truy cập tới các file được tạo bởi các ứng dụng khác, chẳng hạn như Photoshop hay Illustrator Việc nhập các file của các ứng dụng khác sẽ được đề cập chi tiết trong Bài 9, “Làm việc với các file nhập vào Flash”.

Bạn cũng có thể mở các file bằng cách sử dụng nút Open ( ) ở phía dưới cột Open Recent Items trong màn hình Welcome Screen Phía trên biểu tượng này là danh sách tám file mới nhất mà bạn đã làm việc; đây cũng là một cách rất hữu ích ngoài việc sử dụng menu Open Recent.

Nếu muốn mở lại một file vừa mới làm việc, hãy chọn File > Open Recent, sau đó chọn file mà bạn cần

Chọn File > Open Recent để truy cập tới các file vừa mới được làm việc trong Flash.

Không gian làm việc Flash

Không gian làm việc Flash

Bạn đã biết cách tạo, lưu và mở file trong Flash Giờ là lúc làm quen với không gian làm

việc, nơi mà bạn sẽ dành phần lớn thời gian để tạo ra các nội dung Flash

Stage và vùng làm việc

Sau khi tạo ra một file Flash, vùng ở chính giữa màn hình được gọi là Stage, đây là nơi

diễn ra các tác vụ Stage là vùng hiển thị đoạn phim, là nơi đặt các hình vẽ và tạo ra hoạt

hình Theo mặc định, Stage có màu trắng; tuy nhiên bạn có thể thay đổi màu cho Stage

bằng cách sử dụng lệnh Modify > Document trong hộp thoại Document Properties

Vùng màu xám bao xung quanh Stage là vùng làm việc; hình vẽ được đặt vào hoặc tạo

ra ở vùng làm việc không được thêm vào đoạn phim cuối cùng Hãy hình dung vùng làm

việc giống như hậu trường của một sân khấu; ví dụ, bạn có thể tạo hoạt hình cho một ký

tự di chuyển từ vùng làm việc sang Stage Vùng làm việc cũng là nơi phù hợp để lưu trữ

các đối tượng chưa sẵn sàng để xuất hiện trên đoạn phim Kích thước của Stage chính

là kích thước thực sự của đoạn phim được xuất bản cuối cùng

A Vùng làm việc B Stage.

A B

Bảng Tools của Flash

Bảng Tools trong Flash chứa mọi công cụ mà bạn cần để tạo mới, chọn hoặc chỉnh sửa hình vẽ trên Stage Bạn có thể sử dụng biểu tượng hai mũi tên nằm ở trên cùng của bảng Tools để thu gọn hoặc mở rộng bảng

Không gian làm việc Flash

Bảng Tools.

Công cụ Selection (V) Công cụ Subselection (A) Công cụ Free Transform (Q) Công cụ 3D Rotation (W) Công cụ Pen (P) Công cụ Text (T) Công cụ Line (N) Công cụ Rectangle (R) Công cụ Pencil (Y) Công cụ Brush (B) Công cụ Deco (U) Công cụ Bone (X) Công cụ Paint Bucket (K) Công cụ Eyedropper (I) Công cụ Eraser (E) Công cụ Hand (H) Công cụ Zoom (M) Stroke Color Fill Color Black and White Swap Colors Snap to Objects Smooth Straighten Công cụ Lasso (L)