Photo In a Box

Waktu nulis tutorial ini… lagi liat detik.com yang isinya Mbah Surip Meninggal..  Semoga Arwahnya diterima disisi Alloh SWT.. amien..

TIPS OF THE DAY : CTRL +E fungsinya menggabungkan dua layer ( layer atas ke layer bawahnya)

Sekarang saya coba buat Photo berbentuk Kubus.. idenya sih dari permainan kubus Rubik yang sangat susah itu lho.. kalo ada yang bisa permainan ini boleh share sama saya… hehehe.. pengen banget bisa nih.. Kalo satu atau 2 sisi doang sih bisa..hayah..

Kembali ke tutorial..  LANJUTGAN !

Buat dokumen dengan ukuran 400px x 400px resolusi 72 aja.. kalo mau bikin besar juga gpp.. terserah aja.. ini cuman contoh aja..

Pertama kita buat template untuk Box nya..

Buat kotak dengan rectangle marquee tool.. sambil tekan tombol SHIFT yaa..  biar semua sisinya sama.

Buat layer baru. Warnain dengan paint bucket tool. Untuk warnanya terserah karena ini mah buat acuan aja nanti..

Duplikat kotak pertama sambil digeser ke samping dan tempelin persis di ujung sisi kanan kotak pertama… caranya Tekan ALT lalu Drag ke samping kanan.

Ganti warna nya dengan warna lain biar beda.

Sekarang Ulangi langkah yang tadi.. Duplikat dan simpan di atas kotak pertama.. harus bersinggungan dengan sisi atas kotak pertama.

jadi deh Template nya. Sekarang kita punya 3 layer dengan kotak yang berbeda letak dan warna.

Buka foto yang mau di bikin Kubus..  usahakan fotonya harus yang view nya agak jauh biar nanti objek nya pas banget masuk ke kotak pertama ( di paling depan).

Drag ke dalam dokumen Template yang tadi udah dibuat.

Atur letak dan ukurannya.

Sekarang kita akan mengambil bagian-bagian foto yang akan disesuaikan dengan Template kotak tadi.

Pilih layer foto .. tekan CTRL + klik di kotak pertama..

Tekan CTRL + C (Copy ) lalu Tekan CTRL + v untuk (paste)

Otomatis akanTerbentuk layer baru yang isinya bagian foto sesuai kotak pertama.

Ulangi langkah yang tadi untuk bagian-bagian  yang lain..

Matikan semua layer.. kecuali layer foto yang udah terbentuk dan layer background

Sekarang kita punya Foto yang sesuai dengan Template tadi..

Beri efek sedikit dengan Blending Option.

Klik kanan layer foto kotak pertama  > blending option atau Klik 2 kali di layer foto kotak pertama.

Setting seperti dibawah.. ini tujuannya biar keliatan garis tepi di setiap sisi.

Klik kanan layer foto kotak yang sudah diberi effect.. klik copy layer style.

Pilih layer kotak berikutnya . Klik kanan > Paste layer style. sama juga untuk kotak satu lagi.

Sekarang pilih Layer foto kotak yang disebelah kanan.

Klik Edit > transform > Distort

Tarik ujung kanan nya aja.. dan atur dimensinya seperti dibawah. kalo perlu gunakan garis bantu, biar lurus. Garis bantu udah saya jelaskan di tutorial yang ini.

Atur juga untuk bagian atas nya.. gunakan Edit > Transform > distort . Tarik dan atur ujung-ujungnya. gunakan garis bantu juga untuk memudahkan.

Kalo udah.. Merge (gabung) semua layer photo kotak dengan menekan CTRL + E dimulai dari layer yang paling atas dulu. Sekarang sudah Menjadi Kubus..

Sekarang kita buat bayangannya..

Buat bentuk yang kira-kira menyerupai alas dari kubus .. dibawah.. dan simpen di bawah layer foto Kubus..

Klik Filter > Blur > gaussian Blur

Atur dan putar Foto Kubus dan bayangannya sehingga terlihat alami.. Untuk ngatur ini, butuh imajinasi juga..

Hasilnya :

Gimana ? mantep tho..

Selamat Mencoba..

INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA? <h2>Photo In a Box</h2> <p>Waktu nulis tutorial ini… lagi liat detik.com yang isinya Mbah Surip Meninggal..  Semoga Arwahnya diterima disisi Alloh SWT.. amien..</p> <p><span style="color: #0000ff;">TIPS OF THE DAY : CTRL +E fungsinya menggabungkan dua layer ( layer atas ke layer bawahnya) </span></p> <p>Sekarang saya coba buat Photo berbentuk Kubus.. idenya sih dari permainan kubus Rubik yang sangat susah itu lho.. kalo ada yang bisa permainan ini boleh share sama saya… hehehe.. pengen banget bisa nih.. Kalo satu atau 2 sisi doang sih bisa..hayah..</p> <p>Kembali ke tutorial..  <a href="http://ilmuphotoshop.com/2009/06/29/stop-dreaming-start-action/">LANJUTGAN</a> !</p> <p>Buat dokumen dengan ukuran 400px x 400px resolusi 72 aja.. kalo mau bikin besar juga gpp.. terserah aja.. ini cuman contoh aja..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-1.jpg"><img class="alignnone size-full wp-image-1653" title="photo in a box 1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-1.jpg" alt="photo in a box 1" width="388" height="294" /></a></p> <p>Pertama kita buat template untuk Box nya..</p> <p>Buat kotak dengan <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">rectangle marquee tool</a>.. sambil tekan tombol SHIFT yaa..  biar semua sisinya sama.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-2.jpg"><img class="alignnone size-full wp-image-1654" title="photo in a box 2" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-2.jpg" alt="photo in a box 2" width="483" height="415" /></a></p> <p>Buat layer baru. Warnain dengan <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">paint bucket tool</a>. Untuk warnanya terserah karena ini mah buat acuan aja nanti..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-3.jpg"><img class="alignnone size-full wp-image-1655" title="photo in a box 3" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-3.jpg" alt="photo in a box 3" width="408" height="355" /></a></p> <p>Duplikat kotak pertama sambil digeser ke samping dan tempelin persis di ujung sisi kanan kotak pertama… caranya Tekan ALT lalu Drag ke samping kanan.</p> <p>Ganti warna nya dengan warna lain biar beda.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-4.jpg"><img class="alignnone size-full wp-image-1656" title="photo in a box 4" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-4.jpg" alt="photo in a box 4" width="472" height="311" /></a></p> <p>Sekarang Ulangi langkah yang tadi.. Duplikat dan simpan di atas kotak pertama.. harus bersinggungan dengan sisi atas kotak pertama.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-5.jpg"><img class="alignnone size-full wp-image-1657" title="photo in a box 5" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-5.jpg" alt="photo in a box 5" width="455" height="419" /></a></p> <p>jadi deh Template nya. Sekarang kita punya 3 layer dengan kotak yang berbeda letak dan warna.</p> <p>Buka foto yang mau di bikin Kubus..  usahakan fotonya harus yang view nya agak jauh biar nanti objek nya pas banget masuk ke kotak pertama ( di paling depan).</p> <p>Drag ke dalam dokumen Template yang tadi udah dibuat.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-6.jpg"><img class="alignnone size-full wp-image-1658" title="photo in a box 6" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-6.jpg" alt="photo in a box 6" width="447" height="433" /></a></p> <p>Atur letak dan ukurannya.</p> <p>Sekarang kita akan mengambil bagian-bagian foto yang akan disesuaikan dengan Template kotak tadi.</p> <p>Pilih layer foto .. tekan CTRL + klik di kotak pertama..</p> <p>Tekan CTRL + C (Copy ) lalu Tekan CTRL + v untuk (paste)</p> <p>Otomatis akanTerbentuk layer baru yang isinya bagian foto sesuai kotak pertama.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-7.jpg"><img class="alignnone size-full wp-image-1659" title="photo in a box 7" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-7.jpg" alt="photo in a box 7" width="448" height="446" /></a></p> <p>Ulangi langkah yang tadi untuk bagian-bagian  yang lain..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-8.jpg"><img class="alignnone size-full wp-image-1660" title="photo in a box 8" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-8.jpg" alt="photo in a box 8" width="429" height="346" /></a></p> <p>Matikan semua layer.. kecuali layer foto yang udah terbentuk dan layer background</p> <p>Sekarang kita punya Foto yang sesuai dengan Template tadi..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-9.jpg"><img class="alignnone size-full wp-image-1661" title="photo in a box 9" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-9.jpg" alt="photo in a box 9" width="368" height="367" /></a></p> <p>Beri efek sedikit dengan Blending Option.</p> <p>Klik kanan layer foto kotak pertama  > blending option atau Klik 2 kali di layer foto kotak pertama.</p> <p>Setting seperti dibawah.. ini tujuannya biar keliatan garis tepi di setiap sisi.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-10.jpg"><img class="alignnone size-full wp-image-1662" title="photo in a box 10" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-10.jpg" alt="photo in a box 10" width="511" height="365" /></a></p> <p>Klik kanan layer foto kotak yang sudah diberi effect.. klik copy layer style.</p> <p>Pilih layer kotak berikutnya . Klik kanan > Paste layer style. sama juga untuk kotak satu lagi.</p> <p>Sekarang pilih Layer foto kotak yang disebelah kanan.</p> <p>Klik Edit > transform > Distort</p> <p>Tarik ujung kanan nya aja.. dan atur dimensinya seperti dibawah. kalo perlu gunakan garis bantu, biar lurus. Garis bantu udah saya jelaskan di <a href="http://ilmuphotoshop.com/2009/07/19/membuat-historical-foto-buat-hiasan-dinding/">tutorial yang ini</a>.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-11.jpg"><img class="alignnone size-full wp-image-1663" title="photo in a box 11" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-11.jpg" alt="photo in a box 11" width="381" height="391" /></a></p> <p>Atur juga untuk bagian atas nya.. gunakan Edit > Transform > distort . Tarik dan atur ujung-ujungnya. gunakan garis bantu juga untuk memudahkan.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-12.jpg"><img class="alignnone size-full wp-image-1664" title="photo in a box 12" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-12.jpg" alt="photo in a box 12" width="371" height="384" /></a></p> <p>Kalo udah.. Merge (gabung) semua layer photo kotak dengan menekan CTRL + E dimulai dari layer yang paling atas dulu. Sekarang sudah Menjadi Kubus..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-13.jpg"><img class="alignnone size-full wp-image-1665" title="photo in a box 13" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-13.jpg" alt="photo in a box 13" width="443" height="365" /></a></p> <p>Sekarang kita buat bayangannya..</p> <p>Buat bentuk yang kira-kira menyerupai alas dari kubus .. dibawah.. dan simpen di bawah layer foto Kubus..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-14.jpg"><img class="alignnone size-full wp-image-1666" title="photo in a box 14" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-14.jpg" alt="photo in a box 14" width="497" height="301" /></a></p> <p>Klik Filter > Blur > gaussian Blur</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-15.jpg"><img class="alignnone size-full wp-image-1667" title="photo in a box 15" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-15.jpg" alt="photo in a box 15" width="468" height="368" /></a></p> <p>Atur dan putar Foto Kubus dan bayangannya sehingga terlihat alami.. Untuk ngatur ini, butuh imajinasi juga..</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-16.jpg"><img class="alignnone size-full wp-image-1668" title="photo in a box 16" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box-16.jpg" alt="photo in a box 16" width="351" height="334" /></a></p> <p>Hasilnya :</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box.jpg"><img class="alignnone size-full wp-image-1652" title="photo in a box" src="http://ilmuphotoshop.com/wp-content/uploads/2009/08/photo-in-a-box.jpg" alt="photo in a box" width="397" height="396" /></a></p> <p>Gimana ? mantep tho..</p> <p>Selamat Mencoba..</p> <p> Artikel <a href="http://ilmuphotoshop.com/2009/08/04/photo-in-a-box/">Photo In a Box</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

 

