Kiểm tra nếu một BG sẽ lặp lại Ngói đúng cách trong Photoshop?


9

Tôi thường xuyên làm việc để tạo kết cấu nền trong Photoshop để được sử dụng trên web. Thật không may, tôi thường phải đoán, hoặc chỉ sử dụng miễn phí từ các trang web khác.

Tôi muốn xây dựng kết cấu của riêng mình trong Photoshop và kiểm tra xem chúng có xếp đúng không trước khi xuất hình ảnh. Có cách nào để làm điều này một cách nhanh chóng? Tôi nhớ một phương pháp sử dụng offset, nhưng tôi không quen với các công cụ này.

Dưới đây là một vài ví dụ về gạch nền để bạn có thể thấy những gì tôi đang nói về:

gạch1

gạch2

Câu trả lời:


17
  • tạo hình ảnh của bạn. Ví dụ: giả sử hình vuông 200px
  • đi tới LỌC> KHÁC> OFFSET và nhập số x và y bằng một nửa kích thước hình ảnh của bạn (trong trường hợp này là 100px)
  • điều này sẽ chuyển hình ảnh của bạn qua nhiều pixel đó và đặt các pixel đã được di chuyển khỏi khung vẽ sang phía bên kia. Bây giờ bạn sẽ thấy một đường may chạy xuống giữa hình ảnh của bạn trong đó mẫu không hoàn toàn lặp lại.
  • chạm vào đường may này để làm cho nó trở thành một sự pha trộn mượt mà bằng cách sử dụng bất kỳ công cụ nào bạn thích (công cụ nhân bản là một tùy chọn phổ biến).
  • lưu hình ảnh mới của bạn.

Đối với các hình ảnh phức tạp hơn, bạn có thể cần phải thực hiện bù trừ cuối cùng bằng 1/4 kích thước pixel để chạm lên các cạnh mà bạn có thể đã bỏ lỡ lần đầu tiên rơi xuống gần mép của khung vẽ.


Cảm ơn bạn điều này là hoàn hảo! Chính xác những gì tôi đang tìm kiếm
Quần đảo Destiny

5

DA01 trả lời làm thế nào để làm cho nó nhưng câu hỏi của bạn là làm thế nào để kiểm tra nó. Câu trả lời cho câu hỏi đó là:

  1. Chọn lớp mẫu của bạn
  2. Chỉnh sửa> xác định mẫu
  3. Tạo lớp mới
  4. Chọn tất cả
  5. Chỉnh sửa> Điền> Mẫu> Chọn mẫu của bạn
  6. Nhấn ổn và xem nếu nó có vẻ tốt

2
ừm Tôi hoàn toàn đọc sai câu hỏi! Mẹo tốt. Một tùy chọn khác là chỉ cần tạo một tệp HTML thử nghiệm với nền lặp lại. Sau đó, chỉ cần tiếp tục lưu lại tệp và tải lại trình duyệt.
DA01

1
Có, tôi biết cách thực hiện bằng HTML / CSS nhưng không biết rằng Photoshop cũng có thể kiểm tra. Cảm ơn vì lời khuyên!
Quần đảo Destiny

2

Theo truyền thống, tôi lưu hình ảnh dưới dạng jpg hoặc png và sau đó sử dụng html cơ bản để kiểm tra ốp lát.

<html>
<head></head>
<body style="background: url(image.jpg) repeat 0 0;">
</body>
</html>

Mở nó trong một trình duyệt và bạn có thể thấy ốp lát và chỉ cần lưu lại "image.jpg" và làm mới trang web để kiểm tra sửa đổi.


1

Cũng có một cách khác để làm điều này, nhưng giới hạn là tất cả các mẫu khác phải có cùng kích thước bạn sẽ thấy tại sao.

Các bước:

  • Tạo một hộp 200px x 200px.
  • Chuyển đổi nó thành một đối tượng thông minh.
  • Nhân đôi và căn chỉnh nó để có 3 hộp theo chiều ngang. Hãy chắc chắn rằng không có chồng chéo hoặc không gian ở giữa.
  • Nhân đôi ba hộp được chọn thành 3 cột dọc.
  • Nếu chưa được bật, hãy bật các cửa sổ nổi trong Tùy chọn.
  • Nhấp đúp chuột và mở đối tượng thông minh.
  • Căn chỉnh cả hai cửa sổ để bạn có thể xem cả hai tập tin.
  • Điền vào đối tượng thông minh với bất kỳ mẫu nào bạn muốn và đồng thời nhìn thấy nó trong cửa sổ khác.

1

Có một công cụ tuyệt vời (phần mềm miễn phí cho sử dụng cá nhân) được gọi là AMP Tile Viewer cho phép bạn nhanh chóng kiểm tra xem một hình ảnh có thể điều chỉnh được hay không và nó sẽ trông như thế nào. Tôi sử dụng nó mọi lúc và nó hoạt động rất tốt. Không cần phải tạo các mẫu trong Photoshop, bạn sẽ không bao giờ sử dụng hoặc phải xóa sau đó.



0

Cách tôi làm chỉ là lưu gạch dưới dạng jpg và đặt nó vào ô trên máy tính để bàn của tôi. Khá nhanh chóng và dễ dàng.

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.