Khám phá tính năng Layer trong Sketch

Sau khi nghiên cứu giao diện chính của Sketch trong bài viết trước đó, chúng ta sẽ tiếp tục khám phá một tính năng vô cùng quan trọng, đó là Layer.

Layer là các khối cấu trúc để tạo nên bản thiết kế trên Sketch. Trong các phần mềm đồ họa khác, sự khác biệt giữa layer và đối tượng thường không đáng kể; tuy nhiên, mỗi đối tượng trong Sketch luôn nằm trên một layer riêng biệt. Chúng ta sẽ sử dụng thuật ngữ “đối tượng” và “layer” xen kẽ trong bài viết này vì lý do đó.

Group và Artboard cũng được sử dụng trong Sketch để tổ chức nội dung, chúng có thể coi là các layer có vai trò riêng. Để thêm layer mới vào bản thiết kế, chỉ cần nhấp vào mục Insert trên thanh công cụ hoặc menu rồi chọn loại layer mong muốn.

Thêm mới layer

Thêm layer đơn giản nhất là chọn một hình khối từ thanh công cụ. Chọn Insert > Shape sau đó chọn Hình chữ nhật (hoặc nhấn R). Con trỏ sẽ chuyển thành biểu tượng Vẽ hình chữ nhật.

Nhấp vào canvas và kéo để chèn hình khối. Khi thả con trỏ, hình khối sẽ được chèn để chuẩn bị cho các bước chỉnh sửa tiếp theo.

Khi chưa chọn layer nào, bạn có thể chèn một layer mới vào Canvas thông qua Touch Bar của MacBook Pro. Tại đây, bạn có thể chọn chèn layer từ bàn phím, bao gồm Artboard, Hình chữ nhật, Hình tròn, Vector, Text và Hình ảnh. Sketch cũng cung cấp các phím tắt để chèn hình dạng nhanh chóng.

Lựa chọn layer

Việc lựa chọn layer trong Sketch rất đơn giản: chỉ cần click vào layer trên canvas là xong. Sau khi đã chọn, bạn sẽ thấy 8 handle nhỏ xuất hiện ở các góc và cạnh của layer đó.

Cách khác để lựa chọn layer là sử dụng Layer List: click vào tên layer trong danh sách để chọn layer tương ứng trên canvas.

Sketch cho phép chọn nhiều layer bằng cách giữ phím Shift trên bàn phím và click vào các layer cần chọn. Để chọn layer bị ẩn dưới layer khác, chỉ cần nhấn tổ hợp phím Ctrl+click và chọn Pick Layer từ menu phím tắt. Tại đây, bạn sẽ thấy danh sách các layer nằm dưới con trỏ.

Dịch chuyển layer

Người dùng có thể dịch chuyển layer đã chọn bằng cách chọn và kéo bằng con trỏ. Khi dịch chuyển hoặc thay đổi kích thước của layer, Sketch sẽ tự động sắp xếp layer gần nhất.

Nếu nhấn giữ phím Option khi kéo, bạn sẽ nhân bản layer mới và đồng thời giữ layer gốc ở vị trí ban đầu. Nếu nhấn tổ hợp phím Command-D, Sketch sẽ chèn một bản sao của layer ở vị trí ban đầu. Kéo và thả layer vào Bảng Trang để nhanh chóng di chuyển giữa các trang.

Với tính năng di chuyển layer, Sketch hỗ trợ di chuyển các layer bị che khuất, sắp xếp thứ tự, phân phối và sắp xếp nhiều layer cho gọn gàng, di chuyển nhiều layer thông minh, hoán đổi vị trí… tuỳ theo nhu cầu của người dùng.

Thay đổi kích thước layer

8 handle không chỉ cho biết layer đã được chọn, mà còn cho phép bạn thay đổi kích thước của layer. Click vào bất kỳ handle nào và kéo để điều chỉnh kích thước theo ý muốn. Nếu nhấn giữ phím Shift trong quá trình điều chỉnh, Sketch sẽ thay đổi tỷ lệ chiều rộng và chiều cao theo cùng một tỷ lệ.

Để thay đổi riêng chiều rộng hoặc chiều cao của layer, giữ handle ở phía cần thay đổi. Nếu muốn thay đổi tất cả các hướng, sử dụng handle ở góc. Nếu nhấn giữ phím Option, layer sẽ thay đổi kích thước từ trung tâm thay vì từ góc đối diện.

Ngoài cách điều chỉnh thủ công, Sketch còn hỗ trợ thay đổi kích thước layer thông qua công cụ Inspector, bàn phím, hoặc theo tỷ lệ…

Thay đổi kích thước theo tỷ lệ ràng buộc

Áp dụng tỷ lệ ràng buộc cho phép bạn xác định hình dạng của biểu tượng, Artboard hay nhóm layer sau khi thay đổi kích thước.

Ví dụ, bạn muốn layer luôn được căn giữa trong Artboard hoặc nhóm cụ thể luôn ở góc trên bên trái của biểu tượng mà không cần quan tâm đến chiều cao hay chiều rộng của đối tượng đó. Tất cả những yêu cầu này đều được thực hiện thông qua tỷ lệ ràng buộc mà bạn áp dụng cho layer.

Tỷ lệ ràng buộc được áp dụng cho tất cả các layer trong Artboard hoặc nhóm. Khi chọn layer, người dùng sẽ thấy tỷ lệ ràng buộc xuất hiện trong mục Thuộc tính của thanh Inspector. Đây cũng là nơi bạn có thể thay đổi tỷ lệ và hình dạng của đối tượng sau khi thay đổi kích thước.

Chỉnh sửa layer

Để chỉnh sửa một layer, bạn có thể nhấn đúp vào nó trên bảng vẽ hoặc bấm vào nút Chỉnh sửa trên thanh công cụ. Tùy thuộc vào loại layer như hình dạng, vector, hình ảnh hoặc biểu tượng, cách chỉnh sửa sẽ khác nhau.

Đây là tất cả những gì bạn có thể làm với tính năng Layer trong Sketch. Hi vọng bài viết này có ích cho bạn!