Học Adobe Flash CS4 Flash CS4 - Bài 11: Classic Tween trò chơi bập bênh đơn giản TTO - Trong bạn sử dụng Classic Tween để tạo trò chơi bập bênh đơn giản Các bước thực hành sau: Chuyển 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 Flash, tiếp đến bấm chọn Reset Essentials để khôi phục vùng làm việc mặc định bắt đầu vào thực hành 11 (xem thực hành vùng làm việc) Tạo flash document (Xem thực hành tạo flash document) Lưu flash document (Xem thực hành lưu flash document) Chọn folder FLASH CS4 ONLINE, sau lưu file lại với tên 011_classic_tween.fla Cho Grid (khung lưới) để dễ định vị nét vẽ 4.1 Chọn View > Grid > Edit Grid từ menu (hoặc phím tắt Ctrl+Alt+G) (xem thêm phần Tìm hiểu Grid cuối bài): Học Adobe Flash CS4 Hộp thoại Grid với thông số mặc định sau: 4.2 Bạn sửa số 10 thành 25 vào hai ô thông số Grid , bấm chọn ô Show grid Snap to grid Tiếp theo bấm nút OK để chấp nhận giá trị này: Học Adobe Flash CS4 Trên Stage xuất khung lưới sau: Vẽ ván dùng cho trò chơi bập bênh 5.1 Bấm chọn Line Tool công cụ bên phải: Học Adobe Flash CS4 5.2 Bấm vào ô Stroke color để chọn màu cho Line Tool: 5.3 Bạn chọn màu xanh cho đường viền để không trùng màu với màu Grid: Học Adobe Flash CS4 5.4 Đưa chuột vào khoảng Stage, kéo chuột sang góc bên trái để vẽ đường thẳng: 5.5 Bạn thu đường thẳng nghiêng màu xanh Đưa chuột vào khoảng Stage, kéo chuột sang góc bên phải để vẽ đường thẳng thứ hai: Học Adobe Flash CS4 5.6 Bạn thu đường thẳng nghiêng màu xanh thứ hai Bạn giữ phím Shift kéo chuột từ giao điểm đường thẳng nghiêng bên trái với ô lưới thứ ba từ lên, sang giao điểm đường thẳng nghiêng bên phải với Grid hình sau: Học Adobe Flash CS4 5.7 Bạn thu đường thẳng nằm ngang màu xanh cắt hai đường thẳng nghiêng vẽ trước Bạn vẽ thêm đường thẳng song song với đường thẳng vẽ cách giữ phím Shift, kéo chuột từ giao điểm đường thẳng nghiêng bên trái với ô lưới thứ tư từ lên sang giao điểm đường thẳng nghiêng bên phải với Grid hình sau: Học Adobe Flash CS4 5.8 Bạn thu đường thẳng nằm ngang thứ hai Từ giao điểm đường thẳng nằm ngang đường thẳng nghiêng bên trái, bạn kéo xuống ô lưới để vẽ đường thẳng ngắn: Học Adobe Flash CS4 5.9 Bạn thu đường thẳng đứng thứ Từ giao điểm đường thẳng nằm ngang đường thẳng nghiêng bên phải, bạn kéo xuống ô lưới để vẽ đường thẳng ngắn: Học Adobe Flash CS4 5.10 Bạn thu đường thẳng đứng thứ hai Kéo chuột nối đầu mút hai đường thẳng đứng vừa vẽ hình minh họa: Học Adobe Flash CS4 5.11 Bạn thu hình dáng ván có mặt hướng phía bạn, mặt nghiêng, hai mặt bên gặp cuối đường, nơi giao hai đường thẳng nghiêng: Học Adobe Flash CS4 Tô màu ruột cho ván 6.1 Để tô màu ruột cho ván, bạn sử dụng màu lấy từ hình bitmap có hoa văn gỗ import từ vào Bạn chọn Window > Color từ menu (hoặc phím tắt Shift+F9): Học Adobe Flash CS4 Color Panel xuất với màu viền chọn (ô màu với bút chì lõm xuống): Bạn bấm chuột vào thùng nước sơn để chuyển sang chọn màu ruột: Học Adobe Flash CS4 Ô màu với thùng nước sơn lõm xuống - dấu hiệu chọn màu ruột: 6.2 Ở ô Type bạn bấm cho menu xổ xuống chọn Bitmap: Học Adobe Flash CS4 6.3 Hộp thoại Import to Library xuất Bạn chuyển đến folder chứa ảnh wood.jpg (file wood.jpg cung cấp kèm theo bài), bấm chọn file ảnh chọn nút Open : Color Panel cập nhật sau: Học Adobe Flash CS4 6.4 Bấm chọn Paint Bucket Tool công cụ bên phải, công cụ dùng để tô màu ruột cho đối tượng: Học Adobe Flash CS4 6.5 Chuột đổi sang thành thùng nước sơn Đưa chuột vào mặt ván bấm vào để tô màu gỗ cho mặt trên: 6.6 Mặt ván tô màu gỗ Bạn bấm tiếp vào mặt trước ván đối diện bạn: Học Adobe Flash CS4 6.7 Hai mặt ván tô màu gỗ: Học Adobe Flash CS4 Bạn bấm dấu chéo góc bên phải Color Panel để đóng lại Dùng Gradient Transform Tool để chỉnh màu ruột ván 7.1 6.1 Bấm chuột vào Free Transform Tool giữ vài giây cho xuất menu phụ chọn Gradient Transform Tool (xem thêm phần Tìm hiểu Gradient Transform Tool cuối bài): Học Adobe Flash CS4 Chuột đổi thành mũi tên có ruột màu trắng 7.2 Đưa chuột vào vùng ruột phía mặt ván, phía chuột xuất hộp chữ nhật biểu màu tô chuyển Bấm chuột vào vùng ván: Học Adobe Flash CS4 7.3 Các núm điều chỉnh màu bitmap xuất hiện: Học Adobe Flash CS4 7.4 Đưa chuột vào núm điều chỉnh góc bên phải, chuột đổi thành vịng trịn có bốn mũi tên xoay theo chiều kim đồng hồ: Học Adobe Flash CS4 7.5 Nắm kéo chuột xoay sang phải để đường viền màu ruột song song với đường thẳng nghiêng bên trái: Học Adobe Flash CS4 7.6 Thả chuột ra, bạn thu kết ván nghiêng bên sau: Học Adobe Flash CS4 (Còn tiếp) ... để chấp nhận giá trị này: Học Adobe Flash CS4 Trên Stage xuất khung lưới sau: Vẽ ván dùng cho trò chơi bập bênh 5.1 Bấm chọn Line Tool công cụ bên phải: Học Adobe Flash CS4 5.2 Bấm vào ô Stroke... sau: Học Adobe Flash CS4 5.8 Bạn thu đường thẳng nằm ngang thứ hai Từ giao điểm đường thẳng nằm ngang đường thẳng nghiêng bên trái, bạn kéo xuống ô lưới để vẽ đường thẳng ngắn: Học Adobe Flash CS4. .. lưới để vẽ đường thẳng ngắn: Học Adobe Flash CS4 5.10 Bạn thu đường thẳng đứng thứ hai Kéo chuột nối đầu mút hai đường thẳng đứng vừa vẽ hình minh họa: Học Adobe Flash CS4 5.11 Bạn thu hình dáng