Hướng dẫn này được viết bởi Martijn Breeuwer đặc biệt là cho Lorelei Web

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách tạo những mẫu nhỏ đó để tăng thêm gia vị cho đồ họa hoặc thiết kế web của bạn. Các mẫu không khó để tạo ra nhưng có thể có tác dụng rất lớn đến “sự hấp dẫn giới tính” trong thiết kế của bạn.

Tôi sẽ hướng dẫn bạn cách tạo một số mẫu phổ biến và mẫu chống rách. Tôi cũng sẽ chỉ cho bạn một số ví dụ về các mẫu thay thế.

Đường quét chéo
Chúng ta sẽ bắt đầu với một mẫu rất phổ biến. Các đường quét chéo.

Mở một tài liệu mới trong photoshop và làm cho nó có kích thước 3 x 3 pixel.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Tạo một lớp mới và xóa "Lý lịch" lớp để hình ảnh sẽ trở nên trong suốt.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Phóng to đến 1600% bằng cách nhấn CTRL + một vai lân.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Lấy dụng cụ bút chì và đặt nó ở kích thước 1px Chế độ: Bình thường và Độ mờ 100%
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Ấn Bản D để đặt lại màu của bạn thành đen trắng và vẽ một đường 3 chấm từ phía trên bên phải đến phía dưới bên trái.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Bây giờ đi đến Chỉnh sửa> xác định mẫu và đặt tên cho nó là đường quét hoặc bất cứ tên nào bạn muốn gọi.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Điều đó thật dễ dàng phải không?

Để sử dụng mẫu của bạn, hãy chọn Công cụ thùng sơn, lựa chọn: Họa tiết từ hộp thả xuống và chọn mẫu của bạn.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Hoặc đi tới các tùy chọn hòa trộn và áp dụng lớp phủ mẫu.

Đảm bảo bạn tạo một lớp mới trước khi áp dụng mẫu này vào tác phẩm của mình. Đôi khi mẫu sẽ trông đẹp hơn khi
độ mờ được giảm xuống một chút.

Kiểm tra kết quả.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Tất nhiên, bạn cũng có thể tạo mẫu có khoảng cách giữa các dòng lớn hơn. Để thực hiện việc này, hãy sử dụng phương pháp trên nhưng tạo khung vẽ có kích thước 5 x 5 pixel.
Đây sẽ là kết quả.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Đường quét ngang
Làm thế nào về một số đường quét ngang? (Hữu ích khi bạn đang tạo thứ gì đó như màn hình tivi hoặc máy tính, v.v.)

Mở một tài liệu mới trong photoshop và làm cho nó có kích thước 1 pixel chiều rộng x 2 chiều cao.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Bây giờ tạo một lớp mới và xóa lớp “Nền” để hình ảnh trở nên trong suốt.

Phóng to đến 1600% bằng cách nhấn CTRL + một vài lần.

Bây giờ hãy lấy công cụ bút chì và đặt nó ở kích thước 1px. Chế độ: Bình thường và Độ mờ 100%. Cài đặt tương tự như trước

Nhấn D để đặt lại màu của bạn thành đen trắng và tô màu đen cho pixel trên cùng.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Bây giờ hãy vào Chỉnh sửa>Xác định mẫu và đặt tên là đường quét ngang.

Kết quả.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Chấm nhỏ
Oke bây giờ chúng ta đang tạo ra một số chấm nhỏ.
Chúng tôi sử dụng phương pháp tương tự như chúng tôi đã sử dụng với các dòng quét.

Mở một tài liệu mới trong photoshop và làm cho nó có kích thước 3 pixel chiều rộng x 3 chiều cao.

Bây giờ tạo một lớp mới và xóa lớp “Nền” để hình ảnh trở nên trong suốt.

Phóng to đến 1600% bằng cách nhấn CTRL + một vài lần.

Bây giờ hãy lấy công cụ bút chì và đặt nó ở kích thước 1px. Chế độ: Bình thường và Độ mờ 100%.

Nhấn D để đặt lại màu của bạn thành đen trắng và vẽ một chấm ở giữa khung vẽ.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Bây giờ vào Edit>Define Pattern và đặt tên là Smalldots.

Kết quả.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Đi qua
Hãy tạo một mẫu corss. Tạo tài liệu 5 x 5 pixel và sử dụng phương pháp trên

Nhưng bây giờ bạn vẽ một cây thánh giá.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

đi tới Chỉnh sửa>Xác định mẫu và đặt tên là crosses1 hoặc bất cứ thứ gì.

Kết quả
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

ANTI RIP/mẫu bảo vệ bản quyền
Cuối cùng nhưng không kém phần quan trọng, tôi sẽ dạy bạn tạo mẫu chống rách.

Mở một tài liệu mới và đảm bảo bạn có đủ dung lượng. 600 x 600 pixel sẽ hoạt động tốt. Chúng ta sẽ cắt nó sau.

Tạo một lớp mới và xóa lớp “Nền” để làm cho hình ảnh trong suốt.

Bây giờ hãy lấy công cụ Văn bản và sử dụng phông chữ có thể đọc được. Ariel, Tahoma, Verdana, Times, v.v.

Tôi đã sử dụng các cài đặt này:
Verdana | in đậm | 12 điểm | à: không có

Kích thước phải ở khoảng 12px, không đặt kích thước lớn nếu không nó sẽ không hoạt động tốt như một mẫu.

Bây giờ hãy nhập nội dung như: “được tạo bởi tên của bạn” hoặc “(c) tên của bạn”. Tôi gõ (c) và sau đó là tên của tôi.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Nhấp chuột phải vào lớp văn bản và chọn kiểu rasterize hoặc vào Select > rastarize > type.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Bây giờ nhấn CTRL T (Biến đổi miễn phí) và xoay tên khoảng -30 độ.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Nhấn enter để xác nhận xoay. Phóng to một chút và chọn công cụ cắt.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Đặt chuột vào phần dưới của văn bản rồi nhấp và kéo nó lên trên cùng của văn bản. Đảm bảo bạn chọn tất cả văn bản và chừa một khoảng trống ở trên cùng và dưới cùng.

Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Bây giờ nhấn enter.
Bây giờ bạn sẽ có một cái gì đó như thế này.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Vào Chỉnh sửa>Xác định mẫu và gọi nó là bản quyền.

Mở thiết kế web mới nhất mà bạn muốn bảo vệ khỏi kẻ ripper và tạo một lớp mới.

Chọn công cụ Paint Bucket và chọn mẫu bản quyền. Giảm độ mờ để người xem có thể nhìn thấy hình ảnh
nhưng khó hơn đối với những người muốn rip.

Tôi đã áp dụng điều này cho một mẫu tôi đang làm việc. Độ mờ khoảng 20%.
Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Kết hợp và thử nghiệm
Bây giờ bạn đã biết cách tạo mẫu, đã đến lúc kết hợp và thử nghiệm nó.

Kiểm tra các mẫu khác nhau. Khả năng là vô tận. Từ văn bản, hình dạng (hoa, v.v.) và đường nét, tất cả chúng đều có thể được sử dụng để tạo mẫu.

Tất cả những gì bạn cần biết về làm việc với các mẫu - Tạo và triển khai - Hướng dẫn PS Lorelei Web Design

Cảm ơn bạn đã xem hướng dẫn này, tôi hy vọng bạn đã học được điều gì đó.