MỤC TIÊU BÀI HỌCBước đầu làm quen với chương trình Adobe Flash CS4 Khởi tạo và lưu file trong Flash CS4 Tùy biến không gian làm việc Làm quen với các bảng, công cụ, định dạng file trong
Trang 1BÀI 1 KHỞI ĐỘNG & TÌM HIỂU NHỮNG TÍNH NĂNG MỚI
TRONG ADOBE FLASH CS4
Trang 2MỤC TIÊU BÀI HỌC
Bước đầu làm quen với chương trình Adobe Flash
CS4
Khởi tạo và lưu file trong Flash CS4
Tùy biến không gian làm việc
Làm quen với các bảng, công cụ, định dạng file
trong Flash CS4
Chuyển động (animation) trong Flash
Giới thiệu những tính năng mới trong Flash CS4
Bước đầu làm quen với chương trình Adobe Flash
CS4
Khởi tạo và lưu file trong Flash CS4
Tùy biến không gian làm việc
Làm quen với các bảng, công cụ, định dạng file
trong Flash CS4
Chuyển động (animation) trong Flash
Giới thiệu những tính năng mới trong Flash CS4
Trang 3ADOBE FLASH CS4
Trang 4ADOBE FLASH CS4
Adobe Flash CS4 Professional là một phần mềm
thiết kế truyền thông đa phương tiện
Ứng dụng rộng rãi trên nhiều lĩnh vực:
Thiết kế hoạt hình
Thiết kế mô phỏng
Thiết kế website (animation web, website full flash)
Thiết kế game (character, animation)
Với Flash CS4 Professional, bạn có thể thao tác với
Adobe Flash CS4 Professional là một phần mềm
thiết kế truyền thông đa phương tiện
Ứng dụng rộng rãi trên nhiều lĩnh vực:
Thiết kế hoạt hình
Thiết kế mô phỏng
Thiết kế website (animation web, website full flash)
Thiết kế game (character, animation)
Với Flash CS4 Professional, bạn có thể thao tác với
Trang 6ADOBE FLASH CS4
4 tính năng quan trọng trong Adobe Flash CS4:
Môi trường vẽ: cung cấp những công cụ vẽ vector
mạnh mẽ
Hình ảnh động (animation): tạo ra hình ảnh động
nhẹ, có thể kết hợp các hình ảnh, âm thanh, và
video Hỗ trợ hình ảnh động dạng frame-by-frame và phương thức của hình động: tween
Layout: cung cấp những tiện ích để tạo bố cục trang web mà không bị hạn chế bởi thiết kế điển hình của
4 tính năng quan trọng trong Adobe Flash CS4:
Môi trường vẽ: cung cấp những công cụ vẽ vector
mạnh mẽ
Hình ảnh động (animation): tạo ra hình ảnh động
nhẹ, có thể kết hợp các hình ảnh, âm thanh, và
video Hỗ trợ hình ảnh động dạng frame-by-frame và phương thức của hình động: tween
Layout: cung cấp những tiện ích để tạo bố cục trang web mà không bị hạn chế bởi thiết kế điển hình của
Trang 7KHỞI TẠO VÀ LƯU FILE TRONG FLASH CS4
Trang 8KHỞI TẠO FILE
Chạy chương trình Adobe Flash CS4
Trang 9KHỞI TẠO FILE
Chọn File > New Cửa sổ tạo file mới xuất hiện
Hoặc lựa chọn Create New ngay trên cửa sổ
welcome của Flash CS4
Lựa chọn kiểu file: Flash File (ActionScript 3.0)
Slide 1 - Làm quen với Adobe Flash CS4 9
Trang 10KHỞI TẠO FILE
Trang 12LƯU FILE TRONG FLASH CS4
Chọn File > Save
Trang 13KHÔNG GIAN LÀM VIỆC
Trang 14KHÔNG GIAN LÀM VIỆC
Trang 15TÙY BIẾN KHÔNG GIAN LÀM VIỆC
Slide 1 - Làm quen với Adobe Flash CS4 15
Trang 16KHÔNG GIAN LÀM VIỆC
Animator: thuận tiện cho việc tạo animation (hoạt cảnh, hoạt hình)
Classic: không gian làm việc ở phiên bản 8
Debug: không gian tạo thuận tiện cho quá trình debug
(gỡ lỗi) actionscript
Designer: không gian thuận tiện cho việc thiết kế
Developer: không gian thuận tiện cho việc viết mã
actionscript
Essential: không gian mặc định của Flash CS4
Animator: thuận tiện cho việc tạo animation (hoạt cảnh, hoạt hình)
Classic: không gian làm việc ở phiên bản 8
Debug: không gian tạo thuận tiện cho quá trình debug
(gỡ lỗi) actionscript
Designer: không gian thuận tiện cho việc thiết kế
Developer: không gian thuận tiện cho việc viết mã
actionscript
Essential: không gian mặc định của Flash CS4
Trang 17KHÔNG GIAN LÀM VIỆC
Trang 18KHÔNG GIAN LÀM VIỆC
A: Vùng làm việc B: Stage
Trang 19THANH CÔNG CỤ
Slide 1 - Làm quen với Adobe Flash CS4 19
Trang 20THANH CÔNG CỤ
Công cụ lựa chọn (selection)
Icon Tên công cụ Cách sử dụng
Selection Di chuyển vùng chọn hoặc layer
Subselection Lựa chọn và di chuyển điểm neo trên
Trang 21THANH CÔNG CỤ
Công cụ vẽ và viết chữ
Slide 1 - Làm quen với Adobe Flash CS4 21
Trang 22THANH CÔNG CỤ
Công cụ làm việc với màu sắc: Ink Bottle, Paint
Bucket, Eyedropper, Eraser, Bone
Công cụ điều hướng: hand, zoom
Công cụ làm việc với đường viền và màu tô: StrokeColor, Fill Color, Default Stroke/Fill, Swap Colors, NoColor
Công cụ làm việc với màu sắc: Ink Bottle, Paint
Bucket, Eyedropper, Eraser, Bone
Công cụ điều hướng: hand, zoom
Công cụ làm việc với đường viền và màu tô: StrokeColor, Fill Color, Default Stroke/Fill, Swap Colors, NoColor
Trang 23BẢNG THUỘC TÍNH
Bảng thuộc tính (Property Inspector) xuất hiện ở
phía bên phải của không gian làm việc
Là thành phần tất yếu của luồng làm việc trong
Slide 1 - Làm quen với Adobe Flash CS4 23
Bảng thuộc tính (Property Inspector) xuất hiện ở
phía bên phải của không gian làm việc
Là thành phần tất yếu của luồng làm việc trong
Trang 24BẢNG THUỘC TÍNH
Trang 25BẢNG THUỘC TÍNH
Slide 1 - Làm quen với Adobe Flash CS4 25
Bảng thuộc tính của
Timeline
Trang 27THANH TIMELINE
Slide 1 - Làm quen với Adobe Flash CS4 27
A: nhấn để ẩn/ hiện thanh timeline
Trang 28CHUYỂN ĐỘNG (ANIMATION) TRONG
FLASH
Trang 29CHUYỂN ĐỘNG TRONG FLASH
Trực tiếp tạo chuyển động trên Timeline
Timeline sẽ hiển thị nội dung trong thời gian hạn
chế trên khung (frame)
Đặt chuyển động bắt đầu và kết thúc trên những
keyframe
Slide 1 - Làm quen với Adobe Flash CS4 29
Trang 30CHUYỂN ĐỘNG TRONG FLASH
TaiNguyen
Sử dụng công cụ Selection ( ) để chọn hình ảnh
con rùa
Nhấn chuột phải
Lựa chọn Create Motion Tween
Trang 31CHUYỂN ĐỘNG TRONG FLASH
Nhấn và kéo đến frame 60 trên thanh timeline
Slide 1 - Làm quen với Adobe Flash CS4 31
Trang 32CHUYỂN ĐỘNG TRONG FLASH
Hoặc nhấn chọn layer cần tạo chuyển động trên
thanh timline
Nhấn chuột phải vào keyframe đầu tiên (bắt đầu
Nhấn chuột phải vào keyframe đầu tiên (bắt đầu
Nhấn chọn keyframe 60
Nhấn F6
Nhấn Enter để xem chuyển động ngay trên cửa sổ
làm việc
Trang 33ĐỊNH DẠNG FILE TRONG FLASH
Trang 34ĐỊNH DẠNG FILE TRONG FLASH
2 loại file trong Flash:
.fla: khi khởi tạo và lưu file mới Đây là tài liệu nguồn, lưu toàn bộ đối tượng làm việc (hình ảnh, âm thanh, video, …)
.swf: Shockwave Flash, file nén từ Flash, được chạy trên Flash Player Có thể nạp file swf vào Flash CS4, nhưng không thể chỉnh sửa được
Flash Player: là một ứng dụng độc lập dạng plug-intrên trình duyệt để hiển thị định dạng swf
2 loại file trong Flash:
.fla: khi khởi tạo và lưu file mới Đây là tài liệu nguồn, lưu toàn bộ đối tượng làm việc (hình ảnh, âm thanh, video, …)
.swf: Shockwave Flash, file nén từ Flash, được chạy trên Flash Player Có thể nạp file swf vào Flash CS4, nhưng không thể chỉnh sửa được
Flash Player: là một ứng dụng độc lập dạng plug-intrên trình duyệt để hiển thị định dạng swf
Trang 35NHỮNG TÍNH NĂNG MỚI TRONG FLASH
CS4
Trang 36TÍNH NĂNG MỚI TRONG FLASH CS4
Cơ chế chuyển động mới: thay đổi chuyển động
tweens (tự động hình ảnh động) được tạo ra và làmcho quá trình dễ dàng hơn và trực quan hơn
Trang 37TÍNH NĂNG MỚI TRONG FLASH CS4
Chuyển động Presets (Motion Presets): được sử
dụng để lưu và áp dụng chuyển động cho bất kỳ đốitượng chuyển động
Bảng Motion Presets sẽ thực hiện được điều này
Window > Motion Presets
Slide 1 - Làm quen với Adobe Flash CS4 37
Trang 38TÍNH NĂNG MỚI TRONG FLASH CS4
Trang 39TÍNH NĂNG MỚI TRONG FLASH CS4
Motion Editor (biên tập chuyển động): tăng cường,điều chỉnh chuyển động tween, thêm những hiệu
ứng phụ
Slide 1 - Làm quen với Adobe Flash CS4 39
Trang 40TÍNH NĂNG MỚI TRONG FLASH CS4
Công cụ Deco và Spray Brush:
Công cụ Deco: tạo ra các vùng đổ màu phức tạp, sau
đó có thể tạo được hoạt hình tạo ra những hiệu
ứng thú vị Bao gồm một công cụ mới:
• Symmetry Brush: dùng những symbol trong thư viện
để tạo ra những pattern đố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 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ẽ.
Công cụ Deco và Spray Brush:
Công cụ Deco: tạo ra các vùng đổ màu phức tạp, sau
đó có thể tạo được hoạt hình tạo ra những hiệu
ứng thú vị Bao gồm một công cụ mới:
• Symmetry Brush: dùng những symbol trong thư viện
để tạo ra những pattern đố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 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ẽ.
Trang 41TÍNH NĂNG MỚI TRONG FLASH CS4
Công cụ 3D Rotation và 3D Translation:
Có thể xoay và biến đổi symbol theo 3 trục x, y và z, ngoài ra, các bề mặt còn có thể tạo được hoạt hình
hoặc chỉnh sửa trong bảng Timline và bảng Motion
Editor
Tất cả các bề mặt 3D đều có thể điều khiển được
bằng lập trình sử dụng các lệnh và các lớp trong
ActionScript 3.0.
Slide 1 - Làm quen với Adobe Flash CS4 41
Công cụ 3D Rotation và 3D Translation:
Có thể xoay và biến đổi symbol theo 3 trục x, y và z, ngoài ra, các bề mặt còn có thể tạo được hoạt hình
hoặc chỉnh sửa trong bảng Timline và bảng Motion
Trang 42TÍNH NĂNG MỚI TRONG FLASH CS4
Công cụ Bone và Bind:
Cho phép 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.
IK: chuyển động học ngược, khái niệm này quy định cách thức liên kết, chuyển động của các đối tượng
trong một chuỗi các đối tượng được nối nhau với
nhau khi một đối tượng trong số đó dịch chuyển
Công cụ Bone và Bind:
Cho phép 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.
IK: chuyển động học ngược, khái niệm này quy định cách thức liên kết, chuyển động của các đối tượng
trong một chuỗi các đối tượng được nối nhau với
nhau khi một đối tượng trong số đó dịch chuyển
Trang 43TÍNH NĂNG MỚI TRONG FLASH CS4
Định dạng video F4V:
Là một định dạng của flash video, được hỗ trợ bởi
Flash Media Server
Xem được thông qua Adobe Flash Player (phiên bản 6 trở lên)
Được tạo ra thông qua:
• Quá trình nhập video vào Flash (File > Import > Import Video)
• Sử dụng ứng dụng Adobe Media Encoder
Slide 1 - Làm quen với Adobe Flash CS4 43
Định dạng video F4V:
Là một định dạng của flash video, được hỗ trợ bởi
Flash Media Server
Xem được thông qua Adobe Flash Player (phiên bản 6 trở lên)
Được tạo ra thông qua:
• Quá trình nhập video vào Flash (File > Import > Import Video)
• Sử dụng ứng dụng Adobe Media Encoder
Trang 44TÍNH NĂNG MỚI TRONG FLASH CS4
Trang 45TỔNG KẾT
Chuyển động cơ bản trong Flash là Motion Tween
Cách thức tạo chuyển động tween:
Chọn vật thể ngay trong cửa sổ làm việc để tạo
Chọn layer trên thanh timeline để tạo
Chỉnh sửa chuyển động trên bảng Motion Editor
Lưu và áp dụng chuyển động cho đối tượng khác
thông qua bảng Motion Presets
Chỉnh sửa vật thể, chuyển động 3D:
Trên 3 trục x, y, z
Sử dụng công cụ 3D Rotation và 3D Translation
Chuyển động cơ bản trong Flash là Motion Tween
Cách thức tạo chuyển động tween:
Chọn vật thể ngay trong cửa sổ làm việc để tạo
Chọn layer trên thanh timeline để tạo
Chỉnh sửa chuyển động trên bảng Motion Editor
Lưu và áp dụng chuyển động cho đối tượng khác
thông qua bảng Motion Presets
Chỉnh sửa vật thể, chuyển động 3D:
Trên 3 trục x, y, z
Sử dụng công cụ 3D Rotation và 3D Translation
Slide 1 - Làm quen với Adobe Flash CS4 45