Membuat Anyaman dari Foto dengan Photoshop tentunya..

Desain grafis atau graphic design macem-macem aja, masa bikin anyaman dari foto?? emang bisa?

tentu saja bisa .. kan ada photoshop? mau?

Kadung janji ama orang-orang di facebook mau posting malem ini.. jadi..  Sebagai lelaki sejati tentunya kalo janji harus ditepatin .. hayah.. hehehe..  Setelah mandi, buka puasa , Sholat Taraweh dan sambil makan eMpek-Empek.. baru deh bisa posting dengan santai dan damai.. :p

Yuk ah mulai..

Buka foto yang mau dibikin anyaman.. Saran saya , cari foto yang sedikit background putihnya.  Soalnya nanti bakal timbul  garis yang bikin efek ini gak sempurna.

Sebagai contoh saya pake  foto Nadia lagi, yang ada background putihnya.. supaya pada tau yang saya maksud. 

Untuk memudahkan pembuatan anyaman, saya gunakan GRID : ini fungsinya sebagai garis bantu aja.

Cara menampilkan grid, Klik view > Show > Grid (CS3) .

untuk setting grid nya sendiri Klik Edit > preferences > General

saya pilih 3 cm karena gambar nya kecil. kalo besar laen lagi ukurannya .. jadi itu tergantung  besar Photograph nya. Terus gunakan warna yang kira-kira nyaman aja..

hasilnya :

Duplikat layer background sebanyak 2 kali , jadi Tekan CTRL + J sebanyak 2 kali. Ubah nama nya menjadi Horizontal dan Vertikal.

Layer Background diubah menjadi warna Hitam dengan menekan ALT + Backspace ( syaratnya Foreground color musti Hitam ya )

Buat kotak-kotak horizontal di layer Horizontal… Gunakan Rectangle marquee Tool.

Jangan lupa tekan tombol SHIFT untuk membuat kotak lain ke bawah nya.

Fungsi Grid sekarang baru kerasa.. hehehe.. jadi buat kotak memanjang ukuran 2 kotak grid lalu buat kotak lain dibawahnya dengan melewati 1 kotak grid.. begitu seterusnya.

Klik add vektor mask di layer Horizontal.

Sekarang ke Layer Vertikal.

Buat kotak-kotak seperti  layer horizontal, bedanya kotak-kotak yang dibentuk sekarang arah vertikal.. setelah terbentuk Klik add layer mask di layer vertikal.

Sekarang hilangkan Grid nya.. karena mengganggu banget hehehe..  Klik View > Show > grid (lagi) nanti contreng nya Ilang.

CTRL+Klik layer mask Horizontal lalu CTRL+ALT+SHIFT + klik layer mask Vertical

hasilnya akan ada seleksi – an banyak kotak…

Hapus sebagian kotak seperti pada gambar di bawah.

Gunakan Rectangle marquee tool. Seleksi kotak yang mau dihapus satu persatu sambil tekan Tombol ALT.

Tekan CTRL + J untuk mengcopy kotak-kotak hasil seleksi tadi.

sekarang kita buat seleksian kotak-kotak yang sebaliknya..

Tekan CTRL + klik layer mask horizontal dan CTRL+ALT+SHIFT + klik layer mask Vertical

nanti kebentuk lagi seleksian kotak-kotak seperti sebelumnya

hapus kotak-kotak kebalikan dari yang pertama.. Caranya sama aja kok dengan yang tadi, gunakan rectangle marquee tool..

kalo udah diapus sebagian kotaknya Tekan CTRL + J ( posisi cursor di layer Vertical )..

Pilih layer baru tadi. tekan CTRL + ALT + G untuk Clipping mask . sama juga untuk layer1.

Untuk Photoshop CS ke bawah  : Tekan  ALT lalu arahkan cursor garis separator antara layer 1 dan layer Horizontal.

nanti muncul tanda 2 Lingkaran kecil seperti ini :

Klik kanan layer 1 > Blending Options, Setting seperti dibawah

