Một Shape trong Photoshop online không chỉ là một đường viền đơn giản. Bên trong nó có nhiều thành phần nhỏ hơn như Path, Knot, Anchor Point và Handle.
Có thể hình dung cấu trúc theo thứ tự:
Shape → Path → Knot → Anchor Point + Handle
Hiểu được các thành phần này sẽ giúp bạn dễ làm việc hơn với Shape Layer, Vector Mask và các công cụ vector.
Path trong Photoshop online
Một Shape có thể chứa một hoặc nhiều Path. Mỗi Path tạo nên một phần hình dạng của Shape.
Ví dụ, một Shape có thể gồm một hình chữ nhật và một hình tròn nằm bên trong. Hai hình này là hai Path riêng nhưng cùng thuộc một Shape.
Các Path có thể kết hợp với nhau bằng một số chế độ:
- Unite: gộp các vùng lại với nhau.
- Subtract: lấy Path phía trên để loại bớt vùng bên dưới.
- Intersect: chỉ giữ phần các Path giao nhau.
- Exclude: loại phần giao nhau và giữ những vùng còn lại.
Thứ tự của các Path đôi khi cũng ảnh hưởng đến kết quả, đặc biệt khi sử dụng Subtract.
Open path và closed path
Path có thể là open path hoặc closed path.
Open path có điểm đầu và điểm cuối tách rời. Nếu Shape có Fill, vùng Fill vẫn được tính như thể hai đầu được nối với nhau bằng một đoạn thẳng. Tuy nhiên, Stroke không vẽ đoạn nối này.
Ví dụ, bạn vẽ ba điểm thành hình chữ V rồi thêm Fill. Phần màu có thể được khép lại bằng một cạnh thẳng tưởng tượng, trong khi Stroke vẫn để hở giữa điểm đầu và điểm cuối.
Closed path thì khác: điểm đầu và điểm cuối thực sự được nối lại với nhau, tạo thành một đường khép kín như hình tròn hoặc hình chữ nhật.
Knot, Anchor Point và Handle
Mỗi Path gồm nhiều điểm điều khiển mà Photoshop online gọi là Knot.
Một Knot gồm:
- một Anchor Point ở giữa;
- hai Handle dùng để điều khiển hướng và độ cong của đường.
Anchor Point là điểm bạn thường trực tiếp chọn và di chuyển khi chỉnh Path. Handle kéo ra từ Anchor Point và giúp thay đổi hình dạng của đoạn cong ở hai phía.
Nếu hai Handle nằm trên cùng một đường thẳng qua Anchor Point, Knot ở trạng thái Linked / Smooth và đường cong chuyển tiếp mượt qua điểm đó. Nếu hai Handle có hướng độc lập, Knot ở trạng thái Unlinked / Corner và thường tạo ra một góc.
Khi Handle thu lại và nằm ngay tại Anchor Point, nó không còn tạo độ cong. Nếu tất cả Knot trong một Path đều như vậy, Path sẽ chỉ gồm các đoạn thẳng.
Nhiều Path trong một Shape
Một Shape không nhất thiết chỉ có một đường vector.
Bạn có thể đặt nhiều Path trong cùng một Shape rồi sử dụng Unite, Subtract, Intersect hoặc Exclude để quyết định cách chúng kết hợp.
Ví dụ, hai hình tròn chồng lên nhau có thể tạo ra những kết quả hoàn toàn khác nhau:
- Unite biến chúng thành một hình chung.
- Intersect chỉ giữ phần giao nhau.
- Subtract dùng một hình để khoét khỏi hình còn lại.
- Exclude giữ hai phần bên ngoài nhưng bỏ vùng giao nhau.
Đây là cách nhiều hình vector phức tạp được tạo ra từ những Path đơn giản.
Fill và Stroke
Shape Layer còn có hai thuộc tính quan trọng là Fill và Stroke.
Fill là phần bên trong Shape, còn Stroke là đường chạy theo Path ở mép Shape.
Cả Fill và Stroke đều có thể sử dụng:
- None;
- Color;
- Gradient;
- Pattern.
Ví dụ, một hình tròn có thể có Fill màu xanh nhưng Stroke màu đen, hoặc không có Fill mà chỉ giữ lại Stroke.
Stroke còn có thêm những thiết lập như độ dày, vị trí Inside, Center, Outside, kiểu góc và đường nét đứt.
Khi đang chỉnh một Shape Layer bằng các công cụ vector như Pen Tool hoặc Shape Tool, các thiết lập Fill và Stroke có thể được thay đổi trên thanh tùy chọn phía trên.
Như vậy, cấu trúc vector có thể hiểu khá đơn giản: Shape chứa Path, Path gồm các Knot, còn mỗi Knot được điều khiển bằng Anchor Point và Handle. Fill và Stroke sau đó quyết định hình vector đó sẽ được hiển thị như thế nào.