Giáo trình phân tích và tổng hợp những kiểu định dạng thường thấy trong Flash Windows phần 1 docx

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG CÁCH DÙNG ẢNH NHẬP VÀO Giáo trình phân tích tổng hợp kiểu định dạng thường thấy Flash Windows TỔNG QUAN VỀ CÁCH SỬ DỤNG ẢNH NHẬP VÀO Các đoạn phim Flash dùng ảnh tạo chương trình ứng dụng khác Bạn nhập ảnh đồ họa với định dạng Vector Bitmap với nhiều file định dạng khác Nếu bạn dùng QuickTime phiên sau máy bạn, bạn nhập thêm định dạng file ảnh khác Để biết thêm chi tiết, bạ.n tham khảo mục “Cách nhập định dạng file ảnh” Bạn nhập vào file FreeHand (phiên 7.0 hay hơn) file Fireworks PNG trực tiếp vào Flash, lưu lại thuộc tính định dạng Nhập vào file âm có định dạng WAV (trong Windows) Macintosh) MP3 Bạn xem mục “Cách nhập vào âm thanh” AIFF (trong ĐẶT ẢNH VÀO TRONG FLASH Flash nhận biết định dạng file ảnh Vector Bitmap Bằng cách nhập dán vào Flash nhập vào ảnh đồ họa vector, bitmaps ảnh theo dạng Sequence (tuần tự) sau đây: Ảnh Vector FreeHand nhập trực tiếp vào đoạn phim Flash Bạn chọn tùy chọn để lưu lại Layer, trang khối văn FreeHand, để nhập vào file FreeHand, bạn xem mục “ Cách nhập file FreeHand ” để biết thêm chi tiết Ảnh PNG Fireworks nhập trực tiếp vào đoạn phim Flash với liệu ảnh Vector Bitmap cho đối tượng hiệu chỉnh Bạn chọn tùy chọn cho việc lưu lại ảnh, văn đường guide Để nhập vào file Fireworks PNG, bạn xem mục “Cách nhập file Fireworks PNG” Chú ý : Nếu bạn nhập vào file với định dạng PNG Fireworks cách cắt dán, file bị thay đổi thành ảnh Bitmap Ảnh Vector file SWF, Adobe Illustrator Windows Metafile Format (WMF) nhập vào nhóm Layer hành Bạn xem mục “Cách nhập định dạng file” “Cách nhập file Adobe Illustrator” để biết thêm chi tiết Ảnh Bitmaps (ảnh quét từ máy Scan, file BMP) nhập vào đối tượng độc lập Layer hành Flash lưu lại chế độ thiết lập suốt ảnh Bitmap Vì việc nhập ảnh vào làm tăng kích thước file, bạn muốn nén file ảnh Bitmap nhập Bạn xem mục “Cách thiết lập thuộc tính cho ảnh với định dang Bitmap” để biết thêm chi tiết Chú ý : Ảnh Bitmap với chế độ suốt không lưu lại ảnh Bitmap nhập vào cách kéo thả Để lưu chế độ suốt này, bạn chọn trình đơn File > Import để nhập ảnh vào TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 136 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Ảnh định dạng Sequence (ví dụ PICT BMP sequence) nhập vào frame liên tục Layer hành Cách nhập file vào Flash: Chọn trình đơn File > Import hay nhấn tổ hợp phím Ctrl + R Trong hộp thoại Import, chọn định dạng file hiển thị mục File of type Xác định đường dẫn mục Look in chọn tên file cần mở Nếu file nhập vào có nhiều Layer, Flash tạo layer Bảo đảm thước Timeline hiển thị nhập file ảnh có nhiều Layer Chú ý : Nếu bạn nhập vào file Fireworks PNG, xem mục “Cách nhập vào file Fireworks PNG”, bạn nhập file FreeHand, xem mục “Cách nhập file FreeHand ” để biết thêm chi tiết Sau bạn thực bước sau đây: Trong máy PC Windows, nhấp chuột vào nút Open Trong máy Macintosh, nhấp chuột vào nút Add để thêm file chọn vào danh sách Import, nhấp chuột vào nút Import để nhập hay nhiều file vào danh sách Import TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 137 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Ảnh chọn nhập vào xuất giao diện Flash Nếu tên file nhập vào kết thúc số file đánh số theo thứ tự thư mục, Flash hỏi bạn có nhập vào file không : Nhấp chuột vào nút Yes bạn muốn nhập file Nhấp chuột vào nút No bạn muốn nhập vào file đặc biệt Sau ví dụ tên file mà dùng file thứ tự: Frame001.gif, Frame002.gif, Frame003.gif Bird 1, Bird 2, Bird Walk-001.ai, Walk-002.ai, Walk-003.ai Dán ảnh từ chương trình ứng dụng khác vào Flash: Sao chép ảnh chương trình ứng dụng khác Trong Flash, chọn trình đơn Edit > Paste NHẬP VÀO CÁC ĐỊNH DẠNG FILE Flash nhập vào định dạng file khác phụ thuộc vào chương trình QuickTime phiên cài vào Sử dụng Flash với QuickTime đặc biệt có ích dự án hợp tác Windows Macintosh QuickTime mở rộng vùng hỗ trợ vài định dạng file (bao gồm Adobe Photoshop, PICT, QuickTime Movie chương trình khác) cho hai hệ điều hành Các định dạng file sau nhập vào Flash 5, bất chấp liệu chương trình QuickTime có cài đặt hay không: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 138 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH LOẠI FILE CHƯƠNG PHẦN MỞ RỘNG HỆ WINDOWS esp, x x dxf x x Bitmap bmp x Enhanced Windows Metafile emf x fh7, ft7, fh8, ft8, fh9, ft9 x x FutureSplash Player spl x x GIF vaø Animated GIF gif x x JPEG jpg x x PICT pct, pic PNG png x x Flash Player swf x x Windows Metafile wmf x Adobe Illustrator (phiên 6.0 cũ hơn) AutoCAD DXF AutoCAD DXF ) (xem file FreeHand HỆ MACINTOSH x Các định dạng file sau nhập vào Flash 5, chương trình QuickTime phiên có cài đặt: LOẠI FILE PHẦN MỞ RỘNG HEÄ WINDOWS HEÄ MACINTOSH MacPaint pntg x x Photoshop psd x x PICT pct, pic x QuickTime Image qtif x x QuickTime Movie mov x x Silicon Graphics sai x x TGA tgf x x TIFF tiff x x NHAÄP VÀO FILE FIREWORKS PNG Bạn nhập vào file Fireworks với định dạng PNG vào Flash để làm phẳng ảnh hiệu chỉnh đối tượng Khi bạn nhập vào file PNG, toàn file (bao gồm ảnh Vector) bị quét chuyển đổi sang ảnh Bitmap Khi bạn nhập vào file PNG, ảnh vector file giữ lại định dạng vector Bạn chọn để giữ ảnh Bitmap, đoạn ký tự Text đường Guide file PNG bạn nhập file để hiệu chỉnh đối tượng Nếu bạn nhập vào file PNG, bạn chạy chương trình Fireworks Flash hiệu chỉnh file PNG gốc (với liệu Vector) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 139 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Chú ý : Bạn hiệu chỉnh ảnh Bitmap Flash cách chuyển đổi ảnh Bitmap sang ảnh Vector cách chọn phần ảnh Bitmap Nhập vào file Fireworks PNG: Chọn trình đơn File > Import Trong hộp thoại Import, chọn định dạng ảnh PNG mục File of type Tìm file ảnh Fireworks với định dạng PNG mong muốn chọn Sau thực thao tác sau: • Nhấp chuột vào nút Open (trong Windows) • Nhấp chuột vào nút Add (trong Macintosh) để thêm vào file chọn vào danh sách Import nhấp chuột vào nút Import để nhập nhiều file cửa sổ Import Trong hộp thoại PNG Import Settings, chọn mục sau: • Import Editable Elements nhập file PNG vào thành thành phần độc lập, giữ file ảnh Vector Chọn Include Images để giữ lại file ảnh Bitmap file file nhập vào (Ảnh Bitmap đặt vào thư viện đoạn phim hành, hiệu chỉnh Fireworks trình soạn thảo ảnh bên ngoài.) Chọn mục Include Text giữ đoạn văn Chọn mục Include Guides để nhập đường Guide Fireworks tạo thành đường Guide để dùng TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 140 BIÊN SOẠN : KS PHẠM QUANG HUY 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 trước kết thúc phần hiệu chỉnh cho graphic này, bạn chọn màu tô màu đen tô màu cho vùng cửa sổ thực Vì từ đầu đến bạn chưa tô màu cho nó, bạn đổ màu tô trước bước không cần thực Vùng màu tô chọn Cuối bạn tạo symbol Movie clip có tên Cua so chinh, sau nhấn phím F6 vào frame thứ hai kéo biểu tượng ảnh graphic Anh cua so vào vùng làm việc Nhấp phải chuột vào keyframe thứ chọn lệnh Create Motion Tween, nhấn phím F6 frame frame 11 THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 171 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 chuột trở lại keyframe thứ 2, chọn trình đơn Window > Panels > Effect Nhấp chọn mục hiệu ứng Brightness chọn giá trị 100 bảng Effect Khi cửa sổ làm khung màu trắng hoàn toàn Cửa sổ trở thành màu trắng chọn giá trị Brightness 100 % Lặp lại bước cho keyframe 11 để đối tượng giống hình sau THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 172 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 chuột vào keyframe rỗng chọn lệnh Stop bảng Frame Actions Lặp lại bước để gán lệnh Stop cho keyframe thứ 6, thước Timeline có hai dấu lệnh keyframe keyframe Nhấp chuột trở lại vùng làm việc chính, kéo biểu tượng đoạn phim có tên Cua so chinh cửa sổ thư viện vào vùng làm việc chọn trình đơn Window > Panels > Instance Nhập vào tên window mục Name bảng Instance đoạn phim chọn Kéo tiếp biểu tượng Nut cua so thư viện vào vùng làm việc Layer Nhấp chọn nút gán lệnh chọn nút sau: on (release) { tellTarget ("window") { play (); } } THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 173 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 Cuối bạn chọn trình đơn Control > Test Movie để xem đoạn phim diễn hoạt Sau xem diễn hoạt bạn trang trí thêm vùng giao diện bạn cách kéo thêm vào tiêu đề có tên Tieu de số ký tự cho phần thực hành THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 174 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 Chúc thành công THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK 175 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Hộp Importing External File chạy cập nhật file để nhập vào • Flatten Image nhập file PNG trở thành file ảnh Bitmap Layer hành Ảnh Bitmap đặt vào thư viện đoạn phim hành, hiệu chỉnh Fireworks trình soạn thảo ảnh bên Bạn xem mục “Cách hiệu chỉnh ảnh Bitmap” để biết thêm chi tiết Nhấp chuột vào nút OK FILE ADOBE ILLUSTRATOR Flash hỗ trợ việc nhập xuất file định dạng Adobe Illustrator 88, 3.0, 5.0 6.0 (Để biết thêm thông tin cách nhập xuất file Illustrator, bạn tham khảo tài liệu Adobe Illustrator.) Khi bạn nhập vào file Illustrator Flash, bạn phải bỏ chế độ nhóm tất đối tượng Illustrator vào tất Layer Một đối tượng nhập vào, bạn thao tác lên chúng giống đối tượng khác Flash ĐÔI NÉT VỀ CÁCH NHẬP FILE ẢNH BITMAP Việc nhập file ảnh Bitmap vào đoạn phim tạo Flash làm tăng kích thước file đoạn phim Để làm giảm kích thước file ảnh Bitmap, bạn chọn chế độ nén hộp thoại Bitmap Properties Bạn xem “Cách thiết lập thuộc tính ảnh Bitmap” Bạn hiệu chỉnh ảnh Bitmap nhập vào cách dùng chương trình Fireworks trình biên soạn ảnh bên khác có Flash Bạn chuyển đổi ảnh Bitmap sang ảnh Vector Việc chuyển đổi giúp bạn xác định loại ảnh bạn làm với ảnh đồ họa khác Flash làm giảm kích thước file Bạn xem mục “Cách chuyển đổi ảnh bitmap sang ảnh vector” TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 141 BIÊN SOẠN : KS PHAÏM QUANG HUY ... Paste NHẬP VÀO CÁC ĐỊNH DẠNG FILE Flash nhập vào định dạng file khác phụ thuộc vào chương trình QuickTime phiên cài vào Sử dụng Flash với QuickTime đặc biệt có ích dự án hợp tác Windows Macintosh... Bird 1, Bird 2, Bird Walk-0 01. ai, Walk-002.ai, Walk-003.ai Dán ảnh từ chương trình ứng dụng khác vào Flash: Sao chép ảnh chương trình ứng dụng khác Trong Flash, chọn trình đơn Edit > Paste NHẬP VÀO... vùng hỗ trợ vài định dạng file (bao gồm Adobe Photoshop, PICT, QuickTime Movie chương trình khác) cho hai hệ điều hành Các định dạng file sau nhập vào Flash 5, bất chấp liệu chương trình QuickTime