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 giờ bạn có thể trang trí thêm một số thuộc tính khác mong muốn bằng cách thêm vào một vài đoạn phim Movie clip hoặc symbol graphic khác mong muốn để làm tiêu đề và dòng chú thích cho đoạn phim. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 190 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 CHNG 10 CÁCH DÙNG KÝ TỰ NHẬP TRONG FLASH Nếu bạn dùng ký tự trong đoạn phim Flash movie, bạn có thể thiết lập kích thước, kiểu chữ, kiểu dáng ký tự, khoảng cách, màu sắc và canh lề ký tự. Bạn có thể thay đổi kiểu ký tự giống như một đối tượng được xoay, thay đổi kích thước, kéo xiên, lật ký tự và hiệu chỉnh những ký tự này. Đoạn phim của bạn có thể có các hộp văn bản cho người dùng nhập và hiển thò vùng ký tự này để có thể cập nhật chúng. Và bạn có thể liên kết các khối ký tự đến một điạ chỉ URL nào đó. Ngoài ra bạn có thể tách riêng từng phần ký tự và thay đổi kích thước. Đối với những khả năng điều khiển ký tự bổ sung, bạn có thể sửa đổi ký tự trong FreeHand và nhập file FreeHand vào trong Flash hoặc xuất file từ trong FreeHand thành file SWF . Đoạn phim Flash movie có thể dùng font chữ Type 1 PostScript, TrueType và font Bitmap (chỉ dùng cho máy Macintosh). Để sử dụng được font PostScript, bạn phải cài đặt chương trình Adobe Type Manager (ATM) vào trong hệ thống của bạn (ngoại trừ hệ thống dùng Windows 2000, không yêu cầu ATM). Chú y ù : Nếu bạn dùng font PostScript trong Flash chạy trên Windows NT, bạn có thể gặp rắc rối do tính không tương thích giữa ATM và Windows NT. Khi bạn làm việc với file FLA của Flash, Flash thay thế font chữ trong đoạn phim bằng font chữ được cài trong hệ thống của bạn khi cần thiết. Ngoài ra Flash cũng cho phép bạn tạo một biểu tượng Symbol từ font chữ để bạn có thể xuất font này vào trong Shared Library và dùng nó trong những đoạn phim khác của Flash movie. Bạn có thể kiểm tra lỗi chính tả ký tự bằng cách sao chép ký tự vào trong Clipboard, sau đó dùng Movie Explorer và dán ký tự vào trong trình soạn thảo văn bản bên ngoài. ĐÔI NÉT VỀ FONT ĐƯC NHÚNG (EMBEDDED FONT) VÀ FONT THIẾT BỊ (DEVICE FONT). Khi bạn dùng một font chữ được cài đặt trong hệ thống và sử dụng trong đoạn phim Flash movie, Flash sẽ nhúng những thông tin về font vào trong file Flash SWF, để bảo đảm rằng font đó hiển thò đúng trong Flash Player. Không phải tất cả các font hiển thò trong đoạn phim có thể xuất được hết. Xác đònh font có thể dùng được bằng cách chọn trình đơn View > Antialias Text để xem trước ký tự, nếu thấy ký tự bò nát, lởm chởm điều này cho biết Flash không nhận biết được viền ngoài của font và sẽ không xuất văn bản đó. Như một sự thay thế cho thông tin font nhúng, bạn có thể dùng các font đặc biệt trong Flash gọi là font thiết bò (Device font). Device font không được nhúng trong file SWF của Flash. Thay vào đó Flash Player dùng bất kỳ font nào có trong hệ thống gần giống với Device font nhất. Trong Flash có 3 Device font, được đặt tên _sans (tương tự như font Helvetica hay Arial), _serif (tương tự như font Times Roman) và _typewriter (tương tự như font Courier). Để xác đònh một font có thuộc Device font hay không, bạn chọn một trong những Device font trong Flash tại bảng Character hoặc chọn Use Device Fonts trong bảng Text Options. Bạn có thể xác đònh văn bản thiết lập trong một Device font để có thể được chọn, người dùng có thể sao chép và dán đoạn văn bản xuất hiện trong đoạn phim. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 224 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 CHNG 10 Bạn có thể dùng Device font cho ký tự tónh (ký tự bạn tạo ra không thay đổi khi đoạn phim hiển thò ) hay ký tự động (ký tự cập nhật thường xuyên qua đầu xuất từ một file server (máy chủ). TẠO VĂN BẢN Để đặt nhiều khối văn bản vào trong vùng Stage, bạn dùng cộng cụ Text . Bạn có thể đặt ký tự trên một hàng đơn mở rộng khi bạn gõ vào hoặc trong một khối rộng cố đònh mà nó tự động cuốn các từ lại. Flash hiển thò một handle tròn tại góc phải phía trên của khối ký tự cho phép bạn mở rộng khối ký tự này và handle vuông cho khối ký tự có độ rộng được xác đònh. Flash hiển thò một handle điều khiển vuông tại góc phải phía dưới của hộp hiệu chỉnh ký tự để cho biết rằng, bạn có thể thay đổi kích thước ký tự theo chiều dọc hay chiều ngang.  Tạo ký tự: 1. Chọn công cụ Text Tool trong hộp công cụ bên trái giao diện. 2. Chọn trên trình đơn Window > Panels > Character và trình đơn Window > Panels > Paragraph để xem các bảng Character và Paragraph, sau đó chọn các thuộc tính cho ký tự. 3. Sau đó bạn có thể thực hiện một trong những bước sau :  Tạo một khối ký tự rộng như bạn nhập vào, nhấp chuột tại vùng bạn muốn ký tự nhập bắt đầu.  Tạo một khối ký tự có độ rộng cố đònh, đònh vò con trỏ tại vò trí bạn muốn ký tự bắt đầu và kéo độ rộng sang vò trí mong muốn. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 225 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 CHNG 10 Chú ý : Nếu bạn tạo ra một khối ký tự mở rộng ngang qua biên phải hay trái của vùng Stage khi bạn nhập vào, khối ký tự sẽ không mất. Để tạo cho handle điều khiển có thể truy cập lại lần nữa, bạn hãy di chuyển khối ký tự hoặc chọn trên trình đơn View > Work Area .  Thay đổi kích thước của khối ký tự Kéo handle thay đổi kích thước của nó.  Chuyển đổi giữa khối ký tự cố đònh và khối ký tự mở rộng Nhấp đúp chuột vào trong handle để thay đổi kích thước. THIẾT LẬP CÁC THUỘC TÍNH CHO KÝ TỰ Bạn có thể thiết lập các thuộc tính font chữ và đoạn paragraph cho ký tự nhập. Một font chữ là một sự sắp xếp các ký tự theo chữ cái, các con số trong một cách sắp xếp kiểu chữ. Các thuộc tính của font gồm có họ font chữ (font family), kích thước chữ, loại chữ, màu chữ, khoảng cách các ký tự theo phương ngang (tracking), tự động co kéo (auto kerning) và việc chuyển đổi các đường cơ sở (baseline shift). (Bạn có thể dùng Embedded font hoặc Device font). Các thuộc tính paragraph gồm có canh lề (alignment), chỉnh lề trang (margin), thụt lề (indent) và khoảng cách giữa các dòng (line spacing). Để thay đổi các thuộc tính cho font và paragraph, bạn dùng bảng Character và bảng Paragraph. Để chọn trực tiếp, dùng Device font hay Embedded font, bạn dùng bảng Text Options. 3 bảng dùng cho việc hiệu chỉnh ký tự nhập vào Khi bạn tạo ra một đoạn văn bản mới, Flash dùng các thuộc tính chọn ký tự hiện hành. Để thay đổi các thuộc tính font hay paragraph của một đoạn ký tự đang tồn tại, trước hết bạn phải chọn đoạn ký tự đó. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 226 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 CHNG 10  Cách dùng bảng Character: Chọn trên trình đơn Window > Panels > Character .  Cách dùng bảng Paragraph: Chọn trên trình đơn Window > Panels > Paragraph . CHỌN FONT, KÍCH THƯỚC, KIỂU (STYLE) VÀ MÀU CHỮ Bạn có thể thiết lập font chữ, kích thước chữ, kiểu chữ và màu sắc cho ký tự được nhập vào qua việc sử dụng bảng Character. Khi bạn thiết lập màu ký tự, bạn có thể chỉ dùng màu Solid không phải màu Gradient. Để áp đặt màu Gradient cho ký tự, bạn phải chuyển đổi ký tự sang đối tượng là đường thẳng và màu tô. Bạn có thể xem mục “Thay đổi hình dáng ký tự” để biết thêm chi tiết.  Chọn font, kích thước, loại và màu ký tự với bảng Character: 1. Nếu bảng Character chưa được hiển thò, bạn hãy chọn trình đơn Window > Panels > Character . 2. Nhấp chuột vào biểu tượng hình tam giác kế bên hộp ký tự Font và chọn một Font từ trong danh sách hoặc nhập vào tên Font. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 227 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 CHNG 10 Chú ý: Các Font _sans, _serif và _typewriter là những Device font. Thông tin về Font cho những Font này được nhúng vào trong file SWF của Flash. 3. Nhấp chuột vào tam giác kế bên giá trò Font Size và kéo con trượt để chọn giá trò hoặc nhập vào giá trò cho kích thước Font. Kích thước ký tự được thiết lập theo từng point, bỏ qua các đơn vò thước đo hiện hành. 4. Ứng dụng kiểu in đậm và in nghiêng cho ký tự bằng cách nhấp chuột vào nút Bold hoặc nút Italic . 5. Chọn một màu tô cho ký tự, nhấp chuột vào hộp màu và thực hiện một trong những thao tác sau:  Chọn một màu có trong bảng palette màu.  Nhập giá trò màu Hex trong hộp ký tự.  Nhấp chuột vào nút Color Picker và chọn một màu có trong hộp màu Color Picker. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 228 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 CHNG 10 THIẾT LẬP TRACKING, KERNING VÀ BASELINE SHIFT  Tracking chèn vào một số lượng khoảng cách giữa các ký tự. Bạn dùng chế độ tracking để điều chỉnh khoảng cách giữa các ký tự hoặc toàn khối được chọn.  Kerning (co kéo) là sự điều chỉnh khoảng cách giữa hai ký tự cặp đôi trong dạng hiển thò. Nhiều Font có cài đặc sẵn tính năng kerning. Ví dụ, khoảng cách giữa ký tự A và V thường có ít khoảng cách hơn giữa ký tự A và D. Dùng Font có tính năng kerning để điều chỉnh khoảng cách giữa các ký tự, bạn dùng tùy chọn Kern.  Baseline shift điều khiển tại vùng ký tự xuất hiện bên trên hay dưới đường baseline. Các chế độ tùy chọn tracking, auto kerning và baseline shift đều nằm trong bảng Character.  Thiết lập các chế độ tùy chọn tracking, kerning và baseline shift: 1. Nếu bảng Character chưa hiển thò, chọn trên trình đơn Window > Panels > Character . 2. Trong bảng Character, bạn có thể thiết lập các tùy chọn sau: • Để xác đònh tracking, nhấp chuột vào biểu tượng tam giác kế bên giá trò Tracking và kéo con trượt để chọn giá trò hay nhập một giá trò vào trong hộp ký tự. • Dùng tính năng kerning đã thiết lập, chọn mục Kern. • Xác đònh baseline shift, nhấp chuột vào tam giác kế bên tùy chọn Baseline Shift và chọn một vò trí có trong trình đơn : Normal : Đặt ký tự trên đường baseline Superscript : Đặt ký tự bên trên đường baseline Subscript : Đặt ký tự bên dưới đường baseline. THIẾT LẬP CHỈNH LỀ (ALIGNMENT), CANH LỀ TRANG (MARGIN), THỤT LỀ (INDENT) VÀ KHOẢNG CÁCH GIỮA CÁC DÒNG (LINE SPACING) Chỉnh lề (Alignment) xác đònh vò trí của mỗi dòng ký tự trong một paragraph liên quan đến các biên trái và phải của khối ký tự. Ký tự có thể được canh lề sang biên trái, phải hoặc chính giữa của khối ký tự hoặc canh lề theo cả hai biên (canh đều). TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 229 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 CHNG 10 Canh lề trang (Margin) xác đònh số lượng khoảng cách giữa các biên của khối ký tự và đoạn văn bản. Thụt lề (Indent) xác đònh khoảng cách giữa việc canh lề trang của đoạn văn bản và dòng bắt đầu, đầu tiên của đoạn văn bản. Line spacing xác đònh khoảng cách giữa các hàng kế nhau trong đoạn văn bản. Để xác đònh việc chỉnh lề, canh lề trang, thụt lề và khoảng cách giữa các hàng, bạn dùng bảng Paragraph.  Thiết lập việc chỉnh lề, canh lề trang, thụt lề và khoảng cách giữa các hàng: 1. Nếu bảng Paragraph chưa hiển thò, chọn trên trình đơn Window > Panels > Paragraph. 2. Trong bảng Paragraph, bạn có thể thiết lập các tùy chọn sau:  Để thiết lập mục chỉnh lề, nhấp chuột vào các nút Left, Center, Right hay Full Justification.  Thiết lập canh lề trang trái hoặc phải, nhấp chuột vào tam giác kế bên giá trò Left Margin hay Right Margin và kéo con trượt hoặc nhập vào giá trò để chọn số giá trò.  Xác đònh thụt lề, nhấp chuột vào tam giác kế bên giá trò Indent và kéo con trượt để chọn giá trò hay nhập vào con số.  Xác đònh khoảng cách giữa các hàng, nhấp chuột vào tam giác kế bên giá trò Line Spacing và kéo con trượt để chọn giá trò hay nhập vào con số. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 230 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 CHNG 10 DÙNG DEVICE FONT Dùng bảng Text Options, bạn có thể xác đònh rằng Flash Player sử dụng Device font để hiển thò một vài khối văn bản nào đó để Flash không nhúng Font cho khối văn bản đó. Điều này có thể làm giảm kích thước file của đoạn phim và làm tăng tính dễ đọc đối với những ký tự có kích thước nhỏ.  Xác đònh đoạn văn bản được hiển thò dùng Device Font: 1. Dùng công cụ Text tool để chọn các khối ký tự trong vùng Stage mà bạn muốn được hiển thò trong Flash Player dùng Device Font. 2. Chọn trên trình đơn Window > Panels > Text Options . 3. Chọn Static Text từ trong trình đơn xổ xuống. 4. Chọn mục Use Device Fonts.  Tạo ký tự mà người dùng có thể chọn: 1 Chọn ký tự mà bạn muốn làm cho người dùng có thể chọn. 2 Chọn trên trình đơn Window > Panels > Text Options . 3 Chọn Static Text từ trong trình đơn xổ xuống. 4 Nếu ký tự chưa được xác đònh dùng Device Font, bạn hãy chọn Use Device Fonts. 5 Nhấp chuột vào Selectable. TẠO SYMBOL FONT Để dùng một Font như là một mục Item trong thư viện chia sẻ (shared library), bạn có thể tạo ra một Symbol Font trong cửa sổ Library. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 231 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 CHNG 10 Điều này có thể làm cho bạn kết nối đến Font này và dùng nó trong đoạn phim Flash movie mà không cần phải nhúng Font này trong đoạn phim. Dùng Symbol Font trong một thư viện chia sẻ, bạn gán cho biểu tượng Symbol một chuỗi đònh danh. Ngoài ra chuỗi đònh danh này có thể được dùng để truy cập Symbol như là một đối tượng trong ActionScript.  Tạo ra một Symbol Font: 1. Mở thư viện bạn muốn thêm vào một Symbol Font. 2. Chọn lệnh New Font từ trình đơn Options tại góc phải phía trên của cửa sổ Library. 3. Trong hộp thoại Font Symbol Properties , nhập tên cho Symbol Font trong hộp ký tự Name . 4. Chọn một loại Font có trong trình đơn Font hoặc nhập tên Font trong hộp ký tự Font. 5. Nếu muốn, bạn có thể chọn kiểu ký tự là Bold hay Italic để áp đặt kiểu chọn cho Font chữ. 6. Nhấp chuột vào nút OK. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 232 . và dòng chú thích cho đoạn phim. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 190 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. QUANG HUY 230 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 CHNG 10 DÙNG DEVICE FONT Dùng bảng Text Options, bạn có thể xác đònh rằng Flash Player. SOẠN : KS PHẠM QUANG HUY 226 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 CHNG 10  Cách dùng bảng Character: Chọn trên trình đơn Window > Panels