Bai 23 Classic Tween va tro choi bap benh don gian phancuoi

<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>

<i><b>Phần cuối</b></i>

<b>)</b>

<b>TT - Phần lý thuyết bổ sung cho bài thực hành: </b>Tìm hiểu về Grid

<b>Grid là một khung lưới giúp bạn dễ dàng định vị khi vẽ hoặc khi di chuyển các đối tượng. Theo </b>
mặc định, grid ẩn. Để hiện grid, bạn chọn View > Grid > Show Grid từ menu (hoặc phím tắt
<b>Ctrl+’</b>):

Để điều chỉnh các thông số của grid bạn chọn View > Grid > Edit Grid… từ menu (hoặc phím tắt
<b>Ctrl+Alt+G</b>).

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

Màu mặc định của grid là màu xám. Bạn có thể đổi màu cho grid bằng cách bấm vào ô màu bên
cạnh mục Color để mở bảng màu và thiết lập màu mới cho grid từ bảng màu.

Ở mục Show grid: nếu được chọn, grid sẽ xuất hiện.

Ở mục Show over objects: nếu được chọn, grid sẽ xuất hiện bên trên các đối tượng; nếu không được chọn, grid
xuất hiện bên dưới các đối tượng.

Ở mục Snap to grid: nếu được chọn, khi bạn vẽ hoặc di chuyển đối tượng, chuột sẽ tự động bám
vào các ô lưới.

Theo mặc định, chiều rộng và chiều cao của các ô lưới là 10 pixel. Bạn có thể thay đổi các giá trị
này theo nhu cầu của bạn bằng cách điền giá trị mới vào các ô bên cạnh mũi tên hai chiều nằm
ngang hoặc thẳng đứng tương ứng với chiều rộng và chiều cao.

Ở mục Snap accuracy (mức độ chính xác khi bám vào các ô lưới): bạn bấm vào menu xổ xuống
để chọn lựa các thông số như sau:

<b>- Must be close: chỉ bám vào khi rê chuột đến gần ô lưới. </b>

<b>- Normal: bám vào khi rê chuột đến ô lưới một khoảng cách vừa phải.</b>

<b>- Can be distant: chuột bám vào ơ lưới khi khoảng cách cịn xa.</b>

<b>- Always snap: chuột luôn bám vào ô lưới dù bạn rê chuột ở bất cứ vị trí nào.</b>
Bấm OK để chấp nhận các thông số vừa thiết lập cho file hiện hành.

Bấm Save Default nếu muốn các file mới sau này đều sử dụng các thông số bạn vừa thiết lập.
<b>Tìm hiểu về Gradient Transform Tool </b>

<b>Gradient Transform Tool giúp bạn điều chỉnh cách thể hiện màu gradient cho đối tượng.</b>

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

Chuột đổi thành mũi tên có ruột màu trắng. Đưa chuột vào vùng có màu gradient, 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.

Tùy thuộc kiểu gradient, bạn có các thơng số điều chỉnh như sau:
<b>Trường hợp Linear gradient:</b>

Khi bạn bấm chọn vào vùng có màu linear gradient, quanh vùng đó xuất hiện hai đường thẳng thể hiện giới hạn hiệu
lực của màu gradient cho vùng đó. Góc trên bên phải là núm điều chỉnh góc xoay màu gradient. Núm ở giữa, bên phải
dùng để điều chỉnh độ rộng hẹp màu gradient. Núm tròn ở giữa dùng để điều chỉnh tâm màu gradient.

Bạn rê chuột vào các núm để điều chỉnh như sau:

Rê chuột vào núm điều chỉnh góc quay, khi thấy chuột chuyển thành vịng trịn có bốn mũi tên, bạn bấm và xoay chuột
theo chiều kim đồng hồ hoặc ngược lại để điều chỉnh góc xoay cho màu gradient.

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

Rê chuột vào núm điều chỉnh độ rộng hẹp màu gradient, khi thấy chuột chuyển thành mũi tên hai chiều, bạn bấm và kéo
chuột sang phải hoặc sang trái để thay đổi kích thước vùng hiệu lực của màu gradient. Hai đường thẳng màu xanh sẽ
thay đổi vị trí để cập nhật kích thước này.

Trường hợp vùng hiệu lực nhỏ hơn vùng cần được tơ màu gradient, có ba trường hợp để điều chỉnh

mục Overflow trong Color panel đối với màu gradient như sau (xem kèm hình minh họa):

Trường hợp trên cùng Overflow: Extend, đây là trường hợp mặc định-màu được chọn sẽ tiếp tục
phủ hết vùng cần tô.

Trường hợp giữa Overflow: Reflect, màu được phản chiếu lại khi vượt qua vùng hiệu lực để tiếp
tục phủ hết vùng cần tô.

Trường hợp dưới Overflow: Repeat, màu được lặp lại khi vượt qua vùng hiệu lực để tiếp tục phủ hết vùng cần
tô.

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

Khi bạn bấm chọn vào vùng có màu radial gradient, quanh vùng đó xuất hiện một đường viền thể
hiện vùng hiệu lực của màu radial gradient và giữa là một đường thẳng nằm ngang thể hình đường
kính đường viền giới hạn hiệu lực của màu gradient, đồng thời cũng là đường định hướng cho các
núm chỉnh tâm quầng sáng gradient và núm điều chỉnh độ rộng hẹp cho gradient.

