hướng đãn cài đặt tflash

Chọn Oval Tool > stroke Color None > Fill Color màu lan tỏa xanh > vào Khung giữ Shift vẽ vòng tròn 1 góc Trái dưới.. Chọn Oval Tool > stroke Color None > Fill Color màu lan tỏa đỏ > vào

CAIĐ T Flash Pro 8.0

BÀI 4 NGÀY 17.6.2006 soạn theo

KS Dương Trung Hiếu

CHƯƠNG TRÌNH MACROMEDIA FLASH PROFESSIONAL 8.0 TẠO HOẠT CẢNH 2 D , TẠO GIAO DIỆN CHO WEB KÈM ÂM THANH GÂY Ấ n tư ợ n g m ạ n h c h o n g ư ờ i x e m

GIÁO TRÌNH BIÊN SOẠN NAY DựA t h e o DỈA t u t o r ia l s v id e o c ủ a KS d ư ơ n g

TRUNG HIẾU TRONG NHÓM PHÁT TRIEN PHAN MEM t r a n g v à đ e n BLACK AND WHITE GROUP.

DĨA 1 : CĂN BẢN

BÀ11 : GIỚI THIỆU FLASH PRO 8.0

I.CÀI ĐĂT :

1 CHƯONG TRÌNH MACROMEDIA FLASH PROFESSIONAL 8.0 Dung lượng 118 MB

có bán tại các tiệm Vi tính Tôn Thất Tùng và Bùi Thị Xuân giúp các bạn cài đặt sử dụng lâu dài ( Hình 1 )

p CRACK

I MACROMEDIA FLASH s.MSI

W indow s Installer P ackage

Loo kịn: I -_J F L A S H P R O

Liầ

My Recent Documents Desktop

Type the narre o f a program, folder, document, or

!__/ Internet resource, and Windows will open it for you.

Open: 'D:'PUQNGTRUNG HIEUMacromedia All in OIIE'flA' V

OK Cancel Browse,,.

Ra bảng Install Witzard > N ext ( Hình 4 )

m Macromedia Flash 8 - InstallShield Wizard

Welcome to the InstallShiekJ W izard for Macromedia Flash a

The InstallShield{R) Wizard will allow you to modify, repair, or remove Macromedia Plash 3, To continue, click Next,

< Bach Next > Cancel

5 Chọn Accept > Next > Next > Next > Chọn Đặt Shortcut Ỏ Desktop > Install.

6 Khỏi động cài đặt xong > Nhấp Thẻ Finish

7 Nhấp Shortcut ở Desktop > Dán Keygen vào

3

