web analytics
Press "Enter" to skip to content

Teknik Dasar Membuat Efek Mozaik dengan Background Gambar

Sigit Eko 85

WARNING! Tutorial ini buat yang udah agak bisa atau yang udah ngerti istilah-istilah photoshop… buat yang masih dasar banget, saya sudah sediain Teori dasar Photoshop dan Tutorial Photoshop dasar .. Silahkan dibaca-baca dulu. kalo udah ngerti istilah2 photoshop nya, baru deh ikutin tutorial ini.. Oke cuy?

Efek ini keren banget.. apalagi kalo background nya pake foto-foto kecil.. wih…. sekarang saya cuman kasih tehnik nya aja foto nya cuman ada 60 buah buat background nya.. soalnya kalo kebanyakan cape juga hehehehe..

Untuk membuat efek mozaik ini saya pake fungsi Actions. mungkin pada blom tau juga tentang fungsi yang satu ini.. Manfaatnya banyak banget.. terutama kalo kita mau buat sesuatu ukuran (duplikasi ukuran ) atau efek (duplikasi efek ) yang sama dengan gambar sebelumnya.. Apa ya..?? hmm..  jadi intinya Actions ini akan merekam seluruh kegiatan edit mengedit gambar lalu si Rekaman tadi bisa di Apply ke gambar yang lain dengan syarat ukuran nya sama.. atau mendekati lah. keren kan?

Mulai yaa..

Kumpulin gambar-gambar yang nantinya mau dibikin background..  saya Pake foto mobil-mobil saya  hehehehe.. ada 60 gambar…

mobil

Pilih / select semua gambar yang ada di folder tadi lalu DRAG atau geser sambil klik mouse, ke Jendela Software Adobe Photoshop.

mobil2

Sekarang semua gambar udah masuk ke photoshop.

mobil3

Sekarang buka ACTIONS palette atau Klik Windows > Actions. Lalu Klik New Action untuk membuat Rekaman baru..

Isi nama rekaman dengan Croping. Klik tombol Record.

mobil4

Sekarang Tombol Record berwarna Merah pertanda “beliau” sedang merekam..

mobil5

Nah sekarang Crop salah satu file gambar tadi.. dengan ukuran Weight = 80 pixel , Height = 80 pixel resolusi 72.

mobil6

Sekarang Crop bagian gambar

mobil7

lalu save file nya.

mobil8

Klik tombol STOP di Actions Palette.. pertanda .. proses ngerekam sudah berakhir.. dan tombol record tadi berwarna abu2.

mobil9

Sekarang tutup file yang sudah di crop tadi.. lalu buka file yang lain nya.. Tekan Tombol Play .. Otomatis file gambar yang baru ter CROP secara otomatis mengikuti pendahulunya.. dan bahkan sudah sekaligus SAVE.

mobil10

Ulangi ke file gambar yang lainya.. agak cape sih.. tapi untuk hasil yang maksimal.. cape dikit gak jadi masalah .. ya kan?

mobil11

Sekarang semua file sudah berukuran 80 pixel x 80 pixel. siap untuk digabung.. sebenernya gak harus 80 pixel.. lebih kecil ukurannya, lebih bagus.. dan gambarnya lebih banyak.

Klik File >Automate > Contact Sheet II ( Saya pake CS3 dan blon Coba di Adobe Photoshop CS 2 ke bawah ada apa enggak.. )

Setting seperti gambar dibawah :

mobil12

Saya seting dengan Ukuran 640 x 560 .. Kita punya 60 gambar dengan ukuran 80 pixel x 80 pixel.

jadi kita susun 8 gambar ke samping dan 7 gambar ke bawah..

80 pixel x 8 gambar = 640 < Arah Horizontal(WIDTH )

80 pixel x 7 gambar = 560 < Arah Vertikal (HEIGHT)

Jadi kita cuman pake 56 gambar aja.. yang 4 delete aja.

Klik browse untuk memilih folder yang  gambarnya akan di gabung. Sesuaikan dengan settingan di atas.Klik OK.

……………………………………… tunggu agak lama.. tergantung banyak dan ukuran gambar nya.

Hasilnya :

mobil13

Jadi deh penggabungan gambarnya..

Sekarang buka foto yang mau diedit ..

mobil14

hehehe.. ini foto sama anak.. hehehe.. wah.. saya udah beruban!!

Drag foto ke file file gambar-gambar mobil tadi..

Beri Efek Hard light di layer foto.

mobil15

Hasilnya  :

hasil

Gabungan mobil nya terlalu besar.. coba dikecilin.. pasti hasilnya keren!

kalo gambar mobilnya banyak banget hasilnya gini  :

hasils

