Trang chủ
Bài viết mới
Diễn đàn
Bài mới trên hồ sơ
Hoạt động mới nhất
VIDEO
Mùa Tết
Văn Học Trẻ
Văn Học News
Media
New media
New comments
Search media
Đại Học
Đại cương
Chuyên ngành
Triết học
Kinh tế
KHXH & NV
Công nghệ thông tin
Khoa học kĩ thuật
Luận văn, tiểu luận
Phổ Thông
Lớp 12
Ngữ văn 12
Lớp 11
Ngữ văn 11
Lớp 10
Ngữ văn 10
LỚP 9
Ngữ văn 9
Lớp 8
Ngữ văn 8
Lớp 7
Ngữ văn 7
Lớp 6
Ngữ văn 6
Tiểu học
Thành viên
Thành viên trực tuyến
Bài mới trên hồ sơ
Tìm trong hồ sơ cá nhân
Credits
Transactions
Xu: 0
Đăng nhập
Đăng ký
Có gì mới?
Tìm kiếm
Tìm kiếm
Chỉ tìm trong tiêu đề
Bởi:
Hoạt động mới nhất
Đăng ký
Menu
Đăng nhập
Đăng ký
Install the app
Cài đặt
Chào mừng Bạn tham gia Diễn Đàn VNKienThuc.com -
Định hướng Forum
Kiến Thức
- HÃY TẠO CHỦ ĐỀ KIẾN THỨC HỮU ÍCH VÀ CÙNG NHAU THẢO LUẬN Kết nối:
VNK X
-
VNK groups
| Nhà Tài Trợ:
BhnongFood X
-
Bhnong groups
-
Đặt mua Bánh Bhnong
CÔNG NGHỆ
Công Nghệ Thông Tin
Web Development
Flash CS4: Phương pháp Motion Tween
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Trả lời chủ đề
Nội dung
<blockquote data-quote="Butchi" data-source="post: 46896" data-attributes="member: 7"><p style="text-align: center"> <span style="font-size: 15px"><strong>FLASH CS4: PHƯƠNG PHÁP MOTION TWEEN</strong></span></p> <p style="text-align: center"></p><p></p><p>Trong bài này bạn sẽ thực hành tạo ảnh động (animation) theo phương pháp motion tween kết hợp với mask layer để cho dòng chữ TUỔI TRẺ ONLINE xuất hiện dần theo từng ký tự. Các bước thực hành như sau: <strong></strong></p><p><strong></strong></p><p><strong>1. Chuyển về vùng làm việc mặc định</strong></p><p></p><p> Bạn bấm chọn vùng <strong>Essentials</strong> để chọn lại vùng làm việc mặc định của Flash, tiếp đến bấm chọn <strong>Reset Essentials</strong> để khôi phục vùng làm việc mặc định này và bắt đầu vào bài thực hành 2. (<em>Xem <a href="https://nhipsongso.tuoitre.com.vn/Index.aspx?ArticleID=331363&ChannelID=538" target="_blank">bài thực hành 1</a> về vùng làm việc</em>)</p><p></p><p> <strong>2. Tạo mới một flash document.</strong> (<em>Xem bài thực hành 1 về tạo một flash document</em>)</p><p></p><p> <strong>3. Lưu một flash document.</strong> (<em>Xem bài thực hành 1 về lưu một flash document</em>)</p><p> Chọn folder <strong><em>FLASH CS4 ONLINE</em></strong>, sau đó lưu file này lại với tên <strong><em><a href="https://media.tuoitre.com.vn//Stream/kienthuccongnghe/flashcs4/bai01/002_motion_mask.fla" target="_blank">002_motion_mask.fla</a></em></strong></p><p></p><p> <strong>4. Sử dụng Text Tool để viết một đoạn text.</strong> </p><p></p><p> 4.1. Bấm chọn vào <strong><em>Text Tool</em></strong> trên thanh công cụ bên phải:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356365" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>4.2. Nhấp chuột vào chỗ 12.0pt trên <strong><em>Property Inspector</em></strong>:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356366" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p> <p style="text-align: center"></p><p></p><p> 4.3. Đổi số <strong>12 </strong>thành <strong>50</strong> rồi nhấn phím <strong>ENTER</strong> để chấp nhận giá trị mới:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356367" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> <img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356368" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>4.4. Bấm chuột vào <strong>Stage</strong> và gõ vào dòng chữ <strong>TUỔI TRẺ ONLINE</strong>:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356369" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>4.5. Bấm phí <strong><em>ESCAPE</em></strong> để thoát khỏi khung text, lúc này cả đoạn text đã được chọn và có một khung hình chữ nhật bao quanh:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356371" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p> <p style="text-align: center"></p><p></p><p> 4.6. Để canh giữa đoạn text này trên <strong>Stage</strong>, trước hết chọn <strong>Edit>Cut</strong> từ menu:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356372" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Kế đến chọn <strong><em>Edit>Paste in Center</em></strong> từ menu:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356373" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Bạn thu được dòng chữ được canh giữa Stage như sau:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356374" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p><strong></strong></p><p><strong>5. Thêm một layer vào Timeline.</strong></p><p> 5.1 Bấm chuột vào nút <strong><em>New Layer</em></strong> để thêm một layer vào <strong><em>Timeline</em></strong>:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356375" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>5.2 Bấm đúp vào Layer 2 và đổi tên thành <em>mask</em>:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356377" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p><strong></strong></p><p><strong>6.Chọn Rectangle Tool để vẽ hình chữ nhật.</strong></p><p> 6.1 Bấm chọn<strong><em> Rectangle Tool</em></strong> từ thanh công cụ:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356379" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Chuột sẽ đổi hình dáng từ mũi tên sang chữ thập + . </p><p> 6.2 Kéo chuột từ góc trên bên trái sang góc dưới bên phải để bao phủ chữ TUỔI TRẺ ONLINE:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356381" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Bạn thu được một hình chữ nhật màu xanh bao phủ chữ TUỔI TRẺ ONLINE:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356383" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p><strong> </strong></p><p><strong>7. Sử dụng Selection Tool để chọn hình chữ nhật và tạo <em>motion tween</em>.</strong></p><p> 7.1 Bấm chọn Selection Tool trên thanh công cụ bên phải:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356385" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>7.2 Bấm chọn hình chữ nhật. Khi đã được chọn, hình chữ nhật chuyển sang dạng hạt li ti, đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356387" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>7.3 Bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn <strong><em>Create Motion Tween</em></strong>:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356390" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>7.4 Do hình chữ nhật vừa tạo ra không phải là một symbol nên flash thông báo cần phải chuyển nó sang symbol để tạo tween (xem thêm phần tìm hiểu về symbol ở cuối bài). Bạn bấm OK để đồng ý:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356391" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Sau khi bấm chọn OK, bạn thấy một số thay đổi như sau:</p><p> 1. Hình chữ nhật không còn những hạt li ti nữa vì đã được chuyển thành <strong><em><u>symbol</u></em></strong>. </p><p> 2. Trên <strong><em>Property Inspector</em></strong> xuất hiện biểu tượng symbol (hình bánh xe) là Movie Clip với dòng chữ <strong><em>Instance of: Symbol 1</em></strong>. (<em>xem thêm phần tìm hiểu về symbol ở cuối bài</em>)</p><p> 3. Trong khu vực <strong><em>frame </em></strong>của <strong><em>Timeline</em></strong>, Flash đã tự động bổ sung số frame thành 24 frame (mặc định cho motion tween hoàn thành trong một giây - theo mặc định Flash CS4 thiết lập tốc độ 24 fps). Đồng thời <strong><em>Playhead </em></strong>được di chuyển đến frame số 24. Bên cạnh đó bạn còn thấy các frame từ 1 đến 24 đã được đổi sang màu xanh nhạt đặc trưng của motion tween của Flash CS4.</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356399" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>7.5 Bấm <strong>F6</strong> để chèn <em>keyframe</em> vào vị trí frame 24 (Xem bài thực hành 1- cách chèn keyframe), tại frame này xuất hiện một hình thoi màu đen. Đây là đặc trưng của motion tween mới của Flash CS4.</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356401" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>7.6 Đưa chuột đến keyframe 1 của motion tween và bấm chọn keyframe 1 khi nhìn thấy phía dưới chuột xuất hiện một khung chữ nhật mờ, playhead sẽ chuyển đến keyframe 1</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356403" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>7.7. Đưa chuột vào mép phải của hình chữ nhật, bấm và di chuyển hình chữ nhật sang trái, giữ phím Shift để hình chữ nhật di chuyển theo chiều ngang.</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356404" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Khi nhả chuột ra, bạn thu được sự thay đổi như hình vẽ.</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356407" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Trên hình bạn thấy một đường thẳng có các chấm dọc theo đường thể hiện vị trí của các frame, đây là điểm đặc trưng của motion tween cho đối tượng của Flash CS4, hoàn toàn khác với motion tween của các phiên bản Flash trước đây (Flash CS4 gọi motion tween theo cách cũ là <strong><em>Classic motion tween</em></strong>)</p><p></p><p> 7.8 Motion tween kéo dài 24 frame, trong khi đoạn text chỉ kéo dài 1 frame, bạn bổ sung frame cho layer chứa đoạn text bằng cách bấm chuột vào frame số 24 của layer chứa đoạn text.</p><p> Để chèn thêm frame vào Timeline bạn chọn <strong><em>Insert > Timeline > Frame</em></strong> từ menu (hoặc bấm phím tắt <strong>F5</strong>):</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356409" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Kết quả thu được như sau:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356417" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>7.9. Bấm phím phải chuột vào layer mask để xuất hiện menu ngữ cảnh và chọn Mask. Biểu tượng của các layer sẽ biến đổi như phần bên phải của hình dưới đây đồng thời cả hai layer này bị khóa lại.</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356419" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Lúc này trên Stage dòng chữ TUỔI TRẺ ONLINE bị hình chữ nhật che khuất đã xuất hiện đầy đủ. (<em>Xem thêm phần <strong>Tìm hiểu về Mask layer</strong> ở cuối bài</em>)</p><p> <strong></strong></p><p><strong>8. Xem thử animation lúc đang biên soạn</strong> </p><p></p><p> Để xem thử kết quả lúc đang biên soạn, bạn nhấn phím <strong><em>ENTER</em></strong>. Chữ TUỔI TRẺ ONLINE với từng ký tự xuất hiện nhanh qua màn hình.</p><p></p><p> <strong>9. Xuất file thành flash movie</strong></p><p></p><p> Để xuất file thành flash movie, bạn chọn <strong><em>Control > Test Movie</em></strong> từ menu:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356421" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Flash sẽ xuất thành file <strong><a href="https://media.tuoitre.com.vn/Stream/kienthuccongnghe/flashcs4/bai01/002_motion_mask.swf" target="_blank">002_motion_mask.swf</a></strong>:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356423" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Tuy nhiên, file flash movie lặp lại liên tục gây cảm giác không thoải mái khi xem. Bạn bổ sung số frame để khi Flash tạo được dòng chữ TUỔI TRẺ ONLINE hoàn chỉnh thì sẽ dừng lại 2 giây. </p><p> Đóng file flash movie lại bằng cách bấm vào dấu X .</p><p></p><p> Tốc độ của bài đang thiết lập là 24 fps, để dừng lại 2 giây bạn bổ sung 48 frame. Số frame hiện có là 24, bạn chọn frame số 72 trên Timeline. </p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356424" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Để chèn thêm frame vào Timeline, bạn chọn <strong><em>Insert > Timeline > Frame</em></strong> từ menu (hoặc bấm phím tắt F5).</p><p> </p><p> </p><p>Thực hiện tương tự cho layer còn lại, kết quả thu được như sau:</p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356425" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p> <p style="text-align: center"></p><p></p><p>Chọn <strong>Control > Test Movie</strong> từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả. </p><p> </p><p> <p style="text-align: center"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356426" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> </p> <p style="text-align: center"></p><p></p><p>Lần này Flash sẽ dừng lại 2 giây để người xem có thời gian thưởng thức tác phẩm của bạn. </p><p> GV TRƯƠNG VĂN NĂNG</p><p><em>Công ty TNHH Khải Thiên (KTC Co., Ltd)</em></p><p></p><p style="text-align: center">---------------------------------------------------------------------------------------</p></blockquote><p></p>
[QUOTE="Butchi, post: 46896, member: 7"] [CENTER] [SIZE=4][B]FLASH CS4: PHƯƠNG PHÁP MOTION TWEEN[/B][/SIZE] [/CENTER] Trong bài này bạn sẽ thực hành tạo ảnh động (animation) theo phương pháp motion tween kết hợp với mask layer để cho dòng chữ TUỔI TRẺ ONLINE xuất hiện dần theo từng ký tự. Các bước thực hành như sau: [B] 1. Chuyển về vùng làm việc mặc định[/B] Bạn bấm chọn vùng [B]Essentials[/B] để chọn lại vùng làm việc mặc định của Flash, tiếp đến bấm chọn [B]Reset Essentials[/B] để khôi phục vùng làm việc mặc định này và bắt đầu vào bài thực hành 2. ([I]Xem [URL="https://nhipsongso.tuoitre.com.vn/Index.aspx?ArticleID=331363&ChannelID=538"]bài thực hành 1[/URL] về vùng làm việc[/I]) [B]2. Tạo mới một flash document.[/B] ([I]Xem bài thực hành 1 về tạo một flash document[/I]) [B]3. Lưu một flash document.[/B] ([I]Xem bài thực hành 1 về lưu một flash document[/I]) Chọn folder [B][I]FLASH CS4 ONLINE[/I][/B], sau đó lưu file này lại với tên [B][I][URL="https://media.tuoitre.com.vn//Stream/kienthuccongnghe/flashcs4/bai01/002_motion_mask.fla"]002_motion_mask.fla[/URL][/I][/B] [B]4. Sử dụng Text Tool để viết một đoạn text.[/B] 4.1. Bấm chọn vào [B][I]Text Tool[/I][/B] trên thanh công cụ bên phải: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356365[/IMG] [/CENTER] 4.2. Nhấp chuột vào chỗ 12.0pt trên [B][I]Property Inspector[/I][/B]: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356366[/IMG] [/CENTER] 4.3. Đổi số [B]12 [/B]thành [B]50[/B] rồi nhấn phím [B]ENTER[/B] để chấp nhận giá trị mới: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356367[/IMG] [IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356368[/IMG] [/CENTER] 4.4. Bấm chuột vào [B]Stage[/B] và gõ vào dòng chữ [B]TUỔI TRẺ ONLINE[/B]: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356369[/IMG] [/CENTER] 4.5. Bấm phí [B][I]ESCAPE[/I][/B] để thoát khỏi khung text, lúc này cả đoạn text đã được chọn và có một khung hình chữ nhật bao quanh: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356371[/IMG] [/CENTER] 4.6. Để canh giữa đoạn text này trên [B]Stage[/B], trước hết chọn [B]Edit>Cut[/B] từ menu: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356372[/IMG] [/CENTER] Kế đến chọn [B][I]Edit>Paste in Center[/I][/B] từ menu: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356373[/IMG] [/CENTER] Bạn thu được dòng chữ được canh giữa Stage như sau: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356374[/IMG] [/CENTER] [B] 5. Thêm một layer vào Timeline.[/B] 5.1 Bấm chuột vào nút [B][I]New Layer[/I][/B] để thêm một layer vào [B][I]Timeline[/I][/B]: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356375[/IMG] [/CENTER] 5.2 Bấm đúp vào Layer 2 và đổi tên thành [I]mask[/I]: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356377[/IMG] [/CENTER] [B] 6.Chọn Rectangle Tool để vẽ hình chữ nhật.[/B] 6.1 Bấm chọn[B][I] Rectangle Tool[/I][/B] từ thanh công cụ: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356379[/IMG] [/CENTER] Chuột sẽ đổi hình dáng từ mũi tên sang chữ thập + . 6.2 Kéo chuột từ góc trên bên trái sang góc dưới bên phải để bao phủ chữ TUỔI TRẺ ONLINE: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356381[/IMG] [/CENTER] Bạn thu được một hình chữ nhật màu xanh bao phủ chữ TUỔI TRẺ ONLINE: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356383[/IMG] [/CENTER] [B] 7. Sử dụng Selection Tool để chọn hình chữ nhật và tạo [I]motion tween[/I].[/B] 7.1 Bấm chọn Selection Tool trên thanh công cụ bên phải: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356385[/IMG] [/CENTER] 7.2 Bấm chọn hình chữ nhật. Khi đã được chọn, hình chữ nhật chuyển sang dạng hạt li ti, đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356387[/IMG] [/CENTER] 7.3 Bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn [B][I]Create Motion Tween[/I][/B]: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356390[/IMG] [/CENTER] 7.4 Do hình chữ nhật vừa tạo ra không phải là một symbol nên flash thông báo cần phải chuyển nó sang symbol để tạo tween (xem thêm phần tìm hiểu về symbol ở cuối bài). Bạn bấm OK để đồng ý: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356391[/IMG] [/CENTER] Sau khi bấm chọn OK, bạn thấy một số thay đổi như sau: 1. Hình chữ nhật không còn những hạt li ti nữa vì đã được chuyển thành [B][I][U]symbol[/U][/I][/B]. 2. Trên [B][I]Property Inspector[/I][/B] xuất hiện biểu tượng symbol (hình bánh xe) là Movie Clip với dòng chữ [B][I]Instance of: Symbol 1[/I][/B]. ([I]xem thêm phần tìm hiểu về symbol ở cuối bài[/I]) 3. Trong khu vực [B][I]frame [/I][/B]của [B][I]Timeline[/I][/B], Flash đã tự động bổ sung số frame thành 24 frame (mặc định cho motion tween hoàn thành trong một giây - theo mặc định Flash CS4 thiết lập tốc độ 24 fps). Đồng thời [B][I]Playhead [/I][/B]được di chuyển đến frame số 24. Bên cạnh đó bạn còn thấy các frame từ 1 đến 24 đã được đổi sang màu xanh nhạt đặc trưng của motion tween của Flash CS4. [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356399[/IMG] [/CENTER] 7.5 Bấm [B]F6[/B] để chèn [I]keyframe[/I] vào vị trí frame 24 (Xem bài thực hành 1- cách chèn keyframe), tại frame này xuất hiện một hình thoi màu đen. Đây là đặc trưng của motion tween mới của Flash CS4. [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356401[/IMG] [/CENTER] 7.6 Đưa chuột đến keyframe 1 của motion tween và bấm chọn keyframe 1 khi nhìn thấy phía dưới chuột xuất hiện một khung chữ nhật mờ, playhead sẽ chuyển đến keyframe 1 [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356403[/IMG] [/CENTER] 7.7. Đưa chuột vào mép phải của hình chữ nhật, bấm và di chuyển hình chữ nhật sang trái, giữ phím Shift để hình chữ nhật di chuyển theo chiều ngang. [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356404[/IMG] [/CENTER] Khi nhả chuột ra, bạn thu được sự thay đổi như hình vẽ. [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356407[/IMG] [/CENTER] Trên hình bạn thấy một đường thẳng có các chấm dọc theo đường thể hiện vị trí của các frame, đây là điểm đặc trưng của motion tween cho đối tượng của Flash CS4, hoàn toàn khác với motion tween của các phiên bản Flash trước đây (Flash CS4 gọi motion tween theo cách cũ là [B][I]Classic motion tween[/I][/B]) 7.8 Motion tween kéo dài 24 frame, trong khi đoạn text chỉ kéo dài 1 frame, bạn bổ sung frame cho layer chứa đoạn text bằng cách bấm chuột vào frame số 24 của layer chứa đoạn text. Để chèn thêm frame vào Timeline bạn chọn [B][I]Insert > Timeline > Frame[/I][/B] từ menu (hoặc bấm phím tắt [B]F5[/B]): [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356409[/IMG] [/CENTER] Kết quả thu được như sau: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356417[/IMG] [/CENTER] 7.9. Bấm phím phải chuột vào layer mask để xuất hiện menu ngữ cảnh và chọn Mask. Biểu tượng của các layer sẽ biến đổi như phần bên phải của hình dưới đây đồng thời cả hai layer này bị khóa lại. [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356419[/IMG] [/CENTER] Lúc này trên Stage dòng chữ TUỔI TRẺ ONLINE bị hình chữ nhật che khuất đã xuất hiện đầy đủ. ([I]Xem thêm phần [B]Tìm hiểu về Mask layer[/B] ở cuối bài[/I]) [B] 8. Xem thử animation lúc đang biên soạn[/B] Để xem thử kết quả lúc đang biên soạn, bạn nhấn phím [B][I]ENTER[/I][/B]. Chữ TUỔI TRẺ ONLINE với từng ký tự xuất hiện nhanh qua màn hình. [B]9. Xuất file thành flash movie[/B] Để xuất file thành flash movie, bạn chọn [B][I]Control > Test Movie[/I][/B] từ menu: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356421[/IMG] [/CENTER] Flash sẽ xuất thành file [B][URL="https://media.tuoitre.com.vn/Stream/kienthuccongnghe/flashcs4/bai01/002_motion_mask.swf"]002_motion_mask.swf[/URL][/B]: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356423[/IMG] [/CENTER] Tuy nhiên, file flash movie lặp lại liên tục gây cảm giác không thoải mái khi xem. Bạn bổ sung số frame để khi Flash tạo được dòng chữ TUỔI TRẺ ONLINE hoàn chỉnh thì sẽ dừng lại 2 giây. Đóng file flash movie lại bằng cách bấm vào dấu X . Tốc độ của bài đang thiết lập là 24 fps, để dừng lại 2 giây bạn bổ sung 48 frame. Số frame hiện có là 24, bạn chọn frame số 72 trên Timeline. [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356424[/IMG] [/CENTER] Để chèn thêm frame vào Timeline, bạn chọn [B][I]Insert > Timeline > Frame[/I][/B] từ menu (hoặc bấm phím tắt F5). Thực hiện tương tự cho layer còn lại, kết quả thu được như sau: [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356425[/IMG] [/CENTER] Chọn [B]Control > Test Movie[/B] từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả. [CENTER][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=356426[/IMG] [/CENTER] Lần này Flash sẽ dừng lại 2 giây để người xem có thời gian thưởng thức tác phẩm của bạn. GV TRƯƠNG VĂN NĂNG [I]Công ty TNHH Khải Thiên (KTC Co., Ltd)[/I] [CENTER]---------------------------------------------------------------------------------------[/CENTER] [/QUOTE]
Tên
Mã xác nhận
Gửi trả lời
CÔNG NGHỆ
Công Nghệ Thông Tin
Web Development
Flash CS4: Phương pháp Motion Tween
Top
