Hướng dẫn học Flash

Hướng dẫn học Flash

Macromedia Flash MX (Bài 1) GK ( gelukrait@yahoo.com ) Làm quen với Web khơng khơng biết đến Flash , người quan tâm ngại tiếp xúc với giao diện làm việc phức tạp Flash Flash chuẩn đồ họa hoạt hình Web , giúp cho trang Web có tính tương tác hấp dẫn người ghé thăm trang Web Chỉ cần cài đặt Flash Player (hiện version 7.0) việc đọc file *.swf khơng cịn vấn đề nan giải , lý mà Flash trở nên thơng dụng khiến cho nhiều người ý đến Mặc dù có nhiều chương trình thiết kế Flash đại chúng chương trình Flash hãng Macromedia , từ sau phiên 4.0 , Macromedia tự khẳng định hãng hàng đầu lãnh vực thiết kế Web Do Flash MX sử dụng phổ biến VN nên xin đề cập đến phiên Giao diện Macromedia Flash MX [Đầu trang] Thay đổi màu khung làm việc điều cần biết hộp thoại Document Properties * Thay đổi màu : Từ Menu bạn chọn Modify/Document (ấn Ctrl + J ấn chuột phải chọn Document Properties) để mở hộp thoại Document Properties Để xuất bảng màu bạn nhấp chọn Background Color [Đầu trang] Bạn chọn màu sắc theo bảng màu nhập mã số , chẳng hạn bảng mã khơng có màu sáng màu đen mà tối màu #333333 màu đen bảng màu ta buộc phải nhập mã muốn thể màu phù hợp với yêu cầu (chẳng hạn phù hợp với yêu cầu ta chọn màu #0A0A0A) * Hộp thoại Document Properties : Dimensions : Kích cỡ "Khung làm việc" (width : chiều rộng ; height : chiều cao) Match : Khổ (Printer : kích cỡ xác in ; Default : kích cỡ mà bạn để mặc định) Background color : màu Frame Rate : tốc độ khung hình ( số khung hình giây , mặc định thường 12) Ruler Units : chuyển qua đơn vị khác "thước" Help : liên kết với trang giúp đỡ máy (trang có sẵn sau cài đặt Flash MX) Make Default : làm cho thông số trở mặc định OK : đồng ý việc chỉnh sửa thông số hộp thoại Cancel : không đồng ý giữ nguyên thông số trước mở hộp thoại Các công cụ vẽ (thanh công cụ) * Công cụ Lasso : Công cụ dùng để vẽ đường thẳng , đối tượng khung làm việc Công cụ có tất tính chất : -Stroke color : màu đường thẳng mà bạn vẽ (bên trái) -Stroke height : độ dày (độ đậm) đường thẳng bạn vẽ (giữa) -Stroke style : loại đường thẳng (nét chấm gạch hay nét đứt chẳng hạn) (bên phải) Để chỉnh sửa thông số trình làm việc bạn chưa sẵn có trình Properties buộc bạn phải khởi động cách chọn Menu : Window/Properties Để tô màu đường nét kiểu gradient , bạn dùng công cụ Arrow (hoặc ấn V) chọn vùng mà bạn muốn trượt màu sau chọn Menu : Modify/Shape/Convert Lines to Fills Macromedia Flash MX (Bài 2) GK ( gelukrait@yahoo.com ) Các công cụ vẽ (thanh công cụ) (tiếp theo) * Cơng cụ Lasso (phím L) : Dùng để chọn đối tượng khung làm việc, đặc biệt công cụ Arrow (chọn đối tượng khung làm việc dựa vào hình chữ nhật) chỗ có khả xác định vùng có hình dạng đối tượng khung làm việc Cơng cụ có mức làm việc : -Magic Wand (bên trái) : chọn đối tượng dựa màu sắc vùng có hình dạng -Magic Wand Properties (bên phải) : điều chỉnh thông số cho Magic Wand -Polygon (dưới) : chọn vùng có hình dạng đa giác * Cơng cụ Pen (phím P) : Cơng cụ vẽ đường thẳng gấp khúc đường cong chấm điểm vị trí khác nối chúng lại dạng đường thẳng , đường cong Công cụ tương tự công cụ Line tiện công cụ Line nhiều , dựa vào chức nối điểm ta nối điểm đầu vào điểm cuối (3 điểm trở lên) tạo thành hình đa giác Cơng cụ có tính chất : -3 tính chất đầu tương tự công cụ Line -Tính chất Fill color : tơ màu cho hình đa giác mà bạn vẽ [Đầu trang] * Công cụ Text (phím T) : Nghe tên chắn biết công cụ nhập văn Đây đồng thời công cụ có nhiều tính chất Chúng ta xét hàng Bắt đầu từ hàng thứ * Static Text : làm việc với văn tĩnh , thiết lập cho văn mà bạn nhập tĩnh - Dynamic Text : thiết lập cho văn bạn làm việc với hiệu ứng động * Font : định dạng font mà bạn dùng để nhập văn * Font Size : cỡ chữ mà bạn dùng để nhập văn * Text (fill) Color : chọn màu cho văn mà bạn nhập * Toggle the bold (italic) style (chữ B I) : chọn in đậm chữ văn nằm nghiêng * Change direction of text : chọn cho chữ trình bày theo chiều ngang (horizontal) chiều dọc từ trái sang phải (từ phải sang trái) (vertical to left (right)) * Bốn biểu tượng cuối dịng : gióng hàng (tùy theo chiều mà bạn cho chữ trình bày mà có loại gióng hàng khác nhau) Hàng : * Character Spacing : độ xa gần ký tự * Character Position : chế độ chữ bình thường (normal) , chế độ chữ thu nhỏ lên (SuperScript) , chữ thu nhỏ xuống (SubScript) * Auto Kern : tự động đưa font chữ lại khoảng cách (cách kí tự) * Edit format options : đưa bốn thông số cho chữ - Indent (khoảng thụt vào) - Line Spacing (khoảng hàng) - Left (Right) Margin (rời lề trái hoặ phải khoảng) Hàng cuối - * W : chiều rộng nhóm chữ - H : chiều cao nhóm chữ - X ; Y : hồnh độ tung độ nhóm chữ khung làm việc * Selectable : * URL Link : đưa đường dẫn cho đoạn văn mà bạn chọn đến file * Target : kiểu xuất file liên kết thực [Đầu trang] * Cơng cụ Oval (phím O) : Cơng cụ dùng để vẽ hình trịn , hình bầu dục , có tính tương tự cơng cụ Pen * Cơng cụ Rectangle (phím R) : Cơng cụ vẽ hình chữ nhật ngồi tính Oval , ta cịn có thêm tính bo trịn góc (Round Rectangle Radius) bảng options * Cơng cụ Pencil (phím Y) : chức tương tự công cụ Pen độ chi tiết không công cụ Pen (các nét xa thành đường thẳng , nét gần tạo thành đường cong , tất chương trình tự tính tốn bạn hồn tồn vẽ tay) , ngồi cơng cụ khơng có chức Fill color cơng cụ Pen , có nối điểm đầu với điểm cuối tạo thành hình * Cơng cụ Brush (phím B) : cơng cụ qt màu với tính : -Brush mode : kiểu quét (normal : quét màu bình thường ; behind : quét sau màu khác khung ) -Brush size : độ lớn cơng cụ qt -Brush shape : hình dạng cơng cụ qt ( hình que xéo , hình trịn , hình bầu dục ) -Lock fill : khơng cho tô màu lên * Công cụ Free Transform (phím Q) : cơng cụ giúp chọn đối tượng khung làm việc , cơng cụ cịn giúp ta chọn vùng màu sau click chuột , cơng cụ cịn giúp ta xoay vùng chọn góc có khả tăng giảm kích cỡ chiều vùng chọn , cơng cụ mạnh hẳn Arrow Cơng cụ có tính , tính mục options (Rotate and Skew ; Scale ; Distort ; Enverlope) thể qua thao tác trỏ chuột Chức lại Fill color bảng Properties * Cơng cụ Ink bottle (phím S) : thay đổi màu , kích thước kiểu đường nét bao quanh hình dạng khung làm việc Cơng cụ có tính tương tự Line * Cơng cụ Paint Bucket (phím K) : tơ màu cho hình dạng tạo từ đường viền (tơ màu cho hình dạng tạo từ công cụ pencil chẳng hạn) , thay đổi màu có khung làm việc Có hai tính Gape Size Lock Fill mục options * Cơng cụ Eyedropper (phím I) : cho phép lấy mẫu , chép màu tô , đường nét đối tượng xét áp dụng cho đối tượng khác , cơng cụ khơng có tính chất khác , giúp tiết kiệm thời gian * Cơng cụ Eraser (phím E) : tên , cơng cụ làm nhiệm vụ xóa màu , đường nét đối tượng khung làm việc Cơng cụ gồm có tính mục options : -Eraser mode : tương tự với Brush mode -Faucet : xóa nhanh đường nét nối liền , màu tô , vùng tô màu đối tượng -Eraser shape : tương tự với Brush shape Macromedia Flash MX (Bài 3) GK ( gelukrait@yahoo.com ) Trong nhiều trường hợp , lý thuyết mà khơng có thực hành khó thành cơng , mà hướng dẫn bạn nốt cách sử dụng tốt tính đặc biệt cơng cụ Sao chép thuộc tính đường nét áp dụng cho đường nét khác : Nhấn phím I chọn cơng cụ Eyedropper , đặt trỏ biểu tượng ống nhỏ giọt lên đường nét mà bạn muốn chép ,khi xuất hình bút chì nhỏ bên cạnh ống nhỏ giọt Nhấp chuột vào đường nét mà bạn muốn chép , từ công cụ Eyedropper kích hoạt cơng cụ Ink bottle (tính giới thiệu trước) Sau bạn cần nhấp chuột vào đường nét muốn thay đổi thuộc tính đường viền lấy từ cơng cụ Eyedropper đường nét có thuộc tính đường nét gốc Tính Lock Fill Brush Paint Bucket : Điều khiển cách thức tô màu với vùng màu kiểu gradient , chọn sử dụng kiểu màu gradient , cịn khơng chọn vùng tơ hiển thị khác biệt kiểu tô mà bạn áp dụng gradient Tính Gap Size Paint Bucker : Xử lý đường viền khơng bao kín vùng tơ màu với thơng số : -Don't Close Gaps : Khơng tơ vùng mà đường viền chưa bao kín -Close Small Gaps : Tơ vùng có đường viền hở nhỏ -Close Medium Gaps : Tơ vùng có đường viền hở trung bình -Close Large Gaps : Tơ vùng có đường viền hở lớn [Đầu trang] Làm mềm đường biên : Chọn lúc nhiều hình dạng khung làm việc (không phải phần tử nhóm) , sau chọn Modify>Shape>Soften Fill Edges Hộp thoại bạn chỉnh sử thơng số theo ý Với : -Distance :Khoảng cách đường biên mềm đường biên tính Pixel -Number of Step : Số bước từ đường biên đầu đến kết thúc đường biên mềm Không nên sử dụng nhiều làm khiến cho máy phải tính tốn nhiều trước nhiều thực cử động flash,nên chọn 10 tối đa) -Derection : Chọn hướng để đường biên mềm tạo bên (Expand) (Insert) hình dạng Gióng hàng đối tượng : Nhấn Ctrl + K để sử dụng chức Với tham số : Align left edge : canh trái đối tượng Align horizontal center : canh theo hàng dọc đối tượng Align right edge : canh phải đối tượng Align top edge : canh đối tượng Align vertical center : canh theo hàng ngang đối tượng Align bottom edge : canh đối tượng theo hàng dọc Distribute top edge : canh cho hàng đối tượng Distribute vertical center : canh theo hàng ngang cho dòng đối tượng Distribute bottom edge : canh cho hàng đối tượng Distribute left edge : canh trái cho hàng đối tượng Distribute horizontal center : canh theo hàng dọc cho dòng đối tượng Distribute right edge : canh phải cho hàng đối tượng Match width : canh trái phải tất đối tượng Match height : canh tất đối tượng Match width and height : kết hợp hai thứ Space evenly vertically : khoảng cách đối tượng theo hàng ngang Space evenly horizontally : khoảng cách đối tượng [Đầu trang] Lật đối tượng : Đôi làm việc với flash ta cần lật (quay) đối tượng góc lật ngược đối tượng Do mà sử dụng tính Flip cần thiết Tất gộp chung bạn chọn đối tượng đưa tới Modify>Transform> ? ? : -Free Transform : bạn quay góc , tăng giảm kích thước , thay đổi góc độ cho phần đối tượng -Distort : thay đổi góc độ cho phần đối tượng từ điểm -Envelope : tương tự distort điểm vng thêm vào điểm trịn , điểm trịn có nhiệm vụ bo trịn góc nhọn -Scale : Chỉ có tác dụng thay đổi kích thước , xài chức tốt xài Free Transform -Rotate and Skew : quay đối tượng chuột dời đối tượng -Scale and Rotate : thay đổi kích thước đối tượng (%) góc xoay tự nhập -Rotate 90' CC : quay đối tượng góc 90' từ bên trái lên -Rotate 90' CCW : quay đối tượng góc 90' từ bên phải lên -Flip Vertical : lật ngược đối tượng theo chiều ngang -Flip Horizontal : lật ngược đối tượng theo chiều dọc -Remove Transform : bỏ chọn Transform Macromedia Flash MX (Bài 4) GK ( gelukrait@yahoo.com ) Làm việc với Flash quan trọng bốn khâu quan trọng khung hình Nói cho dễ hiểu ta tưởng tượng đoạn phim có 24hình/giây cách thiết lập thông số frame (đã học đầu) ta hình dung frame (khung hình) tương đương hình Flash, bạn đặt thơng số 12 fps có 12 hình hiển thị giây cho bạn Nói cho flash khơng khác video cho bạn phải lưu ý cài đặt số khung hình cao giây giá phải trả cho dung lượng đoạn flash lớn lên theo tỉ lệ nghịch (đây điều tối kị với thiết kế Web) khung hình thấp chuyển động flash tệ Bây bắt đầu học Hai phương pháp hoạt động - Sử dụng khung nối tiếp : có nghĩa bạn đặt phần tử khác frame hay một đoạn frame , sau ráp nối chúng lại đoạn phim, cách dễ thực có nhiều điều khiển đồng thời giá phải trả bạn nhiều thời gian - Sử dụng khung biến đổi : khơng địi hỏi thủ cơng cách trên, sử dụng khả biến đổi tự động flash, ta cần quy định điểm đầu điểm cuối, flash tính tốn biến đổi đối tượng cho ta (giả sử chọn điểm đầu hình vng điểm cuối hình trịn 24 frames giây hình vng biến đổi qua hình dạng bo trịn cạnh ngày lớn cuối chuyển thành hình trịn) [Đầu trang] Chúng ta bắt đầu với việc tìm hiểu chức thành phần khung Sau phần mà bạn cần quan tâm : Tính từ trái qua : - Nút canh khung hình :canh khung hình mà bạn chọn(nếu bạn cuộn đến vị trí 1500 số 2000 khung hình tồn đoạn flash mà trỏ bạn vị trí 300 nhấp canh giúp cho bạn trở lại vị trí 300 cách nhanh chóng) - Nút Onion Skin :xem chỉnh sửa nhiều khung hình lúc , vị trí tiến trình việc chọn nút Onion Skin giúp bạn gom toàn nội dung khung hình vào hai điểm đánh dấu , lúc bạn chỉnh sửa nội dung đoạn khung hình chọn - Nút Onion Skin Outlines :giống với Onion Skin, điểm khác toàn nội dung khung hình khác với khung hình chọn xuất dạng đường viền - Nút Edit Multiple Frames :chỉnh sửa nhiều khung hình phần thể tương tự Onion Skin - Nút Modify Onion Markers :khi nhấp vào nút bành : Bảng có nhiệm vụ thay đổi điểm đánh dấu Onion Skin với thông số sau : + Always Show Markers :làm cho điểm đánh dấu Onion Skin hiển thị hay không hiển thị cho dù bạn có hay khơng có chọn tính Onion Skin + Anchor Onion :giữ lại hay khóa điểm đánh dấu chọn Onion Skin vị trí mà chúng diện + Onion :Thiết lập điểm đánh dấu Onion Skin vị trí hai khung hình nằm trước sau vị trí thực + Onion :giống Onion thay vào khung hình trước sau + Onion All :thực chức Onion skin với tất khung hình cảnh [Đầu trang] - Khung hình :xác định số nội dung khung hình làm việc, nơi xác định vị trí thực - Tốc độ khung hình :thơng số tốc độ tại, đoạn phim cập nhật , tốc độ thay đổi liên tục(tốc độ khác với thơng số Frame Rate mà bạn chọn hộp Document Properties(bài 1)bởi cho biết tốc độ thực bạn phát lại) - Thời gian trơi qua :xác định thời gian khung hình khung hình vị trí tiến trình(giả sử tiến trình vị trí 12 giây),nó cập nhật liên tục chạy thử Các dạng khung hình - Khung hình rỗng : nơi để bạn đặt khung hình thật lớp vào.Cách đặt bạn chọn vị trí khung hình rỗng nhấn chuột phải chọn Insert Frame - Khung hình khóa : khung hình khóa trống , tiếp đến khung hình khóa có kèm theo hành động khung hình khóa bình thường.Vậy khung hình khóa khung hình đặc biệt ,là nơi để bạn thay đổi hành động Flash.Bất kì bạn muốn chuyển động flash trải qua bạn buộc phải dùng kiểu khung hình khóa.Nếu sử dụng kiểu khung nối tiếp bạn tiêu tốn lượng lớn khung hình khóa với dạng khung biến đổi yêu cầu hai khung hình khóa ,một bắt đầu kết thúc(việc tính tốn biến đổi flash ,bạnsẽ khơng cần chèn thêm khung hình khóa) [Đầu trang] - Khung hình bình thường :là khung hình tĩnh hiển thị nội dung khung hình khóa sau lớp ,các khung ln địi hỏi phải có khung hình khóa đứng trước nội dung khung hình khóa đứng trước hiển thị khung hình bình thường sau lúc lại gặp khung hình khóa khác ,ví dụ phần màu nâu khung hình khóa bình thường phần khung hình khóa - Khung hình dạng biến đổi :là khung hình tối thiểu phải có hai khung hình khóa, xác định xuất đối tượng xác định thời điểm kết thúc khung hình nằm hình ảnh biến đổi trung gian khung hình đầu cuối.Có hai dạng biến đổi : + BIến đổi chuyển động :tạo thay đổi kích thước ,vị trí biểu tượng ,khối ,văn flash mà bạn làm việc.Được xác định hai khung hình khóa cách khung hình bình thường với mũi tên màu đen màu xanh dương sáng + Biến đổi hình dạng :biến từ hình dạng đơn giản hình dạng khác(ví dụ hình vng màu đỏ hình trịn màu xanh,chữ G mà xanh thành chữ K màu đỏ).Biến đổi hình dạng áp dụng cho khung làm việc khơng áp dụng cho nhóm biểu tượng.Được xác định hai khung hình khóa cách khung hình bình thường với mũi tên màu đen màu xanh sáng + Dạng cuối biến đổi có vấn đề :cũng xác định hai khung hình khóa có chèn khung hình bình thường ,có nét đứt đoạn khung hình Macromedia Flash MX (Bài 5) GK ( gelukrait@yahoo.com ) Ở trước cung cấp toàn khái niệm hai loại khung hình Flash (nếu chưa xem yêu cầu bạn quay lại để có kiến thức bản) thẳng vào vấn đề làm cách để tạo chúng Đầu tiên ta loại khung hình : Khung hình nối tiếp Để dễ hiểu lấy ví dụ điển hình loại khung hình làm học Chúng ta làm cho dòng chữ "TIN HOC NHU COM BINH DAN" xuất chữ, chữ Đầu tiên việc mà bạn phải làm tạo tài liệu chắn chưa có khung hình ngồi khung hình khóa trống lớp Ở hộp thoại "Document properties" để số frame xuất giây 12 fps dự định giây có chữ xuất hiện, thực tốn chia nho nhỏ bạn có chữ tương đương với frames Như dịng chữ tơi có thảy 19 chữ tơi phải sử dụng 76 frame Vậy công việc bạn đặt trỏ chuột vị trí chỗ khung hình tương đương với vị trí số thực hiện, chỗ tơi click chuột phải chọn "Insert Frame"(bước 1) tiếp đến vị trí tương đương với số thực lại nhấn chuột phải lần chọn "Insert KeyFrame"(bước 2), bạn thực frame76 dừng lại bước Xin lưu ý đến bạn chưa nhập nội dung Nếu bạn chưa hiểu rõ tơi xin giải thích thêm, việc bạn chèn frame(bước 1) để nhập nội dung lên frame, bạn chèn khung hình khóa để ngăn cách hai đoạn frame,một đoạn chứa nội dung chữ "T" đoạn nội dung chữ "TI", ráp nối đoạn lại với có đoạn chữ xuất liên tục Quay trở lại học sau chèn xong 76 frame ta để chuột frame sau nhấn chuột phải chọn "Select All Frames" Bạn thấy lúc toàn frame tô đen bạn chọn công cụ Text(bài 2) đánh dòng chữ "TIN HOC NHU COM BINH DAN" vào khung làm việc Tiếp đến bạn lại trở lại bảng frame chọn toàn đoạn frame kế cuối (chọn khung hình khóa kế cuối giữ shift sau nhấn vào frame kế bên tay trái khung hình khóa cuối cùng) sau chọn bạn trở lại khung làm việc chọn dòng chữ bỏ chữ "N" cuối Cứ tiếp tục đến gặp lại đoạn frame đoạn chứa chữ "T" Kết thúc trình tạo xong bạn xem qua trước xuất dạng *.swf cách chọn menu Control>Play Nếu cảm thấy hài lịng bạn xuất thẳng cách chọn File>Export Movie nhấn tổ hợp phím Ctrl+Alt+Shift+S [Đầu trang] Bây tạo file flash tự chạy đơn giản dựa vào khung Nhưng phía tơi đưa cách để bạn tạo việc chọn tham số "Insert Frame" chẳng hạn lại chưa đề cập tới Vậy để có khái niệm rõ ràng menu bổ trợ khung(hình trên) ta xem chi tiết tham số chúng +Create Motion Tween : đánh dấu đoạn frame kích hoạt chức frame tự biến đổi khung hình (khung hình nối tiếp) thành khung hình biến đổi dạng biến đổi có vấn đề mà đề cập cuối Từ dạng khung hình chuyển qua hai dạng khung hình biến đổi Xin lưu ý chuyển có khung hình khóa bắt đầu kiện mà chưa có khung hình khóa kết thúc kiện (hình) Để có khung hình biến đổi bạn phải chèn thêm khung hình khóa cuối +Insert Frame : bạn biết, chức chèn frame, bạn chèn khung hình rỗng khoảng cách từ khung hình trống(hoặc khung hình bình thường) đến khung hình rỗng đoạn khung hình rỗng thay khung hình trống Nếu bạn chèn khung hình trống (hoặc khbt) khung hình xuất bên tay phải vị trí khung hình bạn trỏ chuột +Remove Frames : đánh dấu hay đoạn khung hình kích hoạt chức (các) khung hình chọn bị xóa +Insert Keyframe : chèn khung hình khóa tương tự "Insert Frame" +Insert Blank Keyframe : chức tương tự "Insert Keyframe" thay vào khóa có kèm theo hành động khơng (khung hình khóa trống) khung hình khóa trống +Clear Keyframe : đánh dấu đoạn khung hình mà có khung hình khóa tất khung hình khóa đoạn bị thay khung hình bình thường (trừ khung hình lớp) +Convert to Keyframes : đánh dấu hay nhiều khung hình bình thường chọn chức (các) khung hình bình thường biến thành (các) khung hình khóa trống (nếu khơng có nội dung) khung hình khóa có kèm theo hành động +Convert to Blank Keyframe : tương tự "Convert to Keyframes" thay vào có khung hình khóa trống mặc cho có nội dung hay không (giống "Insert Blank Keyframe") +Cut Frames : cắt một đoạn khung hình để dán vào chỗ khác +Copy Frames : chép một đoạn khung hình để dán vào chỗ khác +Paste Frames : dán một đoạn khung hình vào chỗ chép cắt (chỉ có tác dụng dùng hai tính cắt chép) +Clear Frames : xóa một đoạn khung hình mà bạn chọn (xóa khơng phải làm mà biến khung hình chứa nội dung thành khung hình trống có khung hình khóa trống đứng đầu) +Select All Frames : chọn toàn frame lớp +Reverse Frames : lật đảo vị trí khung hình chọn Kết phát với thứ tự ngược lại +Synchronize Symbol : đồng khung hình bắt đầu nhiều phiên biểu tượng đồ họa ngang qua nhiều khung hình khóa lớp +Properties : hộp thoại điều khiển tính khung hình + : nhãn tồn khung hình lớp, chức khơng ảnh hưởng đến khung hình cả, thật có ích bạn muốn ghi chức tồn đoạn khung hình lớp chẳng hạn +Tween : dạng khung hình biến đổi, có tác dụng với khung hình dạng biến đổi có vấn đề (khi để chế độ motion), việc nghiên cứu kĩ sau +Sound : chèn âm vào khung hình, trước tiên bạn phải chọn File>Import (hoặc Ctrl+R) để đưa file nhạc bạn vào, sau chọn đoạn khung hình chèn đoạn nhạc bạn vào Đoạn nhạc phát đoạn khung hình hiển thị +Effect : hiệu ứng âm thanh, chức băng bày bật bạn chèn nhạc vào đoạn frame Bạn muốn âm biến đổi chọn +Sync : bật nhạc bắt đầu hay kết thúc lúc xảy kiện +Loop : số lần lập lại đoạn nhạc mà bạn chèn +Edit : bật bảng biên soạn lại âm bạn cảm thấy kiểu âm Effect chưa đủ khơng thích hợp Khi chọn hộp thoại sau xuất hiện: Bây bạn cần kéo thả chuột cho âm vừa ý nhấn OK (hình) (phần đơn giản tùy theo sở thích bạn nên tơi nhường cho bạn tìm hiểu) Ngồi bạn cần để ý đến lời khuyên sau bạn làm flash cho web : +Nên chèn (import) đoạn nhạc có tần số thấp để giảm thiểu tối đa việc làm phát phì file +Không nên chèn đoạn nhạc dài, nên dùng loop cho đoạn nhạc ngắn, dung lượng file nhạc đừng nên 100Kb ( > cao nên làm với file lớn lưu vào CD hay bật HDD) +Khi xuất nên để Mono tầng số thấp Macromedia Flash MX (Bài 6a) GK ( gelukrait@yahoo.com ) Ở trước đề cập đến việc tạo khung hình nố tiếp, hai dạng khung hình Quả thật, làm flash mà đầu tư "cơ bắp" đủ khoảng 60-70%, giả sử đoạn flash kéo dài phút hay làm tính đơn giản cho số đoạn frames mà bạn thiết lập "big problem", hiểu vấn đề đó, hãng macromedia sáng tạo loại khung hình thứ 2, khung hình biến đổi (xem chi tiết phần 4).Nay xin hướng dẫn bạn cách tạo khung hình biến đổi dạng đầu tiên: Khung hình biến đổi chuyển động Để cho học có cho bạn thực hành dễ hiểu, tơi làm ví dụ nho nhỏ sau, bạn làm cho gà "Echip" bay từ điểm đến điểm khác sau đoạn khung hình Và bạn cần chuẩn bị cho tơi hình "gà con" hay (nói khơng phải khơng làm việc với text được) Tôi tạo tài liệu 800x600 pixels cho gà bay từ góc trái sang góc phải, thời gian bay 5s, bạn đặt số frame giây 12 tương đương với 60 frames.Vậy frame thứ 60, bạn tạo khung hình khóa Đặt trỏ chuột khung hình (hình) chọn menu : File>Import (hoặc nhấn Ctrl+R) để chèn hình ban đầu vào Hộp thoại Import ra, bạn chọn hình mà chuẩn bị sẵn Khi này, bạn thấy xuất hình mà muốn chèn nằm khung làm việc, bạn nhấn V chọn công cụ Arrow để dời hình góc trái khung làm việc Đồng thời bạn thấy toàn phần khung từ frame 1-59 bị tô xám Lúc bạn chọn frame nhấn giữ nút shift, giữ bạn chọn frame thứ 59 bng để đánh dấu chọn khung hình đến khung hình 59, sau nhấn chuột phải chọn Remove Tween, làm điều chúng ta biến đoạn khung hình thành khung hình biến đổi có vấn đề, buộc phải làm để chuyển sang hai dạng khung hình biến đổi (nói cách khác khung hình biến đổi có vấn đề khung hình bị thiếu khung hình khóa đầu hay khung hình khóa cuối, bước trung gian từ khung hình bình thường thành khung hình dạng biến đổi Tiếp đến ta click chọn hình gà (hình trên) nhấn tổ hợp phím Ctrl+C để copy hình gà Và bạn thử đoán xem ta paste đâu? Hẳn frame thứ 60 Tơi nói chi tiết tí, bạn chọn frame 60 sau dùng cơng cụ Arrow click vào khung làm việc sau nhấn Ctrl+V, bạn kéo hình gà phía tuốt tận phíc bên phải Xong xi bạn có khung sau: Vậy đầy đủ điều kiện cho khung hình dạng biến đổi (có khung hình khóa đầu khung hình khóa kết thúc), đến lúc trướ xuất xem bạn kiểm tra trước tương tự khung hình nối tiếp Đoạn khung hình có hình mũi tên flash tính tốn đường bay cho chim từ góc phải sang góc trái Đơn giản q phải khơng? Nhưng tiếc thay số thao tác mà vừa hướng dẫn bạn có pha chút khơng quy, bạn có nhận khơng? Đó khung hình đết thúc, chưa khung hình biến đổi (nếu đâu có màu xám) [Đầu trang] Vậy hướng dẫn cho bạn cách quy theo bạn cách nhanh tùy Cũng ta dừng lại chỗ vừa tạo xong khung hình biến đổi có vấn đề Lúc bạn cần chọn khung hình thứ 59 nhấn chuột phải chọn Insert Keyframe, sau để trỏ chuột khung hình thứ 59 (lúc biến thành khung hình khóa), kéo hình gà khung làm việc góc phải: Vậy xong, bạn thấy đấy, việc kết thúc khung hình 59, khung hình 60 lại bị biến thành khung hình khóa trống, điều rút áp dụng cách quy bạn phải tạo dư khung hình lúc đầu sau phải xóa khung hình dư Thế đấy, có chút phiền phức định Nhưng với cách làm tơi muốn nói với bạn điều, tận dụng triệt để khả cắt dán flash, tương tự chương trình Office tiết kiệm cho bạn khối thời gian lớn làm việc Bạn thấy đấy, với số bước ngắn gọn mà ta tiết kiệm biết sức lao động phải tạo đoạn frame đặt hình vào cho ví dụ khung hình nối tiếp, với ví dụ bạn tạo thêm nhiều khóa nữa, chẳng hạn 12 frame đặt khóa khóa bạn dịch chuyển gà tí hẳn bay lượn đẹp ta Nếu mà làm với khung hình nối tiếp thực trời cực cực cịn khơng xác chứ, tơi xin đưa ví dụ : Bạn thấy hai hình có khác biệt chứ, bay thẳng đường làm cho đoạn flash tự nhiên làm sao, cịn bay lượn chút xíu tự nhiên Thực tơi có thay đổi chút xíu nói thơi, chưa hiểu bạn nhìn hình tưởng tượng thơi, nhớ có đoạn khung hình bến đổi nhé: Hình Chíp vị trí khung hình khóa, với cách làm góc độ bay bị lệch chút đánh lừa người xem khiến họ nghĩ thực chim bay lượn lờ Từ ví dụ tơi khun bạn đừng để vị trí Chip lệch quá, mà nên lệch thôi, khoảng cách hai điểm nên nhỏ không đoạn flash cho thấy Chip bay theo góc cạnh khơng lượn lờ nữa, chắn không thuyết phục người xem Đến giới thiệu xong khung hình dạng biến đổi chuyển động, tất thôi, sau giới thiệu xong khâu vào chuyên sâu cho bạn sau, sau (bài 6b) tiếp tục làm quen với khung hình biến đổi hình dạng với ví dụ mà trước đề cập với bạn, biến chữ G màu xanh thành chữ K màu đỏ Macromedia Flash MX (Bài 6b) GK ( gelukrait@yahoo.com ) Khung hình biến đổi hình dạng: Ở 6a làm quen với dạng khung hình biến đổi chuyển động Giờ tơi thực lời hứa mình, hướng dẫn bạn để tạo khung hình biến đổi hình dạng, xin bỏ qua phần giới thiệu dài dịng dù qua học trước bạn biết phần loại khung hình * Khái quát: Chúng ta làm cho tất biến đổi diễn biến vòng hai giây nên bạn biết phải tạo số frame gấp đôi so với mặc định mà bạn quy định có giây (thơng thường 12fps số frame bạn cần tạo 24 frames, lần cuối nhắc lại việc quy định frames, sau viết để mức frame chuẩn 12fps, không nói nhiều vể phép tính tạo frame đơn giản nữa) * Phần chính: - Đầu tiên bạn đặt thực frame thứ nhất, bạn chọn công cụ Text nhập vào chữ G - Tiến tới frame thứ 24 bạn nhấn chuột phải chọn Insert Blank Keyframe (nên nhớ Blank khơng phải Insert Keyframe, cịn phải xin bạn xem lại 5) - Giờ frame thứ 14 bạn khung hình trống, bạn lại chọn cơng cụ Text nhập chữ K vị trí mà bạn nhập chữ G (bạn chọn font chữ lớn khơng biến đổi hình dạng bao gồm ý biến đổi kích thước) - Nhập hai chữ G K xong công việc bạn chưa kết thúc, việc mà bạn phải làm biến chữ dạng text (thuần văn bản) sang dạng hình (bởi flash chấp nhận biến đổi hình dạng biến đổi file mà kí tự mang tên khác Wins) - Để làm việc bạn chọn khung hình chọn menu: Modify>Break Apart (hoặc nhấn Ctrl+B), bạn thực điều tương tự cho chữ K - Tiếp theo bạn di chuyển thực đến vị trí frame Ở bạn nhấn chuột phải chọn Properties, bảng Properties cuối hình bạn chọn thơng số hình sau: Như bạn thấy trước tạo khung hình chuyển động chọn Motion, chọn shape hiễn nhiên dạng cịn lại khung hình (vậy khung tween khơng cịn bí ẩn với tơi thực lời hứa giải thích tồn cho bạn) Sau chọn Shape khung hình biến thành này: (đúng với màu xanh sáng mà nhắc đến 4) Nhưng cịn thơng số Ease Blend gì? Bạn băn khoăn, tơi giải thích đây: + Ease: có hai giá trị từ -100 đến giá trị In, từ đến 100 giá trị Out Là tùy chọn giúp bạn tăng giảm tốc độ chuyển động biến đổi Ease giúp cho khoảng thời gian từ bắt đầu kết thúc chuyển động biến đổi tốc độ tăng dần hay giảm dần Nếu giá trị đương nhiên tốc độ không thay đổi từ bắt đầu kết thúc chuyển động + Blend: có hai thơng số Distributive Angular.Là tùy chọn giúp cho đường nét góc hịa trộn Distributive phù hợp cho hình dạng cong trơn Angular ngược lại lựa chọn số cho góc cạnh Nói dù góc hay dạng cong hai thứ này, phù hợp tối ưu thơi Trong ví dụ bạn thấy rõ chữ G cong cịn chữ K góc cạnh nên bạn chọn tùy chọn tốt Đến lúc sau thiết lập xong bạn có flash biến đổi hình dạng hồn chỉnh mà khơng cần phải phân quy hay khơng chuyển động đấy, bạn xem thẳng FlashMX được, khơng xuất xem khơng Trên ví dụ việc vừa biến đổi hình vừa biến đổi độ lớn [Đầu trang] Tất công phu biến đổi hình dạng Macromedia cung cấp cho chưa dừng đó, hãng cịn cung cấp cho tính tuyệt vời có tên Shape Hints Shape Hint: chọn quy định hay nhiều vị trí hình ban đầu theo bảng chữ quy định điểm tương ứng hình dạng kết thúc Một điều thuận lợi từ Shape Hint đặt, điểm tự động dị tìm theo phần tử hình, dễ dàng cho ta thiết lập việc biến đổi vị trí phần tử diễn theo ý ta không phải flash định Để sử ta chọn Modify>Shape>Add Shape Hint (Ctrl+Shift+H) - Chọn khung hình đầu tiên, sau chọn chức Shape Hint, sau kéo điểm Shape Hint đến góc hình, điểm Shape Hint bao quanh hình: Như bạn thấy, hình vị trí mà tơi đặt theo thứ tự từ a đến i, từ bạn buộc phải đặt frame cuối bao quanh chữ K điểm Shape Hint từ a đến i, khơng thực quy trình hậu dẫn đến đoạn flash biến đổi bạn khơng hợp logic từ khiến cho đoạn flash có kết khó đốn, hỏng biến đổi mềm mại mà thay flash giúp ta tự tính tốn khơng sử dụng tính - Tiếp đến ta chọn khung hình cuối đặt điểm Shape Hint tương ứng tơi nói Cần lưu ý bạn tiến đến frame cuối chứa chữ K điểm SH (Shape Hint) không cần phải tạo lại mà chúng nằm đè lên nhau, việc bạn phải tách chúng đặt chúng điểm hợp lý: Nguyên trạng vừa chuyển đến frame cuối, SH đè lên SH i Đây vị trí SH sau chỉnh sửa vị trí, tiếc không hợp logic nên Flash tính tốn chu trình biến đổi SH tính chất kèm thêm Flash cực mạnh cho phép bạn thay đổi cấu biến đổi, bù lại lại khó sử dụng khâu đặt phần tử cho hợp logic Do bạn bắt đầu học flash nên áp dụng cho cấu trúc hình học đơn giản hình vng chữ T hay hình trịn, Cịn bạn Designer chuyên nghiệp hay sử dụng thục Flash mấu chốt khác trình độ bạn người khác Nếu việc thiết lập SH không thành công, bạn không nên lo lắng mà bỏ tất đoạn flash, bạn bỏ tất SH cách nhấn chuột phải vào SH hình Frame chọn Remove All Hints để xóa bỏ tất Remove Hint để xóa SH mà bạn chọn Đơn nhiên tạo thêm Hint bạn chọn Add Hint Đến kết thúc phần khung hình dạng biến đổi hình dạng, tiếp đến tơi hướng dẫn bạn để gà Chip bay vòng tròn sử dụng khung hình chuyển động Tất thực gói gọn 6c, trước hết bạn nên xem lại liên quan đến công cụ vẽ đưa lên website Echip để dễ thao tác 6c Macromedia Flash MX (Bài 6c) GK ( gelukrait@yahoo.com ) Khung hình chuyển động theo lớp dẫn: Chúng ta biết đến cách tạo khung hình biến đổi chuyển động 6a Ờ cuối tơi có đề cập đến phương thức tạo nhiều khoảng frames để gà lượn lờ lên xuống tạo cảm giác thật cho người xem, cách thích hợp ta cho bé gà bay đường thẳng cịn làm ta nhiều cơng sức Vậy muốn bé Chíp nhà ta bay theo đường phức tạp ta phải đây? Các bạn thử xem ví dụ nhá * Lớp dẫn: Thật đơn giả sử dụng thêm lớp dẫn Vậy lớp dẫn làm gì? Lớp dẫn lớp đè lên lớp hành, cho phép ta hoạch định đường bay cho đối tượng, loại cao cấp lớp mà ta thấy chương trình tạo flash Lớp hành quy định điểm đầu điểm cuối đối tượng chuyển động, lớp hành lớp chứa khung hình chuyển động quy định đường bay thẳng cho đối tượng Lớp dẫn chứa nội dung đường bay theo logic, ta cần vẽ đường bay cho qua điểm đầu điểm cuối đối tượng hợp logic flash tự tính tốn đường bay cho lớp hành (lớp chứa chuyển động bay thẳng) Lớp dẫn không hiển thị thực chu trình chuyển động * Thực hiện: Nói mà khơng làm khó mà hiểu được.Do bạn tơi thực ví dụ nói Đầu tiên ta tạo chuyển động y ví dụ 6a Xin xem hình để bạn hình dung Như bạn thấy, vịng 50 khung hình , gà chuyển động từ sát phía bên trái đến sát phía bên tay phải tài liệu bạn Chúng ta không đá động đến lớp hành Việc bạn phải chèn lớp dẫn, xin xem chi tiết hình sau Bạn nhấn vào biểu tượng khoanh đỏ Layer Guide mà gọi lớp dẫn xuất Nếu mặc định phiên Flash mà bạn dùng Guide bạn nhấn chuột phải lên layer chọn Guide Tiếp đến bạn chọn hết tất frame layer chọn công cụ vẽ mà bạn muốn để vẽ đường cho đối tượng.Ở dùng công cụ Pencil để vẽ đường ngoằn ngoèo cho đối tượng Việc cuối mà bạn phải làm export thành mà thơi [Đầu trang] Download ví dụ Lợi dụng kẽ hở khung hình Flash MX Trên ví dụ việc lợi dụng thuật tốn Logic khơng thể tính tốn Flash MX Như bạn thấy, ví dụ nhìn, chắn ta có liên tưởng đến việc sử dụng Mask trên, chưa học tới lớp theo đề mục ví dụ cho ta thấy khơng thiết ta phải lợi dụng Mask (Layer Mask lớp mặt nạ Guide hay gọi lớp dẫn thành phần khác lớp, bạn biết chi tiết sau) Trở lại vấn đề, ta thấy đối tượng lúc ẩn trượt từ trái sang phải, chắn vấn đề liên quan đến khung hình chuyển động Nhắc lại lần ta không làm việc với lớp, đơn lợi dụng tính tốn lệch Flash Do mà trường hợp chắn bạn trường hợp sử dụng khung hình biến đổi Sau cách thực : Đơn nhiên bạn phải tạo tài liệu trước Tại khung hình thứ 60 bạn tạo khung hình khóa Chèn đối tượng khoảng frame đến 59 bên tay trái hình Tại khung hình 60 bạn chèn tiếp đối tượng góc phải cuối tài liệu làm việc Việc làm tương tự bạn tạo khung hình chuyển động, đích xác ví dụ lấy từ 6a Sau bạn chọn tồn đoạn khung hình từ - 59 bảng Properties Tween Shape (làm để thiết lập dãy khung hình dạng biến đổi dạng chuyển động Motion) Đây kết mà bạn nhận sau thực chọn Shape: Theo lý thuyết Flash nhận thực thuật giải dạng chuyển động khơng phải hình dạng, theo lý thuyết việc chèn khung hình khố cuối khung hình đầu đầy đủ điều kiện nên bắt buộc Flash phải đưa thuật giải, thuật giải tương tự bạn dùng hai lớp, lớp biến đổi nên hình đối tượng liên đường đi, lớp lớp trắng khuyết phần thực dạng chuyển động chạy theo đường định sẵn Đến ví dụ xong, bạn cần export xem Download ví dụ Hai ví dụ phổ biến sử dụng nhiều giới chuyên nghiệp Bạn kết hợp hai ví dụ với tạo nên hiệu ứng khác thường sử dụng Macromedia Flash MX (Bài 7) GK ( gelukrait@yahoo.com ) Lớp thuộc tính: Như tơi nói trước kia, Flash bao gồm đại gia biết hai đại gia "Cơng cụ vẽ" "khung hình", xin giới thiệu với bạn vị đại gia thứ 3, vị đại gia không phần quan trọng so với đại gia trước ĐĨ CHÍNH LÀ LỚP Nói đến lớp ta liên tưởng đến trình đồ họa tiếng Photoshop, bạn nên hiểu, lớp mang nghĩa Layer, tức có chung tính Layer Photoshop Sau toàn khu vực làm việc lớp: * Hình mắt cho biết nội dung lớp có hiển thị vùng làm việc hay khơng (chức có hiệu bạn làm việc, lớp có hiển thị hay khơng bạn export cịn tùy thuộc vào thuộc tính mà mang) * Hình ổ khóa cho biết nội dung lớp có khả bị chỉnh sửa hay khơng (làm để chắn q trình làm việc khơng vơ ý hủy hoại hay tác động ngồi ý muốn nội dung lớp, bạn chọn lớp để khóa, Flash báo cho bạn biết lớp không chỉnh sử cách gạch chéo biểu tượng bút chì) * Hình khung viền đen: quy định màu sắc bao đối tượng lớp *Hình tờ giấy: biểu tượng lớp bình thường, khơng mang thuộc tính khác Bên cạnh có dịng chữ "Layer 1" tên lớp, lớp thường lớp nằm hiển thị đối tượng lớp đè lên đối tượng nằm lớp * Hình tờ giấy có dấu +: tạo thêm lớp thường, mặc định lớp tạo nằm lớp hành (tức lớp mà bạn để trị chuột) * Hình dấu cộng có chấm đỏ: ta thực hành, biểu tượng chèn lớp dẫn (Guide) cho lớp hành ... * Lớp dẫn: Thật đơn giả sử dụng thêm lớp dẫn Vậy lớp dẫn làm gì? Lớp dẫn lớp đè lên lớp hành, cho phép ta hoạch định đường bay cho đối tượng, loại cao cấp lớp mà ta thấy chương trình tạo flash. .. Flash tính tốn chu trình biến đổi SH tính chất kèm thêm Flash cực mạnh cho phép bạn thay đổi cấu biến đổi, bù lại lại khó sử dụng khâu đặt phần tử cho hợp logic Do bạn bắt đầu học flash. .. từ a đến i, khơng thực quy trình hậu dẫn đến đoạn flash biến đổi bạn khơng hợp logic từ khiến cho đoạn flash có kết khó đốn, hỏng biến đổi mềm mại mà thay flash giúp ta tự tính tốn khơng sử dụng