Membuat pattern dengan Photoshop

Diarsipkan dalam kategori: Tutorial Photoshop Dasar tanggal: 31 January 2009 oleh Mbah Dewo

Pada tutorial kali ini saya akan menuliskan tentang cara membuat sebuah pola (pattern) yang dibuat berdasarkan sebuah gambar lain. Pattern ini bisa diterapkan untuk mengisi gambar lain sehingga terbentuk kumpulan gambar dari pola tersebut.

Langkah membuat pattern dengan Photoshop

Langkah 1
Bukalah sebuah gambar dengan Photoshop. Gambar bisa sesuka kita, namun karena akan dibuat pola, maka usahakan gambar tersebut berfokus di tengah-tengah, atau pinggir yang berlawanan.
Sebagai contoh kali ini, saya gunakan sebuah gambar logo windows dalam bentuk lingkaran.

gambar tutorial pattern photoshop 1

Langkah 2
Aturlah ukuran gambar agar sesuai untuk dijadikan pola. Karena saya ingin pola ini banyak dan kecil-kecil, maka ukuran gambar saya perkecil. Untuk mengubah ukuran gambar ini dengan cara memilih menu Image > Image Size. Lebih lanjut tentang pengubahan ukuran gambar bisa dibaca pada tutorial yang ini.

gambar tutorial pattern photoshop 2

Langkah 3
Pilih menu Edit > Define Pattern.
Kemudian setelah muncul kotak untuk memberi nama, isikanlah nama pattern yang diinginkan.

gambar tutorial pattern photoshop 3

Kemudian klik OK.

Langkah 4
Sekarang kita tes pattern tersebut.
Buatlah sebuah file baru, atau buka file gambar yang ingin diisi dengan pattern.

gambar tutorial pattern photoshop 4

Langkah 5
Pilih menu Edit > Fill. Pada bagian Use, pilih Pattern. Kemudian pada sebelah bawahnya (Custom Pattern), pilihlah pattern yang sudah kita buat tadi (biasanya pattern yang baru kita buat muncul di urutan paling bawah sendiri).

gambar tutorial pattern photoshop 5

Setelah itu, klik OK untuk menerapkan pattern.

gambar tutorial pattern photoshop 6

Selamat mencoba dan berkreasi dengan pattern pada Photoshop. Pada tutorial berikutnya kita coba menerapkan pattern untuk membuat sebuah efek pada foto.




24 Responses to “Membuat pattern dengan Photoshop”

  1. afridho says:

    Mas kirimnya ke e-mail Q aja yach…
    Soalnya jarang OL nich..

    E-mail Q : afridho.utama@hotail.com

    Ditunggu Lo mas

  2. afridho says:

    Mas mau nanya nich, Pas buat pattern pk “Pencil Tool” kok pas di Menu “Edit” kok g ada “Define Pattern”?Kan g bisa disave patternya…

    Tulungin Yach, Newbie disigner sich …wkwkwkkw

  3. arda says:

    Masih suka Narsis nga’ Mbah? he he 2009 x lam kenal.tq

  4. andi says:

    makasih..ya mas..saya download tutornya….kalau ada yg lain juga…thank

  5. siitikburukrupa says:

    bagus2 nh tutorialnya…jadi ga perlu beli buku panduan lagi deh…
    thx y ….aye doain deh moga2 mbh makin kece…..

  6. Bento says:

    Waah..bermanfaat ne bos tutorial photoshopnya., Tpi q binggung gmna ya memasukan contoh2 gambr ke blog?, seprti yang diatas apa ada sofwarenya unutk mengambil gmbarnya.. Klo cuman copy paste gk bisa y. Saya tunngu balasnnya.. atau lewat email ke yd_junky@ymail.com

    Thanks.

  7. sonor says:

    mbah sekarang kerja di mana?…

  8. Tami says:

    matur nuwun mbah, mugi-mugi dados amal jariah….

  9. Samudra says:

    Mbah …tutorial amat membantu tapi ada yg. terbalik-balik tuh jadi bingung kitanya …, tapi thats oke bisa ……
    Bikin yang lebih oke lagi dooooong … Mbah …

    Thanksss

    • Sadewo says:

      Yang terbalik bagian mana ya Samudra? Saya rasa urutannya sudah, jadi kalau ada yang terbalik mohon koreksinya yang lengkap, nanti saya betulkan kalau memang benar terbalik.

      Kalau Samudra bisa mengetahui kalau ada yang terbalik, berarti tidak bingung. Tapi bener ini, ada yang terbalik? Jangan2 mas Samudra hanya pura2 bingung.
      :D

  10. CyB3R-haCK says:

    Thanx mas.. Brmanfaat bgt nich..

  11. bhakti says:

    mbah aku copy artikelnya ya… tuk belajar dirumah :D

  12. bhakti says:

    Makash mbah… sangat berguna skali tuk yg pengen belajar .. :D

  13. [...] Caranya pembuatan pattern dan juga cara menerapkan pattern ke dalam gambar, sama seperti pada tutorial sebelumnya. [...]

  14. Irham Anshar says:

    mantep mbah, mantep……..
    tapi ini bisa di terapin photoshop CS2 kan mbah darmo, eh mbah dewo..

  15. aisalwa says:

    PERTAMAX !!!!

    AKHIRNYA DAPAT JUGA KESEMPATAN SEBELUM BACA2 …..
    tQ Mbah tutor …. nya

Leave a Reply