SWiSHmax là công cụ thiết kế Flash mạnh mẽ, là tất cả những gì bạn cần để tạo những trang web tương tác sống động. SWiSH Max gồm nhiều tính năng giúp bạn tạo Flash một cách nhanh chóng, đơn giản và dễ dàng.Đây là một vài tính năng nổi bật của SWiSH Max: * Cc hiệu ứng: - Có sẵn hơn 230 hiệu ứng - Tạo các hiệu ứng từ text, ảnh và âm thanh. - Khả năng biên tập và sử dụng các hiệu ứng của riêng bạn....
Chương - Giao diện (layout) SM - Tên gọi Tab-Panel thuộc tính Object trước tiên tơi muốn bạn có khái niệm tên gọi object Hình bên giúp bạn hiểu tên gọi kí hiệu object Scene, Movie Clip, Text , Shape, Group, Button Lưu ý: MOVIE chứa nhiều Scene Scene chứa nhiều MovieClip Sau có khái niệm object (OB) , bắt đầu làm quen với tên gọi vùng giao diện SM Hệ thống MAINMENU: 1.1/ File menu: 1.2/ Edit menu: 1.3/ View menu 1.4/ Insert menu 1.5/ Modify menu 1.6/ Control menu 1.7/ Tool menu 1.8/ Window menu 1.9/ Help menu Hệ thống TOOLBARS: 2.1/ Nhóm Standard 2.2/ Nhóm Control 2.3/ Nhóm Insert Hệ thống TIMELINE: Đây nơi diễn hoạt kịch đoạn phim giới thiệu chức thành phần Timeline panel trước , cách thức sử dụng Timeline sâu phần tập Các thành phần Timeline 3.1/ Frame: Trong vùng cho phép đưa hiệu ứng vào , viết code frame object 3.2/ Add Script AddEffect: => kết luận: mặt nạ cần hội đủ yếu tố sau: - Movie Clip bao object phải đánh dấu "Use Bottom object as a mask" - tối thiểu phải object: object nằm bên (gọi vùng hiển thị) , object nằm (gọi đối tượng hiển thị) - Cả object phải nằm Movie Clip.2 object MC chứa object bên ====> mở rộng tính chất: - Mặt nạ lấy màu sắc object lấy hình dạng object bên - Hình dạng MC tạo nhiều object bên Chuyển động object Trong học làm quen với thao tác tạo chuyển động object Ví dụ 1: 1/ tạo object hình trịn cách dùng cơng cụ Elipse tool (E) Giữ click giữ chuột trái + SHIFT kéo hình Đặt tên "trịn" 2/ Click vào hình trịn , Timeline, click đơi vào Frame 20 Như hình bên 3/ Chắc chắn tên object tròn Timeline chọn vạch Timeline frame 20 có dấu trịn màu đỏ Sử dụng cơng cụ Transform tool (Q) , kéo object trịn từ vị trí ban đầu (tại frame 1) đến vị trí frame 20 Vậy ta có chuyển động đơn giản 4/ Bấm tổ hợp phiếm Ctrl + T để test thử Mở rộng: - Di chuyển khúc hiệu ứng Ngoài di chuyển "khúc" hiệu ứng tới 10 frame, tức Frame thứ 10 bắt đầu chuyển động Bằng cách Click + giữ chuột đoạn khúc hiệu ứng đưa tới vị trí mong muốn Timeline - Kéo dài - thu ngắn thời gian hiệu ứng Nếu muốn thay đổi tốc độ chuyển động nhanh chậm object ta kéo dài hay thu ngắn số frame lại Các bạn lưu ý đưa chuột vào vạch cuối hiệu ứng thấy trỏ thay đổi hình bên dưới, lúc kéo dài nha - cách xóa - thêm số lượng frame hiệu ứng cách click + kéo chuột phải đoạn Timeline vùng hiệu ứng , SW thơng báo cho bạn biết đoạn bạn kéo Frame Nếu bạn muốn Insert/Delete ta thả chuột phải ra, menu xuất hiện, ta chọn Insert Frame Delete Frame, số Frame thêm/bớt, nói số frame hiệu ứng ban đầu giãn /co ngắn lại - Thay hiệu ứng vào hiệu ứng có Với ví dụ trên, ta có hình trịn hiệu ứng Move , thay hiệu ứng Move hiệu ứng Blur Thao tác sau 1/ Click chọn object cần thay đổi hiệu ứng object tròn, click chọn hiệu ứng object tròn Timeline cần thay đổi cho đoạn hiệu ứng chuyển thành màu xanh đậm 2/ vào panel Effects Browser (Shift + F7) Chọn hiệu ứng Blur Giờ bạn thấy hiệu ứng Move chuyển thành Blur - Biến đổi hình dạng object Như phần giới thiệu toolbox xem qua, tơi có giới thiệu sơ qua cơng cụ tập ví dụ tìm hiểu kỷ Vídụ 2: 1/ Tạo object hình chữ nhật tên "chu nhat" 2/ Vào panel Reshape, chỉnh lại kích thước gốc width:200 , height:100 3/ Click chọn hình chữ nhật, Timeline, click đơi vào Frame20 dịng object chữ nhật, Timeline xuất hiệu ứng Move 20 frame 4/ Tại Frame 20 Sử dụng công cụ Selection, click chọn object hình chữ nhật , kéo hình chữ nhật qua trái đoạn tùy ý (nếu muốn tịnh tiến thẳng theo đường ngang giữ Shift kéo object) 5/ Cũng với cơng cụ Selection ta bóp chiều ngang từ bên phải vào 6/ Giời click vào frame ta thấy object co nhỏ chiều ngang = kích thước chiều ngang frame 20 7/ so sánh panel Transform Reshape Qua ta thấy kích thước gốc (Reshape) kích thước object frame 20 (Transform) nói cách khác khơng có biến đổi trạng thái object lúc đầu lúc cuối hiệu ứng hình dạng thực tế có thay đổi so với kích thước lúc đầu ta tạo số 138px tương ứng với 100% có nghĩa kích thước gốc 138px khơng phải 200px lúc đầu ta vẽ - Rồi, tạo object thứ tên "chu nhat 2", thực lại bước từ đến với công cụ Transform ta thấy bước chuyển động giống nhau, bước nhìn giống nhau, xong bước 6, ta kiểm tra kích thước object chữ nhật frame kích thước lúc đầu ta tạo ra, frame từ - 20 thay đổi kích thước ngắn dần => có biến đổi trạng thái object - So sánh panel Transform Reshape ta thấy kích thước gốc không thay đổi 200px tương ứng 100% cịn kích thước frame đoạn hiệu ứng thay đổi, ví dụ frame 20 138px Kết luận: chuyển động vị trí cơng cụ Selection Transform biến dạng kích thước , góc xoay, độ nghiên khác nhau, Lưu ý: thay hiệu ứng làm biến dạng object nên sử dung cơng cụ Transform, tránh sữ dụng công cụ Select Chuyển động theo đường dẫn Chuyển động theo đường dẫn swishmax không tự động flash mà phải tự điều chỉnh lấy đển bám sát theo đường dẫn có sẵn Đây điểm yếu SM , hy vọng version sau SM bổ sung tính Bây bắt đầu vào tập 1/ Sử dụng công cụ Pen tool (P) vẽ đường cong hình dưới, đặt tên path Việc điều chình đường cong sau vẽ , bạn sử dụng công cụ Subselection tool (A) , click vào điểm neo điều chỉnh cần phần mềm đồ họa khác Giả sử bạn làm điều 2/ Tạo object hình vng kích thước tùy ý (tơi cho 50-50) đặt tên vuông 3/ Di dùng Selection tool di chuyển cho tâm hình vng dính sát vào nút đường path Tốt bạn nên mở menu view => đánh dấu Snap To Object Handle ( ctrl + shift + / ) để object tự động dính vào điểm neo 4/ Click chọn công cụ Motion Path tool chỉnh lại tốc độ chuyển động object chạy theo đường path 5/ Click + giữ chuột trái lên hình vng Bắt đầu di chuyển tới điểm thứ nằm đường cong lúc xuất đường thẳng tâm hình vng từ vị trí tới vị trí Đừng lo lắng Tốt bạn nên tạm thời đưa hình vng dạng hiển thị outline cách đánh dấu hình bảng Outline Hình vng lúc cịn có đường outline bên ngồi, thuận tiện cho ta thấy đường line màu đen nằm hình vng có trùng với tâm hình vng khơng Trên Timeline ta thấy xuất đoạn hiệu ứng tự động sinh 6/ Tiếp theo, frame ta lại sử dụng Motion Path tool kéo hình vng tới vị trí khác cho tâm nằm đường line màu đen Lúc đường chuyển động từ điểm thứ đến điểm thứ bắt đầu cong đường thằng lúc trước từ điểm đầu tới điểm thứ bắt đầu cong, theo , nhiên chưa thực xác đừng lo lắng 7/ Tiếp tục dùng Motion Path tool di chuyển hinh vuông tới điểm thứ 4, ta lại thấy đường thứ từ diểm tới điểm bị lệch Tại tơi nói bạn khơng nên quan tâm điều , cơng đoạn tạo mốc chuyển động sau hiệu chỉnh đường cong cách xe dịch điểm mốc 7/ Tới nghĩ bạn yên tâm khơng làm sai, tiếp tục với điểm mốc cịn lại ta hình sau Bây tới vấn đề hiệu chỉnh đường chuyển động hình vng cho khớp với đường line Ta thấy đường thứ (điểm A => điểm B) không khớp Thể chuyển động đường thứ từ frame1 (dấu mủi tên) đến frame ta cần chèn điểm mốc điểm A điểm B có nghĩa chèn effect move vào frame frame Thao tác sau 8/ Chắc chắn hình vng chọn, click chọn frame 1, hinh vuông xuất vị trí điểm A, ta bấm F5 để dịch toàn chuyển động tới frame 9/ Dùng cơng cụ Motion Path tool, chọn hình vng di chuyển đoạn tới vị trí nằm điểm A va B , tạm gọi A2 đường tương đối khớp với đường line , nhiên đường từ A2 => B sai tí Timeline xuất effect move nằm frame frame 10/ Sử dụng selection tool , click vào điểm B, Timeline, vạch timeline đỏ chuyển qua frame 4, Di chuyển điểm B xuống thấp tí Giờ đường từ A => B tương đối khớp với đường line nhờ điểm A2 làm trung gian uốn đường chuyển động tốt Dựa nguyên tắc bạn thêm hay nhiều điểm mốc trung gian điểm B , C, D , E , F, G lại chỉnh lại vị trí điểm mốc để đường chuyển động khớp với đường line 11/ Click vào điểm C, Timeline chuyển tới Frame 10 Sử dụng Motion Path tool kéo hình vng tới điểm C2 C D mốc khác lại 12/ Giờ ctrl + enter chạy thử (nếu khơng thấy file swf xem link http://dieuam.info/hoi/sm-tut/chuyen ngdan/path.swf ) Nếu chưa ưng ý với tốc độ chuyển động hình vng số đoạn bạn kéo dài effect đoạn Timeline Ngồi khơng thích màu xanh đơn hình vng, bạn đổi màu gradial cách chọn hình vng, Properties object chọn Gradient công cụ Fill Transform tool (F) để co giãn biên giới hạn vùng màu Như qua ví dụ mặt nạ , animation tự chuyển động theo đường path, số lý thuyết có số kiến thức Swishmax để bước vào tập đòi hỏi kết hợp yếu tố cách thức quản lý object SM mà sản phẩm số banner thường thấy website ... Chắc chắn MC_1 bảng Outline chọn, Ta vào bảng Properties đánh dấu "Use Bottom object as a mask" 3/ Ctrl + Enter chạy thử Các bạn không thấy hết Đừng lo lắng đối tượng hiển thị (chữ Swishmax) nằm... Timeline: - Nút chuyển Scene : thư object (bảng Outlinel tài liệu swshmax gọi Outline panel) ta tạo nhiều Scene nút chuyển scene xuất hiện, cho phép ta xem kịch bản, object đối tượng Scene - Quản lý... Toolbox: 4.2/ Ruler: 4.3/ quản lý file: CÁC PANEL VÀ THUỘC TÍNH CỦA MỖI OBJECT: 5.1/ Proerties panel (bảng properties): a/ Scene: b/ Movieclip: c/ Shape: d/ Text: e/ Button: 5.2/ Transform panen: (tọa