logo ilmugrafis
Home Tutorials News Artikel Fonts Download Gallery Kontak
Google Powered Search
 
ilmu grafis » PHOTOSHOP PHOTO EFFECT » Page 7

Merubah Foto jadi sebuah slide puzzle

Publish: 8 Ferbuari 2011 | Author & Copyright: Mifta Afina | Status: FREE Extreme tutorial

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 spiderman
image ilmugrafis.com

3. 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 2
image 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 berikut
image ilmugrafis.com

7. Klik salah satu layer dari kedelapan layer tersebut, misal Layer 2, lalu klik icon Add a new layer style, pilih Stroke,,,
image ilmugrafis.com
Atur settingannya agar seperti berikut
image ilmugrafis.com
Klik Bevel and Emboss pada opsi disebelah kanan, lalu atur settingannya seperti berikut
image 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 rantai
image 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.com
Puzzle Spiderman

Sebenernya agak ragu sih buat ngirim tutorial ini ke ilmugrafis, soalnya masih newbie banget, aku. Tapi gapapa lah, semoga dimuat sama IlmuGrafis
Mampir ke blog saya dulu, ya phynt.blogspot.com
Terima kasih, Semoga bermanfaat

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
android apk IlmuGrafiscom Apk | rss Subscribe ilmuGrafis.com via Email


author
<> Info dan Kontak Penulis
Miftah Afina

TTL : Pemalang, 5 Agustus 1994
Email : mail2phynt@yahoo.co.id
Telp/HP: 085742302328
Blog : http://recent.ilmugrafis.info
Facebook : facebook.com/phynt
Pesan: "Segalanya berawal dari kesederhanaan"

Saya (Penulis) bersedia mematuhi ketentuan dan peraturan di IG
- Tutorial / Artikel ini resmi saya diberikan untuk dipublikasikan di www.ilmugrafis.com
- Kritik, Saran, maupun Pertanyaan seputar Tutorial bisa menghubungi Penulis
Semoga Bermanfaat, Terima kasih


Rekomendasi Resmi ilmuGrafis
Metode Belajar Cepat dan Mudah dengan Video Tutorial dan Desain Grafis Source
Dipersembahkan oleh www.ilmuGrafis.net
PSD CE
Photoshop Complete Edition

Koleksi Lengkap Video Tutorial Photoshop dan mulai dari Efek Foto Professional hingga manipulasi foto terungkap semua disini
PLGNT
Plugins Topaz dan NIK

Koleksi Plugins Photoshop yang powerfull untuk membuat Foto - Fotomu Lebih Berwarna dan Bermakna
PSD DG
Photoshop Desain Grafis

Video Tutorial Photoshop CS 3 ini mengungkap penggunaan teknik-teknik photoshop yang sering digunakan para praktisi
video tutorial
Ultimate Brush Photoshop

Kumpulan dan Koleksi Brush Premium Photoshop siap pakai untuk keperluan desain anda
video tutorial
Plugins Suite 5

Kumpulan Plugins Premium dan Plugins Suite 5 untuk meningkatkan kemampuan dan menambah fitur Photoshop anda
photo frame icon
Fantastic Photo Frames

Kumpulan Frame dan Digital Frame siap pakai untuk keperluan frame dan mempercantik foto anda secara Instan


ARTsense 1
Advertisement

Aturan dan Kebijakan di website ilmugrafis

  • Semua Konten di ilmuGrafis.com bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di ilmuGrafis.com tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan di Kontak
  • Jika anda ingin memposting ulang atau mengcopy konten yang ada di ilmuGrafis.com maka silahkan membaca terlebih dahulu Terms Of Use
Search Pilih Kategori
PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Extra
CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Extra Tools
PHOTOGRAPHY
Lightroom
VECTORIZE
Adobe Illustrator
ANIMATION
Flash
Swishmax
MODELING
3dsMAX
AutoCAD
Cinema 4D
Maya
VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle
WEB DEVELOPER
Dreamweaver
jQuery
Fireworks
PUBLISHING
Freehand
InDesign
Ms. Paint
Ms. Visio
FREEWARE
Gimp
Inkscape
CREATIVE-ZONE
Gallery
Papercraft
Liga Grafis
Hall Of Fame
EXTRA
News
Artikel
Hiburan
Bursa Kerja
Jasa Grafis

Link To Us
ilmu grafis indonesia

Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com Design and Development by IG Team.
All other trademarks are the property of their respective owners.
kembali ke atas / back to top