bÀi 5 tạo họa hình nâng cao – tùy biến luồng công việc – làm việc với file...

BÀI 5TẠO HỌA HÌNH NÂNG CAO – TÙY BIẾN LUỒNG CÔNG

VIỆC – LÀM VIỆC VỚI FILE NHẬP TRONG FLASH

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

Làm việc với frame, keyframe và TimelineCác kỹ thuật tạo chuyển động:

Motion TweenShape tweenChuyển động Tween cổ điển

Chỉnh sửa chuyển động với bảng Motion TweenMotion Guide layerTùy chỉnh hoạt cảnh với Onion Skin

Làm việc với frame, keyframe và TimelineCác kỹ thuật tạo chuyển động:

Motion TweenShape tweenChuyển động Tween cổ điển

Chỉnh sửa chuyển động với bảng Motion TweenMotion Guide layerTùy chỉnh hoạt cảnh với Onion Skin

Slide 5 - Tạo hoạt hình nâng cao - Tùy biến luồng công việc - Làm việc với file nhậptrong Flash 2

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

Cách làm việc với những kỹ thuật chuyển động nângcao:

Sao chép (Copy), dán (Paste) và lưu chuyển động(Save)Áp dụng kỹ thuật Easing Behavior nâng caoChuyển động mặt nạTạo chuyển động với IK PosesTuần tự của chuyển độngRender và chuyển động trong 3D

Làm việc với các bảng liên quan:Tùy biến preferencesBảng Align, Properties

Cách làm việc với những kỹ thuật chuyển động nângcao:

Sao chép (Copy), dán (Paste) và lưu chuyển động(Save)Áp dụng kỹ thuật Easing Behavior nâng caoChuyển động mặt nạTạo chuyển động với IK PosesTuần tự của chuyển độngRender và chuyển động trong 3D

Làm việc với các bảng liên quan:Tùy biến preferencesBảng Align, Properties


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

Làm việc với những file được nhập vào trong Flash:Các định dạng có thể nhập vào trong FlashCách làm việc với từng định dạng


KỸ THUẬT TẠO CHUYỂN ĐỘNG NÂNG CAO

SAO CHÉP, DÁN VÀ LƯU CHUYỂN ĐỘNG

Sao chép chuyển động của một đối tượng và gáncho đối tượng khácƯu điểm:

Giảm thiểu thời gian làm việcÁp dụng với những đối tượng có chuyển động giốngnhau

Sử dụng lệnh:Copy Motion: chụp lại toàn bộ thuộc tính (hiệu ứng, vịtrí, bộ lọc) của một tweenPaste Motion: dán thuộc tính của tween

Sao chép chuyển động của một đối tượng và gáncho đối tượng khácƯu điểm:

Giảm thiểu thời gian làm việcÁp dụng với những đối tượng có chuyển động giốngnhau

Sử dụng lệnh:Copy Motion: chụp lại toàn bộ thuộc tính (hiệu ứng, vịtrí, bộ lọc) của một tweenPaste Motion: dán thuộc tính của tween



Ví dụ minh họa: sử dụng file fl0701_start.fla1. chọn layer Jam trong folder Tag Phrases để tạoMotion Tween, tới frame 40



2. Tại frame 1:Nhấn nút Add Filter tại vùng Filters trong bảngPropertiesNhập 15 tại trường Blur XChọn High tại menu QualityNhập giá trị 0 trong trường Alpha tại tùy chọn ColorEffect

3. Tại frame 15:Chọn dòng chữ JamThiết lập Alpha: 100%

2. Tại frame 1:Nhấn nút Add Filter tại vùng Filters trong bảngPropertiesNhập 15 tại trường Blur XChọn High tại menu QualityNhập giá trị 0 trong trường Alpha tại tùy chọn ColorEffect

3. Tại frame 15:Chọn dòng chữ JamThiết lập Alpha: 100%



4. Tại frame 40:Chọn lại dòng chữ JamThiết lập Blur X, Blur Y về 0Blur X, Blur Y: chỉnh độ mờ (blur) theo trục x, y

5. Nhấn Enter để xem thử chuyển động6. Sao chép chuyển động vừa tạo cho dòng chữDance7. Trong layer Jam, nhấn 1 lần để chọn toàn bộtween span

4. Tại frame 40:Chọn lại dòng chữ JamThiết lập Blur X, Blur Y về 0Blur X, Blur Y: chỉnh độ mờ (blur) theo trục x, y

