Cách tạo lưới trong Photoshop - Tạo đường Guide không cần Plugin

Cách tạo lưới trong Photoshop - Tạo đường Guide không cần Plugin

Mục lục

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:

1. 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.

tao-luoi-trong-photoshop

Grid là hệ thống các đường thẳng song song và vuông góc với nhau

2. 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-trong-pts.jpg

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

3. 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:

3.1. Đ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.

phan-biet-Grid-va-duong-Guide-trong

Phân biệt Grid và Guides

3.2. Đ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ắt ghép Banner, Poster sản phẩm đơn giản bằng Photoshop
Mai Xuân Huy (Huy Quần Hoa)
299.000đ
800.000đ

Kỹ năng photoshop cho họa sỹ Concept Art
Phạm Đức Duy
299.000đ
900.000đ

Làm chủ photoshop cùng Huy Quần Hoa
Mai Xuân Huy (Huy Quần Hoa)
499.000đ
700.000đ

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ụ.

chon-grid-trong-Photoshop.jpg

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-luoi-grid.jpg

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).

thay-doi-giao-dien-cua-luoi.jpg

 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.

Preferences-chọn-Guides-Grid-Slices.jpg

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.

nhan-ok.jpg

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:

luoi-sau-khi-doi-mau-va-chinh-khoang-cach.jpg

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:

1. 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.

tao-luoi-bang-rule.jpg

Tạo lưới bằng Rulers trong pts

2. 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.

chon-view

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.

tao-mang-luoi

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. 

luu-luoi

Save Preset

>>> Xem thêm: Photoshop Portable là gì? Ưu nhược điểm và ứng dụng của Photoshop Portable

3. 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.

chon-Lock-Guides.jpg

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.

bo-co-dinh-duong-giong.jpg

Bỏ cố định đường lưới

4. 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ụ.

chon-New-Guide-Layout-de-tao-nhieu-duong-giong.jpg

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.

thiet-lap-cac-thong-so-trong-New-Guide-Layout.jpg

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.

xoa-duong-giong-bang-Clear-Guides.jpg

Chọn Clear Guides

5. Đổ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.

doi-mau-Guides-trong-pts.jpg

Đổ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:

1. 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.

2. 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.

cach-tat-luoi-trong-pts.jpg

Cách tắt lưới trong pts

3. 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

4. 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-doi-giao-dien-cua-luoi.jpg

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!

Đánh giá :

Tags: Bán hàng Online
Trở thành hội viên