Làm thế nào để nhanh chóng và dễ dàng tạo lưới với Adobe Photoshop?


32

Giả sử tôi cần vẽ một lưới trong Photoshop, mỗi ô vuông có cùng kích thước và một số pixel nhất định cao và rộng, và các đường lưới có chiều rộng pixel nhất định. Như thế này:

nhập mô tả hình ảnh ở đây

Hiện tại tôi làm điều này bằng cách vẽ một hình vuông, sao chép + dán + di chuyển + hợp nhất nó một vài lần để tạo một hàng, sao chép / dán một vài lần để tạo nhiều hàng hơn nhau.

Nó hoạt động, nhưng cảm thấy rất vụng về, tôi chắc chắn phải có một cách hiệu quả hơn để làm điều này?

Một số phương pháp hiệu quả để tạo ra một lưới các hình vuông có kích thước bằng nhau là gì?


3
Nếu bạn có Illustrator, tôi sẽ làm nó ở đó. Xem cái này: Graphicsdesign.stackexchange.com/questions/16869/ Khăn - sau đó chỉ cần sao chép / dán vào Photoshop.
Scott

Câu trả lời:


61

Hãy thử sử dụng các mẫu. Ví dụ về hình vuông của bạn:

Vẽ hình vuông ban đầu của bạn và marquee - chọn một hình vuông nhỏ hơn chỉ bao gồm các cạnh trên và bên trái. Sau đó chọn Edit > Define Pattern...và lưu mẫu của bạn với một tên.

Tiếp theo, marquee-chọn khu vực mà bạn muốn điền. Sau đó chọn Edit > Fill..., chọn Use: Patternvà chọn mẫu hình vuông của bạn.

nhập mô tả hình ảnh ở đây


Làm thế nào bạn có thể làm cho nó để không có một nửa tế bào, trong đó nó phù hợp hoàn hảo?
người đàn ông nhỏ bé

1
Trong ví dụ trên, tôi đã sử dụng bảng thông tin để đo kích thước lưới. Trong trường hợp này, nó là 86px. Nếu bạn muốn xếp một khung vẽ mà không có 'nửa ô', hãy sử dụng một giá trị nhân đồng đều vào kích thước của khung vẽ.
Alex Blackwood

Chà, tôi có lớp mà tôi đã vẽ hình vuông đã chọn và tất cả các marquee đã được thiết lập, tuy nhiên Chỉnh sửa> Xác định mẫu là một lựa chọn menu bị vô hiệu hóa đối với tôi. Caffein.
Dave Munger

6

Nếu bạn đang cố gắng tạo lưới chỉ vì lợi ích của bạn trong khi thiết kế, có một tiện ích mở rộng có tên GuideGuide sẽ thực hiện việc này một cách hiệu quả.

Nếu bạn cần lưới là một phần của thiết kế, tôi khuyên bạn nên tạo một dòng bằng công cụ marquee và sau đó sao chép nó nhiều lần bạn cần, sau đó sử dụng các Layer >> Distributetùy chọn để có được chúng một cách hoàn hảo.


2
  1. Chọn photoshop → sở thích → hướng dẫn, lưới & lát.

  2. Xác định lưới theo ý muốn

  3. Chọn chế độ xem → hiển thị → lưới; sau đó kiểm tra bổ sung.

  4. Kiểm tra xem → snap vào lưới; sau đó kiểm tra snap.

  5. Bật cửa sổ Đường dẫn nếu nó không hiển thị. Tạo một đường dẫn mới gọi là Ngang.

  6. Sử dụng công cụ bút ( P). Xác định một đoạn đường nằm ngang ở đầu lưới. Nhấp chuột đầu tiên ở bên trái, sau đó bên phải.

  7. Sử dụng công cụ chọn đường dẫn ( A, mũi tên đen). Nhấp vào đường dẫn, nhấn giữ tùy chọn ( Alt) để tạo các bản sao của đối tượng.

  8. Tạo một đường dẫn mới khác gọi là dọc.

  9. Sử dụng công cụ bút ( P). Xác định một đoạn đường thẳng đứng của lưới ở phía bên trái. Nhấp chuột đầu tiên trên đầu trang, sau đó dưới cùng.

  10. Sử dụng công cụ chọn đường dẫn ( A, mũi tên đen). Nhấp vào đường dẫn, nhấn giữ tùy chọn ( Alt) để tạo các bản sao của đối tượng.

  11. Tạo một lớp mới cho lưới (tùy chọn). Nếu không, lưới sẽ được vẽ trên bất kỳ lớp nào đang hoạt động.

  12. Cửa sổ bảng màu → Chọn đường dẫn ngang , sau đó chọn đường dẫn nét (sử dụng màu nền trước) từ menu con tùy chọn (nhấp vào hình tam giác nhỏ có ba dòng ở góc trên bên phải của cửa sổ bảng màu), chọn cọ hoặc bút chì.

  13. Lặp lại bước trước để vuốt đường dẫn dọc .


1
Đó là một khối lượng công việc khổng lồ để làm điều đó như thế này.
Evan Carslake

Thật ra, điều đó khá nhanh đối với tôi. Có cách nào tốt hơn để tạo một lưới các đường dẫn (chứ không phải pixel) không? Rất gọn gàng có nó chụp vào lưới. Cảm ơn!
emrys57

2

Tôi đã tìm thấy một cách nhanh chóng để giải quyết vấn đề của mình (tôi có PS CS4): Tôi đã sử dụng "Hiển thị lưới", điều chỉnh kích thước, v.v. trong Tùy chọn, nhận chính xác cách tôi muốn và sau đó chụp ảnh màn hình, dán nó vào tập tin của tôi như là một lớp mới, và cắt nó theo kích thước và tỷ lệ. Điều này sẽ không đủ độ phân giải cao đối với một số người dùng, nhưng nó cực nhanh và đáp ứng nhu cầu của tôi.


2

Trong tab "xem" Bố cục hướng dẫn mới

điều này sẽ mở một cửa sổ mới Cài đặt sẵn - bạn có thể lưu, tải và tạo bố cục hướng dẫn để sử dụng nhiều lần kiểm tra hoặc bỏ chọn cột hoặc hàng tùy theo nhu cầu của bạn Tôi khuyên bạn nên kiểm tra "xem trước" Số lượng = Số lượng hướng dẫn bạn muốn Độ rộng = Khoảng cách giữa các hướng dẫn được tạo Gutter = khoảng cách giữa các hướng dẫn Margin = đặt lề thiết kế của bạn, bạn có thể nhập giá trị cho đỉnh, trái, dưới và phải

cột trung tâm và hướng dẫn rõ ràng cũng có thể được chọn

Đây là dành cho Photoshop CC 2015.5

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.