5. Nhấn Enter để xem thử chuyển động6. Sao chép chuyển động vừa tạo cho dòng chữDance7. Trong layer Jam, nhấn 1 lần để chọn toàn bộtween span



8. Chuột phải chọn Copy Motion



9. Trên layer Dance:Chọn frame 1Chuột phải chọn Paste Motion



Tính năng Motion preset: sửdụng để lưu chuyển động

Ví dụ minh họa:1. Window > Motion Preset

Default Presets: chuyển độngmặc định flash cung cấp

Custom Presets: chuyển độngđược tạo và lưu

Tính năng Motion preset: sửdụng để lưu chuyển động

Ví dụ minh họa:1. Window > Motion Preset

Default Presets: chuyển độngmặc định flash cung cấp

Custom Presets: chuyển độngđược tạo và lưu



2. Chọn toàn bộ tween span trong layer Skip3. Dưới cùng bảng Motion Preset, nhấn nút NewPreset4. Nhập Fade and Focus vào trường Name5. Trong layer 65 Trillion chọn keyframe 16. Trong bảng Motion Preset, chọn Fade and Focus7. Nhấn Apply8. Kết quả: chuyển động của preset Fade and Focusđược áp dụng cho layer 65 Trillion

2. Chọn toàn bộ tween span trong layer Skip3. Dưới cùng bảng Motion Preset, nhấn nút NewPreset4. Nhập Fade and Focus vào trường Name5. Trong layer 65 Trillion chọn keyframe 16. Trong bảng Motion Preset, chọn Fade and Focus7. Nhấn Apply8. Kết quả: chuyển động của preset Fade and Focusđược áp dụng cho layer 65 Trillion


KỸ THUẬT EASING BEHAVIOR

Ví dụ minh họa:1. Chọn keyframe 1 của layer Bounce để tạo motiontween2. Kéo tween span tới keyframe 403. Nhấn chuột phải chọn Insert Keyframe > Position4. Nhấn chọn keyframe 1 để kéo chữ Bounce lênphía trên5. Tiếp tục thêm đặc tính easing cho chuyển độngnày

Ví dụ minh họa:1. Chọn keyframe 1 của layer Bounce để tạo motiontween2. Kéo tween span tới keyframe 403. Nhấn chuột phải chọn Insert Keyframe > Position4. Nhấn chọn keyframe 1 để kéo chữ Bounce lênphía trên5. Tiếp tục thêm đặc tính easing cho chuyển độngnày



6. Tại bảng Motion Editor:Tại vùng Eases: nhấn nút Add Eases ( )Chọn đặc tính Bounce In



7. Gán thuộc tính (chuyển động, bộ lọc, hiệu ứngmàu) cho eases8. Tại vùng Basic motion chọn Bounce In trong hộpthoại


CHUYỂN ĐỘNG MẶT NẠ

Áp dụng chuyển động cho mặt nạ (mask)Ví dụ minh họa:1. Tạo layer mới Screen Mask bên trên layer Skypod2. Kéo symbol Screen Mask Movieclip ra ngoài Stage



3. Tạo motion tween cho layer Skypod, tới frame 404. Chọn frame 40:

Trong bảng Properties: chỉnh X: 650 và Y: 200



5. Sao chép chuyển động của layer Skypod cholayer Screen Mask

6. Chuyển đổi layer Screen Mask thành mặt nạ

5. Sao chép chuyển động của layer Skypod cholayer Screen Mask

6. Chuyển đổi layer Screen Mask thành mặt nạ



7. Kéo layer Screen Mask lên trên layer ScreenSimulation8. Chuột phải chọn Mask

7. Kéo layer Screen Mask lên trên layer ScreenSimulation8. Chuột phải chọn Mask


CHUYỂN ĐỘNG VỚI IK POSES

Sử dụng công cụ Bone & Bind để tạo ra chuyểnđộng dạng IKVí dụ minh họa

1. Mở khóa và hiển thị layer Dancer2. Chọn keyframe 1 để hiển thị



3. Chọn frame 104. Chuột phải chọn Insert Pose

5. Sử dụng Selection, chọn 1 phần bất kỳ của hìnhvẽ, kéo để tạo chuyển động bất kỳ

3. Chọn frame 104. Chuột phải chọn Insert Pose

5. Sử dụng Selection, chọn 1 phần bất kỳ của hìnhvẽ, kéo để tạo chuyển động bất kỳ



6. Chọn frame 20, chọn Insert Pose

7. Sử dụng công cụ Seletion để tạo chuyển động cho1 phần bất kỳ của hình vẽ

6. Chọn frame 20, chọn Insert Pose

