Đang tải... (xem toàn văn)
Do ký tự trước đó bạn đã thay đổi nhiều lần do vậy sẽ khó có thể sắp xếp được sao cho lớp Layer bên dưới là bóng đổ của lớp Layer trên. Vì vậy có một cách khác nhanh hơn nữa là bạn hãy sao chép đối tượng trong frame đầu tiên của Layer ky tu và dán vào frame rỗng trong Layer ky tu Animation. Sau đó bạn hãy xác định các giá trị trong bảng Effect trở lại
THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY TẠ O FILLING PILL Trong tập thực hành bạn tạo đối tượng dạng hình ống vùng màu đổ từ trái sang để làm đầy đối tượng hình ống Các bạn dùng nhiều lần công cụ Rectangle Tool pha chế màu Gradient Vì đối tượng có dạng hình trụ hình ống nên bạn dùng màu tô gradient trông thực Các bước tiến hành sau: Nhấp chọn vào trìh đơn File > New để tạo file bạn chưa có file vùng làm việc Nhấp chuột vào trình đơn Insert > New Symbol để tạo symbol graphic Chọn thuộc tính sau vào hộp thoại Symbol Properties Nhấp chọn vào công cụ Rectangle Tool chọn vào vùng công cụ Round Rectangle Radius Nhập giá trị 20 points vào hộp thoại Rectangle Settings để vẽ hình chữ nhật có góc bo thật tròn Nhấp chọn màu viền cho đối tượng màu trắng, nhấp chọn vào vùng màu tô chọn màu gradient Bạn nên chọn màu gradient sáng có bảng phối màu sau : Nhấp chọn trình đơn Window > Panels > Fill Nhấp chọn tiếp vào mục Linear Gradient, tạo trượt màu (bạn xem tập trước cách pha màu tô Gradient) để có màu hình bên Con trượt màu bên phải (4) màu xanh đen, trượt kế (3) có giá trị màu hex #0068D0 trượt màu (2) màu trắng, trượt bên trái (1) giá trị hex #0060FF THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 86 Con trượt màu trắng GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Vẽ vào vùng làm việc đối tượng hình chữ nhật thẳng đứng, sau dùng công cụ Rotate công cụ Arrow Tool để xoay đối tượng cho nằm ngang Đối tượng sau xoay 900 Sau dùng công cụ Scale thu nhỏ kích thước đối tượng Nhấp chuột trở lại Scene1 chọn trình đơn Modify > Movie, nhập vào mục Dimension kích thước 216 x 72 px Nhấp phải chuột vào biểu tượng ảnh graphic Ong nho thư viện chọn lệnh Duplicate Nhập vào tên Khung rong hộp thoại Symbol Propeties Nhấp đúp chuột vào cửa sổ thư viện đối tượng vừa chép để hiệu chỉnh, sau nhấp đúp chuột vào đối tượng để chọn màu đường viền lẫn màu tô đối tượng Khung rong THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 87 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Nhấp chọn tiếp vào trình đơn Window > Panels > Stroke, nhấp chọn vào hộp Stroke height để chọn giá trị Lúc bạn chọn màu cho đường viền màu xanh đậm Nhấp chuột vào vùng màu tô bên màu viền xoá đối tượng Tạo symbol có tên Thanh ong cách nhấn phím Ctrl + F8 hộp thoại Symbol Properties chọn Graphic Dùng công cụ Rectangle Tool nhấp chuột vào công cụ Round Rectangle Radius, hộp thoại Rectangle Settings nhập giá trị Màu tô đối tượng giống màu trước xoá màu viền đối tượng sau vẽ Vẽ hình chữ nhật thẳng đứng sau dùng công cụ Rotate để xoay đối tượng theo phương nằm ngang Dùng công cụ Rotate xoay đối tượng nằm ngang Bây bạn nhấp chọn lại công cụ Rectangle Tool nhấp chọn vào vùng công cụ Round Rectangle Radius Sau xác định giá trị hộp thoại Rectangle Settings 20 THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 88 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Lặp lại bước để tạo sau, màu tô đối tượng màu trắng Bây bạn di chuyển đối tượng đặt xác lên đối tượng Thanh ong Di chuyển đối tượng vào vi trí Bạn xác định cho đối tượng nằm đối tượng hình chữ nhật, sau xoá đối tượng có lớp màu trắng để hình chữ nhật trông giống sau Đối tượng sau xoá lớp màu trắng Dùng công cụ Scale kéo nhỏ kích thước đối tượng, nhấp chọn biểu tượng có tên Khung rong vào vùng làm việc đặt lên đối tượng khung nằm ngang cho đối tượng Khung rong đường viền bên đối tượng Dùng công cụ Scale kéo kích thước đối tượng Khung rong cho có kích thước với kích thước đối tượng màu trắng Bây bạn tạo graphic có tên Cham tron (nhấn phím Ctrl + F8) dùng công cụ Oval Tool vẽ vào vùng tròn có màu tô Gradient sau, bạn xoá đường màu viền THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 89 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Nhấp chọn trình đơn Window > Panels > Fill để hiển thị bảng Fill Khi bạn chọn màu tô gradient có hai trượt màu hai bên bảng Fill Nhấp chọn vào phía bên trái phải trượt kéo sang trái hay phải để thêm vào trượt khác - trượt thứ ba Muốn xoá trượt màu bạn cần kéo trượt xuống bên dùi đáy bảng Fill Con trượt bên trái (1) chọn màu trắng, trượt (2) chọn màu đỏ có giá trị màu hexa #F20000 trượt bên phải (3) chọn màu đen Sau bạn vẽ vào vòng tròn có kích thước nhỏ, dùng công cụ Zoom Tool phóng lớn vùng làm việc lên đến 900% vẽ đối tượng hình bên Bây bạn tạo symbol graphic có tên Tru dung (nhấn phím Ctrl + F8) dùng công cụ Rectangle Tool, nhấp chọn vào vùng công cụ Round Rectangle Radius Sau xác định giá trị hộp thoại Rectangle Settings THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 90 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Vẽ vào vùng làm việc đối tượng hình trụ thẳng đứng có kích thước nhỏ, dùng công cụ Zoom Tool để phóng lớn vùng làm việc để vẽ đối tượng hình bên Màu viền đối tượng không có, màu tô giống với màu hình trụ trước Nhấp chuột vào nút Scene1 để trở vùng làm việc Nhấp chuột vào công cụ Rectangle Tool vẽ vào vùng làm việc đối tượng hình vuông có màu đỏ sậm (giá trị màu hexa #D00000), màu viền Nhấp chuột vào frame 20 nhấn phím F6, nhấp chuột trở lại keyframe chọn trình đơn Window > Panels > Frame Trong mục Tweening chọn chế độ Shape Nhấp chuột vào keyframe 20 dùng công cụ Scale kéo kích thước đối tượng hình vuông dài để trở thành hình chữ nhật Đối tượng chế độ phóng lớn THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 91 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Bây bạn nhấn phím Enter để xem đoạn phim diễn hoạt Tạo Layer thứ hai kéo biểu tượng graphic Ong nho cửa sổ thư viện vào vùng làm việc Dùng công cụ Scale để xác định hai đối tượng hai lớp Layer nhau, đối tượng Layer lớn chút Vị trí bên phải đối tượng hai lớp Layer Đối tượng tổng thể chế độ phóng đại 400% Nhấp chuột vào keyframe thứ Layer2 (đối tượng ống nhỏ dài) chọn trình đơn Window > Panels > Effect Nhấp chọn hiệu ứng Alpha bảng Effect có giá trị 50 để làm mờ chế độ màu đối tượng Khi bạn thấy lớp màu đỏ bên lớp Layer1 Đối tượng mờ dần chọn hiệu ứng Alpha Nhấp chọn tạo Layer3 kéo biểu tượng graphic Thanh ong vào vùng làm việc Thay đổi kích thước đối tượng cho lỗ rỗng lọt vào vị trí đối tượng lớp Layer2 Tạo Layer4 kéo biểu tượng Cham tron vào vùng làm việc từ cửa sổ thư viện Phóng lớn vùng làm việc đặt đối tượng nằm bên trái ngang, copy THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 92 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY đối tượng chấm tròn cách nhấp đối tượng nhấn phím Ctrl để tạo đối tượng Đặt đối tượng chấm tròn thứ hai bên trái đối tượng chấm tròn thứ Kéo biểu tượng Tru dung cửa sổ thư viện vào vùng làm việc đặt kế bên hai chấm tròn trước Sao chép đối tượng để có kích thước đặt kế bên hình sau Lặp lại bước cho góc bên phải đối tượng nằm ngang THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 93 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Thu nhỏ đối tượng Nhấp chuột chọn trình đơn Control > Test Movie để kiểm tra đoạn phim Đoạn phim diễn hoạt Flash Player Tương tự bạn làm đoạn phim khác, cách thực giống bạn xoay đối tượng cho thẳng đứng vùng màu chuyển động theo hai hướng ngược chiều bạn tạo hai đối tượng Chúc bạn thành công THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 94 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 ... GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Lặp lại bước để tạo sau, màu tô đối tượng màu trắng Bây bạn di chuyển. .. ĐỒ HỌA – TỦ SÁCH STK 87 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Nhấp chọn tiếp vào trình đơn Window > Panels... – TỦ SÁCH STK 90 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Vẽ vào vùng làm việc đối tượng hình trụ thẳng đứng