Membuat Foto Mozaik dengan Photoshop
Photoshop | February 7th, 2012Grafisia kembali lagi dengan tutorial Photoshop, kali ini saya akan menulis tentang teknik membuat foto mozaik di Photoshop, yaitu kita akan mempelajari bagaimana cara membuat koleksi gambar dalam satu dokumen (contact sheet) lalu memadukannya dengan gambar utama sehingga tampak seakan-akan gambar utama merupakan hasil dari susunan ribuan foto yang berbeda.
Preview Hasil Akhir Gambar
Seperti biasa sebelum memulai lihat dulu apa yang akan kamu bikin dalam tutorial ini, jika gambar di bawah ini kurang besar kamu bisa lihat gambar ukuran lebih besar disini.
Langkah 1
Langkah pertama adalah membuat folder tempat menyimpan semua foto/gambar yang akan kita buat background mozaik, pastikan kamu membuat duplikat dari foto-foto ini sehingga jika ada kesalahan foto-fotomu tidak rusak semua. Berikutnya kita akan membuat Photoshop action, buka salah satu fotomu dengan Photoshop lalu pilih Window > Actions. Klik menu action di sebelah kanan atas dan pilih New Action. Lebih jelasnya lihat gambar berikut.
Langkah 2
Ketika jendela seperti dibawah muncul, klik Record dan semua yang kamu lakukan akan terekam.
Langkah 3
Sekarang klik Images > Image Size dan hilangkan tanda check pada Constrain Proportions, tetapi check pada Resample Image. Ketik 1cm pada kolom Width dan Height dan jadikan resolusi 200ppi. Klik OK kemudian simpan gambar. Tutup jendela. Sekarang klik kotak abu-abu pada bagian bawah Action palet untuk menghentikan proses perekaman.
Langkah 4
Sekarang ubah Action menjadi Droplet. Sekarang menuju ke File > Automate kemudian pilih Create Droplet. Klik tombol Choose untuk mengatur dimana Droplet akan disimpan, pilih Action yang barusan kamu buat pada pull-down menu Action kemudian klik OK.
Langkah 5
Kembali ke folder foto-foto yang telah kamu kumpulkan dan blok semua foto. Sekarang drag semua foto tersebut ke ikon droplet untuk diubah ukurannya menjadi kotak 1cm x 1cm, lebih jelasnya lihat screenshot dibawah. Tunggu beberapa saat.
Langkah 6
Setelah semua gambar kita ubah ukurannya, sekarang saatnya mengumpulkan semuanya untuk membuat background mozaik. Ini bisa kita lakukan dengan menggunakan plugin Photoshop yang bernama Contact Sheet II. Tutorial ini saya buat menggunakan Photoshop CS4, jika kamu menggunakan Photoshop seri yang sama kamu bisa dawnload plugin yang dibutuhkan disini: untuk pengguna Windows dan pengguna Mac. Untuk menggunakannya klik File > Automate > Contact Sheet II. Jangan lupa untuk menginstall plugin ini terlebih dahulu.
Contact Sheet II perlu tahu dimana kita menyimpan foto-foto yang ingin kita jadikan contact sheet, maka klik Browse dan tunjukkan dimana kamu menyimpannya. Setelah kamu mengatur lokasi folder, kita bergeser ke bawah menuju pengaturan Document. Disini saya menggunakan dokumen dengan ukuran 1280px x 800px pada resolusi 200ppi, tetapi kamu bisa tentukan sendiri ukuran yang kamu inginkan. Pastikan opsi Flatten All Layers kamu check. Sekarang menuju ke pengaturan Thumbnails. Isikan seberapa banyak jumlah columns (mendatar) dan rows (menurun) yang kamu butuhkan. Karena foto yang kita gunakan memiliki ukuran persegi 1cm x 1cm maka ini berarti sama dengan perbandingan satu banding satu (lihat pada kolom sebelah kanan, pada contoh perbandingan W dan H adalah 28 banding 28 atau sama dengan satu banding satu). Centang kotak Rotate For The Best Fit dan isikan 0 (nol) pada kotak Vertical dan Horizontal. Ini untuk memastikan tidak ada jarak antar sheet. Tekan OK untuk membuat sheet.
Langkah 7
Contact Sheet akan menampilkan sekumpulan thumbnail kecil dan ini juga memberikan gambaran seberapa banyak foto yang kamu gunakan untuk membuatnya. Jika foto-foto yang kamu miliki tidak cukup untuk memenuhi ruang yang kamu inginkan, maka kamu tinggal copy dan paste lalu menyusunnya sampai kebutuhan ruang dokumen kamu terpenuhi.
Langkah 8
Buka gambar utamamu dengan Photoshop, tekan Ctrl+A untuk menyeleksi semua kemudian copy dan paste pada dokumen contact sheet yang sudah kamu bikin sebelumya. Untuk tutorial ini saya menggunakan gambar mobil tua dibawah senja yang saya dapatkan dari Stock Exchange. Letakkan layer contact sheet dibawah layer gambar utama lalu ubah blending mode layer gambar utama menjadi Hard Light. Sekarang gambar utama kamu tampak seperti hasil dari susunan ribuan foto dengan warna yang berbeda.
Hasil Akhir
Setelah mencoba langkah demi langkah pada tutorial ini kamu akan berhasil membuat foto mozaik dengan Photoshop. Kamu bisa bereksperimen sendiri dengan menggunakan gambar utama yang berbeda, mengubah ukuran thumbnail pada contact sheet atau menggunakan blending mode yang lain. File PSD dapat kamu download di bagian akhir artikel ini. Selamat mencoba dan jangan lupa sertakan hasil karyamu pada kotak komentar agar bisa dilihat pembaca yang lain.
Incoming search terms:
Related Posts
58 Comments
Leave a Reply
Hasilnya menarik. Saya juga suka contact sheetnya. Mau izin download.
tutorial ini sangat menarik dan membantu saya.
tapi, ada gak cara lain untuk membuat gambar mozaic tanpa perlu menginstall plug ins seperti di atas?
terima kasih
plugin disitu fungsinya cuma untuk mempermudah membuat contact sheet. contact sheet yang saya buat untuk tutorial ini bisa didownload secara gratis, jadi kalau mau mudah bisa pakai contact sheet yang telah saya buat. atau kalau mau bikin contact sheet tanpa plugin bisa dengan cara manual, yaitu dengan menyusun gambar satu-persatu.
ijin download gan..! ni bagus amet..!
Bang, plugin-nya bisa untuk Photoshop CS5 nggak?
untuk CS5 ada sendiri, ini linknya buat Windows: http://www.adobe.com/support/downloads/thankyou.jsp?ftpID=4688&fileID=4376
keliata5nnya susah, tapi kalau di coba jadi gampang, oiya, saya mau templates nya dong
mantap nih tutorialnya, lengkap banget. thanks
izin copy..!! tks
kok pas drag ke dropletnya nggak bisa ya gan?
ngga bisanya gimana? keluar peringatan gmana?
pas lg ngedrag ke droplet keluar alert: “windows cannot access the specified device,path or file. You may not have the appropiate permissions to access the item”..
tu gmn solusinya ???q msh awam bgt nih..
itu kayanya harus di run as administrator dulu deh, biasanya saya juga suka kaya gitu di komputer. tapi kalau di run as admin bisa… semoga membantu
plug-in buat CS3 ada ga mas?
coba di cari aja di situs Adobe
Waw,.,.
keren gan,.,.
saya memakai CS5, saat ingin menambahkan gambarnya k droplet, muncul dialog box “droplet couldn’t communicate with photoshop” masalahnya dimana ya?
langkah 7? gimana caranya copy paste? gag ngerti maksudnya?
please jawab! lagi butuh banget buat tugas kuliah,
misal kamu ingin membuat gambar dengan ukuran cukup besar dan contact sheet yang kamu hasilkan hanya memenuhi sepertiga dari luas gambar, maka kamu bisa menduplikat (copy n paste) layer contact sheet menjadi tiga, lalu menyusunnya sedemikian rupa sampai seluruh area gambar tertutupi oleh contact sheet. lebih jelasnya lihat susunan layer pada screenshot langkah ke 7
Keren banget izin untuk download…:)
luar biasa…… kereen abis
kenapa tidak pake fitur bride yg tersedia di photoshop cs kang?
Ya disini hanya menjelaskan salah satu trik saja, dan mungkin memang banyak jalan ke roma.
double thumbs up!!! tutorialnya oke banget, meski langkahnya cuma dikit hasilnya whoaaa!!!. emang pertama bikin contact sheet-nya agak susah, tapi dengan terus nyoba yay… akhirnya bisa. ini punyaku, mungkin belum sekeren punya mas habieb, tapi cukup oke lho bagi newbie. feedback please..!
oke banget sist, jadi pengen ikut nyoba…
perfect…
bisa share contact sheet nya…
makasi,,
[...] Just another great Photoshop tutorial by Grafisia [...]
BLOG YANG MENDIDIK, ORANG2 AWAM YANG ADA KE MAUAN BELAJAR
MAKASIH BANYAK GAN!!!
share terus yg beginian ……..
foto mozaik yang di download dari sini ko ga bisa di buka ya gan, mohon pencerahannya….
bisa kok, mungkin yang kamu download file-nya corrupt, coba download lagi aja.
Pluginny buat CS 2 ada gga mas?
keren nih tapi kok pas nyoba bikin selalu muncul “droplet couldn’t communicate with photoshop” pas di langkah ke 5, knp ya?
cara instal plugin nya gmna ? maklum masih awam
file-nya dicopy ke folder Plug-ins > Automate
sory bukanya cs4 gk ada contac sheet yah, bro ? udh download plugin tapi gk bisa dipake nih tetep gk masuk contac sheet nya :O
emang ngga ada, makanya pakai plugin. aneh banget pluginnya ngga bisa dipakai? salah meng-install kali…
Mau tanya, saya coba tapi pas di drag ke dropletnya tidak bisa ya? ada peringatan:
Adobe photoshop droplet has stopped working
malah disuru cek online bwt solusinya
kalau begini bagaimana ya?
Itu mungkin komputernya keberatan, coba tutup semua program dan ulangi kembali.
niceee banget nambah ilmu lagi..
btw, pake contact sheet II bisa dipake di CS 3
Gan buat susunan foto itu q gagal trus, mlah ada tulisan 1..1..1.. gmn tu?
belum pernah nemu error kaya gitu. biar mudah pakai aja contact sheet dari tutorial ini.
pagi gan buat contact sheet II kq ngga bisa di instal ke plugin saya paka adobe cs 5 sama cara menggubah action ke dropplet yah? mohon jawabanya makasih gan
keren banget dah
trims tutor nya
Gan ane gagal di contact sheet 2 yg bagian document, sama thumbnailsnya disitu ada bacaan “The values you have entered for document width or height, thumbnail columns or rows and font size produce an invalid thumbnail width” mohon dibantu gan:D
diperiksa lagi gan angka2 yang dimasukkan ke kolom2 yang disebutkan.
mas habieb, plugin untuk CS3 di donlud dimana ya?
please replay…
urgen
bisa coba dicari di situs adobe, atau mungkin di CS3 malah udah ada tool-nya.
gan setelah di instal, tiap kali buka PS keluar perintah:
C:\Program files\Adobe\Photoshop CS4\Plug-ins\Automate\English\Goodies\Optional Plug-ins\Plug-ins64-bit\Automate\ContactSheetII.8LI is either not designed to run on windows or it contain an error. Tray installing the program again using the original installation media or contact your system administrator or the software vendor for support.
mohon bimbingannya gan…
kalau error kaya gitu baiknya langsung ditanyakan ke customer support Adobe saja.
Mas Habieb..tanya nih kenapa stlh dicontac sheet foto2 saya yg menjadi background posisinya jadi dirotate gitu, malah menghadap ke kanan semua? gmn nih mas?
Mungkin saat langkah-langkah awal ketika membuat action kamu juga merotasi gambar, tidak hanya mengubah ukurannya.
cara instal Contact Sheet gimana ya, q dah coba instal ko ga kluar2 ya di ps q, q pake ps5 dan sudah dl Contact Sheet buat cs5
mas, kok plug-in nya ga mau dan muncul tulisan
“could not colplete your request because it is not the right kind of document”
apa link plug-in yg ada disni untuk 32 Bit ya mas? mohon pencerahannya sesegera mungkin ya mas
terimakasih
ini tutorial super duper deh pokoknya, ngga nyangka bikin efek mozaik keren bisa mudah banget kaya gini.
ada dikit saran buat Ka Habieb, ini Grafisia desain webnya kan unique n keren banget, kayanya yang punya juga jago web design, boleh dong share tips trik web design di Grafisia?
oke, stay tuned!
OK baby, ditunggu tutorial web design-nya… ^_^
sangar brow..
3 jempol deh..
teman pinjem jempolnya satu yakkk..