1. Trang chủ
  2. » Tôn giáo

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

44 3 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 44
Dung lượng 3,64 MB

Nội dung

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]

(1)

Bài 1

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

Chuẩn bị

Bài học không yêu cầu sử dụng file học đĩa kèm sách Bạn khởi động Flash CS4 Professional khám phá tính Nếu chưa cài đặt phần mềm, thực cài đặt Flash CS4 Professional Adobe Media Encoder Các dẫn cài đặt, yêu cầu hệ thống cách sử dụng file học đĩa kèm nằm mục “Chuẩn bị” trang sách

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

Nội dung trong bài:

• Khám phá cơng

cụ vẽ cải tiến

• Lệnh Copy Paste

Motion

• Tìm hiểu tính

nhập xuất thành video cải tiến

• Sử dụng ActionScript

3.0 Flash Player 10

• Xem trước đoạn phim

với Adobe Device Central

(2)

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õ cách thực tính đề cập bài học Video hướng dẫn có sẵn đĩa kèm sách.

Các nâng cấp Flash CS4

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

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

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

(3)

1 Bảng Motion Presets

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

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

Bảng Motion Presets

Với Flash CS4, bạn lưu lại hành vi hoạt hình motion tween vào mục Motion Presets2 Sau đó, bạn tìm lại áp dụng Motion Preset cho tween span (nhịp chuyển động) đối tượng Stage, để đối tượng có hành vi hoạt hình

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

1 Timeline: Trục thời gian thời điểm hiển thị hình vẽ, văn bản, tài liệu đa phương tiện xuất theo thứ tự tạo hoạt hình.

(4)

1 Bảng Motion Editor

Bảng Motion Editor

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

Bảng Motion Editor mới, cung cấp khả điều khiển motion tween 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 sử dụng chuyển động có gia tốc (như Bounce Spring) mà trước phải sử dụng lập trình ActionScript thực Thậm chí, bạn áp dụng kiểu chuyển động có gia tốc khác cho thuộc tính 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 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ẽ Deco Spray Brush Cả hai sử dụng symbol1 thư viện để tạo pattern (kiểu

hoạ tiết lặp lại) hiệu ứng

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

(5)

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

Những người sử dụng Illustrator nhận công cụ Spray Brush Flash giống với cơng cụ Symbol Sprayer Illustrator CS4.

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

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

Công cụ 3D Rotation 3D Translation

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

(6)

1 Inverse Kinematics: Công cụ Bone Bind

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

Bạn xoay tạo hoạt hình cho đối tượng 2D thành dạng 3D với hỗ trợ 3D công cụ vẽ.

Inverse Kinematics: Công cụ Bone Bind

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

(7)

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

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

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

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

Trong Flash CS4, tạo chuyển đổi nội dung có sẵn thành symbol, bạn xếp symbol vào thư mục thư mục có sẵn Ngồi ra, bạn tìm kiếm symbol thư viện theo tên cách sử dụng trường Search nằm bảng Library, tính Flash CS4

Giao diện CS4 mới

Thay đổi rõ nét CS4 giao diện không gian làm việc với thay đổi vị trí số bảng quan trọng (như Timeline Property Inspector1), việc tổ

chức không gian làm việc trở nên dễ dàng hết Có nhiều thiết lập khơng gian làm việc hỗ trợ sẵn, có thiết lập Classic Thiết lập xếp, bố trí bảng vị trí Stage giống phiên CS3

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

(8)

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

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

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

Định dạng video F4V mới

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

(9)

1 Adobe Media Encoder

Adobe Media Encoder

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

Lưu thiết lập chung thành thiết lập có sẵn chọn thiết lập có sẵn kèm

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

Tổng kết

(10)(11)

Bài 2

Bài học cung cấp cho bạn kiến thức để sử dụng Flash CS4 Professional.

Chuẩn bị

Trong học này, bạn thiết lập file Flash mới, thao tác file có sẵn (đính kèm đĩa) để quen với cơng cụ tính phần mềm

Trước bắt đầu, cài đặt thiết lập bảng công cụ mặc định Xem mục “Thiết lập không gian làm việc Flash mặc định” trang

Bạn làm việc với số file thư mục fl02lessons, đảm bảo bạn chép thư mục fllessons vào ổ cứng từ đĩa đính kèm Xem mục “Sao chép file học” trang

Nội dung trong bài:

• Các tính quan

trọng Flash

• Giới thiệu Flash Player

• Lưu mở file

• Khơng gian làm việc

trong Flash

• Kỹ thuật vẽ tạo hoạt

hình

(12)

2 Flash gì?

Xem minh họa Bài 2!

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

2

Flash gì?

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

Flash CS4 Professional cung cấp tính sau:

Mơi trường vẽ đồ họa Flash cung cấp đầy đủ công cụ vẽ cho phép xử lý hình vẽ phức tạp Giống Adobe Illustrator CS4, Flash ứng dụng vẽ vector Với Flash, bạn tạo hình vẽ phong phú với chi tiết phức tạp thu phóng tùy thích Flash hỗ trợ hầu hết tất định dạng file đồ họa tạo từ 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 giúp bạn dễ dàng làm việc với ứng dụng u thích Tất nội dung tạo Flash từ ứng dụng khác trở nên sinh động thơng qua hoạt hình tương tác Ví dụ sau thiết kế phần mềm Photoshop, bạn đưa vào flash để tạo chuyển động

(13)

2 Flash gì?

Flash hỗ trợ kiểu hoạt hình frame-by-frame truyền thống (chuyển động khung hình nối tiếp nhau) đồng thời hỗ trợ cách tạo hoạt hình riêng, biết tới với tên gọi tweening (biến đổi hoạt hình) Với tweening, bạn cần xác định đối tượng cần tạo hoạt hình, tạo khung hình (frame) bắt đầu kết thúc; sau Flash tự động tạo khung hình xen để tạo hiệu ứng hoạt hình, biến đổi màu sắc hình dạng cách mượt mà Bạn thực hành việc tạo hoạt hình Bài 6, “Tạo hoạt hình bản”