83 Responses to “Photo In a Box”

1. SUYANTO says:

   September 5, 2009 at 4:45 am

   salam kenal mas….mohon izin dan keikhlasannya elmu nya saya pake mas…biar barokah dan halal terima kasih
2. Hanster says:

   September 6, 2009 at 10:20 am

   Kereeennn…
3. sun says:

   September 6, 2009 at 12:01 pm

   keyen bang
4. sayyaf says:

   September 7, 2009 at 5:34 am

   hahahah…mantap kang,,,,hasilnya siap posting di FB…makasih juaga dah di confirm…maju terus pantang mogok
5. iks says:

   September 7, 2009 at 10:20 pm

   makasih mas, walau tak sempurna tapi aku udah coba hasilnya, cuma buat alas/bawh belum mampu….
6. hera says:

   September 9, 2009 at 8:57 am

   hmm….salam kenal ya mz…..
   moga saya bisa seperti mz dalam hal edit2 foto gni,,hehee

   *ta pasang link nya di t4ku yaa..
7. daniel says:

   September 11, 2009 at 11:36 am

   saya dah install PS3 tpi ada beberapa tool yg nggak ada seperti paint bucket,tactangel tool dan sebagainya.Apa saya bisa download versi asli PS3 dari sini? Tolong bantuannya. Terima kasih sebelumnya