7. Sử dụng công cụ Seletion để tạo chuyển động cho1 phần bất kỳ của hình vẽ



8. Lặp lại các bước trên tại frame 30,40

9. Enter

8. Lặp lại các bước trên tại frame 30,40

9. Enter


TUẦN TỰ CỦA CHUYỂN ĐỘNG

Sức mạnh thực sự của Timeline nằm ở khả năng sắpxếp tuần tự hoạt hình, hình vẽ, và âm thanh dọctheo Timeline và tạo ra các hoạt cảnh phức tạpVí dụ minh họa

1. layer Dancer: chọn toàn bộ tween span2. Kéo tới vị trí frame 15

Sức mạnh thực sự của Timeline nằm ở khả năng sắpxếp tuần tự hoạt hình, hình vẽ, và âm thanh dọctheo Timeline và tạo ra các hoạt cảnh phức tạpVí dụ minh họa

1. layer Dancer: chọn toàn bộ tween span2. Kéo tới vị trí frame 15



3. Lặp lại các bước với layer Skip, Bounce và 65Trillion với các frame tương ứng 30, 45 và 120

4. Thay đổi vị trí của layer Screen Mask, ScreenSimulation và SkyPod để những layer này bắt đầu ởframe 80


3. Lặp lại các bước với layer Skip, Bounce và 65Trillion với các frame tương ứng 30, 45 và 120

4. Thay đổi vị trí của layer Screen Mask, ScreenSimulation và SkyPod để những layer này bắt đầu ởframe 80


5. Layer Screen Simulation chưa có tween span, để dichuyển layer này: nhấn vào keyframe đầu tiên, sauđó giữ phím Shift và nhấn vào frame cuối cùng6. Dịch layer Logo tới vị trí bắt đầu tại frame 125


5. Layer Screen Simulation chưa có tween span, để dichuyển layer này: nhấn vào keyframe đầu tiên, sauđó giữ phím Shift và nhấn vào frame cuối cùng6. Dịch layer Logo tới vị trí bắt đầu tại frame 125


7. layer 65 Trillion: kéo tween span tới frame 1658. Kéo tween span của các layer Jam, Dancer, Skip vàBounce tới frame 165



9. Chọn frame 165 trong thư mục layer BackgroundStuff, nhấn F5 mở rộng tween span cho toàn bộlayer bên trong


RENDER, CHUYỂN ĐỘNG TRONG 3D

Công cụ 3D Rotation:Xoay đối tượng theo chiều x, y, zChuyển đối tượng 2D thành 3DPhép xoay 3D có thể tạo được chuyển động motiontween

Công cụ 3D Translation:Trượt symbol Movie Clip theo 1 trục thay đổikhoảng cách & độ sâu giữa đối tượng và đối tượng

Công cụ 3D Rotation:Xoay đối tượng theo chiều x, y, zChuyển đối tượng 2D thành 3DPhép xoay 3D có thể tạo được chuyển động motiontween

Công cụ 3D Translation:Trượt symbol Movie Clip theo 1 trục thay đổikhoảng cách & độ sâu giữa đối tượng và đối tượng


RENDER, CHUYỂN ĐỘNG TRONG 3D

Thủ thuật làm việc với bảng Motion Editor

Chỉnh sửa đồ thị:-Thêm keyframe: giữ Ctrl + nhấn chuột vào đồ thị-Xóa keyframe: giữ Ctrl + nhấn chuột vào keyframe có sẵn-Thay đổi vị trí: nhấn và kéo keyframe sang bên trái/ sang phải-Thay đổi giá trị: nhấn và kéo keyframe lên trên/ xuống dưới

Thay đổi hiển thị:-Thay đổi hiển thị của đồ thị và frame: sử dụng 3 thanh trượt điều khiển GraphSize, Expanded Graph Size, and Viewable Frames

Chỉnh sửa đồ thị:-Thêm keyframe: giữ Ctrl + nhấn chuột vào đồ thị-Xóa keyframe: giữ Ctrl + nhấn chuột vào keyframe có sẵn-Thay đổi vị trí: nhấn và kéo keyframe sang bên trái/ sang phải-Thay đổi giá trị: nhấn và kéo keyframe lên trên/ xuống dưới

Thay đổi hiển thị:-Thay đổi hiển thị của đồ thị và frame: sử dụng 3 thanh trượt điều khiển GraphSize, Expanded Graph Size, and Viewable Frames


LÀM VIỆC VỚI CÁC BẢNG LIÊN QUAN

BẢNG ALIGN

