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
Trang 1TẠ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 đó)
Trang 2Bạ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
Trang 3Nhấ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 đó
Trang 4Nhấ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ú ý
Trang 5Chọ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
Trang 6Ké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
Trang 7Nhấ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
Trang 8Di 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
Trang 9Chuỗ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
Trang 10Nhậ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
Trang 11Ké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
Trang 12Chuỗ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
Trang 13Di 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
Trang 14Chuỗ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
Trang 15Bạ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)
Trang 16Nhấ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