Showing posts with label Ảnh động. Show all posts
Showing posts with label Ảnh động. Show all posts

Saturday, June 19, 2010

Bài 8(P1): Tạo hiệu ứng lấp lánh cho chữ

Flash CS4 - Bài 8: Tạo hiệu ứng lấp lánh cho chữ
Trong bài này, bạn sẽ sử dụng mask layer và màu gradient (màu tô chuyển) để tạo hiệu ứng lấp lánh cho dòng chữ TUỔI TRẺ ONLINE. 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 8. (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 008_laplanh.fla
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. Đưa chuột vào hình tam giác bên phải tùy chọn Family:

4.5. Bấm chuột cho xổ xuống bảng liệt kê font chữ và chọn font Arial:
4.6. Đưa chuột vào hình tam giác bên phải tùy chọn Style:
4.7 Bấm chuột cho xổ xuống bảng liệt kê kiểu chữ và chọn Bold:
Bạn thu được kết quả như sau:
4.8. Bạn đưa chuột vào Stage và gõ vào dòng chữ TUỔI TRẺ ONLINE:
4.9. 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 Rectangle Tool để vẽ hình chữ nhật.
5.1 Bấm vào nút New Layer ở Timeline để thêm một layer:
5.2 Bấm chọn vào Rectangle Tool trên thanh công cụ bên phải (xem thêm phần Tìm hiểu về Rectangle Tool ở cuối bài):
5.3 Bấm chuột vào ô Stroke color để chọn màu viền cho hình chữ nhật:
5.4 Bảng màu hiện ra, bạn bấm chọn vào ô bên phải có dấu chéo màu đỏ. Ô này dùng để thiết lập giá trị không màu cho đường viền, tức là đối tượng được vẽ sẽ không có viền:
5.5 Bấm chuột vào ô Fill color để chọn màu ruột cho hình chữ nhật:
5.6 Bảng màu hiện ra, bạn bấm chọn vào ô dưới cùng bên trái để chọn màu gradient cho màu ruột của hình chữ nhật:
5.7 Đưa chuột vào khoảng giữa Stage, Bấm chuột vào khoảng màu xám và kéo sang phải lấn vào vùng màu trắng như hình vẽ:
5.8 Bạn thu được một hình chữ nhật có màu gradient như sau:


6. Điều chỉnh tọa độ và kích thước của hình chữa nhật. (xem thêm phần Tìm hiểu về Tọa độ và kích thước ở phần sau)
6.1 Bấm chọn vào Selection Tool trên thanh công cụ bên phải:

6.2 Bấm chọn vào hình chữ nhật vừa vẽ. Khi đã được chọn, hình chữ nhật chuyển sang dạng hạt li ti, đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều
6.3 Ở Property Inspector bạn bấm vào ô kế bên chữ X và gõ vào giá trị -60:
6.4 Bấm vào ô kế bên chữ Y và gõ vào giá trị 155:
6.5 Bấm vào ô kế bên chữ W và gõ vào giá trị 80:
6.6 Bấm vào ô kế bên chữ H và gõ vào giá trị 80:
Ghi chú: Khi điều chỉnh giá trị W và H cần lưu ý trạng thái của dây xích bên trái:


7. Sử dụng Color Panel để điều chỉnh màu Gradient.
7.1 Chọn Window>Color từ menu:
Color Panel xuất hiện. Lúc này màu ruột của hình chữ nhật đang được thể hiện ở đây với kiểu màu là Linear Gradient ở ô Type. Màu này là màu mặc định được chọn ban đầu với 2 màu gốc là màu trắng ở bên trái và màu đen ở bên phải, thể hiện bằng hai nút đại diện màu gốc phía dưới Color Panel. Bạn sẽ điều chỉnh để bổ sung thêm một màu gốc ở giữa (xem thêm phần Tìm hiểu về màu ở cuối bài).
7.2 Bấm vào nút đại diện màu trắng và kéo vào giữa:
7.3 Đưa chuột vào bên trái khu vực chứa các nút đại diện cho màu gốc, phía dưới chuột xuất hiện một dấu cộng. Bấm chuột để bổ sung thêm một màu mới:
7.4 Bấm đúp chuột vào nút đại diện màu gốc bên trái. Bảng màu xuất hiện để bạn chọn lựa, đồng thời chuột biến thành ống hút màu. Bạn đưa chuột vào chữ I để chọn màu gốc cho nút bên trái:
7.5 Bấm đúp chuột vào nút đại diện màu gốc bên phải. Bảng màu xuất hiện để bạn chọn lựa, đồng thời chuột biến thành ống hút màu. Bạn đưa chuột vào chữ I để chọn màu gốc cho nút bên phải.
Bạn thu được màu Linear Gradient với 3 màu gốc: 2 màu xanh ở hai bên và 1 màu trắng ở giữa.
7.6 Color Panel không còn cần đến nữa, bạn bấm vào nút x ở góc trên bên phải để đó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)

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)