Tải bản đầy đủ (.docx) (17 trang)

dieu chinh Motion Path

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (876.05 KB, 17 trang )

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

<b>Flash CS4: điều chỉnh Motion Path</b>



<b>TTO - Trong bài này, bạn sẽ điều chỉnh đường bay của chim ở bài thực hành 3 bằng cách điều chỉnh</b>
<b>hoặc thay mới </b><i><b>motion path</b></i><b>. Các 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 Reset
<i>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 4 (xem bài thực hành 1 </i>
về vùng làm việc).


<b>2. Mở một flash document</b>


Bạn mở lại file 003_shape_tween.fla đã thực hiện ở bài thực hành 3 (phải chuột vào liên kết vào chọn
"Save target as" để lưu tập tin).


2.1 Chọn File > Open

t menu:



2.2 Di chuyển đến folder FLASH CS4 ONLINE, chọn file 003_shape_tween.fla và b m nút Open.



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

<b>3. Lưu một flash document</b>


3.1 Chọn File > Save as

t menu:



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


<b>4. Điều chỉnh motion path</b>


4.1. Rê chu t vào con chim phía d i cho đ n khi phía d i chu t xu t hi n hình m i

ướ

ế

ướ

ũ



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

4.2. Bấm chọn con chim. Lúc này đường thẳng nối từ vị trí đầu đến vị trí cuối của chim xuất hiện. Đường


này gọi là motion path của motion tween trong Flash CS4.


4.3.

Đư

a chu t vào gi a motion path cho đ n khi xu t hi n đ ng cong phía d i

ế

ệ ườ

ướ



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

4.4. Bấm chuột và kéo xuống để chuyển motion path thành đ ng cong.

ườ



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

4.6.

Đư

a chu t vào gi a motion path cho đ n khi xu t hi n đ ng cong phía d i

ế

ệ ườ

ướ



chu t:



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

Lúc này nếu bạn chọn <b>Control > Test Movie</b> 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 theo hai đường cong vừa được điều chỉnh.


<b>5. Tạo motion path mới để thay thế motion path cũ</b>


Bạn có thể cho chim bay theo motion path bất kỳ bằng cách tự mình vẽ lấy một đường cong bất kỳ rồi áp
vào motion tween.


5.1 Bấm vào nút <b>New Layer</b>

đ thêm m t layer vào Timeline:



5.2 Bấm chọn Pencil Tool trên thanh công cụ bên phải (xem thêm phần Tìm hiểu về<b> Pencil Tool</b>

cu i



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

5.3 Bấm chọn <b>Pencil Mode</b>

phía d i cu i thanh cơng c :

ướ



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

B n thu đ c k t qu nh sau:

ượ

ế

ư



5.4 Đưa chuột vào <b>Stage</b>

. Lúc này chu t bi n thành cây bút chì. B n v m t đ ng cong b t k

ế

ẽ ộ ườ

ấ ỳ



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

Nhả chuột ra bạn thu được đường cong như trên.
5.5 Bấm chọn <b>Selection Tool</b>

t thanh công c :




5.6 B m đúp chu t vào đ ng cong v a v đ ch n nó.

ườ

ẽ ể

Đườ

ng cong s phình to ra m t



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

5.7 Chọn Edit > Cut

t menu, đ ng cong s bi n m t kh i màn hình:

ườ

ẽ ế



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

5.9 Chọn <b>Edit > Paste in Place</b>

t menu:



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

Bạn có thể lặp lại các thao tác như mô tả ở trên để tạo motion path mới cho con chim cịn lại.


<b>6. Xóa Layer thừa</b>


Layer 4 khơng cịn sử dụng nữa, bạn có thể xóa layer này:

6.1 Ch n Layer 4 t Timeline:



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

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


Để xuất file thành flash movie, bạn chọn Control > Test Movie từ menu:
Flash sẽ xuất thành file 004_motion_path.swf

:



<b>GV TRƯƠNG VĂN NĂNG</b>


<i><b>Công ty TNHH Khải Thiên (KTC Co., Ltd)</b></i>


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

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


<b>Pencil Tool</b> là công cụ để vẽ đường cong bất kỳ.


Sau khi chọn Pencil Tool, chuột sẽ chuyển sang hình cây bút chì. Để vẽ, bạn bấm chuột vào vị trí đầu, kéo
chuột theo đường cong bất kỳ đến vị trí cuối và nhả chuột ra để thu được một đường cong. Bạn cũng có thể
vẽ đường thẳng bằng cách giữ phím Shift trước khi vẽ.



Bạn có thể chọn bổ sung phương án xử lý nét vẽ bằng cách chọn <b>Pencil Mode</b>

phía d i cu i thanh

ướ



công c :



Menu ph xu t hi n đ b n ch n l a:

ệ ể ạ

ọ ự



<b>Straighten</b>: Khi chọn phương án này, flash sẽ sửa các nét vẽ cong của bạn thành các đường thẳng.


<b>Smooth</b>: Khi chọn phương án này, flash sẽ làm trơn mượt các nét vẽ cong của bạn.


<b>Ink</b>: Khi chọn phương án này, flash sẽ khơng sửa các nét vẽ của bạn.


Dưới đây là ví dụ các nét vẽ được flash thể hiện khi chọn <b>Straighten</b>,<b> Smooth</b> và <b>Ink</b>

:



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


Ngay dưới Property Inspector là biểu tượng một
cây bút chì kèm dịng chữ cho biết bạn đang


chọn Pencil Tool.


Ngay dưới phần Fill and Stroke là phần chọn
màu cho viền (Stroke-bên trái) và ruột (Fill-bên
phải). Do Pencil Tool chỉ vẽ đường viền nên bạn


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

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 sau đây:



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.


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

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 ô <b>Hinting</b>, 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 nét v . 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>Join</b>

giúp b n th hi n ki u dáng ch

ể ệ



giao nhau c a hai nét v . B n s thu

ạ ẽ




đ c các ch n l a sau đây khi b m vào

ượ

ọ ự



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

<b>Smoothing</b>: Mức độ làm trơn mượt giao điểm
các nét vẽ của Pencil Tool. Tùy chọn này chỉ
xuất hiện khi chọn phương án Smooth được đề
cập ở phần đầu giới thiệu về Pencil Tool. Đối với


</div>

<!--links-->
Pháp luật điều chỉnh hoạt động bao thanh toán của TCTD
  • 3
  • 1
  • 34
  • Tài liệu bạn tìm kiếm đã sẵn sàng tải về

    Tải bản đầy đủ ngay
    ×