Window > Align: sử dụng để cănchỉnh các đối tượng trên Stage

Căn trái

Căn giữa

Căn phải


Căn trái

Căn chỉnh ngay trên stage

BẢNG TRANSFORM

Window>Transform:Kéo bảng Transform gắn vào bảng Align


Vùng điềuchỉnh xoay chovật thể 3D

THIẾT LẬP PREFERENCES

Edit > Preferences

Tùy chỉnh khi mở chương trìnhFlash

Điều chỉnh số lần Undo

Menu chứa những items để điềuchỉnh


Điều chỉnh số lần Undo

PHÍM TẮT

Edit > Keyboard Shortcuts


PHÍM TẮT

Tìm tới lệnh ModifyNhấn vào dấu (+) mở rộng tùy chọnChú ý thấy: tổ hợp Ctrl + B (Windows) được gáncho lệnh Modify > Break Apart


PHÍM TẮT

Tùy biến phím tắt:1. Tạo bản sao của tập phím tắt hiện tại & sao lưulại2. Nhấn nút Duplicate ( ) ở bên phải vùng Currentset


PHÍM TẮT

3. Tiến hành đổi phím tắt cho lệnh Modify > BreakApart

1. Nhấn chọn lệnh cần thay đổiphím tắt


2. Nhập phím tắt thay đổi

3. Nhấn OK

RULERS (THƯỚC CĂN)

Hiển thị thước căn: View > Rulers (Ctrl + Alt + Shift+ R)Đơn vị đo: px (pixel)


Chọn Modify > Documentđể thay đổi lại đơn vị đocủa thước căn

RULERS (THƯỚC CĂN)

Đặt con trỏ vào vị trí trên cùng của thước căn nằmngang trên Stage, sau đó nhấn và kéo chuột xuốngdưới


LAYER GUIDE

Cho phép căn chỉnh các đối tượng trên một layerthông thường theo vị trí của các đối tượng tronglayer guideCác đối tượng trong layer guide hoạt động giốngnhư điểm tham chiếu cho các đối tượng trên layerthông thườngKhông được xuất bản trong đoạn phim sau cùng;các đối tượng trên layer guide chỉ được hiển thịtrong môi trường làm việc

Cho phép căn chỉnh các đối tượng trên một layerthông thường theo vị trí của các đối tượng tronglayer guideCác đối tượng trong layer guide hoạt động giốngnhư điểm tham chiếu cho các đối tượng trên layerthông thườngKhông được xuất bản trong đoạn phim sau cùng;các đối tượng trên layer guide chỉ được hiển thịtrong môi trường làm việc


LAYER GUIDE

Ví dụ minh họa:1. Đổi tên layer 1 thành background & tạo thêm layerText bên trên layer 1


LAYER GUIDE

2. Cắt logo 08 trên stage sang layer Text


LAYER GUIDE

3. Nhấn chuột phải vào layer background và chọnGuide


Biểu tượng của layer chuyển thànhbiểu tượng ( )

LAYER GUIDE

Độ nhạy

- Điều chỉnh khoảng cách bắt điểm khi di chuyển hình vẽ lại gần đường căn: View >Snapping > Edit Snapping


GROUP (NHÓM VẬT THỂ)

Giữ Shift + chọn nhiều vật thểModify > Group: nhóm & Modify > Ungroup: táchnhóm


GRIDS (KHUNG LƯỚI)

Độ nhạy

-View > Grid > Show Grid: hiển thị khung lưới căn chỉnh hình vẽ trên Stage chínhxác hơn-View > Grid > Edit Grid: thay đổi hiển thị cho khung lưới (màu sắc, độ rộng ô)


NHẬP FILE LÀM VIỆC TRONG FLASH

ĐỊNH DẠNG FILE NHẬP

Flash có thể đọc & nhập vào các kiểu file sau:Adobe Illustrator (.ai)AutoCAD (.dxf)Bitmap (.bmp)Enhanced Windows Metafile (.emf)FreeHand (.fh, .ft)GIF and animated GIF (.gif)JPEG (.jpg)PNG (.png)Flash Player (.swf)Windows Metafile (.wmf)

Flash có thể đọc & nhập vào các kiểu file sau:Adobe Illustrator (.ai)AutoCAD (.dxf)Bitmap (.bmp)Enhanced Windows Metafile (.emf)FreeHand (.fh, .ft)GIF and animated GIF (.gif)JPEG (.jpg)PNG (.png)Flash Player (.swf)Windows Metafile (.wmf)