Beri Settingan yang sama untuk layer 2.

hasilnya :

hasil yang lain

Stop Dreaming Start Action nya jangan lupa yaa…

Selamat Mencoba!

INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA? <h2>Membuat Anyaman dari Foto dengan Photoshop tentunya..</h2> <p>Desain grafis atau graphic design macem-macem aja, masa bikin anyaman dari foto?? emang bisa?</p> <p>tentu saja bisa .. kan ada photoshop? mau?</p> <p>Kadung janji ama orang-orang di facebook mau posting malem ini.. jadi..  Sebagai lelaki sejati tentunya kalo janji harus ditepatin .. hayah.. hehehe..  Setelah mandi, buka puasa , Sholat Taraweh dan sambil makan eMpek-Empek.. baru deh bisa posting dengan santai dan damai.. :p</p> <p>Yuk ah mulai..</p> <p>Buka foto yang mau dibikin anyaman.. Saran saya , cari foto yang sedikit background putihnya.  Soalnya nanti bakal timbul  garis yang bikin efek ini gak sempurna.</p> <p>Sebagai contoh saya pake  foto Nadia lagi, yang ada background putihnya.. supaya pada tau yang saya maksud.  :D</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman1.jpg"><img class="alignnone size-full wp-image-1716" title="anyaman1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman1.jpg" alt="anyaman1" width="314" height="473" /></a></p> <p>Untuk memudahkan pembuatan anyaman, saya gunakan GRID : ini fungsinya sebagai garis bantu aja.</p> <p>Cara menampilkan grid, Klik view > Show > Grid (CS3) .</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman2.jpg"><img class="alignnone size-full wp-image-1718" title="anyaman2" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman2.jpg" alt="anyaman2" width="423" height="385" /></a></p> <p>untuk setting grid nya sendiri Klik Edit > preferences > General</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman3.jpg"><img class="alignnone size-full wp-image-1719" title="anyaman3" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman3.jpg" alt="anyaman3" width="498" height="293" /></a></p> <p>saya pilih 3 cm karena gambar nya kecil. kalo besar laen lagi ukurannya .. jadi itu tergantung  besar <a href="http://sigiteko.com">Photograph</a> nya. Terus gunakan warna yang kira-kira nyaman aja..</p> <p>hasilnya :</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman4.jpg"><img class="alignnone size-full wp-image-1720" title="anyaman4" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman4.jpg" alt="anyaman4" width="316" height="477" /></a></p> <p>Duplikat layer background sebanyak 2 kali , jadi Tekan CTRL + J sebanyak 2 kali. Ubah nama nya menjadi Horizontal dan Vertikal.</p> <p>Layer Background diubah menjadi warna Hitam dengan menekan ALT + Backspace ( syaratnya Foreground color musti Hitam ya )</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman5.jpg"><img class="alignnone size-full wp-image-1721" title="anyaman5" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman5.jpg" alt="anyaman5" width="302" height="465" /></a></p> <p>Buat kotak-kotak horizontal di layer Horizontal… Gunakan <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">Rectangle marquee Tool</a>.</p> <p>Jangan lupa tekan tombol SHIFT untuk membuat kotak lain ke bawah nya.</p> <p>Fungsi Grid sekarang baru kerasa.. hehehe.. jadi buat kotak memanjang ukuran 2 kotak grid lalu buat kotak lain dibawahnya dengan melewati 1 kotak grid.. begitu seterusnya.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman6.jpg"><img class="alignnone size-full wp-image-1722" title="anyaman6" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman6.jpg" alt="anyaman6" width="488" height="494" /></a></p> <p>Klik add vektor mask di layer Horizontal.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman7.jpg"><img class="alignnone size-full wp-image-1723" title="anyaman7" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman7.jpg" alt="anyaman7" width="271" height="310" /></a></p> <p>Sekarang ke Layer Vertikal.</p> <p>Buat kotak-kotak seperti  layer horizontal, bedanya kotak-kotak yang dibentuk sekarang arah vertikal.. setelah terbentuk Klik add layer mask di layer vertikal.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman8.jpg"><img class="alignnone size-full wp-image-1724" title="anyaman8" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman8.jpg" alt="anyaman8" width="410" height="501" /></a></p> <p>Sekarang hilangkan Grid nya.. karena mengganggu banget hehehe..  Klik View > Show > grid (lagi) nanti contreng nya Ilang.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman9.jpg"><img class="alignnone size-full wp-image-1725" title="anyaman9" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman9.jpg" alt="anyaman9" width="471" height="483" /></a></p> <p>CTRL+Klik layer mask Horizontal lalu CTRL+ALT+SHIFT + klik layer mask Vertical</p> <p>hasilnya akan ada seleksi - an banyak kotak…</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman10.jpg"><img class="alignnone size-full wp-image-1726" title="anyaman10" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman10.jpg" alt="anyaman10" width="503" height="504" /></a></p> <p>Hapus sebagian kotak seperti pada gambar di bawah.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman11.jpg"><img class="alignnone size-full wp-image-1727" title="anyaman11" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman11.jpg" alt="anyaman11" width="450" height="492" /></a></p> <p>Gunakan <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">Rectangle marquee tool</a>. Seleksi kotak yang mau dihapus satu persatu sambil tekan Tombol ALT.</p> <p>Tekan CTRL + J untuk mengcopy kotak-kotak hasil seleksi tadi.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman12.jpg"><img class="alignnone size-full wp-image-1728" title="anyaman12" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman12.jpg" alt="anyaman12" width="320" height="291" /></a></p> <p>sekarang kita buat seleksian kotak-kotak yang sebaliknya..</p> <p>Tekan CTRL + klik layer mask horizontal dan CTRL+ALT+SHIFT + klik layer mask Vertical</p> <p>nanti kebentuk lagi seleksian kotak-kotak seperti sebelumnya</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman13.jpg"><img class="alignnone size-full wp-image-1729" title="anyaman13" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman13.jpg" alt="anyaman13" width="436" height="482" /></a></p> <p>hapus kotak-kotak kebalikan dari yang pertama.. Caranya sama aja kok dengan yang tadi, gunakan rectangle marquee tool..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman14.jpg"><img class="alignnone size-full wp-image-1730" title="anyaman14" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman14.jpg" alt="anyaman14" width="447" height="483" /></a></p> <p>kalo udah diapus sebagian kotaknya Tekan CTRL + J ( posisi cursor di layer Vertical )..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman15.jpg"><img class="alignnone size-full wp-image-1731" title="anyaman15" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman15.jpg" alt="anyaman15" width="280" height="322" /></a></p> <p>Pilih layer baru tadi. tekan CTRL + ALT + G untuk Clipping mask . sama juga untuk layer1.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman16.jpg"><img class="alignnone size-full wp-image-1732" title="anyaman16" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman16.jpg" alt="anyaman16" width="259" height="389" /></a></p> <p>Untuk Photoshop CS ke bawah  : Tekan  ALT lalu arahkan cursor garis separator antara layer 1 dan layer Horizontal.</p> <p>nanti muncul tanda 2 Lingkaran kecil seperti ini :</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/clipping-mask.jpg"><img class="alignnone size-full wp-image-1770" title="clipping mask" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/clipping-mask.jpg" alt="clipping mask" width="114" height="169" /></a></p> <p>Klik kanan layer 1 > Blending Options, Setting seperti dibawah</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman17.jpg"><img class="alignnone size-full wp-image-1733" title="anyaman17" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman17.jpg" alt="anyaman17" width="448" height="363" /></a></p> <p>Beri Settingan yang sama untuk layer 2.</p> <p>hasilnya :</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman18.jpg"><img class="alignnone size-full wp-image-1717" title="anyaman18" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman18.jpg" alt="anyaman18" width="321" height="478" /></a></p> <p>hasil yang lain</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman19.jpg"><img class="alignnone size-full wp-image-1774" title="anyaman19" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/anyaman19.jpg" alt="anyaman19" width="423" height="405" /></a></p> <p><a href="http://ilmuphotoshop.com/2009/06/29/stop-dreaming-start-action/">Stop Dreaming Start Action</a> nya jangan lupa yaa…</p> <p>Selamat Mencoba!</p> <p> Artikel <a href="http://ilmuphotoshop.com/2009/08/24/membuat-anyaman-dari-foto-dengan-photoshop-tentunya/">Membuat Anyaman dari Foto dengan Photoshop tentunya..</a> ini dipersembahkan oleh <a href="http://ilmuphotoshop.com" title="Tutorial Adobe Photoshop Gratis">Tutorial Photoshop Gratis</a>. Kunjungi <a href="http://desktop.93vs.com" title="Wallpaper, Font, Desktop Theme Gratis"> Wallpaper, Font, Desktop Theme Gratis</a> Pokoknya Serba Gratis. Baca Juga <a href="http://ilmuphotoshop.com/fotokevektor/" title="Membuat foto ke Vektor"> Cara Membuat Foto manjadi Vektor</a>,</p>
*copy-paste kode di atas ke dalam form posting blog Anda

 

