Showing posts with label animation. Show all posts
Showing posts with label animation. Show all posts

Saturday, June 19, 2010

Bài 9(P3): Tìm hiểu về Oval Tool

Flash CS4 - Bài 9: Tìm hiểu về Oval Tool
Phần lý thuyết bổ sung cho bài thực hành 9
Tìm hiểu về Oval Tool
Để chọn Oval Tool, bạn bấm vào biểu tượng Rectangle Tool trên thanh công cụ và giữ chuột vài giây cho menu phụ hiện ra. Bấm chọn Oval Tool:
Sau khi chọn Oval Tool, chuột sẽ chuyển sang hình dấu +. Để vẽ, bạn bấm chuột vào vị trí đầu, kéo chuột đến vị trí cuối và nhả chuột ra để thu được một hình oval. Nếu giữ phím Shift trong khi vẽ, bạn sẽ thu được một hình tròn. Bạn cũng có thể vẽ hình vành khăn hoặc một phần của hình tròn hoặc hình vành khăn bằng cách điều chỉnh các thông số trên Property Inspector.
Property Inspector sẽ tự động cập nhật để cung cấp các thông tin liên quan đến Oval Tool như sau:
Ngay dưới Property Inspector là biểu tượng một hình oval kèm dòng chữ cho biết bạn đang chọn Oval Tool
Ngay dưới phần Fill and Stroke là phần chọn màu cho viền (Stroke - bên trái) và ruột (Fill - bên phải).
Bạn chọn màu từ bảng màu khi bấm vào ô màu đen kế bên cây bút chì để thiết lập màu cho viền, hoặc ô màu xanh bên phải kế bên thùng nước sơn để thiết lập màu cho ruột của hình oval:
Kế đến là chọn độ lớn của đường viền. Bạn có thể nắm kéo thanh trượt nằm ngay bên phải chữ Stroke hoặc gõ số trực tiếp vào ô bên phải. Khi bạn kéo thanh trượt, ô bên phải sẽ cập nhật giá trị tùy theo vị trí thanh trượt.
Phần tiếp theo là chọn kiểu dáng cho đường viền. Nếu bấm vào hình tam giác đen kế bên cây bút chì, bạn có thể chọn một trong các kiểu đường viền sau đây:
 
Nếu bạn bấm vào cây bút chì, bạn có thể tùy biến thêm các thông số phụ cho đường viền trong hộp thoại sau đây:
Bạn có thể thử nghiệm để tìm cho mình một kiểu dáng đường viền ưng ý. Tuy nhiên cần lưu ý một điều là kiểu dáng phức tạp sẽ làm tăng kích thước cuối cùng của tác phẩm.
Phần Scale giúp hiển thị đường viền khi được phóng to hoặc thu nhỏ. Nếu bấm vào hình tam giác đen, bạn sẽ có các tùy chọn sau đây:
 
Normal: thay đổi theo giá trị scale.
Horizontal: chỉ scale theo chiều ngang.
Vertical: chỉ scale theo chiều dọc.
None: không thay đổi theo giá trị scale.
Nếu chọn ô Hinting, Flash sẽ tự điều chỉnh để làm tròn giá trị stroke, tránh xuất hiện những nét nhòe.
Tùy chọn Cap giúp bạn thể hiện kiểu dáng đầu mút của đường tròn không khép kín. Nếu bấm vào hình tam giác đen, bạn sẽ có các tùy chọn sau đây:
Join giúp bạn thể hiện kiểu dáng chỗ giao nhau của các đường. Bạn sẽ thu được các chọn lựa sau đây khi bấm vào hình tam giác đen:
Oval Options giúp bạn điều chỉnh các thông số khi muốn vẽ hình vành khăn hoặc vẽ một phần của hình tròn hoặc hình vành khăn. Bạn có thể kéo thanh trượt để thay đổi giá trị hoặc gõ số trực tiếp vào các ô bên phải.
Start angle: giá trị khởi đầu của cung tròn. Giá trị này có thể từ 0 - 360 tính theo chiều kim đồng hồ. Giá trị 0 bắt đầu từ mép phải của hình tròn.
End angle: giá trị kết thúc của cung tròn. Giá trị này có thể từ 0 - 360 tính theo chiều kim đồng hồ. Giá trị 0 bắt đầu từ mép phải của hình tròn.
Inner radius: giá trị bán kính trong của hình vành khăn. Tính theo phần trăm của bán kính ngoài. Giá trị chấp nhận từ 0 - 99.
Close path: thiết lập nét vẽ kín hoặc hở. Nếu đánh dấu chọn thì nét vẽ kín.
Để trả về các giá trị mặc định ban đầu của Oval Tool, bạn bấm vào nút Reset.
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:
Ví dụ hình oval với giá trị thiết lập bên trái:

Nguồn: Tuoitre.vn
GV TRƯƠNG VĂN NĂNG
Công ty TNHH Khải Thiên (KTC Co., Ltd)

Bài 6(P1): Tối ưu hóa cách quản lý các Layer

Flash CS4 - Bài 6: Tối ưu hóa cách quản lý các Layer
TTO - Trong bài “Sử dụng motion presets để tạo ảnh động”, trên timeline bạn thu được 13 layer với tên gọi mặc định từ Layer 1 đến Layer 13. Với đoạn ảnh động đơn giản đó, bạn có thể chấp nhận cách đặt tên mặc định này.
Tuy nhiên, nếu tác phẩm của bạn phức tạp và chứa nhiều layer hơn, bạn sẽ gặp khó khăn trong việc quản lý và tham khảo lại các layer với cách đặt tên mặc định như thế.
Trong bài này, bạn cũng sẽ thực hành tạo ảnh động (animation) bằng cách sử dụng Motion Presets để cho từng ký tự của dòng chữ TUỔI TRẺ ONLINE bay từ ngoài vào màn hình. Tuy nhiên bạn sẽ quản lý các layer hiệu quả hơn. Các bước thực hành như sau:
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 6. (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 006_quanly_layer.fla (phải chuột chọn "Save target as" để lưu về máy)
4. Sử dụng Text Tool để viết một đoạn text.
4.1. Bấm chọn vào Text Tool trên thanh công cụ bên phải:
4.2. Nhấp chuột vào chỗ 12.0pt trên Property Inspector:
4.3. Đổi số 12 thành 50 rồi nhấn phím ENTER để chấp nhận giá trị mới:
4.4. Bấm chuột vào Stage và gỏ vào dòng chữ TUỔI TRẺ ONLINE:
4.5. Bấm phí ESCAPE để thoát khỏi khung text, lúc này cả đoạn text đã được chọn và có một khung hình chữ nhật bao quanh:
4.6. Để canh giữa đoạn text này trên Stage, trước hết chọn Edit>Cut từ menu:
Kế đến chọn Edit>Paste in Center từ menu:
Bạn thu được dòng chữ được canh giữa Stage như sau:
5. Sử dụng lệnh Break Apart để tách text thành từng ký tự.
Chọn Modify>Break Apart từ menu:
Dòng chữ TUỔI TRẺ ONLINE được tách rời thành từng ký tự:
6. Chuyển các ký tự lên các layer.
6.1 Đưa chuột vào vùng có chứa các ký tự, bấm phím phải chuột cho xuất hiện menu ngữ cảnh, chọn Distribute to Layers:
Flash tự động đưa các ký tự lên từng layer với tên gọi tương ứng với các ký tự của dòng chữ TUỔI TRẺ ONLINE
6.2 Layer 1 giờ đây không chứa ký tự nào, bạn bấm chuột chọn Layer 1, bấm vào nút Delete để xóa:
6.3 Đưa chuột vào mép trên của Timeline đến khi chuột biết thành mũi tên hai chiều:
6.4 Bấm giữ chuột và kéo mép trên của Timeline lên phía trên đến khi nhìn thấy toàn bộ các layer thì nhả chuột ra:
6.5 Bấm chuột chọn keyframe 1 của layer T:
6.6 Giữ phím Shift và bấm chuột chọn keyframe 1 của layer E. Lúc này keyfram 1 của tất cả layer được chọn:
7. Sử dụng Motion Presets để tạo ảnh động.
7.1 Chọn Window> Motion Presets từ menu:
7.2 Motion Presets Panel xuất hiện. Trong folder Custom Presets, bạn thấy có my motion là motion preset bạn đã lưu trước đây:
7.3 Bấm phím phải chuột vào my motion để xuất hiện menu ngữ cảnh, giữ phím Shift và chọn End at current location:
Flash tạo một loạt motion tween cho toàn bộ các layer:
7.4 Motion presets panel không cần sử dụng nữa. Bạn bấm vào dấu chéo ở góc trên bên phải của panel để đóng lại:

(còn tiếp)
Nguồn: Tuoitre.vn
GV TRƯƠNG VĂN NĂNG
Công ty TNHH Khải Thiên (KTC Co., Ltd)