Khi cài thêm plug-in QuickTime Player, thì Flash sẽđọc được thêm các định dạng file sau:

Mac Paint (.pntg)PICT (.pct)QuickTime Image (.qtif)Silicon Graphics Image (.sgi)TARGA (.tga)TIFF (.tif)

Khi cài thêm plug-in QuickTime Player, thì Flash sẽđọc được thêm các định dạng file sau:

Mac Paint (.pntg)PICT (.pct)QuickTime Image (.qtif)Silicon Graphics Image (.sgi)TARGA (.tga)TIFF (.tif)



Tùy chọn nhập vào

-Import to Stage: đặt file nhập vào Stage-Import to Library: đặt file nhập vào Library-Open External Library: cho phép mở thư viện của bất kì file .fla nào-Import Video: mở Import Video wizard để hướng dẫn các bước cần thiết khi nhậpfile video vào Flash


-Import to Stage: đặt file nhập vào Stage-Import to Library: đặt file nhập vào Library-Open External Library: cho phép mở thư viện của bất kì file .fla nào-Import Video: mở Import Video wizard để hướng dẫn các bước cần thiết khi nhậpfile video vào Flash

NHẬP ẢNH TĨNH

Sử dụng lệnh Import to Stage để nhập ảnh bitmapĐồng thời hình ảnh sẽ được

xuất hiện trong bảng Library

Vùng xem thử trước hình ảnh


Vùng quản lý hình ảnh

CHỈNH SỬA HÌNH ẢNH ĐƯỢC NHẬP

Nhấn chuột phải vào hình ảnh được hiển thị trongbảng LibraryChọn Edit with…Nếu như đã cài đặt Photoshop

thì mặc định sẽ làEdit with Photoshop

Nhấn chuột phải vào hình ảnh được hiển thị trongbảng LibraryChọn Edit with…Nếu như đã cài đặt Photoshop

thì mặc định sẽ làEdit with Photoshop


CHỈNH SỬA HÌNH ẢNH ĐƯỢC NHẬP

Tự động chuyển sang chương trình Photoshop đểchỉnh sửa


CẬP NHẬT FILE NHẬP

Nhấn nút Properties dưới bảng Library


NHẬP FILE PHOTOSHOP

Tùy chọn

-Import this image layer as: xác định layer được nhập vào dưới dạng ảnh bitmap haydưới dạng layer style có thể chỉnh sửa được-Create movie clip for this layer: tạo symbol Movie Clip từ ảnh bitmap và nhập vàotrong Library-Publish settings: thiết lập kiểu nén với từng ảnh bitmap được xuất


NHẬP FILE PHOTOSHOP


NHẬP FILE ILLUSTRATOR

Import to Stage để nhập file fl0904.ai vào Flash


NHẬP FILE ILLUSTRATOR

Tùy chọn

-Import as bitmap: chuyển đổi artwork dạng vector từ Illustrator thành ảnh bimap khinhập vào Flash-Import as a single bitmap image: chuyển đổi layer dạng vector từ Illustrator thànhảnh bitmap riêng lẻ khi nhập vào Flash-Import unused symbols: nhập các đối tượng không được sử dụng từ bảng Symboltrong Illustrator vào Flash


-Import as bitmap: chuyển đổi artwork dạng vector từ Illustrator thành ảnh bimap khinhập vào Flash-Import as a single bitmap image: chuyển đổi layer dạng vector từ Illustrator thànhảnh bitmap riêng lẻ khi nhập vào Flash-Import unused symbols: nhập các đối tượng không được sử dụng từ bảng Symboltrong Illustrator vào Flash

TỔNG KẾT

Nắm vững được trình tự chuyển động trong fileFlash:

Việc đặt các vật thể trên từng layer riêng biệt sẽ giúpích cho việc đặt thời gian chuyển động

Cách tạo chuyển động với layer mask được áp dụngrất phổ biến với những dự án thực tếNắm được cách làm việc với những bảng có liênquan: Align, Transform, …Chú ý các tùy chọn khi nhập file .ai, .psd vào Flash

Nắm vững được trình tự chuyển động trong fileFlash:

Việc đặt các vật thể trên từng layer riêng biệt sẽ giúpích cho việc đặt thời gian chuyển động

Cách tạo chuyển động với layer mask được áp dụngrất phổ biến với những dự án thực tếNắm được cách làm việc với những bảng có liênquan: Align, Transform, …Chú ý các tùy chọn khi nhập file .ai, .psd vào Flash


bÀi 5 tạo họa hình nâng cao – tùy biến luồng công việc – làm việc với file...

Documents