Tạo giao diện với Flash 5 phần 3

Chia sẻ: Lac Tran | Ngày: | Loại File: PDF | Số trang:16

Thêm vào BST

Báo xấu

203
lượt xem 103
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Tạo giao diện cho trang chủ phần 4: Tạo tiếp dòng chữ người thực hiện trên khung hình chữ nhật nằm dưới giao diện. Đối tượng này là một đoạn Movie Clip với các hiệu ứng màu. Cách thực hiện giống như bạn đã làm cho chuỗi ký tự “GIÁO TRÌNH ĐIỆN TỬ”. Vẫn nhập vào chuỗi ký tự và chọn kiểu chuyển động cho chuỗi ký tự này là chuyển động theo đường dẫn sau đó tạo hiệu ứng màu trên một số keyframe nhất định. Nhấp chọn trên trình đơn Insert New Symbol, chọn các thuộc tính...

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Tạo giao diện với Flash 5 phần 3

TẠO GIAO DIỆN TRANG WEB VỚI FLASH 5 (PHẦN 3) Tạo giao diện cho trang chủ phần 4: Tạo tiếp dòng chữ người thực hiện trên khung hình chữ nhật nằm dưới giao diện. Đối tượng này là một đoạn Movie Clip với các hiệu ứng màu. Cách thực hiện giống như bạn đã làm cho chuỗi ký tự “GIÁO TRÌNH ĐIỆN TỬ”. Vẫn nhập vào chuỗi ký tự và chọn kiểu chuyển động cho chuỗi ký tự này là chuyển động theo đường dẫn sau đó tạo hiệu ứng màu trên một số keyframe nhất định. Nhấp chọn trên trình đơn Insert > New Symbol, chọn các thuộc tính giống như hình sau: Nhập vào chuỗi ký tự và chọn trên trình đơn Insert > Create Motion Tween tại keyframe thứ nhất hoặc bạn có thể nhấp phải chuột tại keyframe thứ nhất và chọn lệnh Create Motion Tween. Nhấp vào keyframe thứ 30 và nhấn phím F6 để tạo frame chuyển động. Nhấp vào keyframe thứ 15 và cũng nhấn phím F6, chọn màu mong muốn có trong bảng Effect. Sau khi tạo xong, nhấp trở về giao diện (có thể xem bước này trong các phần trước đó).
Bạn hãy tạo Layer mới có tên là Layer Tac Gia trong thanh thước Timeline. Nhấp vào Scene 1 tại góc phải của thanh thước Timeline để trở về giao diện. Kéo instance Tac Gia vừa tạo từ trong cửa sổ thư viện vào trong vùng làm việc và đặt nó nằm trên khung hình chữ nhật phía dưới, trên Layer Tac Gia.
Nhấp tiếp trên trình đơn Insert > New Symbol, chọn các thuộc tính như sau: Nhập vào chuỗi ký tự “NGƯỜI THỰC HIỆN:” và sau đó trở lại vùng làm việc, kéo vùng ký tự từ trong cửa sổ thư viện vào, đặt nằm song song với đối tượng trước đó.
Nhấn phím Ctrl + Enter để diễn hoạt đoạn phim vừa tạo. Bây giờ bạn có thể hiệu chỉnh lại vị trí của các đối tượng trong vị trí cho đến khi mong muốn. Tạo giao diện cho trang chủ phần 5: Bây giờ bạn sẽ tạo hiệu ứng cho ký tự “DESKTOP VIDEO”. Đây là một đoạn Movie clip nhưng vẫn dùng các hiệu màu mà bạn đã sử dụng trước đây. Chọn trên trình đơn Insert > New Symbol và thiết lập các thuộc tính như trong hình sau. Nhập vào chuỗi ký tự với font chữ và kích thước giống như trong hình. Màu sắc có thể tùy chọn màu nào đó để dễ gây người khác chú ý.
Chọn tiếp trên trình đơn Insert > New Symbol, chọn các thuộc tính như sau: Trong chế độ hiệu chỉnh đoạn phim, bạn hãy kéo graphic có tên Desktop từ trong cửa sổ thư viện vào trong vùng làm việc của đoạn phim Desktop Video này.
Kéo instance vào vùng làm việc Chọn trình đơn Modify > Break Apart hoặc nhấn phím tổ hợp Ctrl + B để tách chuỗi ký tự thành từng đối tượng độc lập. Chọn trình đơn Window > Panels > Stroke, nhập giá trị vào trong hộp Stroke height là 2. Sau đó nhấn phím Enter. Nhấp chọn công cụ Ink Bottle Tool. Bây giờ bạn sẽ dùng công cụ Ink Bottle Tool và nhấp vào đường viền của các ký tự, màu của đường viền bạn có thể chọn là màu đen.
Nhấp chọn lớp màu bên trong của chuỗi ký tự và xóa lớp màu này đi để có một chuỗi ký tự với lớp màu nền rỗng. Bạn có thể dùng công cụ Zoom Tool để phóng lớn vùng chọn. Tạo thêm một Layer mới và kéo graphic Desktop vào trong Layer này, đặt nó vừa khít vào lớp ký tự trước đó để lớp màu nền của ký tự nằm lọt vào bên trong.
Di chuyển hai lớp ký tự sao cho chúng nằm chồng lên nhau Nhấp phải chuột vào keyframe thứ nhất và chọn lệnh Create Motion Tween. Nhấp tiếp vào keyframe 40 và nhấn phím F6 hoặc chọn trên trình đơn Insert > Keyframe.
Chuỗi keyframe vừa nhấn phím F6 TẠO GIAO DIỆN TRANG WEB VỚI FLASH (PHẦN 5) Tạo giao diện cho trang chủ phần 5: Bây giờ bạn sẽ tạo hiệu ứng cho ký tự “DESKTOP VIDEO”. Đây là một đoạn Movie clip nhưng vẫn dùng các hiệu màu mà bạn đã sử dụng trước đây. Chọn trên trình đơn Insert > New Symbol và thiết lập các thuộc tính như trong hình sau.
Nhập vào chuỗi ký tự với font chữ và kích thước giống như trong hình. Màu sắc có thể tùy chọn màu nào đó để dễ gây người khác chú ý. Chọn tiếp trên trình đơn Insert > New Symbol, chọn các thuộc tính như sau: Trong chế độ hiệu chỉnh đoạn phim, bạn hãy kéo graphic có tên Desktop từ trong cửa sổ thư viện vào trong vùng làm việc của đoạn phim Desktop Video này.
Kéo instance vào vùng làm việc Chọn trình đơn Modify > Break Apart hoặc nhấn phím tổ hợp Ctrl + B để tách chuỗi ký tự thành từng đối tượng độc lập. Chọn trình đơn Window > Panels > Stroke, nhập giá trị vào trong hộp Stroke height là 2. Sau đó nhấn phím Enter. Nhấp chọn công cụ Ink Bottle Tool. Bây giờ bạn sẽ dùng công cụ Ink Bottle Tool và nhấp vào đường viền của các ký tự, màu của đường viền bạn có thể chọn là màu đen.
Chuỗi ký tự sau khi tô lớp đường viền xong Nhấp chọn lớp màu bên trong của chuỗi ký tự và xóa lớp màu này đi để có một chuỗi ký tự với lớp màu nền rỗng. Bạn có thể dùng công cụ Zoom Tool để phóng lớn vùng chọn. Tạo thêm một Layer mới và kéo graphic Desktop vào trong Layer này, đặt nó vừa khít vào lớp ký tự trước đó để lớp màu nền của ký tự nằm lọt vào bên trong.
Di chuyển hai lớp ký tự sao cho chúng nằm chồng lên nhau Nhấp phải chuột vào keyframe thứ nhất và chọn lệnh Create Motion Tween. Nhấp tiếp vào keyframe 40 và nhấn phím F6 hoặc chọn trên trình đơn Insert > Keyframe.
Chuỗi keyframe vừa nhấn phím F6 Lặp lại các bước tạo hiệu ứng màu như đã nói ở trên trong phần tạo chuỗi ký tự “GIÁO TRÌNH ĐIỆN TỬ” cho Layer này tại các keyframe 10, 20, 30. Sau đây là một số ảnh minh họa cho các bước đã nói ở trên.
Bạn làm tương tự các bước trên cho Layer còn lại bên dưới. Sau đó bạn kéo Layer2 xuống nằm dưới Layer1. Sau đó, bạn nhấn phím Enter để xem đoạn phim diễn hoạt. Nhấp trở lại giao diện của vùng làm việc ban đầu và kéo đoạn Movie Clip Desktop Video trong cửa sổ thư viện vào vùng làm việc trên một Layer mới có tên là Layer Desktop (trước đó bạn phải tạo mới Layer này).
Nhấn phím Ctrl + Enter để xem đoạn phim diễn hoạt trong chế độ Flash Player. Đoạn phim đang diễn hoạt trong chế độ Flash Player