Selamat mengotak-atik !


  1. hanaz hanaz

    wiiiiiiiiiighhhhhhhhhh
    kkereennd siiipppp
    coolllll . .. keren abis. . mas!!

    tapi aku ke bingungan sbagai
    pemula eang ga ngerti photoshop. ..

  2. ardyansyah ardyansyah

    ngecilin ukuran mobilnya gmn?kok g d jelasin sekalian…masih pemula ni…

  3. Wisnu Kala Wisnu Kala

    THAT’S AWESOME!!!

    Makasih mas,,

    jd g sabar praktek,,,

    smg panjang umur sehat and banyak rejeki,,

    amiiiinn

  4. bendol bendol

    dahsyat!..
    tak coba ya Boz

  5. hamzah hamzah

    kereeennnn…
    thx banget, bakal gua coba

  6. abid abid

    Gokil abis,
    Mas mudah2an karyanya tambah mentep!

  7. ferdynan ferdynan

    mao nanya neh mas…itu koq beda yah ma mozaik2 yg laen yg gw pernah liat…kaya keliatan banget nempel foto yg mas kasih tau caranya…bisa lebih jelas ga??kasih tau yah…makasih

  8. faried faried

    mas makasih banyak nih buat tutorialnya,, tp saya ada masalah sedikit nih buat tutorial efek mozaik dengan backgrund gambar ini,, sya pke CS4 tp ga ada tampilan contact sheet II,,trs pke apa dunk klo di CS4,,udh diutak-atik tp ga ktmu alias ga jd.. tolong yah mas untuk solusinya,, trimsss.. maju terus ilmuphotoshop.com

  9. ue ue

    mantabz , mas.. terus share ilmu2ny.. makasih..

  10. vitri vitri

    mas makasih banyak nih buat tutorialnya,, tp saya ada masalah sedikit nih buat tutorial efek mozaik dengan backgrund gambar ini,, sya pke CS4 tp ga ada tampilan contact sheet II,,trs pke apa dunk klo di CS4,,udh diutak-atik tp ga ktmu alias ga jd.. tolong yah mas untuk solusinya,, trimsss.. maju terus ilmuphotoshop.com

  11. icHa icHa

    baguuuuussssssss banget, aka coba . makasih tutorialnya

  12. mas.klo resolusi gambarnya acak acak.an [ga.sama] gimana ? apa bisa jdi mozaiknya ?

    makasi ~

  13. Amar Amar

    wah bagus buangat nih editannya kiriman saya aplikasinya dong ?? thanzz yah sebelumnya |||

  14. doni doni

    maz knp d photoshop cs4 gak ada contact sheet II,,???

  15. nurul nurul

    gimana cara ngecilin ukuran mobilnya ya ?

  16. qha qha

    waaa . . .
    makasih buat smua tutorialnya, walaupun agak susah tapi gampang dimengerti :)))
    hahahaha . . .

  17. Vina Vina

    duh, kok susah ya mas,,
    maklum, lagi belajar

  18. addib assyafa' addib assyafa'

    makasih mz buat tutorialnya……….

  19. Evinosa Evinosa

    Gimana kalao’ foto2 bahan awal yang udah disiapin nggak bisa di drag ke pothoshop ? Ada masalah atau mungkin ada solusinya nggak bang ? Thanks before 🙂

  20. mantapp bener dah,, dicoba

  21. bejo nsubejo bejo nsubejo

    makasih elmunya nih tapi gw bingung di cs4 ngga ada contact sheetnya sebagai gantinya buat gabungin yg udah dicropping pake apa ya? tengkyu banget

  22. wah masbro makasih banget nih tutorialnya 😀
    walaupun bikinnya berjam-jam (karena saya masih pemula)
    rencananya buat dijadiin kado nih 😀

  23. Ahmad Irfan Ahmad Irfan

    keren,, postingan yg mnarik..

    mau lbih mndalami photoshop nih

  24. foto mozaik menarik
    recomended di coba!

  25. Shabrina Shabrina

    kereen! terimakasih banyak, sangat membantu 🙂

  26. Valleone Valleone

    Salah satu teknik yang biasa digunakan dan sangat simpel tapi hasilnya bagus.
    Ukuran pixel semakin kecil semakin halus gambar utamanya.

    Jika menginginkan foto mozaik yang lebih OK, coba di :

  27. Keren tutorialnya foto nya jadi terlihat lebih unik 🙂

  28. […] tentang Teknik Dasar Membuat Efek Mozaik dengan Background Gambar ini dibuat oleh Belajar photoshop dan Edit foto […]

  29. Cici Cici

    om, kok aku nyoba baru tahap awal aja kok beda ya, jadi saat aku drag itu beberapa foto k software photoshop kok yg muncul cma 1 foto ya om?

  30. tegar tegar

    Gan ko jadi.a dkit ya gk bisa banyak n kecil” gambar.a

  31. Anonymous Anonymous

    Keren banget jadinya… Terima kasih atas ilmu bermanfaat yang sudah dishared.

Leave a Reply

Your email address will not be published. Required fields are marked *