Macromedia Flash Đồng hồ số Macromedia Flash Đồng hồ số Thời gian là tiền bạc và ta phải luôn biết nắm giữ nó Bài này sẽ hướng dẫn bạn cách làm thế nào để tạo được một hiệu ứng đồng hồ số với ngày thá[.]
Macromedia Flash - Đồng hồ số Thời gian tiền bạc ta phải ln biết nắm giữ Bài hướng dẫn bạn cách làm để tạo hiệu ứng đồng hồ số với ngày tháng cách sử dụng Flash Bước Tạo file Flash với kích thước 250 x 70px Bước Sử dụng công cụ Text Tool (T), phần Properties Panel (Ctrl + F3) thiết lập Static Text nhập vào dòng chữ Time, Time nhập Date Xem hình dưới! Bước Sau lại chọn công cụ Text Tool (T), Properties Panel (Ctrl + F3) thiết lập Dynamic Text, sử dụng phương pháp kéo thả vẽ hình chữ nhật để miêu tả thời gian ngày tháng hình Bước Chọn hai hình chữ nhật vừa vẽ nhấn F8 bàn phím để chuyển đổi sang dạng Movie Clip hình Bước Kích đúp vào Movie Clip vừa tạo (hình chữ nhật) kích chuột phải vào hình chọn Edit in Place Bước Chọn hình chữ nhật tương ứng với Time, mở Properties Panel (Ctrl + F3), phần Var nhập time Bước Chọn hình chữ nhật tương ứng với phần Date, Properties Panel Var nhập date Bước Trở lại scene (Scene1) chọn hình chữ nhật chuyển Movie Clip, mở Action Script Panel (F9) đưa vào đoạn script sau: onClipEvent (load) { days = new Array('Sunday','Monday','Tuesday','Wednesday','thu rsday','Friday', 'Saturday','Sunday'); months = new Array('January','February','march','April','May', 'June','July','August','September','October','Nove mber','December'); timedate = new Date(); } onClipEvent (enterFrame) { hour = timedate.getHours(); minutes = timedate.getMinutes(); seconds = timedate.getSeconds(); todaydate = timedate.getDate(); day = timedate.getDay(); dayname = days[day]; month = timedate.getMonth(); monthname = months[month]; year = timedate.getFullYear(); if (Length(minutes)==1) { minutes = "0" + minutes; } if (Length(seconds)==1) { seconds = "0" + seconds; } time = hour + ":" + minutes + ":" + seconds; date = dayname + " " + todaydate + " " + monthname + " " + year; delete timedate; timedate = new Date(); } Và việc cuối kiểm tra sản phẩm Thật dễ phải không? 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 Làm quen với Web không đế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 FillsLàm quen với Web không đế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 Bài _ 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ẽ * 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 * 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ụ quét -Brush shape : hình dạng cơng cụ qt ( hình que xéo , hình trịn , hình bầu 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à tơi 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 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 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 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 khơng thể 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 Mình có sưu tầm số dạy học Flash, học theo thấy dễ dàng Tuy nhiên sau bạn nên tự đào sâu, tự biến đổi để hiểu vấn đề rõ Đừng vội vàng mà học hết sang khác, dễ quên không hiệu Tớ Demo phía dưới, cịn tài liệu (gồm 20 bài) tớ có đính kèm theo Các bạn tham khảo thấy hay down mà dùng Chúc vui vẻ Bài 1-2 Bài Bài 4-5 Làm Pháo Bông Nổ Ngày Tết (hot) - 01-03-2006, 08:33 PM Kết từ : Bài viết : Bài viết FLA : Viết chữ giấy - 08-04-2005, 05:26 PM Sau hưỡng dẫn cách viết chữ giấy Flash 1.) Đầu tiên bạn cần có hình có hình bàn tay cầm viết 2.) Sau mở chương trình Flash , với kích thước khoảng 300x150 pixel 3.) Trên TimeLine Layer1 - kích đúp chuột vào đổi tên thành hand ( bàn tay ) 4.) Đưa hình bàn tay cầm viết vào flash - đưa sân khấu ( main ) cách vào File > Import > Import to State 5.) Trên Timeline , bạn tạo layer - đặt tên Text , vè kéo nằm layer Hand 6.) Trên Frame đâu tiên layer Text bạn gõ chữ tùy ý , tác giả gõ chữ "asd" 7.) Kéo layer Text nằm layer hard 8.) Tạo layer đặt têm mask , kéo nằm layer Text Sau kích chuột phải vào chọn Mask 9.) Sử dụng cơng cụ Paint Brush Tool , Frame layer Mask bạn vẽ vòng tròn đen nhỏ vừa đủ để che nét chữ 10.) Kích chuột phải vào Frame thứ layer Mask chọn Insert KeyFrame , sau tiếp tục vẽ thêm chấm nhỏ nét 11.) Lập lại bước 10 11 vẽ hết dòng chữ 12.) Bây ta chyển qua chọn layer Hand Trên Frame bạn đặt đầu ngòi bút nằm chấm đen thứ 13.) Nhấn F6 kích chuột phải vào Frame thứ chọn Insert KeyFrame để tạo thêm Frame Trên Frame bạn di chuyển bàn tay cần bút đến chấn đen thứ Đầu ngòi bút phải trùng với chấm đen thứ Frame layer Mask 14.) Lập lại bước 13 hết dòng chữ , Frame cuối đầu ngịi bút phải nằm key Frame cuối 15.) Nhấn Ctrl+Enter để kiểm tra kết Nếu muốn save lại vào File > Export > Movie KẾT QUẢ thay đổi nội dung bởi: killer, 10-18-2005 lúc 04:36 PM ... đ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... bàn tay cầm viết vào flash - đưa sân khấu ( main ) cách vào File > Import > Import to State 5.) Trên Timeline , bạn tạo layer - đặt tên Text , vè kéo nằm layer Hand 6.) Trên Frame đâu tiên layer... 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