Tutorial ini ditulis oleh Martijn Breeuwer khusus untuk Lorelei Web

Dalam tutorial ini saya akan menunjukkan cara membuat pola-pola kecil untuk membumbui desain grafis atau web Anda. Pola tidak sulit untuk dibuat, namun dapat memberikan pengaruh yang besar pada “daya tarik seks” desain Anda.

Saya akan menunjukkan cara membuat beberapa pola populer dan pola anti robek. Saya juga akan menunjukkan beberapa contoh pola alternatif.

Garis Pindaian Diagonal
Kita akan mulai dengan pola yang sangat populer. Garis pindaian diagonal.

Buka dokumen baru di Photoshop dan buatlah ukurannya 3 kali 3 piksel.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Buat layer baru dan hapus "Latar Belakang" lapisan sehingga gambar akan menjadi transparan.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Perbesar hingga 1600% dengan menekan CTRL + beberapa kali.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Ambil alat pensil dan atur ke ukuran 1px Mode: Normal dan Opacity 100%
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Tekan D untuk mengatur ulang warna Anda menjadi hitam putih dan melukis 3 garis putus-putus dari kanan atas ke kiri bawah.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Sekarang pergilah Sunting>Tentukan pola dan beri nama scanlines atau apa pun sebutannya.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Mudah bukan?

Untuk menggunakan pola Anda, pilih Alat ember cat, Pilih: pola dari kotak dropdown dan pilih pola Anda.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Atau buka opsi pencampuran dan terapkan overlay pola.

Pastikan Anda membuat layer baru sebelum menerapkan pola pada pekerjaan Anda. Terkadang polanya akan terlihat lebih baik ketika
opacitynya diturunkan sedikit.

Lihat hasilnya.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Tentu saja Anda juga bisa membuat pola yang jarak antar garisnya lebih besar. Untuk melakukan ini gunakan metode di atas tetapi buatlah kanvas berukuran 5 kali 5 piksel.
Inilah hasilnya.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Garis Pindaian Horisontal
Bagaimana dengan beberapa garis pindaian horizontal? (Berguna saat Anda membuat sesuatu seperti layar TV atau PC dll)

Buka dokumen baru di Photoshop dan buatlah 1 lebar kali 2 piksel tinggi.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Sekarang buat layer baru dan hapus layer “Background” sehingga gambar menjadi transparan.

Perbesar hingga 1600% dengan menekan CTRL + beberapa kali.

Sekarang ambil alat pensil dan atur ke ukuran 1px Mode: Normal dan Opacity 100%. Pengaturan yang sama seperti sebelumnya

Tekan D untuk mengatur ulang warna Anda menjadi hitam putih dan mengecat piksel atas menjadi hitam.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Sekarang pergi ke Edit>Define pattern dan beri nama horizontalscanlines.

Hasil.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Titik-titik kecil
Oke sekarang kita membuat beberapa titik kecil.
Kami menggunakan metode yang sama seperti yang kami gunakan dengan scanlines.

Buka dokumen baru di Photoshop dan buatlah 3 lebar kali 3 piksel tinggi.

Sekarang buat layer baru dan hapus layer “Background” sehingga gambar menjadi transparan.

Perbesar hingga 1600% dengan menekan CTRL + beberapa kali.

Sekarang ambil alat pensil dan atur ke ukuran 1px Mode: Normal dan Opacity 100%.

Tekan D untuk mengatur ulang warna Anda menjadi hitam putih dan cat sebuah titik di tengah kanvas.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Sekarang pergi ke Edit>Define pattern dan beri nama titik kecil.

Hasil.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Crosses
Mari membuat pola melintang. Buat dokumen berukuran 5 kali 5 piksel dan gunakan metode di atas

Tapi sekarang Anda menggambar salib.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

buka Edit>Tentukan pola dan beri nama crosses1 atau apa pun.

Hasil
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

ANTI RIP/pola perlindungan hak cipta
Terakhir saya akan mengajari Anda cara membuat pola anti sobek.

Buka dokumen baru dan pastikan Anda memiliki cukup ruang. 600 x 600 piksel sudah cukup. Kami akan memotongnya nanti.

Buat layer baru dan hapus layer “Background” untuk membuat gambar transparan.

Sekarang ambil alat Teks dan gunakan font yang mudah dibaca. Ariel, Tahoma, Verdana, Times, dll.

Saya menggunakan pengaturan ini:
Verdana | tebal | 12 poin | aa: tidak ada

Ukurannya harus sekitar 12px, jangan membuatnya terlalu besar jika tidak maka polanya tidak akan berfungsi dengan baik.

Sekarang ketikkan sesuatu seperti: “dibuat oleh nama Anda” atau “(c) nama Anda”. Saya mengetik (c) dan kemudian nama saya.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Klik kanan pada layer teks dan pilih jenis rasterisasi atau buka Select > rastarize > type.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Sekarang tekan CTRL T (Free transform) dan putar namanya sekitar -30 derajat.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Tekan enter untuk mengonfirmasi rotasi. Perbesar sedikit dan pilih alat potong.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Tempatkan mouse Anda di bagian bawah teks dan klik dan seret ke atas teks. Pastikan Anda memilih semua teks dan menyisakan ruang di bagian atas dan bawah.

Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Sekarang tekan enter.
Anda sekarang seharusnya memiliki sesuatu seperti ini.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Buka Edit>Tentukan pola dan beri nama hak cipta.

Buka desain web terbaru yang ingin Anda lindungi dari ripper dan buat layer baru.

Pilih alat Paint Bucket dan pilih pola hak cipta. Turunkan opacitynya agar gambar terlihat bagi yang ingin melihatnya
tapi lebih sulit bagi mereka yang ingin merobek.

Saya menerapkan ini pada template yang sedang saya kerjakan. Opasitasnya sekitar 20%.
Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Menggabungkan dan bereksperimen
Sekarang setelah Anda mengetahui cara membuat pola, sekarang saatnya menggabungkan dan bereksperimen dengannya.

Lihatlah pola-pola yang berbeda ini. Kemungkinannya tidak terbatas. Mulai dari teks, bentuk (bunga dll) dan garis, semuanya bisa digunakan untuk membuat pola.

Yang Perlu Anda Ketahui Tentang Bekerja Dengan Pola - Membuat dan Menerapkan - Tutorial PS Desain Web Lorelei

Terima kasih telah melihat tutorial ini, saya harap Anda mempelajari sesuatu.