67 Responses to “Membuat Anyaman dari Foto dengan Photoshop tentunya..”

1. ekhsan says:

   October 16, 2009 at 1:58 pm

   wah keren pas aku cobak efect ini

   terima kasi om
2. Ghifari Faza says:

   October 16, 2009 at 7:40 pm

   Keren, Tapi lumayan susah….
   hari minggu aja dah edit fotonya
3. Ghifari Faza says:

   October 17, 2009 at 5:02 pm

   wwwwwwwiiiiiiiiiihhhh udah nyoba tapi hasilnya nggak sebagus yang dibuat sama om…. ckckck susah…
4. arda says:

   October 19, 2009 at 1:03 pm

   huebat
5. Tong says:

   October 19, 2009 at 11:12 pm

   Muantab bgt…..ikutan yuk..!
6. Wildan says:

   October 21, 2009 at 11:24 am

   Artikelnya bagus-bagus !!!
7. dewi says:

   October 23, 2009 at 12:43 pm

   udah nyoba.., tapi pas udah sampe langkah mau menyeleksi kotak yg akan dihapus, kmudian mengandakan hasil seleksiannya gagal.. . bisa dibantu mas?
8. cirocupu says:

   October 23, 2009 at 3:30 pm

   minta ijin ngambil ilmunya yaa
