Tạo đồng hồ ssố trên Flash

36 830 5
Tạo đồng hồ ssố trên Flash

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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áng hiện tại bằng cách sử dụng Flash 8. Bước 1 Tạo một file Flash mới với kích thước 250 x 70px Bước 2 Sử dụng công cụ Text Tool (T), trong phần Properties Panel (Ctrl + F3) thiết lập Static Text và nhập vào dòng chữ Time, dưới Time nhập Date. Xem hình dưới! Bước 3 Sau đó lại chọn công cụ Text Tool (T), trong Properties Panel (Ctrl + F3) thiết lập Dynamic Text, sử dụng phương pháp kéo thả vẽ 2 hình chữ nhật để miêu tả thời gian và ngày tháng như hình dưới đây Bước 4 Chọn hai hình chữ nhật vừa vẽ và nhấn F8 trên bàn phím để chuyển đổi nó sang dạng Movie Clip như hình dưới Bước 5 Kích đúp vào Movie Clip vừa tạo (hình chữ nhật) hoặc kích chuột phải vào hình và chọn Edit in Place. Bước 6 Chọn hình chữ nhật tương ứng với Time, mở Properties Panel (Ctrl + F3), trong phần Var nhập time. Bước 7 Chọn hình chữ nhật tương ứng với phần Date, trong Properties Panel tại Var nhập date Bước 8 Trở lại scene chính (Scene1) chọn các hình chữ nhật đã chuyển Movie Clip, mở Action Script Panel (F9) và đư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 cùng là kiểm tra sản phẩm của mình. Thật quá dễ phải không? Làm quen với Web chúng ta không ai là không biết đến Flash , nhưng ít người trong chúng ta quan tâm vì ngại tiếp xúc với giao diện làm việc quá phức tạp của Flash . Flash là một chuẩn đồ họa hoạt hình trên Web , giúp cho trang Web có tính tương tác và hấp dẫn hơn đối với người ghé thăm trang Web . Chỉ cần cài đặt Flash Player (hiện nay mới nhất là version 7.0) thì việc đọc các file *.swf không còn là một vấn đề nan giải , vì lý do đó mà Flash trở nên thông dụng và khiến cho rất nhiều người chú ý đến . Mặc dù hiện nay có rất nhiều chương trình thiết kế Flash nhưng đại chúng nhất vẫn là chương trình Flash của hãng Macromedia , và từ sau phiên bản 4.0 , Macromedia đã tự khẳng định mình là hãng hàng đầu trong lãnh vực thiết kế Web . Do hiện nay Flash MX được sử dụng khá phổ biến tại VN nên tôi chỉ xin đề cập đến phiên bản này. Giao diện của Macromedia Flash MX [Đầu trang] Thay đổi màu nền khung làm việc và những điều cần biết về hộp thoại Document Properties * Thay đổi màu nền : Từ thanh Menu bạn chọn Modify/Document . (ấn Ctrl + J hoặc ấn chuột phải chọn Document Properties) để mở hộp thoại Document Properties . Để xuất hiện bảng màu bạn nhấp chọn Background Color. [Đầu trang] Bạn có thể chọn màu sắc theo bảng màu hoặc nhập mã số , chẳng hạn như trên bảng mã không có màu nào sáng hơn màu đen mà tối hơn màu #333333 ngay dưới màu đen trong bảng màu ta buộc phải nhập mã nếu muốn thể hiện một màu phù hợp với yêu cầu (chẳng hạn phù hợp với yêu cầu trên ta có thể chọn màu #0A0A0A). * Hộp thoại Document Properties : Dimensions : Kích cỡ của "Khung làm việc" (width : chiều rộng ; height : chiều cao) Match : Khổ (Printer : kích cỡ chính xác khi in ; Default : kích cỡ mà bạn để mặc định) Background color : màu nền Frame Rate : tốc độ khung hình ( số khung hình trong 1 giây , mặc định thường là 12) Ruler Units : chuyển qua các đơn vị khác của "thước" Help : liên kết với trang giúp đỡ trong máy (trang này có sẵn sau khi cài đặt Flash MX) Make Default : làm cho các thông số trở về mặc định OK : đồng ý việc chỉnh sửa thông số trong hộp thoại Cancel : không đồng ý và giữ nguyên thông số trước khi 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ẽ các đường thẳng , các đối tượng ở khung làm việc Công cụ này có tất cả 3 tính chất : -Stroke color : màu của đường thẳng mà bạn vẽ (bên trái) -Stroke height : độ dày (độ đậm) của đường thẳng bạn vẽ (giữa) -Stroke style : các 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ố này nếu trong trình làm việc của bạn chưa sẵn có trình Properties thì buộc bạn phải khởi động nó bằng cách chọn ở thanh 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 ở thanh Menu : Modify/Shape/Convert Lines to Fills Làm quen với Web chúng ta không ai là không biết đến Flash , nhưng ít người trong chúng ta quan tâm vì ngại tiếp xúc với giao diện làm việc quá phức tạp của Flash . Flash là một chuẩn đồ họa hoạt hình trên Web , giúp cho trang Web có tính tương tác và hấp dẫn hơn đối với người ghé thăm trang Web . Chỉ cần cài đặt Flash Player (hiện nay mới nhất là version 7.0) thì việc đọc các file *.swf không còn là một vấn đề nan giải , vì lý do đó mà Flash trở nên thông dụng và khiến cho rất nhiều người chú ý đến . Mặc dù hiện nay có rất nhiều chương trình thiết kế Flash nhưng đại chúng nhất vẫn là chương trình Flash của hãng Macromedia , và từ sau phiên bản 4.0 , Macromedia đã tự khẳng định mình là hãng hàng đầu trong lãnh vực thiết kế Web . Do hiện nay Flash MX được sử dụng khá phổ biến tại VN nên tôi chỉ xin đề cập đến phiên bản này. Giao diện của Macromedia Flash MX [Đầu trang] Thay đổi màu nền khung làm việc và những điều cần biết về hộp thoại Document Properties * Thay đổi màu nền : Từ thanh Menu bạn chọn Modify/Document . (ấn Ctrl + J hoặc ấn chuột phải chọn Document Properties) để mở hộp thoại Document Properties . Để xuất hiện bảng màu bạn nhấp chọn Background Color. [Đầu trang] Bạn có thể chọn màu sắc theo bảng màu hoặc nhập mã số , chẳng hạn như trên bảng mã không có màu nào sáng hơn màu đen mà tối hơn màu #333333 ngay dưới màu đen trong bảng màu ta buộc phải nhập mã nếu muốn thể hiện một màu phù hợp với yêu cầu (chẳng hạn phù hợp với yêu cầu trên ta có thể chọn màu #0A0A0A). * Hộp thoại Document Properties : Dimensions : Kích cỡ của "Khung làm việc" (width : chiều rộng ; height : chiều cao) Match : Khổ (Printer : kích cỡ chính xác khi in ; Default : kích cỡ mà bạn để mặc định) Background color : màu nền Frame Rate : tốc độ khung hình ( số khung hình trong 1 giây , mặc định thường là 12) Ruler Units : chuyển qua các đơn vị khác của "thước" Help : liên kết với trang giúp đỡ trong máy (trang này có sẵn sau khi cài đặt Flash MX) Make Default : làm cho các thông số trở về mặc định OK : đồng ý việc chỉnh sửa thông số trong hộp thoại Cancel : không đồng ý và giữ nguyên thông số trước khi 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ẽ các đường thẳng , các đối tượng ở khung làm việc Công cụ này có tất cả 3 tính chất : -Stroke color : màu của đường thẳng mà bạn vẽ (bên trái) -Stroke height : độ dày (độ đậm) của đường thẳng bạn vẽ (giữa) -Stroke style : các 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ố này nếu trong trình làm việc của bạn chưa sẵn có trình Properties thì buộc bạn phải khởi động nó bằng cách chọn ở thanh 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 ở thanh Menu : Modify/Shape/Convert Lines to FillsLàm quen với Web chúng ta không ai là không biết đến Flash , nhưng ít người trong chúng ta quan tâm vì ngại tiếp xúc với giao diện làm việc quá phức tạp của Flash . Flash là một chuẩn đồ họa hoạt hình trên Web , giúp cho trang Web có tính tương tác và hấp dẫn hơn đối với người ghé thăm trang Web . Chỉ cần cài đặt Flash Player (hiện nay mới nhất là version 7.0) thì việc đọc các file *.swf không còn là một vấn đề nan giải , vì lý do đó mà Flash trở nên thông dụng và khiến cho rất nhiều người chú ý đến . Mặc dù hiện nay có rất nhiều chương trình thiết kế Flash nhưng đại chúng nhất vẫn là chương trình Flash của hãng Macromedia , và từ sau phiên bản 4.0 , Macromedia đã tự khẳng định mình là hãng hàng đầu trong lãnh vực thiết kế Web . Do hiện nay Flash MX được sử dụng khá phổ biến tại VN nên tôi chỉ xin đề cập đến phiên bản này. Giao diện của Macromedia Flash MX [Đầu trang] Thay đổi màu nền khung làm việc và những điều cần biết về hộp thoại Document Properties * Thay đổi màu nền : Từ thanh Menu bạn chọn Modify/Document . (ấn Ctrl + J hoặc ấn chuột phải chọn Document Properties) để mở hộp thoại Document Properties . Để xuất hiện bảng màu bạn nhấp chọn Background Color. [Đầu trang] Bạn có thể chọn màu sắc theo bảng màu hoặc nhập mã số , chẳng hạn như trên bảng mã không có màu nào sáng hơn màu đen mà tối hơn màu #333333 ngay dưới màu đen trong bảng màu ta buộc phải nhập mã nếu muốn thể hiện một màu phù hợp với yêu cầu (chẳng hạn phù hợp với yêu cầu trên ta có thể chọn màu #0A0A0A). * Hộp thoại Document Properties : Dimensions : Kích cỡ của "Khung làm việc" (width : chiều rộng ; height : chiều cao) Match : Khổ (Printer : kích cỡ chính xác khi in ; Default : kích cỡ mà bạn để mặc định) Background color : màu nền Frame Rate : tốc độ khung hình ( số khung hình trong 1 giây , mặc định thường là 12) Ruler Units : chuyển qua các đơn vị khác của "thước" Help : liên kết với trang giúp đỡ trong máy (trang này có sẵn sau khi cài đặt Flash MX) Make Default : làm cho các thông số trở về mặc định OK : đồng ý việc chỉnh sửa thông số trong hộp thoại Cancel : không đồng ý và giữ nguyên thông số trước khi 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ẽ các đường thẳng , các đối tượng ở khung làm việc Công cụ này có tất cả 3 tính chất : -Stroke color : màu của đường thẳng mà bạn vẽ (bên trái) -Stroke height : độ dày (độ đậm) của đường thẳng bạn vẽ (giữa) -Stroke style : các 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ố này nếu trong trình làm việc của bạn chưa sẵn có trình Properties thì buộc bạn phải khởi động nó bằng cách chọn ở thanh 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 ở thanh Menu : Modify/Shape/Convert Lines to Fills Bài 2 __________________________________________________ _ Các công cụ vẽ (thanh công cụ) (tiếp theo) * Công cụ Lasso (phím L) : Dùng để chọn các đối tượng trên khung làm việc, đặc biệt hơn công cụ Arrow (chọn các đối tượng trên khung làm việc dựa vào hình chữ nhật) ở chỗ có khả năng xác định vùng có hình dạng bất kỳ của các đối tượng trong khung làm việc . Công cụ này có 3 mức làm việc : -Magic Wand (bên trái) : chọn đối tượng dựa trên màu sắc trong vùng có hình dạng bất kỳ -Magic Wand Properties (bên phải) : điều chỉnh thông số cho Magic Wand . -Polygon (dưới) : chọn các vùng có hình dạng đa giác * Công cụ Pen (phím P) : Công cụ vẽ các đường thẳng gấp khúc hoặc các đường cong bằng các chấm các điểm tại các vị trí khác nhau rồi nối chúng lại dưới dạng các đường thẳng , đường cong . Công cụ này tương tự như công cụ Line nhưng tiện hơn công cụ Line rất nhiều , dựa vào chức năng nối các điểm nếu ta nối điểm đầu vào điểm cuối (3 điểm trở lên) sẽ tạo thành các hình đa giác . Công cụ này có 4 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 các hình đa giác mà bạn đã vẽ * Công cụ Text (phím T) : [...]... "T" Kết thúc quá trình tạo xong bạn có thể xem qua trước khi xuất ra dưới dạng *.swf bằng cách chọn trên thanh menu Control>Play Nếu cảm thấy đã hài lòng thì bạn có thể xuất thẳng ra bằng cách chọn File>Export Movie hoặc nhấn tổ hợp phím Ctrl+Alt+Shift+S Bây giờ chúng ta đã có thể tạo một file flash tự chạy đơn giản dựa vào khung Nhưng phía trên tôi chỉ mới đưa ra cách để bạn tạo còn việc chọn các tham... Bài viết FLA : Viết chữ trên giấy - 08-04-2005, 05:26 PM Sau đây là bài hưỡng dẫn cách viết chữ trên giấy bằng Flash 1.) Đầu tiên bạn cần có 1 hình có hình bàn tay cầm cây viết 2.) Sau đó mở chương trình Flash ra , với kích thước khoảng 300x150 pixel 3.) Trên thanh TimeLine Layer1 - kích đúp chuột vào đó và đổi tên thành hand ( bàn tay ) 4.) Đưa bức hình bàn tay cầm cây viết vào flash - và đưa nó ra sân... Import to State 5.) Trên Timeline , các bạn tạo 1 layer mới - đặt tên nó là Text , vè kéo nó nằm dưới layer Hand 6.) Trên Frame đâu tiên của layer Text các bạn gõ chữ tùy ý , ở đây tác giả gõ chữ "asd" 7.) Kéo layer Text nằm dưới layer hard 8.) Tạo 1 layer mới đặt têm là mask , kéo nó nằm trên layer Text Sau đó kích chuột phải vào nó và chọn Mask 9.) Sử dụng công cụ Paint Brush Tool , trên Frame đầu tiên... hình thật trên một lớp vào.Cách đặt là bạn chọn một vị trí trên khung hình rỗng nhấn chuột phải và chọn Insert Frame - Khung hình khóa : trên cùng là khung hình khóa trống , tiếp đến là khung hình khóa có kèm theo hành động và dưới cùng là một khung hình khóa bình thường.Vậy khung hình khóa là một khung hình đặc biệt ,là nơi để bạn thay đổi hành động trong Flash. Bất kì bạn muốn chuyển động trong flash. .. đến là đoạn flash biến đổi của bạn không hợp logic từ đó khiến cho đoạn flash có kết quả khó đoán, hỏng đi sự biến đổi mềm mại mà thay vì flash giúp ta tự tính toán nếu không sử dụng tính năng này - Tiếp đến ta chọn khung hình cuối cùng và đặt các điểm Shape Hint tương ứng như tôi đã nói ở trên Cần lưu ý khi bạn tiến đến frame cuối chứa chữ K thì các điểm SH (Shape Hint) không cần phải tạo lại mà chúng... chuột phải vào Frame thứ 2 trên layer Mask và chọn Insert KeyFrame , sau đó tiếp tục vẽ thêm 1 chấm nhỏ ở nét tiếp theo 11.) Lập lại bước 10 và 11 cho đến khi vẽ hết dòng chữ 12.) Bây giờ ta chyển qua chọn layer Hand Trên Frame 1 các bạn đặt đầu ngòi bút nằm trên chấm đen thứ nhất 13.) Nhấn F6 hoặc kích chuột phải vào Frame thứ 2 và chọn Insert KeyFrame để tạo thêm 1 Frame mới Trên Frame này các bạn di... hình trong Flash, và nếu bạn đặt thông số 12 fps thì sẽ có 12 hình hiển thị trong một giây cho bạn Nói cho cùng thì flash cũng không khác video cho lắm nhưng bạn phải lưu ý rằng nếu cài đặt số khung hình càng cao trong một giây thì cái giá phải trả cho dung lượng đoạn flash sẽ lớn lên theo tỉ lệ nghịch (đây là điều tối kị với thiết kế Web) hoặc khung hình càng thấp thì chuyển động trong flash càng... cuối, các SH đè lên nhau và trên cùng là SH i Đây là các vị trí SH sau khi chỉnh sửa vị trí, nhưng rất tiếc là không hợp logic nên Flash không thể tính toán chu trình biến đổi SH là một tính chất kèm thêm của Flash cực mạnh và cho phép bạn thay đổi cơ cấu biến đổi, nhưng bù lại nó lại rất khó sử dụng trong khâu đặt các phần tử sao cho hợp logic Do đó nếu bạn mới bắt đầu học flash thì chỉ nên áp dụng... chúng lại như một đoạn phim, cách này dễ thực hiện nhất và có nhiều điều khiển hơn nhưng đồng thời cái giá phải trả là bạn sẽ mất nhiều thời gian hơn - Sử dụng khung biến đổi : không đòi hỏi thủ công như cách trên, chúng ta sẽ sử dụng khả năng biến đổi tự động của flash, ta chỉ cần quy định điểm đầu và điểm cuối, flash sẽ tính toán và biến đổi đối tượng cho ta (giả sử chọn điểm đầu là hình vuông và điểm... bài trước tôi đã đề cập đến việc tạo khung hình nố tiếp, một trong hai dạng chính của khung hình Quả thật, nếu làm một flash mà chỉ đầu tư "cơ bắp" vậy cũng đã đủ khoảng 60-70%, nhưng giả sử đoạn flash ấy kéo dài 1 phút hay hơn vậy thì làm một bài tính đơn giản cho số đoạn frames mà bạn thiết lập thì đúng là một "big problem", hiểu được vấn đề đó, hãng macromedia đã sáng tạo ra một loại khung hình thứ . 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ồ. đến Flash , nhưng ít người trong chúng ta quan tâm vì ngại tiếp xúc với giao diện làm việc quá phức tạp của Flash . Flash là một chuẩn đồ họa hoạt hình trên

Ngày đăng: 05/06/2013, 01:26

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan