Membuat Pattern Garis 45° dengan Photoshop

11 Aug

Ini hanyalah tutorial sederhana untuk Photoshop yaitu membuat pattern garis 45°. Kadang-kadang kita menggunakaan pattern garis yang dioverlay dengan suatu image tertentu dengan tujuan artistik.
Berikut langkah-langkahnya :

Langkah 1

Buka dokumen baru dengan ukuran 3 x 3 pixels, 72 dpi, RGB dan transparan background.

Langkah 2

Pilih Line tool (U) dan pilih fill pixels.

Langkah 3

Zoom halaman sampai 1600%. Kemudian buatlah garis menggunakan line tool sehingga nampak seperti dalam gambar.

Langkah 4

Dengan Retangcular Marquee Tool (M), pilihlah dokumen.

langkah 5

Klik menu “Edit” dan pilih “Define Pattern”. Akan muncul jendela baru. Silakan diberi nama dan klik “OK”.
Sekarang Anda sudah memiliki sebuah pattern.

Menggunakan Pattern

Buka sebuah image yang akan Anda overlay dengan patern yang baru Anda buat.  Buat layer baru diatas layer image. Klik menu “Edit” dan klik “Fill”.  Pilih pattern yang telah Anda buat. Klik “OK”.


Agar gambar yang dibawah layer pattern keliatan, turunkan opacity pattern atau gunakan blending mode. Pilih sesuai keinginan.

Jika Anda ingin menggukanan pattern tersebuat sebagai background html, simpan dokumen menggunakan “Save for Web & Devices”. Biasanya menggunakan fungsi repeat  untuk membuat image tersebuat menjadi sebuah pattern di sebuah halaman HTML.

Tags: , ,

7 Responses to “Membuat Pattern Garis 45° dengan Photoshop”

  1. leoaw Saturday, 13 August, 2011 at 9:04 pm #

    Saya biasanya ambil gambar stripes dari stripes generator di internet :)

  2. Jaka Thursday, 8 September, 2011 at 1:01 am #

    pixels pattern mas namanya..
    sip info niih :)

Trackbacks/Pingbacks

  1. Membuat Gambar 3D dengan CorelDraw « Belajar Desain - Tuesday, 6 September, 2011

    [...] tips Photoshop, pada kesempatan ini saya ingin berbagi tip tentang membuat gambar 3D dengan CorelDraw. Sebenarnya [...]

  2. 10 Tutorial Photoshop Keren versi Indonesia « Belajar Desain - Wednesday, 21 September, 2011

    [...] tidak perlu kebanyakan nyocot.  Setelah membolak balik kibod, akhirnya ane temukan beberapa tutorial photoshop yang keren dan bisa dijadikan pelajaran dan inspirasi.  Ayo kita simak [...]

  3. Belajar Desain - Wednesday, 5 October, 2011

    [...] Membuat Pattern Garis 45° dengan Photoshop [...]

  4. Download Infrared Actions Keren untuk Photoshop « Belajar Desain - Wednesday, 5 October, 2011

    [...] Membuat Pattern Garis 45° dengan Photoshop [...]

  5. Filter Displacement Map pada Photoshop « Belajar Desain - Friday, 14 October, 2011

    [...] 1.10 Tutorial Photoshop Keren versi Indonesia 2. Download Infrared Actions Keren untuk Photoshop 3. Membuat Pattern Garis 45° dengan Photoshop [...]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 257 other followers