Công Cụ Vẽ
Rive cung cấp đầy đủ bộ công cụ vẽ vector. Dùng Công cụ Bút để vẽ đường dẫn tùy chỉnh, công cụ hình dạng thủ tục (hình chữ nhật, hình elip, đa giác, ngôi sao, tam giác) để chèn nhanh các hình có sẵn, và chỉnh sửa đỉnh để tinh chỉnh từng điểm trên đường dẫn.
Công Cụ Bút
Công cụ Bút cho phép bạn vẽ bất kỳ hình dạng tùy chỉnh nào bằng cách đặt các điểm (đỉnh) lên canvas.
Nhấn P để kích hoạt Công cụ Bút, hoặc chọn nó từ menu Create Tools trên Toolbar.
- Click để đặt một đỉnh thẳng (điểm góc nhọn).
- Click và kéo để đặt một đỉnh cong với các tay bezier (tay điều khiển định hình đường cong).
- Nhấn
Escđể kết thúc đường dẫn mà không đóng lại. - Click vào đỉnh đầu tiên để đóng đường dẫn.
Các Kiểu Tay Điều Khiển Đỉnh
Mỗi đỉnh cong có hai tay bezier. Có hai chế độ tay điều khiển:
| Chế độ | Hành vi |
|---|---|
| Mirrored | Di chuyển một tay sẽ điều chỉnh tay đối diện theo đối xứng. Mặc định cho đường cong mượt. |
| Straight | Hai tay di chuyển độc lập với nhau. Dùng khi muốn thay đổi hướng đột ngột. |
Phím Tắt Công Cụ Bút
| Thao tác | Phím tắt |
|---|---|
| Tách tay điều khiển khi đang vẽ | Alt/Opt |
| Chuyển đổi kiểu tay trên một đỉnh | Ctrl/Cmd + click vào đỉnh |
| Xóa một tay điều khiển | Ctrl/Cmd + click vào tay |
| Tách một tay điều khiển | Alt/Opt + click vào tay |
| Xóa một đỉnh | Alt/Opt + click vào đỉnh |
| Nhân đôi các đỉnh | Alt/Opt + drag |
Hình Dạng Thủ Tục
Hình dạng thủ tục là các hình hình học có sẵn mà bạn có thể đặt lên canvas và điều chỉnh bằng các thuộc tính số — không cần vẽ thủ công từng điểm.
Chọn một công cụ hình dạng từ Toolbar (hoặc nhấn phím tắt tương ứng), sau đó click và kéo trên Stage để vẽ.
| Hình dạng | Phím tắt |
|---|---|
| Rectangle | R |
| Ellipse | O |
| Triangle | — |
| Polygon | — |
| Star | — |
Mỗi loại hình dạng hiển thị các thuộc tính riêng trong Inspector: bán kính góc cho hình chữ nhật, bán kính trong/ngoài cho ngôi sao, số lượng đỉnh cho đa giác và ngôi sao, v.v. Tất cả các thuộc tính này đều có thể tạo hoạt ảnh.
Chỉnh Sửa Đỉnh
Chỉnh sửa đỉnh cho phép bạn di chuyển từng điểm và tay điều khiển trên bất kỳ đường dẫn nào.
Chọn một đường dẫn trong Hierarchy, sau đó nhấn Enter để vào chế độ chỉnh sửa đỉnh. Các đỉnh và tay điều khiển của đường dẫn trở nên có thể chọn và kéo được.
Nhấn Esc để thoát chế độ chỉnh sửa đỉnh và quay lại cấp độ hình dạng.
Fill và Stroke
Mỗi lớp hình dạng có thể có một hoặc nhiều fill và stroke. Chọn một hình dạng để xem các tùy chọn fill và stroke trong Inspector.
- Fill — Màu đồng nhất, linear gradient, radial gradient, hoặc fill bằng hình ảnh.
- Stroke — Đặt màu sắc, độ rộng, kiểu đầu đường (butt, round, square), và kiểu nối (miter, round, bevel).
- Blend Mode — Kiểm soát cách màu sắc của hình dạng pha trộn với các phần tử bên dưới nó.
Cả fill lẫn stroke đều có thể tạo hoạt ảnh đầy đủ.
Clipping
Đường dẫn clipping che đi một đối tượng bằng một đối tượng khác — giống như khuôn cắt bánh quy ẩn đi mọi thứ bên ngoài cạnh khuôn.
Đối tượng phía trên đóng vai trò là mặt nạ clip. Chỉ vùng nằm trong hình dạng clip mới hiển thị.
Để clip: đặt một hình dạng lên đối tượng bạn muốn clip, chọn cả hai, và dùng tùy chọn Clipping trong Inspector.
Khám phá tất cả các loại hình dạng thủ tục và các thuộc tính có thể tạo hoạt ảnh của chúng.
Chi tiết về các loại fill, kiểu đầu và nối stroke, cũng như blend mode.