Các nhà thiết kế thường phải nhờ đến sự trợ giúp Plugin để tạo lưới trong Photoshop. Trong bài viết dưới đây, UNICA sẽ hướng dẫn cho các bạn mới tìm hiểu và đang có ý định tham gia vào khóa học pts sẽ giúp bạn cách tạo lưới trong photoshop. Những thao tác này sẽ giúp bạn căn chỉnh, sắp xếp và bố trí các đối tượng trong bản thiết kế một cách dễ dàng và chính xác.
Hệ thống Grid (lưới) và đường Guides là gì?
Trước khi tìm hiểu cách tạo lưới trong photoshop, bạn cần hiểu về Grid và Guides trong phần mềm pts. Chi tiết sẽ được trình bày ở dưới đây:
Grid là gì?
Grid là hệ thống các đường thẳng song song và vuông góc với nhau, được hiển thị trên khung làm việc của Photoshop. Grid giúp bạn căn chỉnh các đối tượng theo một tiêu chuẩn nhất định, tạo ra sự đồng bộ và hài hòa trong bản thiết kế. Bạn có thể thay đổi màu sắc, khoảng cách và kích thước của Grid theo ý muốn.
Grid là hệ thống các đường thẳng song song và vuông góc với nhau
Guides là gì?
Guides là các đường kẻ dọc hoặc ngang, được kéo ra từ thanh Rulers (thanh thước) ở hai cạnh trên và bên của khung làm việc. Guides giúp bạn xác định vị trí, khoảng cách và kích thước của các đối tượng trong bản thiết kế. Bạn có thể tạo ra nhiều Guides khác nhau và di chuyển chúng theo ý muốn. Khi làm mờ ảnh trong photoshop hoặc thực hiện những chỉnh sửa từ cơ bản tới nâng cao thì việc dùng Guides sẽ giúp quá trình thiết kế của bạn dễ dàng và tiện lợi hơn.
Guides là các đường kẻ dọc hoặc ngang, được kéo ra từ thanh Rulers (thanh thước) ở hai cạnh trên và bên của khung làm việc
Cách phân biệt Grid và Guides
Grid và Guides là hai công cụ hỗ trợ cho việc thiết kế đồ họa trong Photoshop. Chúng có một số điểm chung và khác biệt như sau:
Điểm chung
Cả Grid và Guides đều là những đường thẳng được hiển thị trên khung làm việc của Photoshop. Hai công cụ này sẽ giúp bạn căn chỉnh, sắp xếp và bố trí các đối tượng trong bản thiết kế một cách dễ dàng và chính xác.
Phân biệt Grid và Guides
Điểm khác biệt
- Grid là hệ thống các đường thẳng song song và vuông góc với nhau, còn Guides là các đường kẻ dọc hoặc ngang.
- Grid được hiển thị trên toàn bộ khung làm việc, còn Guides chỉ được hiển thị trong phạm vi của Rulers (thanh thước) ở hai cạnh trên và bên của khung làm việc.
- Grid có tính năng Snapping (bắt lưới), tức là khi bạn di chuyển một đối tượng gần Grid, nó sẽ tự động căn chỉnh theo Grid. Còn Guides không có tính năng này, bạn phải căn chỉnh thủ công.
- Grid có thể được ẩn hoặc hiện bằng phím tắt Ctrl + ', còn Guides có thể được ẩn hoặc hiện bằng phím tắt Ctrl +
Trở thành chuyên gia Photoshop bằng cách đăng ký học online qua video ngay. Khóa học giúp bạn tư duy thiết kế đồ họa sáng tạo, có kiến thức bài bản theo lộ trình, cắt ghép, chỉnh sửa...thành thạo. Học thử ngay.
Cách tạo lưới trong Photoshop (Grid)
Ở phần này, chúng tôi sẽ hướng dẫn bạn cách tạo lưới trong photoshop bằng Grid như sau:
- Bước 1: Chọn View > Show > Grid (hoặc nhấn phím tắt Ctrl + ’) trên thanh công cụ.
Chọn Grid trên thanh công cụ
Bạn sẽ tạo được khung lưới như ảnh bên dưới:
Khung lưới được tạo bằng Grid
- Bước 2: Muốn tùy chỉnh giao diện khung lưới, bạn bấm vào Edit trên thanh công cụ, chọn Preferences > General ( hoặc nhấn tổ hợp phím tắt Ctrl + K).
Tùy chỉnh giao diện khung lưới
- Bước 3: Ở hộp thoại Preferences, chọn mục Guides, Grid & Slices.
Chọn mục Guides, Grid & Slices
- Bước 4: Trong cửa sổ Preferences của Grid, bạn có thể thay đổi các thiết lập như Gridline Every, Subdivisions, Color và Style. Cụ thể như dưới đây:
Gridline Every: Thiết lập khoảng cách giữa các đường thẳng trong Grid. Bạn có thể chọn đơn vị là Pixels, Inches, Centimeters, Millimeters, Points, Picas hoặc Percent.
Subdivisions: Thiết lập số lượng các đường thẳng phụ trong mỗi ô của Grid. Bạn có thể chọn từ 1 đến 10.
Color: Thiết lập màu sắc của Grid. Bạn có thể chọn màu theo bảng màu hoặc nhập mã màu HEX.
Style: Thiết lập kiểu dáng của Grid. Bạn có thể chọn Lines (đường thẳng), Dashed Lines (đường nét đứt) hoặc Dots (chấm).
Sau khi thiết lập các thông số xong, bạn nhấn OK để lưu lại.
Nhấn OK để lưu những tùy chỉnh
Khung lưới sau khi đổi màu và chỉnh khoảng cách:
Kết quả đổi màu và chỉnh khoảng cách
Cách tạo đường Guides trong Photoshop
Để tạo đường guide trong photoshop, bạn có thể sử dụng 1 trong các cách dưới đây:
Tạo đường Guides trong PTS nhanh bằng Rulers
Cách tạo lưới trong photoshop bằng Rulers gồm 4 bước sau đây:
- Bước 1: Mở Photoshop và chọn File > New để tạo một file mới.
- Bước 2: Chọn View > Rulers để hiển thị thanh Rulers ở hai cạnh trên và bên của khung làm việc.
- Bước 3: Nhấn chuột trái vào thanh Rulers và kéo ra khung làm việc để tạo một đường Guides dọc hoặc ngang. Bạn có thể tạo nhiều đường Guides khác nhau theo ý muốn.
- Bước 4: Để di chuyển một đường Guides, bạn nhấn chuột trái vào đường Guides và kéo đến vị trí mong muốn. Để xoá một đường Guides, bạn nhấn chuột trái vào đường Guides và kéo ra ngoài khung làm việc.
Tạo lưới bằng Rulers trong pts
Tạo đường Guides trong PTS bằng thiết lập vị trí
- Bước 1: Tạo một vị trí mới
Để tạo một vị trí mới, bạn chọn View > New Guide Layouts trên thanh công cụ của pts.
Chọn View
- Bước 2: Tạo mạng lưới
Đầu tiên, bạn cần xác định số cột và số hàng mình muốn.
Tất cả các cột và hàng sẽ được mặc định phân phối tự động đều nhau trên toàn bộ chiều rộng và chiều cao tài liệu của bạn.
Nếu muốn thay đổi kích thước các cột hoặc các hàng, bạn chỉ cần nhập giá trị mà mình muốn vào hai trường Height và Width.
Cách bật lưới trong photoshop
Cũng giống như những chức năng tương tự khác trong Photoshop, bạn có thể nhập các phép đo đối với các đơn vị như là px, mm.
Các cột có chiều rộng sẽ được sắp xếp theo mặc định ngay bên trái màn hình. Nếu bạn muốn các cột thành trung tâm, bạn chỉ cần ấn vào Center. Nếu muốn xác định Gutters hoặc Margins, bạn chỉ cần nhập các giá trị thích hợp vào các trường tương ứng.
Nếu tài liệu của bạn đã chứa 1 số hướng dẫn hiện hành, hãy chọn nút lệnh Clear Existing Guide. Việc này sẽ giúp bạn loại bỏ chúng ra khỏi dự án bạn đang thực hiện. Đồng thời thay thế bằng Guide Layout.
Còn nếu muốn giữ hướng dẫn hiện tại, bạn chỉ cần để lại tùy chọn này. Vậy là chúng ta đã hoàn thành chia lưới trong phần mềm photoshop.
- Bước 3: Lưu lưới bằng cách mở trình đơn Prset rồi chọn Save Preset.
Save Preset
>>> Xem thêm: Photoshop Portable là gì? Ưu nhược điểm và ứng dụng của Photoshop Portable
Cách cố định đường Guides trong Photoshop
Ngoài cách tạo lưới trong photoshop, người dùng chắc chắn sẽ quan tâm tới cách cố định lưới. Để cố định đường Guides trong Photoshop, bạn làm theo hướng dẫn sau:
- Bước 1: Mở Photoshop và chọn File > New để tạo một file mới.
- Bước 2: Tạo các đường Guides theo cách nào bạn thích.
- Bước 3: Sau khi đã có các đường gióng, trên thanh công cụ bạn chọn View > Lock Guides (phím tắt Alt + Ctrl + ;) để khóa các đường Guides. Khi khóa, các đường Guides sẽ không thể di chuyển hoặc xoá được.
Chọn Lock Guides
- Bước 4: Để mở khóa các đường Guides, bạn chọn View > click chọn Lock Guides một lần nữa.
Bỏ cố định đường lưới
Tạo nhiều đường Guides cùng lúc giống hệ thống lưới
Để tạo nhiều đường Guides cùng lúc giống hệ thống lưới, bạn có thể làm theo các bước sau:
- Bước 1: Chọn View > New Guide Layout trên thanh công cụ.
Chọn New Guide Layout
- Bước 2: Trong cửa sổ New Guide Layout, bạn có thể thiết lập các thông số sau:
Columns: Thiết lập số cột và khoảng cách giữa các cột.
Rows: Thiết lập số hàng và khoảng cách giữa các hàng.
Margins: Thiết lập lề trên, dưới, trái và phải của khung làm việc.
Gutter: Thiết lập khoảng cách giữa các cột và hàng.
Preset: Chọn một mẫu sẵn có hoặc lưu một mẫu mới.
Sau khi tùy chỉnh, bạn nhấn OK để tạo các đường gióng.
Nhấn OK sau khi thiết lập xong các chế độ
- Bước 3: Khi có nhiều đường gióng được tạo ra mà bạn muốn xóa tất cả chúng, trên thanh công cụ bạn hãy chọn View và chọn Clear Guides.
Chọn Clear Guides
Đổi màu đường Guides trong Photoshop
Chắc chắn khi thực hiện cách tạo lưới trong photoshop, bạn không chỉ muốn hệ thống lưới của mình chỉ có một màu đen mà sẽ muốn chúng có sự đa dạng về màu sắc. Vậy nên nếu muốn đổi màu sau khi vẽ lưới trong photoshop, bạn có thể làm theo các bước sau:
- Bước 1: Mở Photoshop và chọn File > New để tạo một file mới.
- Bước 2: Tạo các đường Guides theo cách nào bạn thích.
- Bước 3: Chọn Edit > Preferences > Guides, Grid & Slices để mở cửa sổ Preferences.
- Bước 4: Trong cửa sổ Preferences, bạn chọn tab Guides, Grid & Slices và thay đổi màu sắc của Guides theo ý muốn. Bạn có thể chọn màu theo bảng màu hoặc nhập mã màu HEX.
- Bước 5: Sau khi thay đổi xong, bạn nhấn OK để lưu lại.
Đổi màu đường Guides trong Photoshop
Những câu hỏi thường gặp
Cách tạo lưới trong photoshop được rất nhiều người dùng quan tâm nên số lượng câu hỏi dành cho chủ đề này rất đa dạng. Dưới đây sẽ là giải đáp của Unica cho những câu hỏi thường gặp:
Có Cần Tắt Lưới Trước Khi In Bản Thiết Kế Không?
Bạn KHÔNG cần phải tắt lưới trước khi in bản thiết kế. Lưới chỉ là một công cụ hỗ trợ cho bạn trong quá trình thiết kế, nó không ảnh hưởng đến kết quả in. Bạn chỉ cần chọn File > Print để in bản thiết kế của mình.
Cách tắt lưới trong photoshop thế nào?
Muốn thực hiện cách tắt đường guide trong photoshop, bạn có thể làm theo 1 trong 2 cách sau:
- Cách 1: Chọn View > Show > Grid để bỏ chọn Grid. Hoặc bạn có thể nhấn phím tắt Ctrl + ’ để tắt Grid nhanh chóng.
- Cách 2: Chọn View > Snap To > Grid để bỏ chọn Snap To Grid. Hoặc bạn có thể nhấn phím tắt Ctrl + Shift + ’ để tắt Snap To Grid nhanh chóng.
Cách tắt lưới trong pts
Snapping có nghĩa là gì và tại sao nó lại quan trọng khi sử dụng lưới trong Photoshop?
Snapping là tính năng giúp các đối tượng tự động căn chỉnh theo lưới hoặc các đường Guides khi bạn di chuyển chúng gần lưới hoặc Guides. Snapping giúp bạn dễ dàng sắp xếp và bố trí các đối tượng một cách chính xác và đồng bộ trong bản thiết kế.
>>> Xem thêm: Layer là gì? Các thao tác với layer trong Photoshop cơ bản nhất
Tôi có thể thay đổi giao diện lưới của tôi không?
Bạn CÓ thể thay đổi giao diện lưới của bạn theo ý muốn. Các bước thực hiện như sau:
- Bước 1: Mở Photoshop và chọn File > New để tạo một file mới.
- Bước 2: Chọn View > Show > Grid để hiển thị lưới trên khung làm việc.
- Bước 3: Chọn Edit > Preferences > Guides, Grid & Slices để điều chỉnh các thiết lập của lưới.
Thay đổi giao diện lưới
Tổng kết
Trong bài viết này, chúng ta đã tìm hiểu về cách tạo lưới trong Photoshop, cũng như cách tạo đường Guide không cần Plugin. Những thao tác này sẽ giúp bạn căn chỉnh, sắp xếp và bố trí các đối tượng trong bản thiết kế một cách dễ dàng và chính xác. Hy vọng bài viết này sẽ hữu ích cho bạn trong quá trình sử dụng Photoshop. Chúc bạn thành công!
