Posted on

Tutorial Photoshop : Menggabungkan 2 gambar (foto) dengan Gradient

Sedikit tutorial mengenai cara menggabungkan 2 buah foto dengan teknik masking dan gradient.

Tutorial gw bikin sedemikian rupa supaya dapat dimengerti bagi pemula.

Tutorial menggunakan Photoshop CS2 dgn OS Windows.

Semoga bermanfaat.

File yang digunakan terdiri dari 2 buah file foto yaitu kota.jpg dan laut.jpg (1600×1200 pixel)

File: kota.jpg

File : laut.jpg

Buka file laut.jpg dan file kota.jpg.

Kedua file hanya memiliki 1 layer yaitu layer Background (lihat gambar).

Aktifkan file kota.jpg pada layer kerja dengan cara meng-klik layar kerja file kota.jpg atau klik menu Window dan klik pada nama file kota.jpg (lihat gambar berikut) :

Arahkan dan klik kanan mouse pada Layer Backround dan klik Duplicate Layer.

Akan muncul pop up window seperti berikut. Di bawah menu Destination, pilih Document : laut.jpg. Otomatis Layer pada file kota.jpg akan ter-copy ke file laut.jpg.

Sekarang pada file atau layar kerja laut.jpg terdapat 2 buah layer, yaitu layer Background dan layer Background copy.

Ganti nama layer untuk memudahkan.

Klik ganda pada layer Background, akan muncul pop up window New Layer. Ganti nama layer (Name) dengan laut dan klik OK.

Klik ganda pada Layer Background copy, dan ganti nama layer menjadi kota.


Sekarang kita memiliki 2 buah layer dengan nama laut dan kota.

Klik pada layer kota untuk memastikan layer kota dalam keadaan aktif.

Klik thumbnail Add Layer Mask dibagian bawah window Layer untuk menambahkan Layer Mask pada layer kota.

Sekarang pada layer kota terdapat thumbnail layer mask.

Pada Toolbar Menu, pilih Move Tool. Kemudian geser layer kota ke bawah. Caranya klik pada layar kerja dan drag(geser) ke arah bawah (layer kota harus dalam keadaan aktif).

Hasilnya seperti gbr berikut :

Pada Toolbar Menu, pilih Gradient Tool.

Pada Tool Gradient di sebelah kiri atas, pilih Linear Gradient, kemudian pilih jenis Gradient Foreground to Transparent (Lihat gambar berikut)

Sambil menekan tombol Shift, klik dan drag pada layar kerja untuk memberikan efek gradient. (lihat gambar berikut)

Untuk membuat penggabungan gambar menjadi lebih nyata anda dapat menggunakan tool Brush dan Eraser dengan Opacity dan Flow sebesar 40%.

Selanjutnya menyeragamkan tone kedua gambar dan untuk menambahkan suasana dramatis dengan menggunakan Photo Filter.

Klik ikon Create new fill or adjustment layer di bagian bawah window layer dan pilih Hue/Saturation

Pada pop up window Hue/Saturation, geser Saturation menjadi +50 (atau sesuai selera)

Klik OK.

Klik kembali ikon Create new fill or adjustment layer dan pilih Photo Filter.


Kemudian pada pop up window Photo Filter, pilih Deep Emerald (atau sesuai selera).


Ulangi sekali lagi dan pilih Filter Sephia.

Tekan Shift+Ctrl+N untuk membuat layer baru. Klik OK.

Pada window Swatch pilih warna Darker Blue

Pilih menu Edit –> Fill (atau tekan Shift+F5) kemudian pilih Use : Foreground Color.

Klik OK. Pada layer yang baru dibuat akan terisi warna Darker Blue.


Rubah blending mode Layer darker blue tadi ke Overlay mode.

Akan menghasilkan gambar sbb:

Kurangi opacity menjadi 30%.

Hasilnya akan menjadi seperti ini :


Tambahkan layer baru lagi (Shift+Ctrl+N)

Pilih Rectangular Marquee Tool

Buat bidang seleksi spt gbr berikut :


Klik menu Select->Inverse (atau tekan Shift+Ctrl+I)

Klik menu Edit -> Fill , pilih Foreground Colour dan OK.

Hasilnya sbb :

Kemudian pilih menu Filter->Blur->Gaussian Blur.

Isi Radius 100 pixel dan klik OK.

Rubah Blending mode menjadi Multiply mode.

Kemudian klik kanan pada layer tersebut, Klik Duplicate Layer dan OK. Kemudian rubah blending mode layer hasil duplicate ke Color Burn mode.

Hasil Akhir :

*Pernah gw posting di blog Multiply gw : A Place 2 Share

About these ads

About fandhiee

Just a regular guy

