1. Chuyển về vùng làm việc mặc định.
Bạn bấm chọn vùng Essentials để chọn lại vùng làm việc mặc định của Flash, tiếp đến bấm chọn Reset Essentials để khôi phục vùng làm việc mặc định này và bắt đầu vào bài thực hành 16. (Xem bài thực hành 1 về vùng làm việc)
2. Tạo mới một flash document. (Xem bài thực hành 1 về tạo một flash document)
3. Lưu một flash document. (Xem bài thực hành 1 về lưu một flash document)
Chọn folder FLASH CS4 ONLINE, sau đó lưu file này lại với tên 016_slideshow.fla
4. Import một loạt ảnh vào Stage.
4.1. Chọn File > Import > Import to Stage… từ menu (Hoặc phím tắt Ctrl+R):
4.2 Hộp thoại Import xuất hiện. Di chuyển đến folder chứa các ảnh cần import. Giữ phím Ctrl, bấm chọn các file ảnh Blue-hills.jpg, Sunset.jpg, Water-lilies.jpg, Winter.jpg (các file này được đính kèm theo bài). Bấm nút Open để đóng hộp thoại lại (Xem thêm phần Xử lý ảnh bằng Photoshop trước khi import vào Flash ở cuối bài):
Bạn thu được các tấm ảnh nằm giữa Stage:
4.3 Rê chuột vào vùng các tấm ảnh cho đến khi dưới chuột xuất hiện mũi tên bốn chiều:
4.4 Bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Distribute to Layers:
4.5 Trên Timeline bạn thu được bốn layer với tên tương ứng của bốn tấm ảnh. Layer 1 không còn chứa đối tượng nào nên chỉ còn keyframe trắng. Bạn tạm thời vẫn để Layer 1 ở vị trí hiện hữu để sử dụng ở phần cuối bài thực hành:
5. Thiết lập lại kích thước cho tác phẩm.
Lúc này, tấm ảnh đang được chọn, ở Property Inspector bạn thấy biểu tượng hình Bitmap. Kích thước tác phẩm theo mặc định là 550x400 pixel, trong khi kích thước ảnh chỉ là 320x240 pixel:
5.1. Bấm chuột vào vùng trắng của Stage để bỏ chọn tấm ảnh:
5.2 Bấm vào nút Edit… bên phải mục Size của Property Inspector:
5.3 Hộp thoại Document Properties xuất hiện. Bấm chọn nút Contents ở mục Match. Kích thước của tác phẩm thay đổi thành 320x240 pixel. Bấm nút OK để đóng hộp thoại lại:
Bạn thu được kết quả như sau:
6. Chuyển các tấm ảnh thành symbol.
6.1 Bấm chọn keyframe của layer Water-lilies.jpg:
6.2 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8):
6.3 Hộp thoại Convert to Symbol xuất hiện. Gõ tên Water-lilies vào ô Name, chọn Type là Movie Clip, bấm nút OK để chấp nhận:
6.4 Bấm chọn keyframe của layer Sunset.jpg:
6.5 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8):
6.6 Hộp thoại Convert to Symbol xuất hiện. Gõ tên Sunset vào ô Name, chọn Type là Movie Clip, bấm nút OK để chấp nhận:
6.7 Bấm chọn keyframe của layer Blue-hills.jpg:
6.8 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8):
6.9 Hộp thoại Convert to Symbol xuất hiện. Gõ tên Blue-hills vào ô Name, chọn Type là Movie Clip, bấm nút OK để chấp nhận:
6.10 Bấm chọn keyframe của layer Winter.jpg:
6.11 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8):
6.12 Hộp thoại Convert to Symbol xuất hiện. Gõ tên Winter vào ô Name, chọn Type là Movie Clip, bấm nút OK để chấp nhận:
7. Tạo Motion Tween cho layer Water-lilies.jpg.
7.1. Bấm phím phải chuột vào keyframe của layer Water-lilies.jpg cho xuất hiện menu ngữ cảnh và chọn Create Motion Tween:
7.2 Flash tạo motion tween với thời gian mặc định là một giây, đồng thời di chuyển Playhead đến frame 24:
Bạn cần tạo keyframe cho frame 24 này. Bạn bấm phím mũi tên đi lên (Up), kế đến bấm phím mũi tên đi xuống (Down). Flash bổ sung một keyframe cho frame 24, đồng thời vị trí của Movie Clip vẫn không thay đổi do đã được bù trừ ở thao tác di chuyển phím mũi tên vừa rồi.
Bạn sẽ sử dụng tùy chọn Alpha của Color Effect để cho Movie Clip Water-lilies chuyển tiếp từ trạng thái trong suốt (tương ứng với Alpha=0) sang trạng thái hiện rõ hoàn toàn (tương ứng với Alpha=100).
7.3 Giữ phím Ctrl, bấm chọn keyframe đầu của motion tween:
7.4 Bấm chọn vào Movie Clip Water-lilies trên Stage:
7.5 Chọn Alpha ở mục Style của Color Effect trên Property Inspector:
7.6 Kéo thanh trượt cho Alpha về giá trị 0:
Lúc này Movie Clip Water-lilies hoàn toàn trong suốt nên bạn nhìn thấy Movie Clip Sunset phía dưới:
7.7 Giữ phím Ctrl, bấm chọn keyframe cuối của motion tween:
Lúc này, symbol trên Stage đang ở dạng trong suốt do bị ảnh hưởng từ giá trị Alpha=0 từ keyframe 1:
7.8 Chọn lại symbol trên Stage
7.8: Kéo thanh trượt cho Alpha về giá trị 100:
Bạn thu được kết quả symbol hiện rõ nét:
7.9 Bạn sẽ giữ nguyên trạng thái hiện rõ nét này trong 2 giây. Chọn frame 72 của layer Water-lilies.jpg:
7.10 Bấm phím tắt F6 để bổ sung keyframe:
7.11 Bạn sẽ thêm 1 giây để chuyển tiếp từ ảnh này sang ảnh khác. Bấm chọn frame 96 của layer Water-lilies.jpg:
7.12 Bấm phím tắt F6 để bổ sung keyframe:
Ghi chú: keyframe tại frame 72 nhằm giúp bạn định vị dễ dàng khi di chuyển các motion tween được giới thiệu ở phần tiếp theo.
(còn tiếp)
---------------------------------------------------------------------------------------
KIẾN THỨC ADOBE FLASH CS4 CĂN BẢN
* Bài 1: Giới thiệu chương trình Flash và các điểm mới của Flash CS4 Professional
* Bài 1: Giới thiệu giao diện chương trình
* Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame
* Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame (tiếp theo)
* Bài 3: Tạo ảnh động theo phương pháp Motion Tween
* Bài 4: Tạo ảnh động theo phương pháp Shape Tween
* Bài 4: Tạo ảnh động theo phương pháp Shape Tween (tiếp theo)
* Bài 5: Sử dụng Motion Presets để tạo ảnh động
* Bài 5: Sử dụng Motion Presets để tạo ảnh động (tiếp theo)
* Bài 6: Điều chỉnh Motion Path
* Bài 7 Tối ưu hóa cách quản lý các Layer
* Bài 7: Tối ưu hóa cách quản lý các Layer (tiếp theo)
* Bài 7: Tạo bản preview cho custom presets
* Bài 8: Tạo hiệu ứng lấp lánh cho chữ
* Bài 8: Tạo hiệu ứng lấp lánh cho chữ (tiếp theo)
* Bài 8: Tìm hiểu về Rectangle Tool, tọa độ và kích thước
* Bài 9: Tạo trò chơi bóng bàn đơn giản
* Bài 9: Tạo trò chơi bóng bàn đơn giản (tiếp theo)
* Bài 9: Tìm hiểu về Oval Tool (tiếp theo)
* Bài 10: Sử dụng Shape Hint
* Bài 10: Sử dụng Shape Hint (tiếp theo)
* Bài 10: Tìm hiểu về PolyStar Tool
* Bài 11: Classic Tween và trò chơi bập bênh đơn giản
* Bài 11: Classic Tween và trò chơi bập bênh đơn giản (tiếp theo)
* Bài 11: Phần lý thuyết bổ sung cho bài thực hành: Tìm hiểu về Grid
* Bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease
* Bài 12: Tìm hiểu về Ease (Phần lý thuyết bổ sung cho bài thực hành)
* Bài 13: Sử dụng Classic motion guide
* Bài 13: Tìm hiểu về Tweening (Phần lý thuyết bổ sung cho bài thực hành)
* Bài 14: Sử dụng Color effect
* Bài 14: Sử dụng Color effect (tiếp theo)
* Bài 14: Tìm hiểu về Color Effect (Phần lý thuyết bổ sung cho bài thực hành)
* Bài 16: Áp dụng color effect để tạo slideshow
NHIPSONGSO.TUOITRE.COM.VN: KIẾN THỨC CÔNG NGHỆ
* Bài 1: Giới thiệu chương trình Flash và các điểm mới của Flash CS4 Professional
* Bài 1: Giới thiệu giao diện chương trình
* Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame
* Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame (tiếp theo)
* Bài 3: Tạo ảnh động theo phương pháp Motion Tween
* Bài 4: Tạo ảnh động theo phương pháp Shape Tween
* Bài 4: Tạo ảnh động theo phương pháp Shape Tween (tiếp theo)
* Bài 5: Sử dụng Motion Presets để tạo ảnh động
* Bài 5: Sử dụng Motion Presets để tạo ảnh động (tiếp theo)
* Bài 6: Điều chỉnh Motion Path
* Bài 7 Tối ưu hóa cách quản lý các Layer
* Bài 7: Tối ưu hóa cách quản lý các Layer (tiếp theo)
* Bài 7: Tạo bản preview cho custom presets
* Bài 8: Tạo hiệu ứng lấp lánh cho chữ
* Bài 8: Tạo hiệu ứng lấp lánh cho chữ (tiếp theo)
* Bài 8: Tìm hiểu về Rectangle Tool, tọa độ và kích thước
* Bài 9: Tạo trò chơi bóng bàn đơn giản
* Bài 9: Tạo trò chơi bóng bàn đơn giản (tiếp theo)
* Bài 9: Tìm hiểu về Oval Tool (tiếp theo)
* Bài 10: Sử dụng Shape Hint
* Bài 10: Sử dụng Shape Hint (tiếp theo)
* Bài 10: Tìm hiểu về PolyStar Tool
* Bài 11: Classic Tween và trò chơi bập bênh đơn giản
* Bài 11: Classic Tween và trò chơi bập bênh đơn giản (tiếp theo)
* Bài 11: Phần lý thuyết bổ sung cho bài thực hành: Tìm hiểu về Grid
* Bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease
* Bài 12: Tìm hiểu về Ease (Phần lý thuyết bổ sung cho bài thực hành)
* Bài 13: Sử dụng Classic motion guide
* Bài 13: Tìm hiểu về Tweening (Phần lý thuyết bổ sung cho bài thực hành)
* Bài 14: Sử dụng Color effect
* Bài 14: Sử dụng Color effect (tiếp theo)
* Bài 14: Tìm hiểu về Color Effect (Phần lý thuyết bổ sung cho bài thực hành)
* Bài 16: Áp dụng color effect để tạo slideshow