Tweening Flash sinh ảnh tự động thay đổi cho phù hợp với biến đổi từ khung hình bắt đầu đến khung hình kết thúc.

(14)

2

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

Flash gì?

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

Giới thiệu Flash Player

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

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

Tại thời điểm viết sách (2010), Flash Player cài đặt sử dụng 99% máy tính dùng Internet, sản phẩm bạn tạo với Flash có số lượng người xem lớn Những người chưa cài đặt Flash Player tải miễn phí phần mềm website Adobe, adobe.com

(15)

2 Các kiểu file Flash

Các kiểu file Flash

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

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

Khi bạn tạo lưu file mới, Flash tự động sinh file định dạng fla Đây file sử dụng để thiết kế, chỉnh sửa lưu trữ tài nguyên hình vẽ, ảnh, âm video Ngoài ra, file fla lưu trữ thiết lập riêng cho việc xuất cuối Bởi mục đích hỗ trợ thiết kế chỉnh sửa nên file fla xem với Flash Player - thay vào đó, chúng sử dụng làm sở để xuất file sản phẩm với định dạng swf

Định dạng file Shockwave Flash có mở rộng swf file hồn chỉnh, nén Flash CS4 Professional Những file tạo từ file fla ban đầu định dạng file mà Flash Player hiển thị chạy Mặc dù nhập file swf vào Flash CS4 Professional bạn chỉnh sửa file này, muốn thay đổi thêm 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 sử dụng để làm việc Flash Giờ lúc bắt đầu với file tìm hiểu không gian làm việc Flash CS4 Professional

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

(16)

2 Tạo file mới

Tạo file mới

Trước vẽ tạo hoạt hình, bạn cần phải tạo file mới, cụ thể file fla Bạn tạo mở file từ hình Welcome Screen từ menu File phía hình

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

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

1 Để tạo file fla từ hình Welcome Screen, mở Flash CS4 Professional Nếu ứng dụng mở sẵn, đóng tất file mở cách chọn File > Close All

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

Bạn tạo file fla cách sử dụng menu File thay sử dụng hình Welcome Screen

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

(17)

2 Thiết lập file mới

Bạn vừa tạo file Flash mới, dành thời gian để xác định số thiết lập quan trọng cho file

1 Chọn Modify > Document sử dụng tổ hợp phím tắt Ctrl+J (Windows) Command+J (Mac OS) để mở hộp thoại Document Properties

2 Trong trường văn Width Height, nhập giá trị 500 300 để thiết lập kích thước tương ứng cho đoạn phim Các kích thước thiết lập chiều rộng chiều dài cho Stage theo đơn vị pixel Kích thước Stage kích thước hiển thị đoạn phim cuối cùng, chắn kích thước vừa xác định chứa hết tồn thiết kế mà bạn muốn tạo

3 Nhấn vào ô chọn màu Background Color ( ), bảng Swatches xuất Bảng cho phép bạn chọn màu cho Stage, màu đoạn phim cuối (file swf) xuất Nếu cần, thiết lập màu 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 30 fps (khung hình giây) Tỷ lệ khung hình/giây xác định tốc độ xem chất lượng đoạn phim Tỷ lệ cao, flash chuyển động mịn, kèm theo bạn phải làm nhiều khung hình Bạn tìm hiểu sâu việc tinh chỉnh tỷ lệ khung hình/giây Bài 7, “Hoạt hình nâng cao”

Tạo 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 máy in mặc định Tùy chọn thường thiết lập Default, tương đương với việc bạn tự xác định chiều rộng chiều dài sử dụng thiết lập Dimensions mặc định lưu Flash. 5 Trong menu Ruler units, chọn đơn vị Pixels Việc chọn định nghĩa đơn vị

pixel sử dụng làm thước đo đoạn phim Flash, bao gồm thước căn, bảng hộp thoại

6 Nhấn OK để thoát khỏi hộp thoại Document Properties áp dụng thiết lập vừa chọn cho file Để file mở Bạn lưu file phần học

(18)

2

Nếu người bắt đầu thiết kế web, bạn cảm thấy lạ với khái niệm pixel Để đơn giản, ghi nhớ rằng, thông thường kích thước inch có chứa 72 pixel Nếu muốn, bạn sử dụng hộp thoại Document Properties để thay đổi Ruler units file đơn vị đo khác 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 file. Tạo file mới

Lưu file Flash

File tạo nên lưu lại trước bắt đầu làm việc thêm nội dung Theo mặc định, Flash lưu file đị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 Name Tìm tới thư mục fl02lessons nhấn Save Chọn File > Close để đóng file

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

(19)

2 Tạo file mới

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

Flash có chứa nhiều mẫu tạo sẵn, giúp đơn giản hóa q trình thiết lập cho dự án Flash thông thường Tạo file từ mẫu tạo sẵn giữ nguyên cấu hình thiết lập từ trước, kích thước file phiên ActionScript Chọn File > New > Template để xem mẫu tạo sẵn Flash

Trong mục Advertising, mẫu tạo sẵn bao gồm banner với kích thước phổ biến Lưu ý file mẫu tạo sẵn có thiết lập phiên cho Flash Player1 ActionScript

để đạt độ tương thích tối đa Nếu bạn muốn sử dụng kỹ thuật tính Flash CS4, việc tạo file từ mẫu tạo sẵn bị hạn chế

