bài 7 giới thiệu về movie clip – làm việc với video – xuất bản đoạn phim

MỤC TIÊU BÀI HỌCLàm việc với symbol Movie Clip: Giới thiệu Khởi tạo Áp dụng action script cho symbol Movie Clip Tùy biến chỉnh sửa Movie Clip Làm việc với video trong Flash: Định dạng vi

Trang 1

BÀI 7GIỚI THIỆU VỀ MOVIE CLIP – LÀM VIỆC VỚI VIDEO

– XUẤT BẢN ĐOẠN PHIM

Trang 2

NHẮC LẠI BÀI TRƯỚC

Khái niệm

Bảng Action

Chèn action script vào frame

Hàm số trong action script

Khởi tạo và làm việc với symbol Button:

Khởi tạo

Chèn action script cho symbol Button

Links

Làm việc với âm thanh trong Flash:

Khái niệm

Bảng Action

Chèn action script vào frame

Hàm số trong action script

Khởi tạo và làm việc với symbol Button:

Trang 3

MỤC TIÊU BÀI HỌC

Làm việc với symbol Movie Clip:

Giới thiệu

Khởi tạo

Áp dụng action script cho symbol Movie Clip

Tùy biến chỉnh sửa Movie Clip

Làm việc với video trong Flash:

Định dạng video

Embedded video

Links video

Làm việc với Adobe Media Encoder

Xuất bản đoạn phim trong Flash

Làm việc với symbol Movie Clip:

Giới thiệu

Khởi tạo

Áp dụng action script cho symbol Movie Clip

Tùy biến chỉnh sửa Movie Clip

Làm việc với video trong Flash:

Định dạng video

Embedded video

Links video

Làm việc với Adobe Media Encoder

Xuất bản đoạn phim trong Flash

Slide 7 - Giới thiệu về Movie Clip - Làm việc với video - Xuất bản đoạn phim 3

Trang 4

LÀM VIỆC VỚI SYMBOL MOVIE CLIP

Trang 5

SYMBOL MOVIE CLIP

Là 1 kiểu symbol trong Flash

Mọi instance của symbol này đều được liên kết với

symbol gốc trong bảng Library

độc lập với Timeline chính

Có thể đặt symbol Movie Clip vào bất kì thời điểm

nào trên Timeline chính

Cách tạo symbol Movie Clip:

Insert > New Symbol

Modify > Convert to Symbol để chuyển đổi đối tượng

có sẵn trên Stage thành symbol Movie Clip

Là 1 kiểu symbol trong Flash

Mọi instance của symbol này đều được liên kết với

symbol gốc trong bảng Library

độc lập với Timeline chính

Có thể đặt symbol Movie Clip vào bất kì thời điểm

nào trên Timeline chính

Cách tạo symbol Movie Clip:

Insert > New Symbol

Modify > Convert to Symbol để chuyển đổi đối tượng

có sẵn trên Stage thành symbol Movie Clip

Trang 6

Ví dụ minh họa cách tạo symbol Movie Clip: sử dụng file fl1301.fla

Thực hiện chuyển đổi symbol graphic Propeller trongLibrary thành dạng Movie Clip

Chọn Insert > New Symbol

Trang 7

Chọn hình ảnh Propeller (cánh quạt) trong bảng

Library, kéo ra giữa Stage

Tạo 1 motion tween cho cánh quạt với độ dài 20fps,tạo frame 20

Chọn toàn bộ tween span trên Timeline

Chọn hình ảnh Propeller (cánh quạt) trong bảng

Library, kéo ra giữa Stage

Tạo 1 motion tween cho cánh quạt với độ dài 20fps,tạo frame 20

Chọn toàn bộ tween span trên Timeline

Trang 8

Thiết lập trong bảng Properties:

• Direction: CW  quay theo chiều kim đồng hồ

• Rotate: 1 times

Thiết lập trong bảng Properties:

• Direction: CW  quay theo chiều kim đồng hồ

• Rotate: 1 times

Trang 9

Chọn symbol movie clip Propeller Animation trong

bảng Library để kéo ra Stage chính

File > Publish Preview > Flash để xuất bản và khởi

động đoạn phim trong Flash Player

Chọn symbol movie clip Propeller Animation trong

bảng Library để kéo ra Stage chính

File > Publish Preview > Flash để xuất bản và khởi

động đoạn phim trong Flash Player

Trang 10

Movie clip lồng nhau

Flash có thể đặt được những symbol Movie Clip vàotrong những symbol Movie Clip khác

Tạo ra sự linh hoạt khi sử dụng kéo thả