9. rahadian says:

   October 25, 2009 at 11:44 pm

   The Effect is very2x good, euy……………………..
10. king says:

    October 28, 2009 at 4:47 pm

    ilmu baru…ijin copy ilmunya
11. king says:

    October 28, 2009 at 10:35 pm

    setelah ane coba ko ga mirip anyaman ya….salahnya dimana? atau pas kita hapus kotaknya yang salah. mohon penjelasannya
12. megumi says:

    November 4, 2009 at 6:44 pm

    keren banget.aq udah pernah coba di sklh tp masih kurang lancar n hslnya ga sebagus ini
13. megumi says:

    November 4, 2009 at 7:20 pm

    mo tanya ni garis separator to apa ya?
14. ISNAN says:

    November 13, 2009 at 6:39 pm

    mantappppppppp banget
15. Reza says:

    November 22, 2009 at 12:30 pm

    ~~!!~~…..aji iib bangeeeetsszzzzzz ……~~!!~~
16. TomZ says:

    November 29, 2009 at 7:22 pm

    mas mau tnya nih
    boleh g ??
    settingan blending option saya koq munculnya gak kayak gitu y ??
    saya binggung
    saya pake photoshop cs3 extended
    reply via email aja ya mas
    thx …
17. Fafa says:

    December 20, 2009 at 10:37 pm

    Try…….try…………………try…………………………….
    dari semuanya, bwt gw ini yg paling rumit… (butuh ketelitian hapus kotaknya, supaya kombinasi vertikal-horizontalx dapet)
    he…he……… ^_^
    thanks ilmunya…