8. pangwick says:

   September 12, 2009 at 1:55 pm

   Mohon Ijin, tips photoshopnya saya copy dan jadi file pdf, tapi ga saya jual kok…hihihihi…thanks..keren bgt…
9. BiLi says:

   September 22, 2009 at 4:08 pm

   Hmmm… Menarik… Foto’a jadi Lucu….
   Harus d cobain nih!!!
10. ali says:

    September 26, 2009 at 8:29 am

    ..Unik & Bagus Banget…….tolong juga donk..Mas.. cara guna Pen tool.. bikin lajur ..Sinar cahaya..
11. mr.bedel says:

    September 26, 2009 at 8:40 pm

    wah, kayak model sampul ebook. ternyata gini cara buatnya ya
12. Ahmad M says:

    September 26, 2009 at 9:36 pm

    kreasi yg bgs skali dech.. Aq niru yach… thank…. moga2 banyk rizqinya dech…
13. naro says:

    September 27, 2009 at 8:49 pm

    numpang nyedot ilmu nya gan..
    makasih..^_^
14. hary says:

    September 28, 2009 at 6:18 pm

    wew..
    jadi terharu..
    rupa nya dunia ini luas dan lapang..

    jadi tambah semangat mau belajar photoshop nya…
    mhon bimbingan nya….

    matunuwn
15. dedy says:

    September 30, 2009 at 8:00 am

    manteep bro
16. budicokro says:

    October 14, 2009 at 2:59 pm

    mantap banget…
    semua tutorial di situs ini keren2.
17. dedy says:

    October 17, 2009 at 2:15 pm

    Terima kasih mas atas tutorialnya, semoga bermanfaat untuk semuanya. amien
18. dedekartika says:

    October 18, 2009 at 4:09 pm

    yang ini ku suka…
    mas buatin toturial text donk …
    tapi warna baground yah … warna cerah…
    makacih…
19. adeka says:

    October 20, 2009 at 4:23 pm

    manteb banged…

    thanks
20. OKA MAHENDRA says:

    October 26, 2009 at 7:04 pm

    MUANNNNNNNNNNNNNTAAAAAAAAAAAAAAPPP…HICK..HUCK…HICK..
    TQ……………
21. Hairia Marlinda says:

    October 29, 2009 at 12:37 pm

    wow…
    kereeen…
    Izin copy iLmu Nya yawh…
22. saykoyink says:

    October 30, 2009 at 11:27 am

    ajibbbbbbb keren abis
    izin belajar ya gan biar ilmunya jalan truz
23. soondarhee says:

    November 10, 2009 at 11:09 am

    bagussss bangget…
    makasih…
24. bejo says:

    November 28, 2009 at 5:33 pm

    minta ijin ane mau pake tu ilmu buat ngedit
25. salsa says:

    November 29, 2009 at 11:44 am

    kok gk bsa e yg ctrl+c ma ctrl+v nya!!!
26. sicknes says:

    December 16, 2009 at 2:01 am

    keren mas tutorial… wa cari yang bahasa indonesia akhirnya dapet jga trims mas… ^^
27. Dasum chemonk says:

    January 26, 2010 at 10:31 pm

    Tutor bgus mksh mau cobain nich
28. lil star says:

    February 12, 2010 at 8:34 am

    makasih buat inspirasinya
29. Arief says:

    February 13, 2010 at 11:37 pm

    APEK TENAN TUTORIAL YA,,,,,,
    udh Aq cba & hsil ya bgus bgt…..

    trima ksih mas….
    smga ilmu photoshop ya brmnft bwat yg mau bljar&mgembangkan ya(khusus ya)…& brmnft bwat smua ya(umum ya)……
    AMINNNNNNN……..
30. CLM says:

    February 15, 2010 at 12:32 am

    Tutorial bagus pak, terima kasih ilmunya. Cheers
31. usm says:

    February 19, 2010 at 6:08 pm

    cakep….
32. cipa says:

    March 7, 2010 at 9:04 am

    kereennnnnnnnnnnnn….. sugoii…. jadi tambah semangat untuk ngulik2 sotosop ….. makasih mas ilmunya v^_^
33. dhancog says:

    March 9, 2010 at 11:29 am

    kok kerend raimu boyy,,?? akakakak xD