Bai 21 Classic Tween va tro choi bap benh don gian

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

<b>Flash CS4 : Classic Tween và trò chơi bập bênh đơn giản</b>

<b>TTO - Trong bài này bạn sử dụng Classic Tween để tạo một trò chơi bập bênh đơn giản. Các </b>

<b>bước thực hành như sau:</b>

<b>1. Chuyển về vùng làm việc mặc định.</b>

Bạn bấm chọn vùng Essentials để 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 để 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 11 (xem bài</b>

thực hành 1 về vùng làm việc).

<b>2. Tạo mới một flash document. (Xem bài thực hành 1 về tạo một flash document)</b>

<b>3. Lưu một flash document. (Xem bài thực hành 1 về lưu một flash document)</b>

Chọn folder FLASH CS4 ONLINE, sau đó lưu file này lại với tên

<i><b>011_classic_tween.fla</b></i>

<i><b>.</b></i>

<b>4. Cho hiện Grid (khung lưới) để dễ định vị các nét vẽ. </b>

4.1 Chọn View > Grid > Edit Grid từ menu (hoặc phím tắt Ctrl+Alt+G) (xem thêm phần Tìm hiểu

<b>về Grid ở cuối bài):</b>

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

4.2 Bạn sửa số 10 thành 25 vào hai ô thông số của Grid , bấm chọn các ô Show grid và Snap to

<b>grid. Tiếp theo bấm nút OK để chấp nhận các giá trị mới này:</b>

Trên Stage xuất hiện khung lưới như sau:

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

5.2 Bấm vào ô Stroke color để chọn màu cho Line Tool:

5.3 Bạn chọn màu xanh cho đường viền để không trùng màu với màu Grid

:

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

5.5 Bạn thu được đường thẳng nghiêng màu xanh đầu tiên. Đưa chuột vào khoảng giữa trên Stage,

kéo chuột sang góc dưới bên phải để vẽ đường thẳng thứ hai:

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

5.7 Bạn thu được một đường thẳng nằm ngang màu xanh cắt hai đường thẳng nghiêng đã vẽ trước

đó. Bạn vẽ thêm một đường thẳng song song với đường thẳng đã vẽ bằng cách giữ phím Shift, và

kéo chuột từ giao điểm của đường thẳng nghiêng bên trái với ô lưới thứ tư từ dưới lên sang giao điểm

của đường thẳng nghiêng bên phải với Grid như hình sau:

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

5.9 Bạn thu được đường thẳng đứng thứ nhất. Từ giao điểm của đường thẳng nằm ngang dưới cùng và đường thẳng
nghiêng bên phải, bạn kéo xuống một ô lưới để vẽ một đường thẳng ngắn:

5.

10 Bạn thu được đường thẳng đứng thứ hai. Kéo chuột nối đầu mút của hai đường thẳng đứng vừa vẽ như hình minh
họa:

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

<b>6. Tô màu ruột cho tấm ván</b>

6.1 Để tô màu ruột cho tấm ván, bạn sử dụng màu lấy từ hình bitmap có hoa văn gỗ import từ ngoài

vào. Bạn chọn Window > Color từ menu (hoặc phím tắt Shift+F9):

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

Bạn bấm chuột vào thùng nước sơn để chuyển sang chọn màu ruột:

Ô màu với thùng nước sơn lõm xuống - dấu hiệu đang chọn màu ruột:

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

6.3 Hộp thoại Import to Library xuất hiện. Bạn chuyển đến folder chứa ảnh wood.jpg (file

wood.jpg được cung cấp kèm theo bài), bấm chọn file ảnh này và chọn nút Open :

Color Panel được cập nhật như sau:

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

6.5 Chuột đổi sang thành thùng nước sơn. Đưa chuột vào mặt trên của tấm ván và bấm vào để tô màu gỗ cho mặt trên:

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

6.7 Hai mặt của tấm ván đã được tô màu gỗ:

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

7.1 6.1 Bấm chuột vào Free Transform Tool và giữ vài giây cho xuất hiện menu phụ và chọn

<b>Gradient Transform Tool (xem thêm phần Tìm hiểu về Gradient Transform Tool ở cuối bài):</b>

Chuột đổi thành mũi tên có ruột màu trắng.

7.2 Đưa chuột vào vùng ruột phía mặt trên tấm ván, phía dưới chuột xuất hiện một hộp chữ nhật biểu hiện màu tô
chuyển. Bấm chuột vào vùng này của tấm ván:

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

7.4 Đưa chuột vào núm điều chỉnh góc trên bên phải, chuột đổi thành vịng trịn có bốn mũi tên xoay theo chiều kim đồng
hồ:

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

7.6 Thả chuột ra, bạn thu được kết quả tấm ván đã nghiêng một bên như sau:

</div>

<!--links-->