Giáo trình Macromedia Flash: Thiết kế và định dạng file ảnh Flash với .MP3 và .WAV phần 1 ppsx

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ó

Trang 1

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 Macromedia Flash: Thiết kế và định dạng file

ảnh Flash với MP3 và WAV

.

Trang 2

Ả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

.

Trang 3

Ả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:

.

Trang 4

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)

AutoCAD DXF (xem file

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

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)

.

Trang 5

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

.

Trang 6

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ờ trước khi kết thúc phần hiệu chỉnh cho graphic này, bạn hãy chọn màu tô là màu đen và tô màu cho các vùng trong cửa sổ đang thực hiện Vì từ đầu đến giờ bạn chưa tô màu cho nó, nếu như bạn đã đổ màu tô trước đó thì bước này không cần thực hiện

Vùng màu tô đang chọn

Cuối cùng bạn hãy tạo symbol Movie clip mới có tên Cua so chinh, sau đó nhấn phím F6 vào frame thứ hai và kéo biểu tượng ảnh graphic Anh cua so vào trong vùng làm việc

Nhấp phải chuột vào keyframe thứ 2 và chọn lệnh Create Motion Tween, nhấn phím F6 tại frame 6 và frame 11

THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 171

.

Trang 7

Nhấp chuột trở lại keyframe thứ 2, chọn trên trình đơn Window > Panels > Effect Nhấp chọn mục hiệu ứng Brightness và chọn giá trị 100 trong bảng Effect Khi đó cửa sổ sẽ

làm một khung màu trắng hoàn toàn

Cửa sổ sẽ trở thành màu trắng khi chọn giá trị Brightness là 100 %

Lặp lại bước trên cho keyframe 11 để đối tượng giống như hình sau

.

Trang 8

Nhấp chuột vào keyframe rỗng đầu tiên và chọn lệnh Stop trong bảng Frame Actions

Lặp lại bước trên để gán lệnh Stop cho keyframe thứ 6, khi đó trên thanh thước Timeline

có hai dấu lệnh là keyframe 1 và keyframe 6

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 trong cửa sổ thư viện vào vùng làm việc và chọn trên trình đơn Window > Panels > Instance Nhập vào tên window trong mục Name của bảng Instance trong khi đoạn

phim đang được chọn

Kéo tiếp biểu tượng Nut cua so trong thư viện vào vùng làm việc trên một Layer mới

Nhấp chọn nút này và gán lệnh chọn nút này như sau:

on (release) {

tellTarget ("window") {

play ();

}

.

Trang 9

Cuối cùng bạn hãy chọn trên trình đơn Control > Test Movie để xem đoạn phim diễn

hoạt Sau khi xem diễn hoạt bạn có thể trang trí thêm vùng giao diện của bạn bằng cách

kéo thêm vào thanh tiêu đề có tên Tieu de và một số ký tự cho phần thực hành này

.

Trang 10

Chúc thành công

.

Trang 11

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”

.

Định dạng
Số trang	11
Dung lượng	472,84 KB