Dễ dàng chỉnh sửa, lưu giữ symbol Movie Clip

Được chuyển đổi từ những movie clip khác bằng cách

sử dụng lệnh Modify > Convert to Symbol

Ví dụ minh họa:

Chọn toàn bộ các symbol movie clip Airplane Body,

Propellers, và Landing Gear

Chọn Modify > Convert to Symbol

Movie clip lồng nhau

Flash có thể đặt được những symbol Movie Clip vàotrong những symbol Movie Clip khác

Tạo ra sự linh hoạt khi sử dụng kéo thả

Dễ dàng chỉnh sửa, lưu giữ symbol Movie Clip

Được chuyển đổi từ những movie clip khác bằng cách

sử dụng lệnh Modify > Convert to Symbol

Chọn toàn bộ các symbol movie clip Airplane Body,

Propellers, và Landing Gear

Chọn Modify > Convert to Symbol

Trang 11

Chuyển đổi toàn bộ thành 1 symbol Movie Clip

Lúc này toàn bộ symbol cũ được bao quanh bởi 1 hộpgiới hạn  biểu thị toàn bộ symbol cũ đã được nhậpvào 1 symbol mới

Chuyển đổi toàn bộ thành 1 symbol Movie Clip

Lúc này toàn bộ symbol cũ được bao quanh bởi 1 hộpgiới hạn  biểu thị toàn bộ symbol cũ đã được nhậpvào 1 symbol mới

Trang 12

Movie clip

-Tính phụ thuộc: khi lồng symbol vào symbol khác, bạn đã tạo ra một sự phụ thuộc Symbol ở cấp cao nhất sẽ bị phụ thuộc bởi các symbol con cấu thành nên symbol đó -Tỷ lệ khung hình (Frame Rate): tuy độc lập với Timeline chính, tuy nhiên Timeline của movie clip không thể sử dụng tỷ lệ khung hình khác

-Độ dài Timeline: độ dài Timeline của symbol Movie Clip hoàn toàn độc lập với

Timeline chính

-Timeline: timeline của movie clip hoạt động giống như timeline chính

-Action script: action script của movie clip không có tác động tới timelin chính hoặc timeline của các movie clip khác (kể cả symbol lồng nhau) và ngược lại

-Tính phụ thuộc: khi lồng symbol vào symbol khác, bạn đã tạo ra một sự phụ thuộc Symbol ở cấp cao nhất sẽ bị phụ thuộc bởi các symbol con cấu thành nên symbol đó -Tỷ lệ khung hình (Frame Rate): tuy độc lập với Timeline chính, tuy nhiên Timeline của movie clip không thể sử dụng tỷ lệ khung hình khác

-Độ dài Timeline: độ dài Timeline của symbol Movie Clip hoàn toàn độc lập với

Timeline chính

-Timeline: timeline của movie clip hoạt động giống như timeline chính

-Action script: action script của movie clip không có tác động tới timelin chính hoặc timeline của các movie clip khác (kể cả symbol lồng nhau) và ngược lại

Trang 13

Chèn mã Action Script cho symbol Movie Clip:

Hoàn toàn tương tự như việc chèn mã Action script

trên Timeline chính

Chọn symbol movie clip Landing Gear trên bảng

Library, chuyển vào chế độ Edit của symbol

Tạo thêm layer actions nằm bên trên layer 1

Nhấn F7 để tạo thêm 1 keyframe trống mới tại frame30

Nhấn F9 để hiển thị bảng Action

Tiến hành viết mã action script

Chèn mã Action Script cho symbol Movie Clip:

Hoàn toàn tương tự như việc chèn mã Action script

trên Timeline chính

Chọn symbol movie clip Landing Gear trên bảng

Library, chuyển vào chế độ Edit của symbol

Tạo thêm layer actions nằm bên trên layer 1

Nhấn F7 để tạo thêm 1 keyframe trống mới tại frame30

Nhấn F9 để hiển thị bảng Action

Tiến hành viết mã action script

Trang 14

Nhập lệnh stop() cho keyframe này

Nhấn vào liên kết Scene 1 trên Stage để trở lại

Timeline chính

Nhập lệnh stop() cho keyframe này

Nhấn vào liên kết Scene 1 trên Stage để trở lại

Timeline chính

Trang 15

Thêm những bộ lọc cho

movie clip:

sử dụng bảng Filters

Chọn symbol kế thừa của

symbol Clounds trên Stage

Chọn symbol kế thừa của

symbol Clounds trên Stage

Trang 16

