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 6 CÁCH DÙNG ẢNH NHẬP VÀO TỔNG QUAN VỀ CÁCH SỬ DỤNG ẢNH NHẬP VÀO Các đoạn phim trong Flash có thể dùng ảnh được tạo ra trong các chương trình ứng dụng khác. Bạn có thể nhập ảnh đồ họa với đònh dạng Vector và Bitmap với nhiều file đònh dạng khác nhau. Nếu bạn dùng QuickTime 4 hoặc các phiên bản mới sau này trong máy của bạn, bạn có thể nhập thêm các đònh dạng file ảnh khác. Để biết thêm chi tiết, bạn có thể tham khảo mục “Cách nhập các đònh dạng file ảnh” Bạn có thể nhập vào file FreeHand (phiên bản 7.0 hay mới hơn) và file Fireworks PNG trực tiếp vào trong Flash, lưu lại các thuộc tính trong các đònh dạng đó. Nhập vào file âm thanh có đònh dạng .WAV (trong Windows) hoặc. AIFF (trong Macintosh) và .MP3. Bạn có thể xem mục “Cách nhập vào âm thanh”. ĐẶT ẢNH VÀO TRONG FLASH Flash nhận biết các đònh dạng file ảnh Vector và Bitmap. Bằng cách nhập hoặc dán vào. Flash nhập vào ảnh đồ họa vector, bitmaps và các ảnh theo dạng Sequence (tuần tự) sau đây: Ảnh Vector trong FreeHand được nhập trực tiếp vào đoạn phim trong Flash. Bạn có thể chọn các tùy chọn để lưu lại các Layer, trang và các khối văn bản trong FreeHand, để nhập vào một file FreeHand, bạn hãy xem mục “ Cách nhập file FreeHand ” để biết thêm chi tiết. Ảnh PNG trong Fireworks được nhập trực tiếp vào đoạn phim trong Flash với dữ liệu ảnh Vector hoặc Bitmap cho các đối tượng có thể được hiệu chỉnh. Bạn có thể chọn các tùy chọn cho việc lưu lại ảnh, văn bản và đường guide. Để nhập vào một file Fireworks .PNG, bạn hãy xem mục “Cách nhập file Fireworks .PNG”. Chú ý : Nếu bạn nhập vào một file với đònh dạng .PNG trong Fireworks bằng cách cắt và dán, file đó bò thay đổi thành ảnh Bitmap. Ảnh Vector trong các file SWF, Adobe Illustrator và Windows Metafile Format (WMF) được nhập vào như là một nhóm trong Layer hiện hành. Bạn có thể xem mục “Cách nhập các đònh dạng file” và “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) được nhập vào như là các đối tượng độc lập trong Layer hiện hành. Flash lưu lại các chế độ thiết lập trong suốt của ảnh Bitmap. Vì việc nhập ảnh vào có thể làm tăng kích thước file, có thể bạn muốn nén file ảnh Bitmap được nhập này. Bạn có thể xem mục “Cách thiết lập các thuộc tính cho ảnh với đònh dang Bitmap” để biết thêm chi tiết. Chú ý : Ảnh Bitmap với chế độ trong suốt có thể không được lưu lại khi ảnh Bitmap được nhập vào bằng cách kéo và thả. Để lưu được chế độ trong suốt này, bạn hãy chọn trên trình đơn File > Import để nhập ảnh vào. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 136 Giáo trình hình thành tool ứng dụng điều chế các thuộc tính cho ảnh với định dạng BNG 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 6 Ảnh đònh dạng Sequence (ví dụ như PICT và BMP sequence) được nhập vào như là các frame liên tục của Layer hiện hành. Cách nhập một file vào trong Flash: 1. Chọn trên trình đơn File > Import hay nhấn tổ hợp phím Ctrl + R . 2. Trong hộp thoại Import, chọn đònh dạng file hiển thò trong mục File of type. 3. Xác đònh đường dẫn trong mục Look in và chọn tên file cần mở. Nếu file được nhập vào có nhiều Layer, Flash có thể sẽ tạo ra các layer mới. Bảo đảm rằng thanh thước Timeline đang hiển thò khi nhập file ảnh có nhiều Layer. Chú ý : Nếu bạn đang nhập vào một file Fireworks PNG, hãy xem mục “Cách nhập vào một file Fireworks PNG”, nếu bạn đang nhập file FreeHand, hãy xem mục “Cách nhập file FreeHand ” để biết thêm chi tiết. 4. Sau đó bạn hãy thực hiện một trong những 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 được chọn vào trong danh sách Import, và nhấp chuột vào nút Import để nhập một hay nhiều file vào trong danh sách Import. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 137 . 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 6 Ảnh chọn nhập vào xuất hiện trong giao diện Flash 5. Nếu tên của file nhập vào kết thúc là một con số và các file được đánh số theo thứ tự trong cùng một thư mục, Flash sẽ hỏi bạn có nhập vào các file này không : Nhấp chuột vào nút Yes nếu bạn muốn nhập những file này. Nhấp chuột vào nút No nếu bạn chỉ muốn nhập vào file đặc biệt. Sau đây là các ví dụ về tên file mà có thể được dùng như file thứ tự: Frame001.gif, Frame002.gif, Frame003.gif Bird 1, Bird 2, Bird 3 Walk-001.ai, Walk-002.ai, Walk-003.ai Dán một ảnh từ chương trình ứng dụng khác vào trong Flash: 1. Sao chép ảnh trong chương trình ứng dụng khác. 2. Trong Flash, chọn trên trình đơn Edit > Paste . NHẬP VÀO CÁC ĐỊNH DẠNG FILE Flash 5 có thể nhập vào các đònh dạng file khác nhau phụ thuộc vào chương trình QuickTime 4 hoặc các phiên bản mới hơn được cài vào. Sử dụng Flash với QuickTime 4 đặc biệt có ích đối với các dự án hợp tác giữa Windows và Macintosh. QuickTime 4 mở rộng vùng hỗ trợ đối với một vài đònh dạng file nào đó (bao gồm Adobe Photoshop, PICT, QuickTime Movie và các chương trình khác) cho cả hai hệ điều hành. Các đònh dạng file sau đây có thể được nhập vào trong Flash 5, bất chấp liệu chương trình QuickTime 4 có cài đặt hay không: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 138 . 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 6 LOẠI FILE PHẦN MỞ RỘNG HỆ WINDOWS HỆ MACINTOSH Adobe Illustrator (phiên bản 6.0 hoặc cũ hơn) .esp, .ai x x AutoCAD DXF (xem file AutoCAD DXF ) .dxf x x Bitmap .bmp x Enhanced Windows Metafile .emf x FreeHand .fh7, .ft7, .fh8, .ft8, .fh9, .ft9 x x FutureSplash Player .spl x x GIF và Animated GIF .gif x x JPEG .jpg x x PICT .pct, pic x PNG .png x x Flash Player .swf x x Windows Metafile .wmf x Các đònh dạng file sau đây có thể được nhập vào trong Flash 5, khi chương trình QuickTime 4 hoặc phiên bản mới hơn có cài đặt: LOẠI FILE PHẦN MỞ RỘNG HỆ WINDOWS HỆ 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 NHẬP VÀO FILE FIREWORKS .PNG Bạn có thể nhập vào file Fireworks với đònh dạng .PNG vào trong Flash để làm phẳng ảnh hoặc hiệu chỉnh các đối tượng. Khi bạn nhập vào một file PNG, toàn bộ file đó (bao gồm bất kỳ ảnh Vector) sẽ bò quét hoặc chuyển đổi sang ảnh Bitmap. Khi bạn nhập vào một file PNG, ảnh vector trong file đó vẫn giữ lại đònh dạng vector. Bạn có thể chọn để giữ ảnh Bitmap, đoạn ký tự Text và các đường Guide trong file PNG khi bạn nhập file này để hiệu chỉnh các đối tượng. Nếu bạn nhập vào file PNG, bạn có thể chạy chương trình Fireworks trong Flash và hiệu chỉnh file PNG gốc (với dữ liệu Vector). TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 139 . 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 6 Chú ý : Bạn có thể hiệu chỉnh ảnh Bitmap trong Flash bằng cách chuyển đổi các ảnh Bitmap sang ảnh Vector hoặc bằng cách chọn từng phần trong ảnh Bitmap. Nhập vào một file Fireworks PNG: 1. Chọn trên trình đơn File > Import . 2. Trong hộp thoại Import, chọn đònh dạng ảnh PNG trong mục File of type. 3. Tìm file ảnh Fireworks với đònh dạng PNG mong muốn và chọn nó. 4. Sau đó thực hiện một trong những 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 được chọn vào danh sách Import và nhấp chuột vào nút Import để nhập một hoặc nhiều file trong cửa sổ Import. 5. Trong hộp thoại PNG Import Settings, chọn một trong những mục sau: • Import Editable Elements nhập file PNG vào thành các thành phần độc lập, vẫn giữ file ảnh Vector. Chọn Include Images để giữ lại file ảnh Bitmap file trong file được nhập vào. (Ảnh Bitmap này được đặt vào trong thư viện của đoạn phim hiện hành, nhưng không thể được hiệu chỉnh trong Fireworks hoặc trình soạn thảo ảnh bên ngoài.). Chọn mục Include Text có thể giữ đoạn văn bản. Chọn mục Include Guides để nhập các đường Guide Fireworks tạo thành các đường Guide để dùng TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 140 . 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 6 Hộp Importing External File đang chạy trong khi cập nhật file mới để nhập vào • Flatten Image nhập file PNG trở thành file ảnh Bitmap trong Layer hiện hành. Ảnh Bitmap này được đặt vào trong thư viện của đoạn phim hiện hành, và có thể được hiệu chỉnh trong Fireworks hoặc trình soạn thảo ảnh bên ngoài. Bạn có thể xem mục “Cách hiệu chỉnh ảnh Bitmap” để biết thêm chi tiết. 6. Nhấp chuột vào nút OK. FILE ADOBE ILLUSTRATOR Flash hỗ trợ việc nhập và xuất file đònh dạng Adobe Illustrator 88, 3.0, 5.0 và 6.0. (Để biết thêm thông tin về cách nhập và xuất file Illustrator, bạn hãy tham khảo tài liệu về Adobe Illustrator.). Khi bạn nhập vào một file Illustrator trong Flash, bạn phải bỏ chế độ nhóm tất cả các đối tượng trong Illustrator vào tất cả các Layer. Một khi các đối tượng này được nhập vào, bạn có thể thao tác lên chúng giống như bất kỳ các đối tượng khác trong Flash. ĐÔI NÉT VỀ CÁCH NHẬP FILE ẢNH BITMAP Việc nhập file ảnh Bitmap vào trong một đoạn phim tạo ra trong Flash có thể làm tăng kích thước file của đoạn phim đó. Để làm giảm kích thước file của một ảnh Bitmap, bạn có thể chọn chế độ nén trong hộp thoại Bitmap Properties. Bạn có thể xem “Cách thiết lập các thuộc tính trong ảnh Bitmap”. Bạn có thể hiệu chỉnh ảnh Bitmap nhập vào bằng cách dùng chương trình Fireworks hoặc các trình biên soạn ảnh bên ngoài khác có trong Flash. Bạn có thể chuyển đổi một ảnh Bitmap sang một ảnh Vector. Việc chuyển đổi này có thể giúp bạn xác đònh loại ảnh như khi bạn làm với các ảnh đồ họa khác trong Flash và ngoài ra nó cũng làm giảm kích thước file. Bạn có thể xem mục “Cách chuyển đổi ảnh bitmap sang ảnh vector”. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 141 . 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 6 Bạn có thể chọn chế độ Break Apart để tạo từng vùng điểm pixel trong ảnh Bitmap để có thể hiệu chỉnh được. Ảnh Bitmap này vẫn giữ lại các chi tiết của ảnh gốc nhưng nó bò tạo thành các vùng màu rời rạc. Lúc này bạn có thể chọn và dùng các công cụ vẽ và tô màu trong Flash để thay đổi độc lập. Chế độ Break Apart trên một ảnh Bitmap cho phép bạn dùng ảnh Bitmap để tô màu các đối tượng. Bạn có thể xem tại mục “Chế độ Breaking Apart trong một ảnh Bitmap”. Ảnh gốc (bên trái) và ảnh ở chế độ Break Apart Nếu một đoạn phim trong Flash hiển thò ảnh Bitmap nhập vào có kích thước lớn hơn ảnh gốc, ảnh này có thể bò nát hoặc biến dạng. Bạn có thể xem trước ảnh Bitmap được nhập vào này để bảo đảm rằng ảnh này được hiển thò đúng kích thước. CÁCH DÙNG QUICKTIME MOVIES Nếu bạn dùng QuickTime 4 hoặc phiên bản mới hơn được cài trong hệ thống của bạn, bạn có thể nhập vào một đoạn phim QuickTime movie vào trong Flash để chỉnh sửa đoạn phim này. Tuy nhiên để hiển thò đoạn phim trong QuickTime movie, bạn phải xuất file đó ở đònh dạng QuickTime. Bạn không thể hiển thò QuickTime movie trong đònh dạng SWF. Để biết thêm chi tiết về cách xuất file Flash thành đònh dạng QuickTime movie, bạn có thể xem mục “Xuất đoạn phim thành đònh dạng QuickTime Movie”. Bạn có thể thay đổi kích thước, xoay và chuyển động đoạn phim QuickTime movie trong Flash và bạn có thể diễn hoạt, thiết lập đường dẫn cho đoạn phim trong thư viện. Tuy nhiên, bạn không thể thay đổi nội dung của đoạn phim QuickTime movie trong Flash. Bạn có thể gán bất kỳ hành động nào có trong danh sách mục Basic Actions từ bảng Actions cho một file QuickTime movie được nhập vào. Khi bạn nhập vào một đoạn phim QuickTime movie, chỉ có frame đầu tiên của đoạn frame được hiển thò. Bạn phải thêm các phim nữa vào trong thanh thước Timeline của đoạn phim được nhập vào này. Một đoạn phim QuickTime movie được nhập vào trong Flash không trở thành file Flash. Thay vào đó, Flash vẫn giữ lại nguyên con trỏ trong file nguồn. Xem trước đoạn phim QuickTime movie: 1. Thêm số frame vào trong thanh thước Timeline phù hợp với chiều dài của đoạn phim trong QuickTime movie bạn muốn xem. 2. Chọn trong trình đơn Control > Play . TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 142 . 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 6 Chú ý : Bạn không thể xem trước nội dung đoạn phim QuickTime movie dùng lệnh Control > Test Movie . Thiết lập đường dẫn cho đoạn phim QuickTime movie: 1. Chọn trong trình đơn Window > Library và chọn đoạn phim QuickTime movie bạn muốn hiệu chỉnh. 2. Trong trình đơn Options tại góc phải trên trong cửa sổ Library, chọn Properties và nhấp chuột vào nút Set Path trong hộp thoại Video Properties. CHUYỂN ĐỔI ẢNH BITMAP THÀNH ẢNH VECTOR Lệnh Trace Bitmap chuyển đổi ảnh Bitmap thành ảnh Vector, hiệu chỉnh từng vùng màu riêng lẻ. Chọn lệnh này tạo những thay đổi trên ảnh Vector hoặc làm giảm kích thước file. Nếu bạn chuyển đổi một ảnh Bitmap sang ảnh Vector, lúc này ảnh Vector sẽ không còn kết nối với biểu tượng ảnh Bitmap trong cửa sổ Library nữa. Chú ý : Nếu file ảnh nhập vào có chứa nhiều hình phức tạp và nhiều màu, khi chuyển đổi sang ảnh Vector có thể làm tăng kích thước file, lớn hơn kích thước file gốc ban đầu. Bạn có thể thử nhiều chế độ thiết lập có trong hộp thoại Trace Bitmap để tìm thấy sự cân bằng giữa kích thước file và chất lượng ảnh. Ngoài ra bạn cũng có thể dùng chế độ Break Apart để chỉnh sửa ảnh với công cụ vẽ và tô màu trong Flash hoặc tô màu lên ảnh Bitmap. Chuyển đổi ảnh Bitmap thành ảnh Vector: 1. Chọn ảnh Bitmap trong Scene hiện hành. 2. Chọn trong trình đơn Modify > Trace Bitmap . 3. Nhập giá trò vào trong mục Color Threshold từ 1 đến 500. Khi hai điểm pixel được so sánh, nếu có sự khác biệt giữa các giá trò màu trong màu RGB ít hơn trong mục Color Threshold, hai điểm pixel này được xem như là cùng màu. Khi bạn tăng giá trò màu trong mục Color Threshold, bạn sẽ làm giảm số lượng màu. 4. Đối với mục Minimum Area, nhập giá trò từ 1 đến 1000 để thiết lập số pixel xung quanh. 5. Mục chọn Curve Fit, chọn một tùy chọn trong trình đơn để xác đònh vẽ đường viền nhẵn. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 143 . 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 6 6. Đối với mục chọn Corner Threshold, chọn một mục có trong trình đơn xổ xuống để xác đònh biên ảnh sắc nét hay được làm nhẵn. Bạn có thể tạo ra ảnh Vector rất giống với ảnh Bitmap gốc, bạn hãy nhập các giá trò như sau đây: Color Threshold : 10 Minimum Area : 1 pixel Curve Fit : Pixels Corner Threshold : Many Corners Kết quả của việc dùng lệnh Trace Bitmap trong ảnh Bitmap TÁCH BIỆT TỪNG PHẦN (BREAK APART) TRONG ẢNH BITMAP Chọn từng phần một ảnh Bitmap làm tách biệt các pixel trong ảnh thành từng phần khác biệt có thể chọn và thay đổi một cách độc lập. Khi bạn tách biệt từng phần trong ảnh Bitmap, bạn có thể thay đổi ảnh Bitmap bằng các công cụ vẽ và tô màu trong Flash. Ngoài ra bạn cũng có thể tô màu lên ảnh Bitmap. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 144 . 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 6 Dùng công cụ Lasso chọn công cụ bổ sung là Magic Wand, bạn có thể làm thay đổi vùng màu tô của vùng được chọn trong ảnh Bitmap, ảnh lúc này sẽ bò tách biệt từng phần. Sau khi bạn tô màu trong một vùng trên ảnh Bitmap, bạn có thể dùng công cụ Paint Bucket để xoay, kéo lệch hoặc làm thay đổi kích thước ảnh Bitmap. Cách tách biệt từng phần trong ảnh Bitmap: 1. Chọn một ảnh Bitmap trong vùng Scene hiện hành. 2. Chọn trong trình đơn Modify > Break Apart . Ảnh trước và sau khi dùng lệnh Break Apart Tô ảnh Bitmap Tách biệt từng phần ảnh Bitmap như đã mô tả ở trên. ♦ ♦ Chọn công cụ Eyedropper và sau đó nhấp chuột vào ảnh Bitmap. Công cụ Eyedropper thiết lập ảnh Bitmap làm màu tô hiện hành và thay đổi công cụ Eyedropper thành công cụ Paint Bucket. Công cụ Eyedropper bò thay đổi thành công cụ Paint Bucket Sau đó bạn có thể tô màu bằng công cụ Brush hoặc Paint Bucket. ♦ Thay đổi màu tô của vùng chọn trong vùng màu ảnh Bitmap bò tách biệt: 1. Chọn một ảnh Bitmap bò tách biệt trong vùng Scene. Ảnh trong ví dụ sau lấy từ thư mục C:\ Windows > Carved Stone . Ảnh này dễ tìm, hầu như máy PC nào cũng có trong vùng hệ thống hoặc bạn có thể chọn ảnh bất kỳ nào khác. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 145 . . tool ứng dụng điều chế các thuộc tính cho ảnh với định dạng BNG 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 6 Ảnh đònh dạng Sequence (ví dụ. chế độ trong suốt này, bạn hãy chọn trên trình đơn File > Import để nhập ảnh vào. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 136 Giáo trình hình thành tool ứng dụng điều. dùng ảnh được tạo ra trong các chương trình ứng dụng khác. Bạn có thể nhập ảnh đồ họa với đònh dạng Vector và Bitmap với nhiều file đònh dạng khác nhau. Nếu bạn dùng QuickTime 4 hoặc các phiên