54 Responses to Tutorial Photoshop : Menggabungkan 2 gambar (foto) dengan Gradient

  1. i have photoshop 7.0 here, where i could met the photofilter tool ???

    • dahroule ⋅

      SAMA DUNK, NE SEKARANG AKU LAGI NYARI SOFTWARE PHOTOSHOP CS 2. SOALNYA DI PHOTOSHOP CS 2 ADA FOTO FILTERNYA!!!

  2. isrofike ⋅

    trims banget ini baru tetorial yang mantap diada duanya. jazakumullah

  3. mnurut q karya qm udah bagus, tp penjelasannya kurang jelas jadi bagi orang awam sulit untuk memahami.
    thank

  4. fearchin ⋅

    keren banget tutorialnya,,ad gk yang lebih keren dari neh ge??

  5. Alsy ⋅

    maturnuwun ilmune mas…

  6. aci ⋅

    makasi tutorialna…
    tp gw pake adobe photoshop 7.0….
    bisa kirim ke email gw kan caranya….
    thanks

  7. wah ada bagian yg susah dimengerti tapi skali dibuat mantap…wwkwkwk thx

  8. aditia

    Trims banget ya brother,,, sangat menarik dan kalau ada tutorial terbaru boleh minta tolong di informasikan ke email saya g ?? saya lagi senang edit2 foto nih.. Se X lagi trims

  9. fandi ⋅

    keren…………..abiest………sipt

  10. ifun

    keren sich…
    tapi kasian buat orang awam,, susah di pahaminya….

  11. dicky ⋅

    nice..
    ty y sob…

  12. Luna

    ak pnya photoshop 7,0 gmana caranya???
    kassi tau dunk!!

  13. melly

    makasii bnged ia info’a.
    ak baru mau belajar yg cs2 alna.
    makasii

  14. ferry ⋅

    aq pemula ne ,,,,
    dah nyampe stage “Sambil menekan tombol Shift, klik dan drag pada layar kerja untuk memberikan efek gradient. (lihat gambar berikut)”
    aq bingung !!!
    gmn siiiiy
    aq pengen bgt bs menguasai photoshop

  15. yOLiD_GUNS ⋅

    .gmbar.na kueyeeeeeenz dwech……..!!!!!!!!
    .
    .ote.

  16. yOLiD_GUNS ⋅

    .yg lbih kueyeeeeeeeenz mna ne?????.

  17. Mel ⋅

    like this……..
    tp koq ra mudeng2 ya….
    hehehe……..

  18. jasmine

    makasih ka buat info n tutornya

  19. krisnu ⋅

    wah matur nuwun mas … ilmu nya nanti kalau ada yang baru tolong di email ya ke saya

    terima kasih

  20. eka pratama ⋅

    thanks bwt tutorialx,,,

  21. Sofia ⋅

    bagus bgt .
    kalo diliat.liat kea gada cacatnya . :)
    awesome . :D

  22. kerend BOSS tutorialnya….
    max Nyusssss…..

  23. uungferi

    keren bos tutorialnya,…salam hangat

  24. ayass

    kagum bgt, keren.. mksih ya tutorial.y..

  25. 1n4ry

    good job …
    i like it ^^

  26. ayi ⋅

    keren dan sangat bermanfaat, makasih

  27. rara ⋅

    thx info nya….lebih ngerti dibanding baca buku…hehe

  28. maanntap dah teknikx,,,,,,sukses

  29. wew,, keren mas bro
    udah ane coba berhasil !!!
    Thanks ya ?!

  30. azonek ⋅

    kirimin dunk caranya

  31. thanks soo much, akhy …

  32. ijun ⋅

    memang mantav ….kyknya aku telat dech..

  33. mas aku download tp ko giliran di buka bukan.??kasih tau dong mas cara download nya yg mudah dan ga ribet.??terima kasih

  34. hartono ⋅

    ok thx NAYAMUL,

  35. Istiana ⋅

    Susah.. -__-

  36. Istiana ⋅

    Guw udh nyoba2 tp gak bisa >:(
    mungkin karena ukurannya yang salah.. -_-

  37. Firdaus ⋅

    thank’s banget buat tutrialnya…
    sangat membantu

  38. kereeeen musti di coba neh…….

  39. alfian ⋅

    Masih bingung

  40. gan.gundul ⋅

    nice trit gan…

  41. dedy ⋅

    wadddah, trit menang’an,,,
    makasi makasi

  42. T'Sly ⋅

    gw ngak paham yg terakhir,.. blending mode,.. itu yg mana ??

  43. Pingback: CARA MENGGABUNGKAN 2 FOTO DENGAN GRADIENT « Kawah You

  44. Nishawol ⋅

    aku hampir selesai tp aku pke ps 7.0 mknya pas photo filter gak ada akhirnya berakhir hmpir final >.<

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s