<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>

<b>Flash CS4: Tạo ảnh động theo phương pháp Shape Tween (tiếp </b>

<b>theo)</b>

<b>TTO - 5. Tạo motion tween cho chim bay.</b>

5.1. B m ch n và kéo symbol chim xu ng góc d i bên trái:ấ ọ ố ướ

</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

Trong khu vực<i><b> frame</b></i> của <i><b>Timeline</b></i>, Flash đã tự động bổ sung thêm số frame thành 24 frame (mặc định cho

<i>motion tween</i> hoàn thành trong một giây - theo mặc định Flash CS4 thiết lập tốc độ <b>24 fps</b>). Đồng th i ờ

Playhead đ c di chuy n đ n frame s 24. Bên c nh đó b n cịn th y các frame t 1ượ ể ế ố ạ ạ ấ ừ - 24 đã
đ c đ i sang màu xanh nh t đ c tr ng c a motion tween c a Flash CS4.ượ ổ ạ ặ ư ủ ủ

</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>

Khi nh chu t ra, Flash t đ ng t o thêm m t đ ng th ng n i t góc d i bên trái lên góc ả ộ ự ộ ạ ộ ườ ẳ ố ừ ướ

trên bên ph i v i các d u ch m gi a, m i d u ch m là m t frame c a motion tween. ả ớ ấ ấ ở ữ ỗ ấ ấ ộ ủ

Ngoài ra Flash c ng thêm m t key frame vào timeline, hi n th b ng m t hình thoi màu ũ ộ ể ị ằ ộ

</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>

Với chỉ một giây cho motion tween, bạn không thể nhìn kịp hiệu ứng chim vỗ cánh. Bạn sẽ cho bổ sung
frame cho motion tween hoạt động 4 giây, tức 96 frame.

5.4. Đưa chuột vào <b>keyframe 24</b> cho đ n khi chu t bi n thành m i tên hai chi u:ế ộ ế ũ ề

5.5. Nắm giữ chuột và kéo sang phải cho đến<b> frame 96</b> thì nh chu t ra, hình thoi th hi n ả ộ ể ệ

</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>

Lúc này nếu bạn chọn <i><b> Control > Test Movie</b></i> từ menu thì Flash xuất ra flash movie với một con chim đang
vỗ cánh bay từ góc dưới bên trái sang góc trên bên phải.

<b>6. Thêm một con chim vào Stage</b>

6.1. B m vào nút New Layer đ thêm m t layer vào Timeline:ấ ể ộ

6.2. Đưa chuột bấm chọn <i><b>Library panel</b></i> kế bên <i><b>Property Inspector</b></i>.

6.3. B m chu t vào bi u t ng symbol c a chim và kéo sang góc d i bên trái, cao h n v ấ ộ ể ượ ủ ướ ơ ị

</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>

<b>7. Copy và paste motion tween</b>

7.1. B m chu t vào m t frame b t k trong vùng motion tween c a layer 1, b m phím ấ ộ ộ ấ ỳ ủ ấ

ph i chu t và ch n Copy Motion t menu ng c nh:ả ộ ọ ừ ữ ả

</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7>

Flash t o m t motion tween cho Layer 2 hoàn toàn gi ng v i motion tween c a Layer ạ ộ ố ớ ủ

1.

Lúc này nếu bạn chọn <i><b>Control > Test Movie</b></i> từ menu thì Flash xuất ra flash movie với hai con chim đang
vỗ cánh bay từ góc dưới bên trái sang góc trên bên phải.

<b>8. Thêm hình bầu trời vào làm background</b>

</div>
<span class='text_page_counter'>(8)</span><div class='page_container' data-page=8>

8.2. Chọn <i><b>File > Import > Import to Stage</b></i>… t menu:ừ