Mục Handset Devices tự động thiết lập kích thước file tương ứng với độ phân giải thiết bị chọn Những mẫu tạo sẵn sử dụng phiên phù hợp Flash Lite (Flash Lite Flash Player dành cho điện thoại 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 sử dụng để trình chiếu ảnh cách nhanh chóng dễ dàng Bạn cần thêm ảnh trình chiếu vào file Tất mã ActionScript tương ứng viết sẵn cho bạn

Modern Photo Slideshow nhiều mẫu tạo sẵn hữu dụng có trong hộp thoại New from Template.

(20)

2 Tạo file mới Mở file

Việc mở file quan trọng việc lưu file Ngoài việc mở file tạo Flash CS4 Professional, ví dụ file kèm sách này, bạn cịn mở file tạo phiên Flash cũ Các bước để mở file đơn giản

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

2 Chọn file fl0201_work.fla, sau nhấn Open Giữ file mở Bạn sử dụng file cho tập

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

Bạn mở file cách sử dụng nút Open ( ) phía cột Open Recent Items hình Welcome Screen Phía biểu tượng danh sách tám file mà bạn làm việc; cách hữu ích ngồi việc sử dụng menu Open Recent.

Nếu muốn mở lại file vừa làm việc, chọn File > Open Recent, sau chọn file mà bạn cần

(21)

2 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 mở file Flash Giờ lúc làm quen với không gian làm việc, nơi mà bạn dành phần lớn thời gian để tạo nội dung Flash

Stage vùng làm việc

Sau tạo file Flash, vùng hình gọi Stage, nơi diễn tác vụ Stage vùng hiển thị đoạn phim, nơi đặt hình vẽ tạo hoạt hình Theo mặc định, Stage có màu trắng; nhiên bạn thay đổi màu cho Stage cách sử dụng lệnh Modify > Document hộp thoại Document Properties Vùng màu xám bao xung quanh Stage vùng làm việc; hình vẽ đặt vào tạo vùng làm việc không thêm vào đoạn phim cuối Hãy hình dung vùng làm việc giống hậu trường của sân khấu; ví dụ, bạn tạo hoạt hình cho ký tự di chuyển từ vùng làm việc sang Stage Vùng làm việc nơi phù hợp để lưu trữ đối tượng chưa sẵn sàng để xuất đoạn phim Kích thước Stage kích thước thực đoạn phim xuất cuối

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

A

(22)

2

Bảng Tools Flash

Bảng Tools Flash chứa công cụ mà bạn cần để tạo mới, chọn chỉnh sửa hình vẽ Stage Bạn sử dụng biểu tượng hai mũi tên nằm bảng Tools để thu gọn 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

(23)

2 Không gian làm việc Flash

BIỂU TƯỢNG TÊN CÔNG CỤ CÁCH SỬ DỤNG BÀI HỌC ĐỀ CẬP TỚI

Selection Di chuyển đối tượng chọn layer. Bài 2,

Subselection Chọn di chuyển điểm neo trên path (đường vẽ). Bài

Free Transform Thay đổi kích thước, xoay cắt xén đối tượng. Bài

Lasso Tạo vùng chọn Bài

3D Rotation Xoay đối tượng không gian 3D Bài

BIỂU TƯỢNG TÊN CÔNG CỤ CÁCH SỬ DỤNG BÀI HỌC ĐỀ CẬP TỚI

Ink Bottle Áp dụng thay đổi màu stroke (đường viền). Bài 3,

Paint Bucket Áp dụng thay đổi màu tô (Fill). Bài 3,

Eyedropper Lấy mẫu màu style Bài 3,

Eraser Xóa hình Cơng cụ không đề cập tới

cuốn sách Bone Tạo đối tượng theo nguyên lý IK (Inverse Kinematic - Hệ thống

chuyển động đảo ngược) Bài 5,

BIỂU TƯỢNG TÊN CÔNG CỤ CÁCH SỬ DỤNG BÀI HỌC ĐỀ CẬP TỚI

Pen Vẽ đường vector Bài

Text Tạo ô văn Bài

Line Vẽ đường thẳng Bài

Shapes Vẽ hình vector Bài

Pencil Vẽ đường tự Bài

Brush Vẽ vùng tô màu tự Bài

Deco Tạo pattern (mẫu họa tiết lặp lại) sử dụng symbol. Bài

Các công cụ chọn

Các công cụ màu sắc

(24)

2

BIỂU TƯỢNG TÊN CÔNG CỤ CÁCH SỬ DỤNG BÀI HỌC ĐỀ CẬP TỚI

Hand Di chuyển trang Bài

Zoom Tăng giảm kích thước xem tương đối. Bài

Các công cụ di chuyển

BIỂU TƯỢNG TÊN CÔNG CỤ CÁCH SỬ DỤNG BÀI HỌC ĐỀ CẬP TỚI

Stroke Color Chọn màu cho stroke (đường viền). Bài

Fill Color Chọn màu tô Bài

Default Stroke/Fill

Thiết lập màu stroke màu tô (màu đổ) màu đen trắng

mặc định Bài

Swap Colors Hoán đổi màu stroke màu tô Bài

No Color Thiết lập màu chọn none (không màu). Bài

BIỂU TƯỢNG TÊN CÔNG CỤ CÁCH SỬ DỤNG BÀI HỌC ĐỀ CẬP TỚI

Snap to

Objects Kích hoạt chế độ bắt điểm đối tượng Stage Bài

Các công cụ chọn stroke chọn màu tô

Tùy chọn cho công cụ

Bảng Property Inspector

Bảng Property Inspector xuất bên phải khơng gian làm việc Flash Nằm nhóm với bảng Library, bảng Property Inspector hiển thị thuộc tính tùy chọn đối tượng chọn Stage, đồng thời cho phép thay đổi giá trị thuộc tính tùy chọn Đây bảng ngữ cảnh, có nghĩa thơng tin hiển thị bảng thay đổi phụ thuộc vào công cụ đối tượng chọn

Bảng Property Inspector tính quan trọng tiến trình làm việc Flash; bảng cho phép hiển thị thay đổi giá trị thuộc tính đối tượng, độ rộng, chiều cao, vị trí màu tơ (màu đổ) Hãy xem xét kỹ hoạt động bảng Property Inspector

(25)

2 Không gian làm việc Flash

1 Nếu file fl0201_work.fla chưa mở, chọn File > Open để mở lại file thư mục fl02lessons Chọn công cụ Rectangle ( ) bảng Tools

2 Ở phía bảng Tools, nhấn ô chọn màu Fill Color (mẫu màu tô) ( ) Khi bảng Swatches xuất hiện, chọn màu vàng sẫm phía bên phải bảng

Sử dụng mẫu màu phía bảng Tools để chọn màu tô màu stroke.

3 Di chuyển trỏ tới Stage Nhấn giữ chuột, sau kéo để vẽ hình chữ nhật Thả chuột sau hình chữ nhật tạo Stage

Để vẽ hình Stage, chọn cơng cụ tạo hình, sau nhấn kéo chuột.

(26)

2

5 Nhấn vào chữ số gạch chân cạnh ô văn W: để highlight giá trị tại, sau nhập giá trị 250 để thiết lập chiều rộng cho hình chữ nhật Nhấn Enter (Windows) Return (Mac OS) Áp dụng tương tự để thiết lập chiều cao hình chữ nhật 150

Khơng gian làm việc Flash

Bạn sử dụng bảng Property Inspector để thiết lập thuộc tính cho hình chọn.

6 Chọn cơng cụ Text ( ) bảng Tools Nhấn vào phía hình chữ nhật nhập cụm từ Flash CS4 Bây thấy bảng Property Inspector hiển thị tùy chọn văn font chữ kích cỡ

(27)

2 Không gian làm việc Flash

7 Nhấn kéo chuột vào bên văn vừa tạo để chọn toàn văn Trong bảng Property Inspector, tìm tới menu Family chọn Arial (nếu khơng có, chọn Verdana thay thế) Nhấn vào tùy chọn Size thiết lập cỡ chữ 45

8 Trong bảng Property Inspector, nhấn vào ô chọn màu Color chọn màu xanh nước biển từ bảng Swatches để thay đổi màu cho chữ Trong tập này, sử dụng giá trị màu #000099

(28)

2 Không gian làm việc Flash

9 Chọn File > Save để lưu file, sau chọn File > Close

Ngồi văn hình vẽ, bảng Property Inspector làm việc với Timeline, cho phép thiết lập tùy chọn xem thông tin khung hình Bạn sử dụng thường xuyên bảng Property Inspector hầu hết học để chỉnh sửa đối tượng Stage khung hình Timeline

Bảng Property Inspector hiển thị tùy chọn công cụ hoạt động thông tin đối tượng chọn, chí là thơng tin khung hình Timeline.

Các bảng nhóm bảng

Khơng gian làm việc Flash linh hoạt Không gian làm việc tổ chức thành chuỗi bảng, có nhiều bảng mà bạn thường xuyên phải sử dụng Library, Property Inspector Timeline Các bảng tổ chức lại Bạn mở bảng khác (qua menu "window") xếp, nhóm hay thay đổi kích thước bảng theo ý thích

(29)

2 Không gian làm việc Flash

Bạn tìm hiểu chi tiết khơng gian làm việc Bài 8, “Tùy biến luồng công việc”, nhiên có vài điều cần lưu ý lúc

Có thể quen với Flash, bạn muốn điều khiển tùy biến không gian làm việc theo cách riêng bạn, nhiên, thời điểm này, thay đổi khơng gian làm việc gây rắc rối Nếu vơ tình kéo thả làm biến bảng, bạn ln thiết lập lại bảng vị trí mặc định chúng cách chọn Window > Workspace > Essentials Nếu sử dụng phiên Flash trước Flash CS4, bạn quan tâm tới tùy chọn Classic menu Để đảm bảo tính thống nhất, sách sử dụng không gian làm việc CS4 mặc định

(30)

2

Một điều quan trọng cần ý bảng có menu tương ứng chứa tùy chọn có khơng xuất bảng, truy cập tới cách nhấn vào button góc bên phải bảng Menu bảng có khơng có tác dụng, tùy vào trường hợp cụ thể ghi nhớ tồn menu nơi bạn nghĩ đến tùy chọn khơng có mặt bảng

Các menu bảng truy cập tới cách sử dụng button góc bên phải bảng. Timeline

Timeline Flash coi “trái tim” tác vụ; nơi bạn tạo hoạt hình, chuỗi hình vẽ với âm thanh, video lệnh điều khiển Timeline chứa khung hình, khung hình biểu diễn cho thời điểm xác định hay mốc thời gian Các hình vẽ hoạt hình đặt thời điểm xác định Timeline, gọi keyframe, tạo chuỗi hình liên tiếp, trình chiếu ảnh đoạn phim Bạn thêm mã ActionScript cho keyframe, để điều khiển việc phát hình thêm tương tác đặt âm dọc theo Timeline để tạo hiệu ứng âm đối thoại

Không gian làm việc Flash

A B C

(31)

2 Không gian làm việc Flash

Timeline bao gồm layer Layer hoạt động giống phần suốt cuộn phim phủ lên cuộn phim khác Mỗi hoạt hình phần artwork (sản phẩm thiết kế - hình vẽ hình vector có khả co kéo mà khơng bị vỡ hình, artwork bao gồm nhiều hình vẽ) đặt layer riêng biệt, điều giúp tổ chức quản lý công việc dễ dàng Nếu làm việc với ứng dụng Adobe CS4 khác Illustrator, Photoshop InDesign, bạn quen với layer, thực tính mạnh mẽ linh hoạt Giống bảng khác, Timeline có menu riêng Hầu hết tùy chọn menu bảng Timeline liên quan tới việc tùy biến hiển thị bảng Đây nơi bạn điều chỉnh kích thước layer, khung hình bật chế độ Preview để hiển thị đối tượng layer dạng hình ảnh thu nhỏ Timeline

(32)

2

Trong tập này, bạn tìm hiểu Timeline chứa nhiều keyframe, hoạt hình layer để hiểu rõ file Flash chuẩn

1 Chọn Chọn File > Open chọn file fl0203.fla thư mục fl02lessons Nhấn Open để mở file

2 Quan sát bảng Timeline phía Stage Bạn thấy bảng Timeline chứa layer kèm theo thư mục layer bên Thư mục layer chứa layer sử dụng để tổ chức Timeline thêm layer Nhấn vào mũi tên bên trái thư mục Gears để mở rộng hiển thị nội dung thư mục Có ba layer hình cưa nằm thư mục Gears

Nhấn mũi tên bên trái để mở rộng thư mục Gears.

3 Mỗi layer chứa hoạt hình riêng biệt, đánh dấu vị trí bắt đầu kết thúc keyframe Keyframe khung hình đặc biệt tạo dọc theo Timeline, keyframe bạn tạo xóa bỏ hình vẽ, bắt đầu kết thúc hoạt hình kích hoạt thực tương tác với ActionScript Nền màu xanh khung hình biểu thị cho hoạt hình motion tween Nhấn Enter (Windows) Return (Mac OS) để chạy Timeline

4 Nhìn vào Layer Timeline, layer chứa số keyframe liên tiếp Nhấn lần vào keyframe để chuyển tới khung hình quan sát nội dung hiển thị thời điểm tương ứng

5 Để trượt Timeline, bắt lấy playhead phía Timeline (playhead biểu thị dấu mốc màu đỏ), sau kéo sang hai phía

(33)

2 Không gian làm việc Flash

6 Chọn File > Close để đóng file Nếu nhắc có muốn lưu thay đổi hay khơng, chọn Don’t Save

1Web-safe: Là màu hiển thị tất hệ máy, kể máy tính cấu hình thấp hỗ trợ bít màu

Chuyển đổi làm việc file

Khi có nhiều file mở lúc, file hiển thị tab tương ứng phía cửa sổ thiết kế Nhấn vào tab để chọn file hiển thị file phía trước hình để chỉnh sửa Để đóng file hoạt động, bạn chọn File > Close sử dụng hộp dấu x xuất đầu tab file Để đóng tất file lúc, chọn File > Close All

Chuyển đổi qua lại dễ dàng nhiều file lúc.

Bảng Swatches

Bạn bắt gặp biểu tượng ô chọn màu ( ) nhiều lần Flash Biểu tượng mở bảng Swatches sử dụng để thiết lập màu nền, màu tơ (màu đổ) màu cho stroke cho chữ Có 256 màu web-safe1 hiệu ứng chuyển màu thiết lập

sẵn để chọn lựa, bạn tự xác định màu Bạn tìm hiểu cách thêm màu tùy chỉnh hiệu ứng chuyển màu vào bảng Swatches Bài 3, “Làm quen với công cụ vẽ”

Sáu mã ký tự phía bảng Swatches biểu diễn cho mã thập lục phân, hệ mã chuẩn màu sử dụng cho web Khi chọn màu từ bảng Swatches, mã thập lục phân tương ứng với màu chọn hiển thị phía Bảng Color Picker ứng dụng Adobe CS4 Illustrator hay Photoshop chứa giá trị mã thập lục phân cho màu chọn, bạn lấy tương ứng màu sắc ứng dụng với cách chép dán mã thập lục phân

(34)

2 Thực hành với công cụ Flash

Thực hành với công cụ Flash

Bạn giới thiệu công cụ khơng gian làm việc Flash, lúc thực hành học Trong tập sau, bạn hồn thiện hình vẽ giống hình file fl0202_fish.fla để hiểu sâu công cụ chọn, công cụ vẽ công cụ biến hình Flash Bạn sử dụng tweening Flash để tạo hoạt hình

Thực hành với công cụ vẽ công cụ chọn

Đầu tiên, bạn tạo chỉnh sửa hình vẽ sử dụng cơng cụ vẽ, sau thực tinh chỉnh với công cụ chọn Công cụ chọn thường sử dụng kết hợp với công cụ vẽ để xác định vị trí chỉnh sửa hình vẽ, ảnh chữ

1 Hãy mở file fl0202.fla đặt thư mục fl02lessons, file chưa mở sẵn

2 Chọn File > Save As; hộp thoại Save As xuất Trong trường văn Name, nhập fl0202_work.fla, sau di chuyển tới thư mục fl02lessons nhấn Save

3 Chọn công cụ Selection ( ) bảng Tools Công cụ Selection cơng cụ chọn đa năng, sử dụng để chọn, di chuyển biến đổi đối tượng trực tiếp Stage

4 Trên Stage, nhấn lần vào vây phía phần thân cá Nhấn vào kéo vây xuống nối liền với phần thân Thả chuột

(35)

2 Thực hành với công cụ Flash

5 Bạn cần vây để làm thành vây bên Cách đơn giản nhân kéo để tạo từ vây ban đầu Để thực điều này, nhấn lần vào vây bên trên, sau giữ phím Alt (Windows) Option (Mac OS) đồng thời nhấn kéo vây xa vây ban đầu

Giữ phím Alt (Windows) Option (Mac OS) và kéo để nhân đối tượng.

6 Bởi vây chép ngược chiều với phần thân cá, cần phải lật ngược vây lại cho chiều Nhấn lần để chọn vây chép, sau chọn Modify > Transform > Flip Vertical Lệnh menu Transform lật ngược vây theo chiều mong muốn

(36)

2

7 Tiếp tục sử dụng công cụ Selection, nhấn kéo vây xuống phía phần thân cá

8 Chiếc vây to Trong Flash có nhiều cách để thay đổi kích thước đối tượng, có bảng Transform; chọn Window > Transform để mở bảng Transform

9 Với vây chọn, nhập 60 vào trường Horizontal Scale Vertical Scale phía bảng Transform, sau nhấn Enter Return để cập nhật thay đổi Bây kích thước vây có tỷ lệ 60% so với ban đầu

Bảng Transform thay đổi kích thước xác đối tượng theo giá trị tỷ lệ phần trăm.

Hãy để ý button Constrain ( ) (Windows) checkbox Constrain (Mac OS) nằm cạnh trường văn Width scale Height scale bảng Transform Khi checkbox được đánh dấu, bạn cần nhập giá trị vào trường Width Height, Flash tự động thay đổi kích thước đối tượng theo tỷ lệ tương ứng.

10 Để thêm mắt cho cá, chọn công cụ Oval ( ) bảng Tools Bạn cần nhấn giữ chuột lên công cụ Rectangle ( ) để truy cập tới cơng cụ Oval Ở phía bảng Tools, nhấn vào chọn màu Fill color chọn màu đổ màu đen

11 Công cụ Oval cho phép chỉnh sửa hình; Ở đây, bạn thêm đường trịn nằm bên hình oval Trong bảng Property Inspector, nhập giá trị 50 vào trường văn Inner radius, sau nhấn Enter Return

(37)

2

Để tạo hình trịn, giữ phím Shift vẽ hình oval.

Thực hành với công cụ Flash 12 Chọn Layer Timeline cách nhấn vào tên layer đó, sau nhấn

kéo chuột lên vùng bên trái cá để vẽ hình oval nhỏ mắt cá Đảm bảo hình oval đặt vào trước bị bỏ chọn để tránh loại bỏ màu cá

Sử dụng công cụ Oval Premitive với tùy chọn inner radius để tạo mắt cho chú cá.

Tô màu cho cá cách sử dụng màu gradient bảng Swatches.

Xin chúc mừng! Tuy cá trơng cịn đơn giản bạn thiết kế xong đối tượng đồ họa Flash

Sử dụng công cụ màu gradient

Bây bạn thêm màu sắc sinh động cho cá cách sử dụng màu gradient (màu biến đổi dần) kiểu stroke (đường viền) nghệ thuật

1 Chọn cơng cụ Selection ( ) từ bảng Tools, sau nhấn lần vào bên phần thân cá; pattern kiểu dấu chấm biểu thị vùng đổ màu chọn

(38)

2

3 Công cụ Eyedropper ( ) cho phép lấy mẫu màu đối tượng áp dụng màu cho đối tượng khác Bạn sử dụng công cụ để lấy mẫu màu từ phần thân cá áp dụng màu cho hai vây Sử dụng cơng cụ Selection ( ), giữ phím Shift nhấn vào vây để chọn đồng thời hai Chọn công cụ Eyedropper bảng Tools Nhấn lần lên thân cá để lấy mẫu màu áp dụng cho hai vây vừa chọn

4 Chọn Edit > Deselect All để bỏ chọn phần tử Stage Trong bảng Tools, nhấn giữ chuột lên công cụ Paint Bucket ( ), chọn công cụ Ink Bottle ( ) từ menu xuất Công cụ Ink Bottle cho phép thay đổi màu sắc stroke đối tượng Bạn sử dụng bảng Property Inspector để thiết lập màu kiểu stroke (trong Flash phân biệt công cụ (1) đổ màu Paint Bucket (2) đổ màu stroke Ink Bottle)

4 Trong bảng Property Inspector, nhấn vào ô chọn màu Stroke color (mẫu màu đường viền) nhập giá trị #FF6600 (màu cam) vào trường hexadecimal góc bên trái bảng Swatches Nhấn Enter Return để thiết lập màu vừa chọn

6 Nhấn vào menu Style bên mẫu màu Chọn kiểu ragged từ menu xổ xuống

Chọn màu kiểu cho stroke, áp dụng nét vẽ ragged (kiểu nét vẽ tay đứt đoạn) đó cách sử dụng công cụ Ink Bottle.

7 Nhấn vào cạnh rìa phần thân cá để áp dụng màu kiểu stroke Nhấn vào rìa hai vây phần mang cá để áp dụng tương tự màu kiểu stroke Chọn Edit > Deselect All để bỏ chọn đối tượng Stage

(39)

2 8 Chọn công cụ Selection bảng Tools Di chuyển trỏ sang phải mang

một chút không chạm vào mang đó, đường cong nhỏ xuất bên trỏ Nhấn kéo chuột nhẹ sang bên phải để uốn cong mang cá

Công cụ Selection sử dụng để uốn cong đường thẳng làm méo hình.

9 Nhấn giữ chuột lên công cụ Rectangle ( ) bảng Tools chọn công cụ Oval ( ) Nhấn vào ô chọn màu Fill color phía bảng Tools, sau chọn màu xanh nước biển nhạt Nhấn vào ô Stroke color thiết lập màu stroke No color ( )

10 Giữ phím Shift, đồng thời vẽ số hình oval lên phía trước cá để tạo hình bong bóng

11 Chọn File > Save để lưu file

Sử dụng công cụ Oval Primitive để vẽ các bong bóng phía trước cá.

12 Chọn File > Open, chọn file fl0202_done.fla thư mục fl02lessons, nhấn Open để mở file Thử so sánh sản phẩm bạn với hình vẽ file fl0202_done.fla Chọn File > Close All để đóng tất file mở

Bây bạn thực hành xong với công cụ vẽ Bạn tìm hiểu chi tiết cơng cụ Bài 3, “Làm quen với công cụ vẽ”

(40)

2

Thực hành với hoạt hình

Flash phần mềm mạnh dễ sử dụng để tạo hoạt hình, bạn tạo hoạt hình trực tiếp từ Timeline Timeline hiển thị nội dung khoảng thời gian hay gọi khung hình Mỗi khung hình thiết lập thành keyframe chứa phần tử nơi bắt đầu kết thúc hoạt hình

Flash tạo hoạt hình dựa điểm bắt đầu kết thúc; phương pháp gọi tweening (biến đổi hoạt hình) Bạn cần xác định vị trí bắt đầu kết thúc hoạt hình đối tượng, Flash tự động tính tốn khung hình xen Để áp dụng kiểu chuyển động cho nhiều đối tượng Stage, bạn sử dụng tính Copy Motion and Paste Motion, tính Flash CS4

1 Chọn File > Open chọn file fl0201.fla thư mục fl02lessons hộp thoại Open xuất Nhấn Open Hình vẽ hai rùa xuất Stage Trong bước tiếp theo, bạn tạo hoạt hình chuyển động băng qua stage rùa lớn

2 Sử dụng công cụ Selection ( ), nhấn vào rùa lớn Để ý thấy layer Big Turtle Timeline highlight màu xanh layer chứa 60 khung hình Nhấn chuột phải (Windows) Ctrl+nhấn chuột (Mac OS) vào rùa lớn chọn Create Motion Tween từ menu ngữ cảnh

Nhấn chuột phải/giữ Ctrl nhấn chuột vào rùa lớn chọn Create Motion Tween từ menu ngữ cảnh.

Motion tween cho phép bạn dễ dàng tạo hoạt hình cách điều chỉnh thuộc tính đối tượng thời điểm khác Timeline Flash thực công việc cần thiết khác

3 Nhấn kéo playhead tới khung hình 60

(41)

2 4 Nhấn kéo để di chuyển vị trí rùa lớn sang bên trái stage (chú ý không

kéo vượt cạnh stage) Khi thả chuột ra, bạn thấy đường đứt nét màu xanh xuất nối từ vị trí cũ tới vị trí rùa

Thay đổi vị trí rùa lớn.

5 Nhấn Enter Return để xem thử hoạt hình mà bạn vừa tạo Trơng ổn, không?

Trợ giúp

Trong trường hợp bạn không tìm thấy lệnh muốn biết cách hoạt động, sử dụng công cụ cách thực tác vụ đó, bạn tham khảo menu help > Flash Help Menu help > Flash Help mở bảng Help (đây bảng tổng hợp, vừa bảng thuật ngữ, tài liệu hướng dẫn khắc phục lỗi vừa tài liệu hướng dẫn sử dụng); menu cung cấp liên kết tới diễn đàn Adobe trung tâm hỗ trợ trực tuyến Bảng Help nguồn tham khảo hữu dụng, giúp giải đáp nhanh chóng vướng mắc bạn

1 Chọn Help > Flash Help

2 Trong bảng Help, bạn sử dụng danh sách phân loại phía bên trái nhập từ khóa để tìm kiếm trợ giúp chủ đề bạn muốn

(42)

2

Các diễn đàn trợ giúp

Các diễn đàn trợ giúp Flash Adobe nguồn tham khảo phong phú bao gồm câu trả lời, ý tưởng sáng tạo, thủ thuật chuyên gia cộng đồng người sử dụng Flash Bạn tìm thấy hầu hết câu trả lời cho câu hỏi thơng thường đăng chủ đề câu hỏi bạn lên diễn đàn

2 Chọn Help > Flash Developer Center Việc mở diễn đàn trợ giúp (Support forum) trình duyệt mặc định hệ thống

2 Trong trường tìm kiếm góc bên phải trang diễn đàn, nhập từ khóa mà bạn muốn tìm hiểu, sau nhấn vào button Search

3 Để đăng tải chủ đề, câu hỏi trả lời câu hỏi diễn đàn, nhấn vào liên kết Your Account phía trang diễn đàn để đăng nhập với tài khoản Adobe bạn

Bạn cần phải đăng ký tài khoản để đăng tải trả lời câu hỏi trang diễn đàn Flash Adobe.

Tiếp theo

Trong chương sau, bạn đặt bút (sử dụng chuột Stage) để thể sáng tạo với công cụ vẽ Flash Bây giờ, có lẽ bạn quen với khơng gian làm việc Flash, thứ đơn giản đừng ngại ôn tập lại chương thêm lần để củng cố thêm trí nhớ bạn

Tự học

Tạo lưu file thư mục fl02lessons Sử dụng bảng Property Inspector để thiết lập kích thước, màu tỷ lệ khung hình/giây Thực hành với công cụ vẽ mà bạn học từ trước tới để tạo hình vẽ Stage, sử dụng công cụ Selection để di chuyển chỉnh sửa hình vẽ, cần

Bạn thiết lập vị trí tùy biến bảng khơng gian làm việc theo ý thích Menu Workspace (Window > Workspace) cung cấp số thiết lập có sẵn cho bạn biết cách tối ưu hóa khơng gian vùng làm việc

Hãy thử tạo hoạt hình cho rùa nhỏ file fl0201.fla Thực hành tạo hoạt hình với thuộc tính khác đối tượng cách sử dụng bảng Property Inspector

(43)

2 Ôn tập

Câu hỏi

1 Bạn mở file làm việc từ trước đâu?

2 Bảng cho phép xem thông tin đối tượng chọn xem tùy chọn công cụ hoạt động?

3 Flash sử dụng phương phức để tự động tạo hoạt hình từ điểm bắt đầu điểm kết thúc?

Đáp án

1 Từ menu File > Open Recent từ cột Open a Recent Item hình Welcome Screen

2 Bảng Property Inspector

3 Phương thức tweening (biến đổi hoạt hình)

(44)

Ngày đăng: 10/03/2021, 17:22

HÌNH ẢNH LIÊN QUAN

1 Cơ chế tạo hoạt hình mới - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
1 Cơ chế tạo hoạt hình mới (Trang 2)
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. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
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 (Trang 3)
1 Bảng Motion Editor - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
1 Bảng Motion Editor (Trang 4)
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." - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
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." (Trang 6)
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." - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
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." (Trang 7)
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) - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
h ữ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) (Trang 8)
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. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
r ướ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 (Trang 11)
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) - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
lash 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) (Trang 13)
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 - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
r ướ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 (Trang 16)
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 - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
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 (Trang 17)
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ụ - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
au 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ụ (Trang 21)
Bảng Tools của Flash - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
ng Tools của Flash (Trang 22)
Shapes Vẽ các hình vector. Bài 3 - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
hapes Vẽ các hình vector. Bài 3 (Trang 23)
Eraser Xóa hình. Công cụ này không được đề cập tới trong - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
raser Xóa hình. Công cụ này không được đề cập tới trong (Trang 23)
Bảng Property Inspector - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
ng Property Inspector (Trang 24)
2 Ở phía dưới bảng Tools, nhấn ô chọn màu Fill Color (mẫu màu tô) ( ). Khi bảng Swatches xuất hiện, hãy chọn màu vàng sẫm ở phía bên phải của bảng. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
2 Ở phía dưới bảng Tools, nhấn ô chọn màu Fill Color (mẫu màu tô) ( ). Khi bảng Swatches xuất hiện, hãy chọn màu vàng sẫm ở phía bên phải của bảng (Trang 25)
Sử dụng các mẫu màu ở phía dưới bảng Tools để chọn màu tô và màu stroke. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
d ụng các mẫu màu ở phía dưới bảng Tools để chọn màu tô và màu stroke (Trang 25)
Bạn có thể sử dụng bảng Property Inspector  để  thiết  lập  các  thuộc  tính  cho hình được chọn. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
n có thể sử dụng bảng Property Inspector để thiết lập các thuộc tính cho hình được chọn (Trang 26)
8 Trong bảng Property Inspector, nhấn vào ô chọn màu Color và chọn màu xanh nước biển từ bảng Swatches để thay đổi màu cho chữ - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
8 Trong bảng Property Inspector, nhấn vào ô chọn màu Color và chọn màu xanh nước biển từ bảng Swatches để thay đổi màu cho chữ (Trang 27)
Các menu của bảng có thể được truy cập tới bằng cách sử dụng button ở góc trên cùng bên phải của bảng. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
c menu của bảng có thể được truy cập tới bằng cách sử dụng button ở góc trên cùng bên phải của bảng (Trang 30)
Trong bài tập này, bạn sẽ tìm hiểu một Timeline chứa nhiều keyframe, hoạt hình và layer để hiểu rõ thế nào là một file Flash chuẩn. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
rong bài tập này, bạn sẽ tìm hiểu một Timeline chứa nhiều keyframe, hoạt hình và layer để hiểu rõ thế nào là một file Flash chuẩn (Trang 32)
Bảng Swatches - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
ng Swatches (Trang 33)
Bảng Transform thay đổi kích thước chính xác của đối  tượng  theo  các  giá  trị  tỷ  lệ  phần trăm. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
ng Transform thay đổi kích thước chính xác của đối tượng theo các giá trị tỷ lệ phần trăm (Trang 36)
Để tạo ra hình tròn, hãy giữ phím Shift trong khi vẽ hình oval. - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
t ạo ra hình tròn, hãy giữ phím Shift trong khi vẽ hình oval (Trang 37)
4 Trong bảng Property Inspector, nhấn vào ô chọn màu Stroke color (mẫu màu đường viền) và nhập giá trị #FF6600 (màu cam) vào trường hexadecimal ở góc trên cùng  bên trái của bảng Swatches - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
4 Trong bảng Property Inspector, nhấn vào ô chọn màu Stroke color (mẫu màu đường viền) và nhập giá trị #FF6600 (màu cam) vào trường hexadecimal ở góc trên cùng bên trái của bảng Swatches (Trang 38)
4 Chọn Edit > Deselect All để bỏ chọn các phần tử trên Stage. Trong bảng Tools, nhấn và giữ chuột lên công cụ Paint Bucket ( ), chọn công cụ Ink Bottle ( ) từ menu  xuất hiện - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
4 Chọn Edit > Deselect All để bỏ chọn các phần tử trên Stage. Trong bảng Tools, nhấn và giữ chuột lên công cụ Paint Bucket ( ), chọn công cụ Ink Bottle ( ) từ menu xuất hiện (Trang 38)
9 Nhấn và giữ chuột lên công cụ Rectangle () trong bảng Tools và chọn công cụ Oval ( ) - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
9 Nhấn và giữ chuột lên công cụ Rectangle () trong bảng Tools và chọn công cụ Oval ( ) (Trang 39)
10 Giữ phím Shift, đồng thời vẽ một số hình oval lên phía trước chú cá để tạo ra các hình bong bóng - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
10 Giữ phím Shift, đồng thời vẽ một số hình oval lên phía trước chú cá để tạo ra các hình bong bóng (Trang 39)
Thực hành với hoạt hình - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
h ực hành với hoạt hình (Trang 40)
5 Nhấn Enter hoặc Return để xem thử hoạt hình mà bạn vừa tạo ra. Trông rất ổn, đúng không? - Các tính năng trong Flash CS4
                                 - Nguồn: Internet
5 Nhấn Enter hoặc Return để xem thử hoạt hình mà bạn vừa tạo ra. Trông rất ổn, đúng không? (Trang 41)
w