- Biến đổi hình dạng object
3. Chuyển động theo 1 đường dẫn
Chuyển động theo 1 đường dẫn trong
swishmax không được tự động như trong flash. mà phải do mình tự điều chỉnh lấy đển nó bám sát theo 1 đường dẫn có sẵn. Đây là 1 trong những điểm yếu của SM , hy vọng những version sau SM sẽ bổ sung tính năng này. Bây giờ chúng ta
bắt đầu vào bài tập.
1/ Sử dụng công cụ Pen tool (P) vẽ 1 đường
cong như hình dưới, đặt tên path
Việc điều chình đường cong sau khi vẽ , các bạn có thể sử dụng công cụ Subselection tool (A)
, click vào các điểm neo rồi điều chỉnh cần của nó như trong các phần mềm đồ họa khác Giả sử bạn đã làm được điều này.
2/ Tạo 1 object hình vuông. kích thước tùy ý. (tôi cho nó 50-50). đặt tên là
vuông.
3/ Di dùng Selection tool di chuyển sao cho tâm của hình vuông dính sát vào nút đầu tiên của đường path.
Tốt nhất là các bạn nên mở menu view => đánh dấu Snap To Object Handle
4/ Click chọn công cụ Motion Path tool
và chỉnh
lại tốc độ chuyển động của object khi chạy theo đường path.
5/ Click + giữ chuột trái lên hình vuông. Bắt đầu di chuyển nó tới 1 điểm thứ 2 nằm trên đường cong. lúc này nó sẽ xuất hiện 1 đường thẳng giữa 2 tâm hình vuông từ vị trí đầu tiên tới vị trí mới. Đừng lo lắng quá. Tốt nhất là các bạn
nên tạm thời đưa hình vuông về dạng hiển thị outline bằng cách đánh dấu như hình dưới trong cây bảng Outline.
Hình vuông lúc này chỉ còn có đường outline bên ngoài, thuận tiện cho ta thấy đường line màu đen nằm dưới hình vuông có trùng với tâm của hình vuông không.
Trên thanh Timeline ta thấy xuất hiện 1 đoạn hiệu ứng tự động sinh ra.
6/ Tiếp theo, tại frame 4 ta lại sử dụng Motion Path tool kéo
hình vuông tới 1 vị trí khác sao cho tâm nằm trên đường line màu đen.
Lúc này đường chuyển động từ điểm thứ 2 đến điểm thứ 3 đã bắt đầu cong và đường thằng lúc trước từ điểm đầu tới điểm thứ 2 đã bắt đầu cong, theo , tuy nhiên nó chưa thực sự chính xác. nhưng đừng lo lắng .
7/ Tiếp tục dùng Motion Path tool di chuyển hinh vuông tới điểm thứ 4, ta lại thấy đường thứ 2 từ diểm 2 tới điểm 3 bị lệch. Tại sao tôi nói các bạn không nên quan tâm điều này , vì công đoạn này của chúng ta là tạo ra các mốc chuyển động rồi sau đó chúng ta mới hiệu chỉnh các đường cong bằng cách xe dịch các điểm mốc đó .
7/ Tới đây tôi nghĩ các bạn đã yên tâm là mình không làm sai, tiếp tục như vậy với các điểm mốc còn lại ta được như hình sau
Bây giờ tới vấn đề hiệu chỉnh đường chuyển động của hình vuông cho khớp với đường line.
Ta thấy đường thứ nhất (điểm A => điểm B) không khớp. Thể hiện sự chuyển động của đường thứ nhất này là từ frame1 (dấu mủi tên) đến frame 4 giờ ta cần chèn 1 điểm mốc giữa điểm A và điểm B cũng có nghĩa là chèn 1 effect move vào giữa frame 1 và frame 4. Thao tác như sau.
8/ Chắc chắn hình vuông đang được chọn, click chọn frame 1, ngay lập tức hinh vuông sẽ xuất hiện tại vị trí điểm A, ta bấm F5 để dịch toàn
9/ Dùng công cụ Motion Path tool, chọn hình vuông di chuyển 1 đoạn tới vị trí nằm giữa điểm A va B , tạm gọi là A2
bây giờ thì đường 1 tương đối khớp với đường line , tuy nhiên đường từ A2 => B vẫn còn sai 1 tí. và trên Timeline xuất hiện 1 effect move nằm giữa frame 1 và frame 2
10/ Sử dụng selection tool , click vào điểm B, ngay lập tức trên Timeline, vạch timeline đỏ chuyển qua frame 4,
Giờ thì đường từ A => B đã tương đối khớp với đường line nhờ 1 điểm A2 làm trung gian uốn đường chuyển động tốt hơn. Dựa trên nguyên tắc này các bạn có thể thêm 1 hay nhiều điểm mốc trung gian giữa các điểm B , C, D , E , F, G còn lại. và chỉnh lại vị trí các điểm mốc này để các đường chuyển động khớp với đường line.
11/ Click vào điểm C, Timeline chuyển tới Frame 10. Sử dụng Motion Path tool kéo hình vuông tới điểm C2 giữa C và D và các mốc khác còn lại.
12/ Giờ ctrl + enter chạy thử.
Nếu chưa ưng ý với tốc độ chuyển động của hình vuông tại 1 số
đoạn nào đó thì các bạn có thể kéo dài effect của đoạn đó trên Timeline. Ngoài ra nếu không thích màu xanh đơn của hình vuông, các
bạn có thể đổi màu gradial bằng cách chọn hình vuông, rồi trong Properties của object chọn Gradient
công cụ Fill Transform tool (F) để co giãn
biên giới hạn của vùng màu.
động theo đường path, và 1 số lý thuyết cơ bản chúng ta đã có 1 số kiến thức cơ bản về Swishmax để bước vào các bài tập căn bản đòi hỏi sự kết hợp giữa các yếu tố này cũng như cách thức quản
lý object trong SM mà sản phẩm là 1 số banner chúng ta thường thấy trên website.