tăngnhưbinh huem yvn(&gm all.com -4025793

SỐ17 NGÀY 24.6.2006

Soạn KS Đậu Quang Tuấn

GIỐNG BÀI TRƯỚC :

1 File > New > Flash Document > Ok > Menu Insert > New Symbol > Graphic > Ok

2 Text Tool > Font Tahoma , size 30 , Màu đỏ , Bold > Rê tạo Khung trong Vùng Làm Việc > Gỏ : HAPPY NEW YEAR

3 Chọn biểu tượng Edit Scene > Chọn Scene ( Hình 1 )

ĩ Macromedia Flash Professional 8 - [U ntitled-2*Ị

File Edit View Insert Modify Text Commands Control Vtfndow Hdlp

► Align a Info & Transform

¡1 ► Actions

!! T Properties Fiters Parameters

Text Tool Á v [o V A t 1 Normal V Anb -alias for readatxfity

-a

«

0 Auto kern

1

4 Hàng chữ biến mất > Hiện chữ Scené hàng trên cùng > Menu Window > Library > Nhấp lên Symbol 1 > Hiện ra Dòng Chữ trong Khung trên ( Hình 2 ).

f Macromedia Flash Professional 8 - [U n titled -2*]

He Edit View Insert Modify Text Commands Control Window Help

One item m library

HAPPY NEW YEAR

Graphic n

t3 £ ]Q m<

^ Properties filters I Parameters

1 0 Ị y AÎ ¡Normal V Ị Ị Antéalas far readabity~

IA¡ Í 0 » 0 Auto kem

► Align & Info & Transform

5 Trong Màn hình chọn Keyframe 1 > Rê dòng chữ trong khung Library ra ngoài > Close Khung Library

6 Selection Tool > Để con trỏ lên Dòng Chữ hiện mủi tên 4 đầu > rê Dòng Chữ ra khỏi Vùng làm Việc vế sát bên P h ả i

7 Di chuyển con trượt qua Phải để chọn Frame 120 ( Hình 3 )

► Align a Info a Transform

w Croperoes F iters Parameters

Sync:

No sound sdectcd

8 Phím F6 để chèn 1 Keyframe tại vị trí nầy > Sau khi chèn bạn thấy khoảng Frame từ

1 đến 120 tô màu xám Nhấp Phải chuột tại vùng xám nầy > Chọn Create Motion Tween ( Hình 4 )

y Mđcromedia Flash Professional 8 - [Untitled-2*J

Rỉe E d t View Insert Modify Xext Commands Control Window Help

Xime \ Insert Keyframe Insert Hank Keyframe

Convert to Keyframes Convert to Sank Keyframes

HAPPY I

Cut Frames Copy Promcs

Clear Frames Select All Frênes

Timeline ^ Scene 1 Ể Ị , 4ữ 100% v

« » i n 70 75 eo 85 90 95 100 105 1 gj 115 120 125 130 135 != l> Layer 1 / • • ■ -. - ![ - >1.1 A

7

V

CÁC BƯỚC TIẾP THEO :

1 Giả sử chọn Frame 30 > Phím F 6 Bạn sẽ thấy mủi tên nối KeyFrame 1 đến

KeyFrame 30

2 Tiếp theo chọn Frame 60 > Phím F 6 ( Giống Trên )

3 Tiếp theo chọn Frame 90 > Phím F 6 ( Giống Trên )

4 Chọn KeyFrame đầu tiên

5 Chọn Dòng chữ > Khi chọn xong bạn thấy Các Mục trong Bảng Properties sẽ thay đổi

6 Trong Khung Color chọn Alpha , giá trị 20 %.( Hình 6 )

7 Chọn KeyFrame 30 trên Thanh TimeLine > Nhấp lên Dòng chữ> Khung Color chọn Tint > Nhấp Ô kế bên Phải chọn màu xanh dương , giá trị 100%

8 Chọn KeyFrame 60 , màu Cam , 100%

9 Chọn KeyFrame 90, màu vàng , 100%

10 Chọn KeyFrame 120 Chọn lệnh Alpha , giá trị 20%

11 Di chuyển dòng chữ ra ngoài Trang Giấy Trắng về sát T rá i

12 Nhấp tại KeyFrame 1 > Phím Enter Bạn sẽ thấy Dòng Chữ chạy vừa đổi màu

D a FLASH 1 - Bài s 2

Làm ả các công c

Bài 13 ngày 22.6.2006 Soạn theo KS Dương Trung Hiếu

1 OVAL TOOL ( O ) :

Rê vẽ Hình Ellip - Giữ Shift rê vẽ Hình Vuông ( Hình 1 )

2 RECTANGLE TOO ® :

• Rê vẽ Hình Chữ Nhật - Giữ Shift rê vẽ Hình Vuông ( Hình 2 )

• Có tam Giác đen nhỏ nhấp vào > Poly Star Tool vẽ Đa Giác

3 SELECTION TOOL m : Mủi tên Đen

• Nhấp lên Đối Tượng > Hiện Chấm Liti báo cho biết đã được chọn

• Rê ĐT

• Giữ Shift nhấp chọn nhiều ĐT cùng một lúc

• Rê vẽ vùng bao chọn tất cả ĐT > Phím Delete > Xóa hết ĐT

1

• Rê vẽ lấy 1 phần ĐT ( Hình 3 ).

4 SUB SELECTION TOOL ( A ì : Mủi tên trắng ■

Rê bao ĐT hiện các nút > Rê nút tạo hình ( Hình 4 )

5 FREE TRANSFPORM TOOL (Ch : Làm co dãn ■ xoav ĐT.

• Nhấp lên hiện các nút > Rê 1 góc thu nhỏ lạ i

• Giữ Shift rê n ú t, phóng to thu nhỏ vẫn giữ đúng tỉ lệ

• Giữ Alt rê nút bên hông thu đều khoảng cách , nút đáy cũng vậy

• Để trỏ 1 góc Hiện mủi tên xoay > Giữ Shift và xoay

• Di chuyển tâm và xoay

• Để con trỏ song song với cạnh > Rê tạo giống phối cảnh

• Xóa tất cả ĐT > Selection Tool rê bao hết > Delete ( Hình 5 )

6 ERASER TOOL ( E ) :

Mỏ các loại tẩy > Chọn 1 loại > Rê tẩy CTRL+A + Delete xóa hết

7 Chon màu cho VlẳN - Chon Màu cho NẳN :

• Chọn màu Viền : Hộp Stroke C olor

• Chọn màu nền : Hộp Fill Color - Có thể chọn màu Gradient ỏ đáy

2

• Phím V > Nhấp lên Viền > Chọn màu Viền - Size - Kiểu viền ( Hình 6 ).

7 Macromedia Flash Professional 8 - [Untitled-2*]

File Edit View Insert Modify Tent Commands Control Window Help

á? p * Type: Radial Overflow; I

lb 1 Ỉ

ft 0B5

Alpha: 100% V ÍQOFFQO

► Align a Info S-Transform

• Chọn màu nền cũng giống vậy ( Hình 7 )

f Macromedia Flash Professional 8 - [Untitled-2*1 EBB

8 GRADIENT TRANSFORM (R :

• Nhấp trong nền > Hiện ra đường bao ĐT

• Rê mủi tên thu nhỏ màu Gradient lại - Giản ra

• Để con trỏ lên nút tròn - xoay ĐT

• Dòi tâm để xoay

3

• Thay màu Gradient : Menu Window > Color Mixer > Cột Phải Color hiện ra > Chọn đổi màu > rê Nút Color stop đổi dạng Gradient ( Hình 8 ).

File Edit View Insert Modify Text Commands Control Window Help

W:I 233.1 I X:I l"H.O

H:[ 144.1 Y:[ 133.9

Các công cụ khác đã viết trong bài TOOL 1 và TOOL 2

4

BÀI 20 NGÀY 26.6.2006 Soạn KS Đậu Quang Tuấn

2 Electron xanh đỏ chạy trên quỷ đạo hình tròn theo chiều kim đồng hồ , luôn đối xứng nhau

GIAI ĐOAN ỉ : TẠO 2 ELECTRON

1 Menu File > New > Flash Document > Ok > Add Motion Guide > Nhấp Đúp lên Lớp Guide la > Gỏ : quydaol > E nter

2 Oval Tool > Fill C o lo r: None > stroke Color màu xanh > Giữ Shift rê vẽ vòng tròn quỷ đạo

3 Menu Insert > New Symbol > Name gỏ : electronvongtrong, chọn Graphic > Ok Vòng tròn biến mất

4 Chọn Oval Tool > stroke Color None > Fill Color màu lan tỏa xanh > vào Khung giữ Shift vẽ vòng tròn 1 góc Trái dưới

5 Chọn Selection T o o l, rê vòng tròn đặt tâm vòng tròn lên dấu + giữa vùng làm việc

6 Menu Insert > New Symbol > Name gỏ : electronvongngoai, chọn Graphic > Ok Vòng tròn biến mất

7 Chọn Oval Tool > stroke Color None > Fill Color màu lan tỏa đỏ > vào khung , giữ Shift vẽ vòng tròn ở góc Phải trên Selection Tool rê tâm vòng tròn đè lên dấu +

GIAI ĐOAN 2 : TẠO KEYFRAMES

1

1 Nhấp Edit Scene > Chọn Scene 1 > Hiện ra Vòng tròn quỷ đạo mà bạn đã vẽ trước

4 Chọn Layer electrontrong > Frame 60 Bạn phải thật chú ý điều nầy : Nếu nhấp Frame 60 sát thước Time Line thì sẽ chọn vào Layer quydaol , vậy nhấp dưới đó là Layer electrontrong mới đúng > Phím F 6 Hình quỷ đạo biến m ấ t ( Hình 2 )

6 Chọn Layer quydaol > Chọn Frame 60 của lớp nầy Các bạn chú ý : Nhắm thẳng qua Phải từ lớp Layer nầy , nhấp tại Frame 60 ( Điểm nầy trên điểm của lớp Layer electrontrong Frame 60 ) > Phím F5 > Hiện Khung màu xám > Hình tròn quỷ đạo xuất hiện lạ i ( Hình 3 ).

7 Chọn Layer electrontrong > Chọn Frame 30> Phím F6 Chọn Frame 15 > Phím F6 Chọn Frame 45 > Phím F6 Đấy là các vị trí chuẩn của Electron trên Quỹ Đạo

8 Chọn KeyFrame 1 của lớp electrontrong Chọn KeyFrame 15 của lớp electrontrong

9 Selection T o o l, rê Electron theo chiều kim đồng hồ đến vị trí 3 giờ

10 Chọn KeyFrame 30 của lớp electrontrong Rê đến điểm 6 giờ

11 Chọn KeyFrame 45 của lớp electrontrong Rê đến điểm 9 giờ

12 Chọn KeyFrame 60 của lớp electrontrong Rê đến điểm 12 giờ.Vì Electron luôn luôn nằm sẵn vị trí 12 giờ do đó trong trường hợp cuối nầy bạn không cần di chuyển Electron

13 Chọn KeyFrame 1 > Enter Bạn thấy Electron chạy theo chiều kim đồng hồ trên quỷ đạo

GIAI ĐOAN 3 : 2 ELECTRON CÙNG XOAY

1 Nhấp Nút Insert layer tạo Layer 3 ( Hình 4 )

ĩ Macromedia Flash Professional 8 - [Untitled-1*]

0le VieA' insert tlodfy Iext Commands control Window beto

2 Nhấp Đúp lên layer 3 , gỏ : electronngoai > Enter.

3 Nhấp Tam Giác đen trong HT Library mở lớn ra

4 Chọn KeyFrame 1 của lớp Layer electronngoai> Chọn electronvongngoai trong khung name > Electron Đỏ hiện ra > rê đặt tại điểm 6 giờ

5 Chọn Frame 60 của Lớp electronngoai > F6 > Nhấp Phải lên vùng xám > Chọn

Create Motion Tween

9 Chọn KeyFrame 30 của electronngoai Rê Electron đỏ đến vị trí 12 giờ

10 Chọn KeyFrame 45 của electronngoai Rê Electron đỏ đèn vị trí 3 giờ

11 Chọn KeyFrame 60 của electronngoai Không cần rê vì Electron đỏ luôn luôn nằm ở

vị trí đối diện

12 Chọn KeyFrame 1 của lớp electronngoai > Enter Bạn sẽ thấy 2 Electron quay trênquỷ đạo theo chiều kim đồng hồ và đối xứng nhau ( Hình 5 )

0te Edit View Insert Modify Xext Qommands Cgntrol y^indow tldp

GIAI ĐOAN 3 : HIEN t h ị q u ỷ đ ạ o

1 Hiển thị Quỷ đạo trong cách xem ctrl+ Enter trong Flash Player Nhấp nút Insert layer > Nhấp đúp lên layer 4 , gỏ : quydao2 > Enter

2 Chọn Lớp quydaol Nếu muốn dấu 2 Electron nhấp điểm màu đen dưới Hình Con

M ắ t , hiện vạch tréo đỏ Muốn hiện lại nhấp vạch tréo đỏ

3 Menu Edit > Copy > Chọn Layer quydao2 > Menu Edit > Paste In center> Sẽ thấy

2 Vòng tròn.( Hình 6 )

ĩ MdCfooteOid H asli Professional 8 - l<Hectfon.tld*J

3 e E ít ỉraert Hedry Te»t Ccnnancs Coriừcl ứr.iy»

ĐỀ NGHỊ CỦA TÁC GIẢ ĐẬU QUANG TUAN :

1 Các bạn thử tạo 4 Electron với kiểu di chuyển giống như trên

2 Tạo 2 Quỷ Đạo : Quỷ Đạo lớn có 5 Electron bao Quỷ đạo Nhỏ có 2 Electron

> Đấy là Nguyên TỬOXY đang dí chuyển

CHÚC CÁC BẠN THÀNH CÔNG

BÀI 6 NGÀY 18.6.2006 UTBINH SOAN THEO KS DTH

1 Nhấp Shortcut ỏ Desktop > Hiện ra Giao dện của Chương Trình > Nhấp chọn Don’ t

show again> Nhấp Flash Document ( Hình 1 ).

File Edit Commands Control Window Help

0 Flash Form Application

¿ j j A ctionScript File

¿ j) ActionScript Communication File

€ Flash JavaScript File

ứ Flash Project

Jv Dont show again

Take a quick tour o f Flash Learn about Flash documentation resources

Find authorized training

C re ate from T em plate

Advertising Form Applications Global Phones

1 Japanese Phones PDAs Photo Slideshows _ i Presentations

L j More

Extend Macromedia Flash Exchange

Flash Developer Canter »

Visit the Developer Center for samples, tutorials, and community resources.

Properties Filters I Parameters

L i b r a r y

2 MÔ T ả :

• Trên cùng : Thanh Tiêu Đề

• Kế dưới : Thanh Menu chứa những lệnh phục vụ việc xử lý

1

Bên Trái : Thanh Công Cụ phục vụ việc tạo các ứng dụng và tạo phim hoạt hình 2 D.

Thanh Thước Thòi gian : Line Time

Khung to giữa Trắng : Là Vùng thường xuyên làm việc > Nhấp Nút tam giác nhỏ ỏ đáy vả bên hông Phải để mở rộng và thu hẹp vùng làm việc

Dưới vùng làm việc : Actions điều khiển các nút và hoạt cảnh

Đáy P h ả i: các thuộc tính Properties

Cột P h ả i: Chứa các cửa sổ con chọn đưòng viền và màu ( Hình 2 )

3 Chọn Công cụ Zoom > Hiện ra Kính Lúp + và - :

• Chọn kính lúp + > Nhấp vô vùng làm việc được phóng to ra

• Chọn kính lúp - > Nhấp vô vùng làm việc được thu nhỏ lạ i

• Giữ Phím Space Bar > Hiện ra bàn tay > Rê di chuyển dài vùng làm việc

4 Chọn Công cụ Selection Tool (V) > Giữ Phím Ctrl + Space bar > để con trỏ lên vùng làm việc > Hiện ra Kính Lúp + > rê tạo vùng làm việc lớn ra

nõ «ỉ

BÀ115 NGÀY 23.6.2006 SOAN KS DÂU QUANG TUAN

1 Menu File > New > Flash Document > Ok

2 Oval Tool > Stroke Color màu xanh > Fill Color Màu vàng , Size 10 > Nhấp chọn KeyFrame > Nhấp ngay Mủi tên chỉ > Bảng Properties bên dưới khác lúc trước ( Hình 1 )

1

Fïe Edit View Insert Modify Text Commands Control Window Help

3 Hàng Tween chọn Shape > Nhấp chuột tại Frame 35 > Phím F 6 để chèn 1

KeyFrame tại điểm nầy > Nếu thực hiện đúng bạn sẽ thấy mủi tên nối 2 KeyFrame

đã chọn \

( Hình 2 )

ỉ Macromedia Flash Professional 8 - [U ntitled-1*]

Rle Edit View Insert Modify Text Commands Corrtrol Window Help

w Properties Filters I Parameters

m Frame1 < F r3íYVỄ Lsb&> 1 Tween: 1 Shape Ease: 1 0 | v V Sound: [None *#!

_ ầ j Effect:

Label type: Blend: Disừibutive « 1 Sync: Event V II Repeat V 1 1

Name No sound selected

e 085 R: 255 V

G: 255 V

B: 0 Alpha: 100%VV SFFFFOO

Í Ĩ ► Align a Info à Transform

4 Oval Tool > Giữ Shift vẽ vòng tròn

5 Menu Control > Test Movie : bạn sẽ thấy Hình Ellip sẽ chuyển động từ từ đến Hình Tròn Quá trình lập đ i , lập lạ i ( Hình 3 )

3

File Edit View Insert Modify Text Commands Conửol Window Help

t?*a■£} JJ [É|i¿] %

o Unfilled-1.swf

File View Control Debug

Properties Filters I Parameters

6 Chọn Selection Tool > Chọn nền của Hình Tròn rê đến Hình Ellip > Ctrl+Enter Bạn

sẽ thấy kết quả tại Hình Ellip cũng chuyển động và đồng thời cũng có chuyển động từ Ellip đến đường viền của vòng tròn

7 Lưu tập tin nầy : Menu File > Save > Save in : Desktop > File name go :

chuyendongl fla> Save ( Hình 4 )

8 Mỏ lại chương Trình Flash > File > Open > Desktop > File : chuyendongl fla> Open > Ctrl + Enter.

9 Dựa vào Bài Tập nầy , bạn tạo 1 vật rơi từ trên cao xuống :

• File > New > Flash Document > Ok

• Rectangle Tool > Stroke Color màu xanh , size 1 > Fill Color màu Trắng > Vẽ hình viên phấn

• Nhấp lên Thanh Line Time > Nhấp KeyFrame

• Khung Tween chọn Shape

• Nhấp Frame 30 > Phím F6 > Viên phấn được chọn và hình mủi tên nối 2 Frame

• Vẽ thêm viên phấn bên dưới > Ctrl+Enter > Bạn thấy viên phấn rơi từ cao xuống

• File > Save > Desktop > File Name go : chuyendong2.fla

10 Tương tự như vậy , thay vì viên phấn bạn dùng viên B i Sau nầy soạn giáo án điện

t ử , bạn có thể tạo 1 nút liên kết tới tập tin nầy Xem quyển : T ự HỌC THIET k ế t r ìn hDIEN BẰNG POWER POINT 2003 cua Đậu Quang Tuấn

5

n h L I l n h

BÀI 18 NGÀY 26.6.2006

Soạn KS Đậu Quang Tuấn

1 Menu File > New > Flash Document > Ok

2 Menu Insert > New S ym bol, go : hinhanh > Chọn Graphic > O k ( Hình 1 )

Create New Symbol

ĩ Macromedia Flash Professional 8 - [U ntitted-1*]

.tew Ireert Modfy Text Commands Control yvndow aeb

4 Chọn Free Transform để chỉnh Size ảnh , giữ Shift rê nút tránh biến dạng tỉ lệ ảnh

Có thể dùng Selection Tool để dời ảnh

5 Chọn Edit Scene > Chọn Scene 1 Màn hình Scene 1 hiện ra với Khung Trắng , không có ảnh mà bạn vừa chèn vào

6 Menu Window > Library > Nhấp chữ hinhanh > Hình vừa chèn hiện ra trong Khung trên > Chọn Keyframe 1 và đồng thời mở ra Layer 1 > Rê ảnh ra n g o à i ( Hình 3 )

7 Macromedia Flash Professional 8 [Untitled 1*1

7 Bạn thu nhỏ Hộp Thoại Library bằng cách nhấp Tam Giác Đen nhỏ trước chữ Library

> Rê nó xuống bên dưới dễ làm việc ( Hình 4 )

I

8 Rê con trượt ngang Thanh Timeline chọn Keyframe 120 > Phím F6 để đặt 1

Keyframe tại 120 Bạn thấy từ Frame 1 đến 120 có màu xám > Nhấp Phải lên màu xám > Chọn Create Motion Tween ( Hình 5 )

2

w w m

Fite E d t View Insert Modify Text Commands Con&ol Window Heb

* â □ 80 « 90 95 tto |Ịỉ 110 US 120 125 130 us 140 145 ISO ISS 1Í0 16S e.