Cảm ơn các bạn đã tin tưởng và ủng hộ chúng tôi. Nếu không tải xuống thành công vui lòng liên hệ zalo: tại đây!
Khi bạn tạo lưới trong Photoshop, giao diện người dùng được chia thành các ô có cùng kích thước hoặc kích thước bạn chọn. Với các ô phân chia như vậy, chúng ta có thể chia ảnh thành các phần bằng nhau, giống như chia sẻ ảnh trong một bài đăng ảnh nổi bật trên Facebook. Tuy nhiên, để tạo lưới trong Photoshop, người dùng cần đặt đúng kích thước để tạo lưới như kế hoạch. Bài viết dưới đây hướng dẫn bạn cách tạo lưới trong Photoshop.
Tóm Tắt
1. Tạo lưới Photoshop dạng tự do
Lưới dạng tự do là khi bạn không cần bất kỳ kích thước hoặc khoảng cách nào giữa các ô, chỉ cần tạo lưới để lấy các điểm mốc. Nhấn Ctrl + R. để hiển thị Cái thước đã sẵn sàng Nhấp chuột trái vào thước và kéo canvas xuống. Lặp lại các bước trên để có các đường lưới khác. Chúng ta làm tương tự cho các đường lưới ngang và các đường lưới dọc.
Kết quả là như sau. Để xóa từng lưới, hãy nhấp và giữ thanh lưới và kéo nó trở lại vùng thước kẻ. Hoặc nhấn Ctrl + H để ẩn toàn bộ lưới.
2. Tạo lưới theo vị trí thước
Muốn tạo lưới đúng vị trí theo quy tắc, bạn cần dựa vào thanh thước ngang và thước dọc trong giao diện Photoshop.
Bước 1:
Chúng tôi bấm vào Xem> Hướng dẫn mới. Bây giờ hiển thị bề mặt cho bạn Chọn các đường lưới ngang hoặc dọc và vị trí Lưới ô vuông nên đặt ở đâu trong thước? Ở bước này bạn cần tính toán kỹ vị trí đặt thanh ngang hay vạch dọc nếu muốn chia hình ảnh thành các ô vuông bằng nhau. Ngang là lưới ngang, trong khi Dọc là lưới dọc. Vị trí là vị trí của lưới dựa trên thước.
Bước 2:
Chọn một vị trí và kéo từ trên xuống dưới, từ trái sang phải để vẽ các đường lưới dọc hoặc ngang. Kết quả của các đường lưới được hiển thị như sau, và có nhiều quy tắc hơn khi dựa trên thước kẻ.
Bước 3:
Trong quá trình làm việc, bạn có thể phải vẽ rất nhiều lưới trục và vô tình làm di chuyển lưới. Nếu vậy, bạn có thể Khóa đường lưới lần nữa. nhấp chuột Xem và chọn Hướng dẫn khóa (Alt + Ctrl +;). Nếu bạn khóa lưới, bạn sẽ không thể di chuyển các đường lưới. Tránh nhấp chuột không chính xác.
3. Tạo một lưới Photoshop phân bố đều hình ảnh
Trong Photoshop CC, nếu tất cả những gì bạn cần làm là nhấp vào New Manual Layout … để thiết lập thì với CS6 chúng ta cần cài đặt thêm các công cụ hỗ trợ GuideGuide.
Trước tiên, bạn sẽ cần cài đặt GuideGuide, một phần mở rộng của Photoshop để tạo các đường chuẩn được thiết kế đặc biệt để chia lưới dễ dàng hơn. Cần có Photoshop CS4 trở lên để cài đặt GuideGuide.
Các phần mở rộng của Photoshop có thể được cài đặt thông qua Adobe Extension Manager như sau.
Tính kích thước mắt lưới
Trước khi thiết lập các dòng mặc định trong Photoshop, bạn cần tính toán kích thước lưới, bao gồm tổng chiều rộng, chiều rộng cột, số cột và khoảng cách giữa các cột. Chúng có thể dễ dàng thực hiện bằng công cụ Máy tính Gid của Heroku.com (có tại: http://gridcalculator.dk/).
Trong ví dụ này, bài báo cho biết tổng chiều rộng 1000px, Khoảng cách giữa các cột là 30px và là số cột mười. Công cụ này sau đó sẽ tự động tạo chiều rộng nội dung thực tế và chiều rộng cột tương ứng.
Bạn cũng có thể tải xuống lưới CSS đã tạo.
Tạo lưới
Đã đến lúc quay lại Photoshop. Đi tới menu Cửa sổ> Tiện ích mở rộng để xem trang tổng quan GuideGuide trong thanh bên của Photoshop. Sau đó, tạo một canvas Photoshop mới và điều chỉnh chiều rộng khung cho phù hợp Chiều rộng đầy đủ – Trong trường hợp này, nó là 1000px.
Điền vào các trường trong bảng điều khiển GuideGuide – Máng xối cột, chiều rộng cột và Số cột – Thực hiện theo các trường trong máy tính lưới.
Sau đó chuyển sang tab trong bảng điều khiển GuideGuide Bộ Trong tab này, bạn sẽ tìm thấy kết cấu được đặt trước để tạo các đường chuẩn xung quanh các cạnh của canvas.
Tất cả các hoạt động được thực hiện. Đây là một lưới tùy chỉnh mà bạn có thể sử dụng khi thiết kế trang web của mình.
Ngoài ra, bạn có thể thêm nhiều không gian hơn vào bên trái và bên phải của canvas bằng cách tăng chiều rộng và sau đó thêm hình chữ nhật trong các lớp mới để tạo trình trợ giúp trực quan cho các cột lưới. .
Xem thêm:
