Tutorial ini ditulis oleh Martijn Breeuwer terutamanya untuk Lorelei Web

Dalam tutorial ini saya akan menunjukkan kepada anda cara membuat corak kecil tersebut untuk menyemarakkan grafik atau reka bentuk web anda. Corak tidak sukar untuk dibuat, tetapi boleh memberi kesan yang besar pada "rayuan seks" reka bentuk anda.

Saya akan menunjukkan kepada anda cara untuk mencipta beberapa corak popular dan corak anti koyak. Saya juga akan menunjukkan kepada anda beberapa contoh corak alternatif.

Garis Imbasan Diagonal
Kami akan mulakan dengan corak yang sangat popular. Garis imbasan pepenjuru.

Buka dokumen baharu dalam photoshop dan jadikannya 3 kali 3 piksel.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Buat lapisan baharu dan padamkan lapisan “Latar Belakang” lapisan supaya imej menjadi telus.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Zum masuk sehingga 1600% dengan menekan CTRL + beberapa kali.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Merebut alat pensel dan tetapkannya kepada Mod saiz 1px: Normal dan Kelegapan 100%
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Keratan Akhbar D untuk menetapkan semula warna anda kepada hitam&putih dan cat garisan 3 titik dari kanan atas ke kiri bawah.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Sekarang pergi ke Edit>Tentukan corak dan namakannya scanlines atau apa sahaja yang anda suka memanggilnya.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Itu adalah mudah bukan?

Untuk menggunakan corak anda pilih Alat baldi cat, pilih: corak daripada kotak lungsur turun dan pilih corak anda.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Atau pergi ke pilihan campuran dan gunakan tindanan corak.

Pastikan anda membuat lapisan baharu sebelum menggunakan corak pada kerja anda. Kadang-kadang corak akan kelihatan lebih baik apabila
kelegapan diturunkan sedikit.

Semak hasilnya.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Sudah tentu anda juga boleh mencipta corak di mana ruang antara garisan lebih besar. Untuk melakukan ini gunakan kaedah di atas tetapi buat kanvas 5 kali 5 piksel.
Ini akan menjadi hasilnya.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Garis Imbasan Mendatar
Bagaimana pula dengan beberapa garis imbasan mendatar? (Berguna apabila anda mencipta sesuatu seperti skrin tv atau pc dll)

Buka dokumen baharu dalam photoshop dan jadikan ia 1 lebar dengan 2 piksel ketinggian.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Sekarang buat lapisan baharu dan padamkan lapisan "Latar Belakang" supaya imej menjadi telus.

Zum masuk sehingga 1600% dengan menekan CTRL + beberapa kali.

Sekarang ambil alat pensel dan tetapkannya kepada saiz 1px Mod: Normal dan Opacity 100%. Tetapan yang sama seperti sebelumnya

Tekan D untuk menetapkan semula warna anda kepada hitam&putih dan cat piksel teratas hitam.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Sekarang pergi ke Edit> Tentukan corak dan namakannya horizontalscanlines.

Keputusan.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Titik kecil
Ok sekarang kita sedang mencipta beberapa titik kecil.
Kami menggunakan kaedah yang sama seperti yang kami gunakan dengan garis imbasan.

Buka dokumen baharu dalam photoshop dan jadikan ia 3 lebar dengan 3 piksel ketinggian.

Sekarang buat lapisan baharu dan padamkan lapisan "Latar Belakang" supaya imej menjadi telus.

Zum masuk sehingga 1600% dengan menekan CTRL + beberapa kali.

Sekarang ambil alat pensel dan tetapkannya kepada saiz 1px Mod: Normal dan Opacity 100%.

Tekan D untuk menetapkan semula warna anda kepada hitam&putih dan lukiskan titik di tengah kanvas.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Sekarang pergi ke Edit> Tentukan corak dan namakan titik kecil.

Keputusan.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Melintasi
Mari buat corak corss. Buat dokumen 5 kali 5 piksel dan gunakan kaedah di atas

Tetapi sekarang anda melukis salib.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

pergi ke Edit> Tentukan corak dan namakan ia bersilang1 atau apa sahaja.

Hasilnya
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

ANTI RIP/corak perlindungan hak cipta
Akhir sekali saya akan mengajar anda membuat corak anti koyak.

Buka dokumen baharu dan pastikan anda mempunyai ruang yang mencukupi. 600 kali 600 piksel akan berfungsi dengan baik. Kami akan memotongnya kemudian.

Buat lapisan baharu dan padamkan lapisan "Latar Belakang" untuk menjadikan imej telus.

Sekarang ambil alat Teks dan gunakan fon yang boleh dibaca. Ariel, Tahoma, Verdana, Times, dll.

Saya menggunakan tetapan ini:
Verdana | berani | 12 pt | aa: tiada

Saiznya hendaklah sekitar 12px, jangan besarkan jika tidak ia tidak akan berfungsi dengan baik sebagai corak.

Sekarang taip sesuatu seperti: "dicipta dengan nama anda" atau "(c) nama anda". Saya taip (c) dan kemudian nama saya.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Klik kanan lapisan teks dan pilih jenis rasterize atau pergi ke Select > rastarize > type.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Sekarang tekan CTRL T (Transformasi percuma) dan putar nama kira-kira -30 darjah.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Tekan enter untuk mengesahkan putaran. Zum masuk sedikit dan pilih alat pangkas.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Letakkan tetikus anda pada bahagian bawah teks dan klik dan seret ke bahagian atas teks. Pastikan anda memilih semua teks dan tinggalkan sedikit ruang di bahagian atas dan bawah.

Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Sekarang tekan enter.
Anda kini sepatutnya mempunyai sesuatu seperti ini.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Pergi ke Edit> Tentukan corak dan panggil ia hak cipta.

Buka reka bentuk web terbaharu anda yang ingin anda lindungi daripada ripper dan buat lapisan baharu.

Pilih alat Paint Bucket dan pilih corak hak cipta. Kurangkan kelegapan supaya imej dapat dilihat oleh mereka yang ingin melihatnya
tetapi lebih sukar bagi mereka yang ingin merobek.

Saya menggunakan ini pada templat yang sedang saya kerjakan. Kelegapan adalah kira-kira 20%.
Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Menggabungkan dan mengeksperimen
Sekarang anda tahu cara untuk mencipta corak, masanya untuk menggabungkan dan mencubanya.

Semak corak yang berbeza ini. Kemungkinannya tidak berkesudahan. Daripada teks, bentuk (bunga dll) dan garisan, semuanya boleh digunakan untuk membuat corak.

Semua yang Anda Perlu Tahu Tentang Bekerja Dengan Corak - Cipta dan Laksanakan - Tutorial PS Lorelei Web Design

Thx kerana menyemak tutorial ini, saya harap anda belajar sesuatu.