Hình tam giác ở giữa là núm điều chỉnh tâm quầng sáng màu gradient. Núm tròn ở giữa dùng để
điều chỉnh tâm xoay màu gradient. Núm vng có mũi tên sang phải dùng để điều chỉnh độ rộng hẹp màu
gradient. Núm trịn có mũi tên dùng để điều chỉnh độ co dãn (scale) vùng hiệu lực màu gradient. Núm tròn có hình tam
giác dùng để điều chỉnh góc xoay màu gradient.

Rê chuột vào núm điều chỉnh độ rộng hẹp màu gradient, khi thấy chuột chuyển thành mũi tên hai chiều, bạn bấm và kéo
chuột sang phải hoặc sang trái để thay đổi kích thước vùng hiệu lực của màu gradient.

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

Rê chuột vào núm điều chỉnh độ co dãn màu gradient, khi thấy chuột chuyển thành vòng trịn có mũi tên ở giữa, bạn
bấm và kéo chuột để thay đổi đường kính vùng hiệu lực của màu gradient. Khi thả chuột ra, đường viền và đường
thẳng được cập nhật thể hiện vùng hiệu lực mới.

Trường hợp vùng hiệu lực nhỏ hơn vùng cần được tô màu gradient, có ba trường hợp để điều chỉnh
mục Overflow trong Color panel đối với màu gradient giống như đối với linear gradient:

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

Rê chuột vào núm điều chỉnh tâm quầng sáng, khi thấy chuột chuyển thành hình tam giác, bạn bấm và kéo chuột dọc
đường kính màu xanh để thay đổi vị trí tâm quầng sáng của màu gradient. Khi thả chuột ra, tâm quầng sáng được
chuyển đến vị trí mới.

Rê chuột vào núm điều chỉnh tâm xoay ở giữa, khi thấy chuột chuyển thành mũi tên bốn chiều, bạn bấm và kéo chuột
để chuyển tâm xoay màu gradient đến vị trí mới theo nhu cầu.

<b>Trường hợp Bimap</b>

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

1. Hình bitmap đã được import sẵn trước đó: Bạn chọn ơ Fill color để mở bảng màu ra và chọn màu
bitmap ở khu vực cuối cùng của bảng màu, như trong trường hợp tô màu cho bục gỗ trong bài thực hành.

1. Hình bitmap chưa được import sẵn trước đó: Bạn mở Color Panel và thao tác giống như trường
hợp tô màu tấm ván trong bài thực hành.

Sau đó, bạn dùng Gradient Transform Tool để hiệu chỉnh hình bitmap. Sau khi đã chọn

<b>Gradient Transform Tool, bạn bấm chọn vào vùng có tơ màu bitmap, quanh vùng đó xuất hiện </b>
một khung chữ nhật màu xanh với các núm điều khiển như sau:

- Núm điều chỉnh kéo xiên theo chiều ngang (phía trên, ở giữa): Rê chuột vào núm này, khi thấy
chuột chuyển thành mũi tên hai chiều ngang, bạn bấm và kéo chuột sang phải hoặc trái để tạo độ
xiên theo nhu cầu.

- Núm điều chỉnh kéo xiên theo chiều dọc (bên phải, ở giữa): Rê chuột vào núm này, khi thấy chuột
chuyển thành mũi tên hai chiều đứng, bạn bấm và kéo chuột lên trên hoặc xuống dưới để tạo độ
xiên theo nhu cầu.

- Núm điều chỉnh kích thước ngang (bên trái, ở giữa): Rê chuột vào núm này, khi thấy chuột

chuyển thành mũi tên hai chiều ngang, bạn bấm và kéo chuột sang trái hoặc phải để thay đổi độ
rộng vùng hiệu lực màu tơ theo nhu cầu.

- Núm điều chỉnh kích thước dọc (phía dưới, ở giữa): Rê chuột vào núm này, khi thấy chuột chuyển
thành mũi tên hai chiều đứng, bạn bấm và kéo chuột lên trên hoặc xuống dưới để thay đổi chiều
cao vùng hiệu lực màu tô theo nhu cầu.

- Núm điều chỉnh góc xoay (phía trên, bên phải): Rê chuột vào núm này, khi thấy chuột chuyển
thành vịng trịn có bốn mũi tên, bạn bấm và xoay chuột theo chiều kim đồng hồ hoặc ngược lại để
điều chỉnh góc xoay của màu tơ theo nhu cầu.

- Núm điều chỉnh tâm (ở giữa): Rê chuột vào núm này, khi thấy chuột chuyển thành mũi tên bốn
chiều, bạn bấm và kéo chuột để di chuyển tâm của màu tô theo nhu cầu.

- Núm điều chỉnh độ co dãn (phía dưới, bên trái): Rê chuột vào núm điều chỉnh độ co dãn, khi thấy
chuột chuyển thành mũi tên hai chiều xiên, bạn bấm và kéo chuột để thay đổi vùng hiệu lực của
màu bitmap được tô. Khi thả chuột ra, khung màu xanh sẽ thay đổi tương ứng.

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

<!--links-->