8.3. Trong hộp thoại Import, trỏ đến file <i><b>cloud.jpg</b></i> và bấm nút <b>Open</b>: (file <b>cloud.jpg</b> đ c đính kèm theo ượ

</div>
<span class='text_page_counter'>(9)</span><div class='page_container' data-page=9>

8.4. File <i><b>cloud.jpg</b></i> được<i> import</i> vào layer 3 và che m t các layer ch a chim. Dùng chu t kéo ấ ứ ộ

chuy n layer 3 xu ng phía d i, khi kéo b n th y m t đ ng th ng có hình trịn nh bênể ố ướ ạ ấ ộ ườ ẳ ỏ

trái xu t hi n kèm theo. Khi th y đ ng th ng này đã đ n d i cùng thì nh chu t ra:ấ ệ ấ ườ ẳ ế ướ ả ộ

<b>9. 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>ENTER</b>. Tuy nhiên bạn chỉ thấy chim di chuyển chớ
không thấy chim vỗ cánh. Để thấy chim vừa di chuyển vừa vỗ cánh bạn phải xuất thành flash movie.

<b>10. Xuất file thành flash movie</b>

</div>
<span class='text_page_counter'>(10)</span><div class='page_container' data-page=10>

<b>GV TRƯƠNG VĂN NĂNG</b>
<i><b>Công ty TNHH Khải Thiên (KTC Co., Ltd)</b></i>

<b>---Phần lý thuyết bổ sung cho bài thực hành</b>

<b>Tìm hiểu về Line Tool</b>

<b>Line Tool</b> là công cụ để vẽ đường thẳng. Sau khi chọn Line Tool, chuột sẽ chuyển sang hình dấu <b>+</b>. Để vẽ
bạn bấm chuột vào vị trí đầu, kéo chuột đến vị trí cuối và nhả chuột ra để thu được một đường thẳng.
Nếu giữ phím Shift trong khi vẽ bạn sẽ thu được một đường thẳng tạo với đường nằm ngang một góc là bội
số của 45o.

<b>Property Inspector sẽ tự động cập nhật để cung cấp các thông tin liên quan đến Line Tool</b>
<b>như sau</b>

Ngay dưới <i><b>Property Inspector</b></i> là biểu
tượng một đường thẳng kèm dòng chữ

</div>
<span class='text_page_counter'>(11)</span><div class='page_container' data-page=11>

Ngay dưới phần <i><b>Fill and Stroke</b></i> là

phần chọn màu cho viền (Stroke-bên
trái) và ruột (Fill-bên phải). Do Line Tool

chỉ vẽ đường viền nên bạn không thể
đổi màu Fill trong trường hợp này.
B n ch n màu t b ng màu khiạ ọ ừ ả

b m vào ô màu đen k bên cây bútấ ế

chì:

Kế đến là chọn độ lớn của đường viền.
Bạn có thể nắm kéo thanh trượt nằm
ngay bên phải chữ Stroke hoặc gỏ số
trực tiếp vào ô bên phải. Khi bạn kéo
thanh trượt, ô bên phải sẽ cập nhật giá

trị tùy theo vị trí thanh trượt.
Ph n ti p theo là ch n ki u dángầ ế ọ ể

cho nét v . N u b n b m vàoẽ ế ạ ấ

hình tam giác đen k bên cây bútế

chì, b n có th ch n m t trongạ ể ọ ộ

các ki u nét v sau đây:ể ẽ

N u b n b m vào cây bút chì, b nế ạ ấ ạ

có th tùy bi n thêm các thơng sể ế ố

ph cho nét v trong h p tho iụ ẽ ộ ạ

</div>
<span class='text_page_counter'>(12)</span><div class='page_container' data-page=12>

B n có th th nghi m đ tìmạ ể ử ệ ể

cho mình m t ki u dáng nét vộ ể ẽ

ng ý. Tuy nhiên c n l u ý m t

ư ầ ư ộ

đi u là ki u dáng ph c t p s làmề ể ứ ạ ẽ

t ng kích th c cu i cùng c aă ướ ố ủ

tác ph m.ẩ

Ph n Scale giúp hi n th nét vầ ể ị ẽ

khi đ c phóng to ho c thu nh .ượ ặ ỏ

N u b m vào hình tam giác đen,ế ấ

b n s có các tùy ch n sau đây:ạ ẽ ọ

<b>Normal</b>: Thay đổi theo giá trị scale.

<b>Horizontal</b>: Chỉ scale theo chiều
ngang.

<b>Vertical:</b> Chỉ scale theo chiều dọc.

<b>None</b>: Không thay đổi theo giá trị scale.
Nếu chọn ô <i><b>Hinting</b></i>, Flash s tẽ ự

đi u ch nh đ làm trònề ỉ ể giá trị

stroke, tránh xu t hi n nh ng nétấ ệ ữ

nhòe trên đ ng th ng n mườ ẳ ằ

ngang ho c th ng đ ng.ặ ẳ ứ

Tùy chọn <b>Cap </b>giúp b n th hi nạ ể ệ

ki u dáng đ u mút c a đ ngể ầ ủ ườ

th ng. N u b m vào hình tamẳ ế ấ

giác đen, b n s có các tùy ch nạ ẽ ọ

</div>
<span class='text_page_counter'>(13)</span><div class='page_container' data-page=13>

<b>Join</b> giúp b n th hi n ki u dángạ ể ệ ể

ch giao nhau c a hai đ ngỗ ủ ườ

th ng. B n s thu đ c các ch nẳ ạ ẽ ượ ọ

l a sau đây khi b m vào hình tamự ấ

</div>

<!--links-->