Có thể áp dụng bộ lọc để tạo ra hiệu ứng chuyển

động trong Flash

Nhấn đúp vào symbol movie clip Runway

Di chuyển timehead tới frame 30

Chọn symbol kế thừa của symbol movie clip RunwayGraphics để thêm bộ lọc

Nhấn đúp vào symbol movie clip Runway

Di chuyển timehead tới frame 30

Chọn symbol kế thừa của symbol movie clip RunwayGraphics để thêm bộ lọc

Trang 17

LÀM VIỆC VỚI VIDEO TRONG FLASH

Trang 18

VIDEO TRONG FLASH

Yêu cầu trước khi làm việc với video trong Flash

CS4:

QuickTime 6.5

DirectX 9.0

Với phiên bản Flash CS4 tất cả các file video được

cách sử dụng:

Adobe Media Encoder

Adobe Premiere Pro

Yêu cầu trước khi làm việc với video trong Flash

CS4:

QuickTime 6.5

DirectX 9.0

Với phiên bản Flash CS4 tất cả các file video được

cách sử dụng:

Adobe Media Encoder

Adobe Premiere Pro

Trang 19

Video: tạo ra bởi seri các ảnh tĩnh được sắp xếp

theo thứ tự, phát hình với tốc độ nhanh, kèm theo

cả âm thanh

2 điều quan trọng khi làm việc với video:

Tỉ lệ khung hình: tính bằng khung hình trên giây (fps)Kích thước khung hình: tính bằng pixel (px)

2 cách làm việc với video trong Flash:

Embedded video: video nhúng, được nhúng trực tiếptrên timeline

Link video: lưu giữ trên máy chủ và được tham chiếutới trong đoạn phim Được phân phối theo luồng từ

Flash Media Server

Video: tạo ra bởi seri các ảnh tĩnh được sắp xếp

theo thứ tự, phát hình với tốc độ nhanh, kèm theo

cả âm thanh

2 điều quan trọng khi làm việc với video:

Tỉ lệ khung hình: tính bằng khung hình trên giây (fps)Kích thước khung hình: tính bằng pixel (px)

2 cách làm việc với video trong Flash:

Embedded video: video nhúng, được nhúng trực tiếptrên timeline

Link video: lưu giữ trên máy chủ và được tham chiếutới trong đoạn phim Được phân phối theo luồng từ

Flash Media Server

Trang 20

Bộ codes: là những chương trình phần mềm có chức năng nén file video thành file có kích thước đủ nhỏ

để gửi qua email, Internet hoặc DVD

Khi tạo video thường sử dụng codes để nén file

Flash video hỗ trợ các định dạng sau:

Sorenson Spark (.flv hỗ trợ)

On2 VP6 (thường gọi là ON2V) (.flv hỗ trợ)

MainConcept H.264 (.f4v hỗ trợ)

Bộ codes: là những chương trình phần mềm có chức năng nén file video thành file có kích thước đủ nhỏ

để gửi qua email, Internet hoặc DVD

Khi tạo video thường sử dụng codes để nén file

Flash video hỗ trợ các định dạng sau:

Sorenson Spark (.flv hỗ trợ)

On2 VP6 (thường gọi là ON2V) (.flv hỗ trợ)

MainConcept H.264 (.f4v hỗ trợ)

Trang 21

Adobe Media Encoder: là ứng dụng độc lập được cài thông qua quá trình cài Flash

Làm việc với nhiều định dạng file:

Windows Media (.asf, wmv)

Adobe Media Encoder: là ứng dụng độc lập được cài thông qua quá trình cài Flash

Làm việc với nhiều định dạng file:

Windows Media (.asf, wmv)

Trang 22

Trang 23

Trang 24

Nhấn Add để nhập file cần chuyển đổi

Trang 25

3 trường cần chú ý:

Format: cả file Flash video (.flv, f4v) hoặc h.264

Preset: lựa chọn tùy chọn có sẵn để mã hóa video

Output file: xác định vị trí và tên file mới tạo ra

higher)

Nhấn nút Start Queue

File > Exit (Windows)

3 trường cần chú ý:

Format: cả file Flash video (.flv, f4v) hoặc h.264

Preset: lựa chọn tùy chọn có sẵn để mã hóa video

Output file: xác định vị trí và tên file mới tạo ra

higher)

Nhấn nút Start Queue

File > Exit (Windows)

Trang 26

Thêm cue points trong Adobe Media Encoder:

Cue points: có thể điều hướng và tùy biến giao diệnchương trình chạy video

Được tạo hoặc thêm bởi chương trình Adobe Media

