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
Adobe Flash CS4 (Bài 1): Tạo ảnh động theo phương pháp Frame-By-Frame
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: 46839" data-attributes="member: 7"><p><span style="font-family: 'Arial'">7. Sử dụng Selection Tool để chọn một hoặc nhiều ký tự trên stage</span></p><p> <span style="font-family: 'Arial'">Bấm chọn <strong>Selection Tool</strong> trên thanh công cụ bên phải:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353953" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Bấm chọn keyframe 1 trên Timeline:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353954" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span></p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Kéo rê chuột từ góc trên bên phải chữ <strong>TUỔI TRẺ ONLINE</strong> xuống góc dưới bên trái, chừa chữ <strong>T</strong> lại:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353956" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Khi nhả chuột ra bạn thấy các ký tự được chọn, trừ ký tự T đầu câu:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353957" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">8. Xóa một đối tượng khỏi Stage.</span></p><p></p><p> <span style="font-family: 'Arial'">Bấm phím Delete để xóa các ký tự được chọn, trên Stage chỉ còn một ký tự T:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353958" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Bấm chọn keyframe 2 trên Timeline:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353959" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Kéo rê chuột từ góc trên bên phải chữ TUỔI TRẺ ONLINE xuống góc dưới bên trái, chừa chữ TU lại:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353960" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Khi nhả chuột ra bạn thấy các ký tự được chọn, trừ 2 ký tự TU:</span></p><p> </p><p style="text-align: center"> <span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353961" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span></p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">B</span><span style="font-family: 'Arial'">ấm phím Delete để xóa các ký tự được chọn, trên Stage chỉ còn hai ký tự <strong>TU</strong></span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353963" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Thực hiện thao tác chọn keyframe, chọn các ký tự và xóa tương tự như các bước nêu trên cho các frame còn lại cho đến frame 15, bạn thu được nội dung tại các keyframe như sau:</span></p><p> </p><p> <span style="font-family: 'Arial'">Tại keyframe số 3:</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353965" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Tại keyframe số 4</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353966" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Tại keyframe số 5, frame này có chứa khoảng trắng sau ký tự <strong>I</strong></span></p><p><span style="font-family: 'Arial'"><strong></strong></span></p><p><span style="font-family: 'Arial'"><strong></strong></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353966" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Tại keyframe số 6</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353967" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Tại keyframe số 7:</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353974" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Tại keyframe số 8:</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353975" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Tại keyframe số 9, frame này có chứa khoảng trắng sau ký tự <strong>Ẻ</strong></span></p><p><span style="font-family: 'Arial'"><strong></strong></span></p><p><span style="font-family: 'Arial'"><strong></strong></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353975" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Tại keyframe số 10:</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353976" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Tại keyframe số 11</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353977" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Tại keyframe số 12</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353978" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Tại keyframe số 13</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353979" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Tại keyframe số 14</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353980" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">Tại keyframe số 15</span></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'"></span> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353981" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span></p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">9. Xem thử một animation lúc đang biên soạn</span></p><p></p><p> <span style="font-family: 'Arial'">Để xem thử kết quả lúc đang biên soạn, bạn nhấn phím ENTER. Chữ TUỔI TRẺ ONLINE với từng ký tự xuất hiện nhanh qua màn hình.</span></p><p></p><p> <span style="font-family: 'Arial'">10. Xuất file thành flash movie</span></p><p></p><p> <span style="font-family: 'Arial'">Để xuất file thành flash movie, bạn chọn <strong><em>Control > Test Movie</em></strong> từ menu như sau</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353982" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Flash sẽ xuất thành file <strong><em><a href="https://media.tuoitre.com.vn/Stream/kienthuccongnghe/flashcs4/bai01/001_frame_by_frame.swf" target="_blank">001_frame_by_frame.swf</a></em></strong> như sau</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353984" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">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 thêm số frame để khi Flash tạo được chữ TUỔI TRẺ ONLINE hoàn chỉnh thì sẽ dừng lại 2 giây. </span></p><p> <span style="font-family: 'Arial'">Đóng file flash movie lại bằng cách bấm vào dấu <strong>X</strong> .</span></p><p></p><p> <span style="font-family: 'Arial'">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 thêm 48 frame. Số frame hiện có là 15, bạn chọn frame số 63 trên Timeline</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353985" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Để 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>):</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353986" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Kết quả thu được như sau:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353988" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Chọn <strong><em>Control > Test Movie</em></strong> từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả:</span></p><p></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353981" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span></p> <p style="text-align: center"></p><p></p><p> <span style="font-family: 'Arial'">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. </span></p><p> <span style="font-family: 'Arial'">Cách này khá mất thời gian và dễ sai sót nếu chọn nhầm keyframe hoặc xóa nhầm, tuy nhiên nó giúp bạn hiểu rõ cách tạo animation theo phương pháp <strong><em>frame-by-frame</em></strong> và có thể áp dụng để tạo những <em>animation</em> phức tạp sau này. Trong bài thực hành số 2 bạn sẽ dùng Motion Tween để cho ra kết quả tương tự.</span></p><p> <span style="font-family: 'Arial'">***************************************************************************</span></p><p> <span style="font-family: 'Arial'">Phần lý thuyết bổ sung cho bài thực hành</span></p><p> <span style="font-family: 'Arial'">Tìm hiểu các thành phần của vùng làm việc mặc định Essentials</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353990" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"><strong></strong></span></p><p><span style="font-family: 'Arial'"><strong>Trong hình trên có các thành phần chính như sau</strong>:</span></p><p></p><p> <span style="font-family: 'Arial'">* Phía trên là <strong>menu bar</strong> giúp bạn thực hiện các thao tác thông qua menu.</span></p><p> <span style="font-family: 'Arial'">* Dưới menu bar là nơi hiển thị các file đang làm việc, trong hình là file Untitled-1.fla</span></p><p> </p><p><span style="font-family: 'Arial'">* Tiếp đến là <strong>Display bar</strong>, Display bar sẽ thay đổi nội dung khi bạn thao tác trên các đối tượng khác nhau, ví dụ như khi đang hiệu đính một đối tượng nào đó thì Display bar sẽ hiển thị tên đối tượng. Ngoài ra Display bar còn hiển thị biểu tượng để chọn <strong>Scene</strong>, <strong>Symbol</strong>, <strong>Menu</strong> xổ xuống để hiển thị độ phóng to thu nhỏ (phần này sẽ được trình bày trong các bài thực hành kế tiếp). </span><span style="font-family: 'Arial'">* Kế đến là vùng màu xám, vùng này gọi là <strong>Pasteboard</strong>. Các đối tượng trong vùng này sẽ không xuất hiện khi bạn xuất tác phẩm thành file <strong>flash movie</strong> (file có đuôi .swf) </span></p><p> <span style="font-family: 'Arial'">* Vùng màu trắng gọi là <strong>Stage</strong>. Đây là vùng làm việc chính của Flash. Nội dung nào muốn hiển thị ở tác phẩm khi xuất ra sẽ được đặt trong vùng Stage này.</span></p><p> <span style="font-family: 'Arial'">* Phía dưới vùng Stage là <strong>Timeline</strong>. Bạn dùng Timeline để xếp đặt các đối tượng trên các lớp (<strong>layer</strong>) khác nhau ở khu vực bên trái của Timeline. Điều này giúp bạn quản lý dễ dàng các đối tượng khi tác phẩm lớn dần và các đối tượng trong tác phẩm ngày càng nhiều. Phía bên phải của Timeline là khu vực bố trí các khung hình (<strong>frame</strong>). </span></p><p> <span style="font-family: 'Arial'">* Khung màu đỏ bên phải là <strong>Property Inspector</strong>. Nội dung của Property Inspector thay đổi tùy thuộc đối tượng nào được chọn. </span></p><p> <span style="font-family: 'Arial'">* Khung màu tím bên phải là <strong>Toolbox</strong>. Nơi đây chứa các công cụ vẽ, công cụ chọn và các tùy chọn tương ứng với các công cụ được chọn.</span></p><p> <span style="font-family: 'Arial'">***************************************************************************</span></p><p> <span style="font-family: 'Arial'">Tìm hiểu về Timeline</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353992" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Như trên hình vẽ bạn thấy <strong>Timeline </strong>được chia thành hai khu vực: khu vực bên trái chứa các layer và các nút để thực hiện thao tác liên quan đến <strong>layer</strong>, khu vực bên phải chứa các frame và các nút để thực hiện thao tác liên quan đến <strong>frame</strong>.</span></p><p> <span style="font-family: 'Arial'">Góc dưới bên trái của khu vực chứa layer có ba nút với các chức năng như sau:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353993" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Góc trên bên phải của khu vực chứa layer có 3 nút với các chức năng sau đây:</span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353994" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"> </p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353992" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p></p><p><span style="font-family: 'Arial'">Khu vực bên phải chứa các frame và các nút để thực hiện các thao tác liên quan đến frame. Để tạo thuận lợi cho việc chọn và thao tác trên các frame, khu vực này được đánh số các frame với bước đếm là 5 frame như nhìn thấy trên hình vẽ. </span></p><p></p><p> <span style="font-family: 'Arial'"><strong>Bạn phân biệt 3 loại frame</strong>: </span></p><p></p><p> <span style="font-family: 'Arial'"><strong>- Keyframe</strong>: là frame thể hiện có một sự thay đổi trong nội dung so với frame trước đó, ví dụ như toàn bộ các keyframe trên layer Shadows ở trên đều có nội dung khác nhau. <strong>Các keyframe được hiển thị bằng dấu chấm tròn đặc ruột màu đen</strong>.</span></p><p></p><p> <span style="font-family: 'Arial'"><strong>- Blank keyframe</strong>: là một keyframe nhưng chưa có nội dung gì, <strong>được hiển thị bằng chấm tròn rỗng ruột màu trắng</strong>. <strong>Blank keyframe</strong> là frame bạn thấy khi bạn tạo mới một file flash. </span></p><p> <span style="font-family: 'Arial'"><strong>- Frame</strong>: hiển thị bằng các ô màu xám liên tục, ví dụ như các frame từ 2 đến 14 trên layer Palms ở trên, frame số 15 được hiển thị là một ô chữ nhật màu trắng là dấu hiệu kết thúc của frame. Frame sẽ có nội dung giống với nội dung của keyframe phía trước nó, ví dụ các frame từ 2 đến 14 trên layer Palms sẽ có nội dung giống như nội dung của keyframe số 1 của layer Palms. Trong trường hợp frame đứng sau blank keyframe thì nó được hiển thị bằng ô màu trắng chứ không phải màu xám, như frame số 2 và frame 15 trên layer Sun ở trên.</span></p><p> <span style="font-family: 'Arial'">Trong hình minh họa trên đây, file flash chỉ hoạt động từ frame 1 đến frame 15. Các frame từ số 16 trở đi trong hình trên chỉ để sẵn cho bạn biết là có thể bổ sung tiếp nội dung cho các frame còn lại.</span></p><p></p><p> <span style="font-family: 'Arial'">Ô màu đỏ có đường thẳng màu đỏ chạy dọc các layer ở frame 1 trên hình vẽ phía trên là playhead, bạn có thể dùng chuột kéo <strong><em>playhead</em></strong> để xem hoạt động của file flash này.</span></p><p> <span style="font-family: 'Arial'"><strong>Ý nghĩa của các nút phía dưới khu vực chứa frame</strong></span></p><p> </p><p> <p style="text-align: center"><span style="font-family: 'Arial'"><img src="https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353996" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></span> </p> <p style="text-align: center"></p><p><span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">Theo như hình vẽ trên đây: playhead đang ở frame số 7, tốc độ của tác phẩm là 12 frame / giây (fps là viết tắt của <strong><em>frame per second</em></strong>: frame / giây), và thời gian trôi qua là 0,5 giây tính từ lúc playhead di chuyển từ frame 1 đến frame 7.</span></p><p> <span style="font-family: 'Arial'">Các nút còn lại sẽ được giải thích bổ sung trong các bài thực hành tiếp theo sau này.</span></p><p> <span style="font-family: 'Arial'"></span></p><p><span style="font-family: 'Arial'">GV. TRƯƠNG VĂN NĂNG</span></p><p><span style="font-family: 'Arial'">Công ty TNHH Khải Thiên (KTC Co., Ltd</span></p></blockquote><p></p>
[QUOTE="Butchi, post: 46839, member: 7"] [FONT=Arial]7. Sử dụng Selection Tool để chọn một hoặc nhiều ký tự trên stage[/FONT] [FONT=Arial]Bấm chọn [B]Selection Tool[/B] trên thanh công cụ bên phải:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353953[/IMG][/FONT] [/CENTER] [FONT=Arial] Bấm chọn keyframe 1 trên Timeline:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353954[/IMG][/FONT] [/CENTER] [FONT=Arial]Kéo rê chuột từ góc trên bên phải chữ [B]TUỔI TRẺ ONLINE[/B] xuống góc dưới bên trái, chừa chữ [B]T[/B] lại:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353956[/IMG][/FONT] [/CENTER] [FONT=Arial]Khi nhả chuột ra bạn thấy các ký tự được chọn, trừ ký tự T đầu câu:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353957[/IMG][/FONT] [/CENTER] [FONT=Arial]8. Xóa một đối tượng khỏi Stage.[/FONT] [FONT=Arial]Bấm phím Delete để xóa các ký tự được chọn, trên Stage chỉ còn một ký tự T:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353958[/IMG][/FONT] [/CENTER] [FONT=Arial]Bấm chọn keyframe 2 trên Timeline:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353959[/IMG][/FONT] [/CENTER] [FONT=Arial] Kéo rê chuột từ góc trên bên phải chữ TUỔI TRẺ ONLINE xuống góc dưới bên trái, chừa chữ TU lại:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353960[/IMG][/FONT] [/CENTER] [FONT=Arial]Khi nhả chuột ra bạn thấy các ký tự được chọn, trừ 2 ký tự TU:[/FONT] [CENTER] [FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353961[/IMG][/FONT] [/CENTER] [FONT=Arial] B[/FONT][FONT=Arial]ấm phím Delete để xóa các ký tự được chọn, trên Stage chỉ còn hai ký tự [B]TU[/B][/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353963[/IMG][/FONT] [/CENTER] [FONT=Arial]Thực hiện thao tác chọn keyframe, chọn các ký tự và xóa tương tự như các bước nêu trên cho các frame còn lại cho đến frame 15, bạn thu được nội dung tại các keyframe như sau:[/FONT] [FONT=Arial]Tại keyframe số 3: [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353965[/IMG][/FONT] [/CENTER] [FONT=Arial] Tại keyframe số 4 [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353966[/IMG][/FONT] [/CENTER] [FONT=Arial] Tại keyframe số 5, frame này có chứa khoảng trắng sau ký tự [B]I [/B][/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353966[/IMG][/FONT] [/CENTER] [FONT=Arial]Tại keyframe số 6 [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353967[/IMG][/FONT] [/CENTER] [FONT=Arial]Tại keyframe số 7: [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353974[/IMG][/FONT] [/CENTER] [FONT=Arial]Tại keyframe số 8: [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353975[/IMG][/FONT] [/CENTER] [FONT=Arial] Tại keyframe số 9, frame này có chứa khoảng trắng sau ký tự [B]Ẻ [/B][/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353975[/IMG][/FONT] [/CENTER] [FONT=Arial] Tại keyframe số 10: [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353976[/IMG][/FONT] [/CENTER] [FONT=Arial]Tại keyframe số 11 [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353977[/IMG][/FONT] [/CENTER] [FONT=Arial] Tại keyframe số 12 [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353978[/IMG][/FONT] [/CENTER] [FONT=Arial]Tại keyframe số 13 [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353979[/IMG][/FONT] [/CENTER] [FONT=Arial]Tại keyframe số 14 [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353980[/IMG][/FONT] [/CENTER] [FONT=Arial]Tại keyframe số 15 [/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353981[/IMG][/FONT] [/CENTER] [FONT=Arial]9. Xem thử một animation lúc đang biên soạn[/FONT] [FONT=Arial]Để xem thử kết quả lúc đang biên soạn, bạn nhấn phím ENTER. Chữ TUỔI TRẺ ONLINE với từng ký tự xuất hiện nhanh qua màn hình.[/FONT] [FONT=Arial]10. Xuất file thành flash movie[/FONT] [FONT=Arial]Để xuất file thành flash movie, bạn chọn [B][I]Control > Test Movie[/I][/B] từ menu như sau[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353982[/IMG][/FONT] [/CENTER] [FONT=Arial] Flash sẽ xuất thành file [B][I][URL="https://media.tuoitre.com.vn/Stream/kienthuccongnghe/flashcs4/bai01/001_frame_by_frame.swf"]001_frame_by_frame.swf[/URL][/I][/B] như sau[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353984[/IMG][/FONT] [/CENTER] [FONT=Arial] 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 thêm số frame để khi Flash tạo được chữ TUỔI TRẺ ONLINE hoàn chỉnh thì sẽ dừng lại 2 giây. [/FONT] [FONT=Arial]Đóng file flash movie lại bằng cách bấm vào dấu [B]X[/B] .[/FONT] [FONT=Arial]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 thêm 48 frame. Số frame hiện có là 15, bạn chọn frame số 63 trên Timeline[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353985[/IMG][/FONT] [/CENTER] [FONT=Arial]Để 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]):[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353986[/IMG][/FONT] [/CENTER] [FONT=Arial] Kết quả thu được như sau:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353988[/IMG][/FONT] [/CENTER] [FONT=Arial]Chọn [B][I]Control > Test Movie[/I][/B] từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353981[/IMG][/FONT] [/CENTER] [FONT=Arial]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. [/FONT] [FONT=Arial]Cách này khá mất thời gian và dễ sai sót nếu chọn nhầm keyframe hoặc xóa nhầm, tuy nhiên nó giúp bạn hiểu rõ cách tạo animation theo phương pháp [B][I]frame-by-frame[/I][/B] và có thể áp dụng để tạo những [I]animation[/I] phức tạp sau này. Trong bài thực hành số 2 bạn sẽ dùng Motion Tween để cho ra kết quả tương tự.[/FONT] [FONT=Arial]***************************************************************************[/FONT] [FONT=Arial]Phần lý thuyết bổ sung cho bài thực hành[/FONT] [FONT=Arial]Tìm hiểu các thành phần của vùng làm việc mặc định Essentials[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353990[/IMG][/FONT] [/CENTER] [FONT=Arial][B] Trong hình trên có các thành phần chính như sau[/B]:[/FONT] [FONT=Arial]* Phía trên là [B]menu bar[/B] giúp bạn thực hiện các thao tác thông qua menu.[/FONT] [FONT=Arial]* Dưới menu bar là nơi hiển thị các file đang làm việc, trong hình là file Untitled-1.fla[/FONT] [FONT=Arial]* Tiếp đến là [B]Display bar[/B], Display bar sẽ thay đổi nội dung khi bạn thao tác trên các đối tượng khác nhau, ví dụ như khi đang hiệu đính một đối tượng nào đó thì Display bar sẽ hiển thị tên đối tượng. Ngoài ra Display bar còn hiển thị biểu tượng để chọn [B]Scene[/B], [B]Symbol[/B], [B]Menu[/B] xổ xuống để hiển thị độ phóng to thu nhỏ (phần này sẽ được trình bày trong các bài thực hành kế tiếp). [/FONT][FONT=Arial]* Kế đến là vùng màu xám, vùng này gọi là [B]Pasteboard[/B]. Các đối tượng trong vùng này sẽ không xuất hiện khi bạn xuất tác phẩm thành file [B]flash movie[/B] (file có đuôi .swf) [/FONT] [FONT=Arial]* Vùng màu trắng gọi là [B]Stage[/B]. Đây là vùng làm việc chính của Flash. Nội dung nào muốn hiển thị ở tác phẩm khi xuất ra sẽ được đặt trong vùng Stage này.[/FONT] [FONT=Arial]* Phía dưới vùng Stage là [B]Timeline[/B]. Bạn dùng Timeline để xếp đặt các đối tượng trên các lớp ([B]layer[/B]) khác nhau ở khu vực bên trái của Timeline. Điều này giúp bạn quản lý dễ dàng các đối tượng khi tác phẩm lớn dần và các đối tượng trong tác phẩm ngày càng nhiều. Phía bên phải của Timeline là khu vực bố trí các khung hình ([B]frame[/B]). [/FONT] [FONT=Arial]* Khung màu đỏ bên phải là [B]Property Inspector[/B]. Nội dung của Property Inspector thay đổi tùy thuộc đối tượng nào được chọn. [/FONT] [FONT=Arial]* Khung màu tím bên phải là [B]Toolbox[/B]. Nơi đây chứa các công cụ vẽ, công cụ chọn và các tùy chọn tương ứng với các công cụ được chọn.[/FONT] [FONT=Arial]***************************************************************************[/FONT] [FONT=Arial]Tìm hiểu về Timeline[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353992[/IMG][/FONT] [/CENTER] [FONT=Arial]Như trên hình vẽ bạn thấy [B]Timeline [/B]được chia thành hai khu vực: khu vực bên trái chứa các layer và các nút để thực hiện thao tác liên quan đến [B]layer[/B], khu vực bên phải chứa các frame và các nút để thực hiện thao tác liên quan đến [B]frame[/B].[/FONT] [FONT=Arial]Góc dưới bên trái của khu vực chứa layer có ba nút với các chức năng như sau:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353993[/IMG][/FONT] [/CENTER] [FONT=Arial] Góc trên bên phải của khu vực chứa layer có 3 nút với các chức năng sau đây:[/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353994[/IMG][/FONT] [FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353992[/IMG][/FONT] [/CENTER] [FONT=Arial]Khu vực bên phải chứa các frame và các nút để thực hiện các thao tác liên quan đến frame. Để tạo thuận lợi cho việc chọn và thao tác trên các frame, khu vực này được đánh số các frame với bước đếm là 5 frame như nhìn thấy trên hình vẽ. [/FONT] [FONT=Arial][B]Bạn phân biệt 3 loại frame[/B]: [/FONT] [FONT=Arial][B]- Keyframe[/B]: là frame thể hiện có một sự thay đổi trong nội dung so với frame trước đó, ví dụ như toàn bộ các keyframe trên layer Shadows ở trên đều có nội dung khác nhau. [B]Các keyframe được hiển thị bằng dấu chấm tròn đặc ruột màu đen[/B].[/FONT] [FONT=Arial][B]- Blank keyframe[/B]: là một keyframe nhưng chưa có nội dung gì, [B]được hiển thị bằng chấm tròn rỗng ruột màu trắng[/B]. [B]Blank keyframe[/B] là frame bạn thấy khi bạn tạo mới một file flash. [/FONT] [FONT=Arial][B]- Frame[/B]: hiển thị bằng các ô màu xám liên tục, ví dụ như các frame từ 2 đến 14 trên layer Palms ở trên, frame số 15 được hiển thị là một ô chữ nhật màu trắng là dấu hiệu kết thúc của frame. Frame sẽ có nội dung giống với nội dung của keyframe phía trước nó, ví dụ các frame từ 2 đến 14 trên layer Palms sẽ có nội dung giống như nội dung của keyframe số 1 của layer Palms. Trong trường hợp frame đứng sau blank keyframe thì nó được hiển thị bằng ô màu trắng chứ không phải màu xám, như frame số 2 và frame 15 trên layer Sun ở trên.[/FONT] [FONT=Arial]Trong hình minh họa trên đây, file flash chỉ hoạt động từ frame 1 đến frame 15. Các frame từ số 16 trở đi trong hình trên chỉ để sẵn cho bạn biết là có thể bổ sung tiếp nội dung cho các frame còn lại.[/FONT] [FONT=Arial]Ô màu đỏ có đường thẳng màu đỏ chạy dọc các layer ở frame 1 trên hình vẽ phía trên là playhead, bạn có thể dùng chuột kéo [B][I]playhead[/I][/B] để xem hoạt động của file flash này.[/FONT] [FONT=Arial][B]Ý nghĩa của các nút phía dưới khu vực chứa frame[/B][/FONT] [CENTER][FONT=Arial][IMG]https://nhipsongso.tuoitre.vn/ImageView.aspx?ThumbnailID=353996[/IMG][/FONT] [/CENTER] [FONT=Arial] Theo như hình vẽ trên đây: playhead đang ở frame số 7, tốc độ của tác phẩm là 12 frame / giây (fps là viết tắt của [B][I]frame per second[/I][/B]: frame / giây), và thời gian trôi qua là 0,5 giây tính từ lúc playhead di chuyển từ frame 1 đến frame 7.[/FONT] [FONT=Arial]Các nút còn lại sẽ được giải thích bổ sung trong các bài thực hành tiếp theo sau này.[/FONT] [FONT=Arial] GV. TRƯƠNG VĂN NĂNG Công ty TNHH Khải Thiên (KTC Co., Ltd[/FONT] [/QUOTE]
Tên
Mã xác nhận
Gửi trả lời
CÔNG NGHỆ
Công Nghệ Thông Tin
Web Development
Adobe Flash CS4 (Bài 1): Tạo ảnh động theo phương pháp Frame-By-Frame
Top
