Sunday, November 27, 2011

Tutorial : Membuat effect Puzzle


Ditutorial saya yang kedua setelah tutorial Manipulasi Dari Foto Menjadi Teks ini, saya akan memberikan tutorial membuat foto menjadi sebuah slide puzzle. Bagi yang belum tahu, slide puzzle adalah permainan puzzle yang mengharuskan kita menyusun sebuah gambar/urutan huruf atau angka yang telah diacak acak dengan cara digeser, permainan ini cukup populer waktu saya masih SD dulu. (Sekedar info, ane sekarang udah kelas 11 TKJ, gan). Permainan tersebut juga terdapat pada gadget Windows 7.
Langsung saja, ikuti langkah-langkahnya dengan seksama dalam tempo yang sesingkat-singkatnya.
1. Buka program Photoshop kesayangan Anda
2. Buka gambar dengan ukuran 400 x 400 pixel, apabila Anda tidak mempunyai gambar dengan ukuran tersebut, maka buka gambar yang Anda inginkan kemudian di resize terlebih dulu. Gambar yangakan saya gunakan adalah gambar spidermanimage ilmugrafis.com3. Buat 6 guide untuk mempermudah proses pengeditan selanjutnya, dengan cara klik menu View | New Guide .
Buat 3 guide 
Vertical dengan position 100, 200 dan 300, serta 3 guide Horisontal dengan position 100, 200 dan 300 pula.image ilmugrafis.com
Sehingga pada kanvas akan terlihat seperti berikut
image ilmugrafis.com
4. Sekarang buat area seleksi masing masing kotak yang nantinya masing masing seleksi tersebut dicopy menjadi sebuah layer baru, perhatikan ilustrasi berikut.image ilmugrafis.com
Maksudnya adalah pada setiap kotak (kotak 1 sampai 16) akan kita seleksi dan kita buat menjadi layer baru dengan menggunakan 
Rectangular Marquee Tool (M).image ilmugrafis.com
Klik Rectangular Marquee Tool (M) kemudian bentuklah sebuah persegi pada area 1 kemudian tekan CTRL + J
 
image ilmugrafis.com
Sehingga pada jendela 
Layers akan terbentuk sebuah layer baru bernama layer 2image ilmugrafis.com
Lakukan langkah diatas pada 15 kotak lainnya, dengan catatan pada saat Anda ingin menyeleksi dan membuat layer baru posisi kuas pada jendela 
Layers harus selalu ada pada pada layer 1.image ilmugrafis.com
5. Hapus layer yang memunculkan gambar secara penuh (Layer 1), serta hapus pula gambar yang terdapat pada kotak 16 dan layer Background, melalui jendela Layers
6. Acaklah posisi dari kelimabelas kotak (layer) tersebut, misal dari kotak 1 ke kotak 3, dari kotak 3 ke kotak 5, dsb. Maka akan didapati gambar yang acak kurang lebih seperti berikutimage ilmugrafis.com
7. Klik salah satu layer dari kedelapan layer tersebut, misal Layer 2, lalu klik icon Add a new layer style, pilihStroke,,,
image ilmugrafis.com
Atur settingannya agar seperti berikut
image ilmugrafis.com
Klik 
Bevel and Emboss pada opsi disebelah kanan, lalu atur settingannya seperti berikutimage ilmugrafis.com
Klik 
OK. (settingan diatas tidaklah mutlak, Anda dapat mengubah-ubahnya selagi itu sesuai menurut Anda)
8. Pada jendela Layers, klik kanan Layer 2 (Layer yang baru saja diedit stylenya) lalu pilih Copy Layer Style
image ilmugrafis.com
9. Buat link pada semua layer dengan cara klik kotak disamping nama dan gambar masing-masing layer, agar mucul seperti tanda rantaiimage ilmugrafis.com
Kemudian klik kanan lagi pada Layer 2, lalu klik 
Paste Layer Style to Linked
image ilmugrafis.com
Jika langkah yang Anda lakukan benar, maka hasil yang terdapat pada kanvas, adalah seperti berikut.
image ilmugrafis.com
Anda juga dapat menambahkan beberapa objek lagi agar gambar terlihat seperti berikut.image ilmugrafis.comPuzzle Spiderman
Sebenernya agak ragu sih buat ngirim tutorial ini ke ilmugrafis, soalnya masih newbie banget, aku. Tapi gapapa lah, semoga dimuat sama IlmuGrafis

No comments:

Post a Comment

Flag Counter

free counters

CBox

Blog Archive

Translator

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Flag counter

Widgeo

Animation