Thêm cue points trong Adobe Media Encoder:

Cue points: có thể điều hướng và tùy biến giao diệnchương trình chạy video

Được tạo hoặc thêm bởi chương trình Adobe Media

Trang 27

Trang 28

Tại thanh ngang màu da cam dưới vùng Source cho phép xem trước và tạo cue point

Trượt chốt đánh dấu Current Time Indicator tới thời gian 00;00;05;02

Trang 29

Trang 30

Nhấn nút Add Cue Point ( )

Đổi tên cue point vừa tạo thành

washington_monument và thiết lập như sau

Chuyển Current Time Indicator tới 00;00;35;15 và

tạo thêm cue Point: Lincoln_memorial

Nhấn nút Add Cue Point ( )

Đổi tên cue point vừa tạo thành

washington_monument và thiết lập như sau

tạo thêm cue Point: Lincoln_memorial

Trang 31

tạo thêm cu point: website

Nhấn OK

Nhấn Start Queue để bắt đầu chuyển đổi

tạo thêm cu point: website

Nhấn OK

Nhấn Start Queue để bắt đầu chuyển đổi

Trang 32

Embedded video:

Chỉ áp dụng cho đoạn hoạt hình ngắn

Có thể gây ra sự không đồng bộ giữa hình ảnh và âmthanh

Ví dụ minh họa: sử dụng file fl1402.fla

Chọn frame 1 của layer Video

File > Import > Import Video

Embedded video:

Chỉ áp dụng cho đoạn hoạt hình ngắn

Có thể gây ra sự không đồng bộ giữa hình ảnh và âmthanh

Chọn frame 1 của layer Video

Trang 33

Trang 34

Nhấn Finish để hoàn tất quá trình nhập video

Trang 35

Sử dụng công cụ Selection để đặt video vào giữa đườngcăn

Trang 36

Chọn frame 1170 của 2 layer Logo và Background,

nhấn F5

Trang 37

Sử dụng ActionScript 3.0 để điều khiển Timeline và qua đó điều khiển việc phát video

Thay đổi trường name của symbol Button play, stopthành play_btn, stop_btn trên bảng Properties

Trên frame 1 của layer actions nhập lệnh stop()

Chèn thêm đoạn code sau để khai báo hàm:

Sử dụng ActionScript 3.0 để điều khiển Timeline và qua đó điều khiển việc phát video

Thay đổi trường name của symbol Button play, stopthành play_btn, stop_btn trên bảng Properties

Trên frame 1 của layer actions nhập lệnh stop()

Chèn thêm đoạn code sau để khai báo hàm:

Trang 38

play_btn.addEventListener(MouseEvent.CLICK,playMovie);

stop_btn.addEventListener(MouseEvent.CLICK,stopMovie);

Control > Test Movie để xem thử đoạn phim

Trang 39

Bandwidth Profiler: xác định ảnh hưởng của

embedded video trong đoạn phim

Trong cửa sổ Flash Player chọn View > Bandwidth

Profiler

View > Frame by

Frame Graph: xem thông số

Của đoạn phim

Bandwidth Profiler: xác định ảnh hưởng của

embedded video trong đoạn phim

Trong cửa sổ Flash Player chọn View > Bandwidth

Profiler

View > Frame by

Frame Graph: xem thông số

Của đoạn phim

Trang 40

Link video: file video nằm bên ngoài, tách biệt với

file swf

3 cách cài đặt:

Web server: sử dụng giao thức HTTP, cho phép xemtừng phần, phần tiếp theo sẽ được liên tục tải về vànạp vào đoạn phim

Flash Media Server

Flash Video Streaming Service

điều khiển việc phát video, cung cấp khả năng

tương tác, điều khiển video

Link video: file video nằm bên ngoài, tách biệt với

file swf

3 cách cài đặt:

Web server: sử dụng giao thức HTTP, cho phép xemtừng phần, phần tiếp theo sẽ được liên tục tải về vànạp vào đoạn phim

Flash Media Server

Flash Video Streaming Service

điều khiển việc phát video, cung cấp khả năng

tương tác, điều khiển video

Trang 41

Thêm link video vào file flash: làm việc với file

fl1406.fla

Tiêu đề	Giới thiệu về Movie Clip – Làm việc với video – Xuất bản đoạn phim
Trường học	Trường Đại học Mở Hà Nội
Chuyên ngành	Công nghệ thông tin
Thể loại	Bài giảng
Thành phố	Hà Nội

Định dạng
Số trang	50
Dung lượng	7,61 MB