Membuat bingkai foto variasi 1

Diarsipkan dalam kategori: Efek Foto tanggal: 2 March 2008 oleh Mbah Dewo

Gambar tutorial bingkai fotoTutorial Photoshop yang ini akan membahas tentang cara membuat bingkai foto. Bingkai foto yang akan dibuat dengan Photoshop ini menggunakan background yang bisa diganti-ganti, dengan bentuk bingkai sebuah kotak yang tidak beraturan. Pada post yang sebelumnya, bingkai foto dibuat dengan menggunakan action. Kali ini kita akan membuatnya manual, walaupun sebenarnya bingkai ini bisa juga kita buat menjadi action.

Langkah pembuatan bingkai foto dengan Photoshop

Langkah 1
Bukalah program Photoshop. Kemudian buatlah sebuah file baru, lakukan ini dengan memilih menu File > New. Tentukan ukuran yang akan digunakan. Pada contoh kali ini, ukuran file kupilih yang 4×6 pada preset size. Ini adalah ukuran cetak foto 4R. Namun pada tutorial ini, ukuran gambar yang saya gunakan bukan ukuran sebenarnya. Gambar diperkecil agar loading tidak terlalu lambat.

Gambar tutorial bingkai foto 5

Langkah 2
Bukalah gambar yang akan digunakan sebagai latar belakang gambar. Carilah gambar yang Anda senangi, yang sekiranya cocok sebagai background. Masukkan kedalam file baru tadi dengan menggunakan Move Tool. Jika tidak mempunyai gambar yang bagus, bisa dipertimbangkan untuk mencari kertas kado atau koran, kemudian discan.

Pada contoh tutorial Photoshop ini, saya tidak menggunakan gambar lain tetapi membuat background sendiri. Background diisi dengan texture fill: Pink Textured (128 by 128 pixels, RGB Mode), kemudian disapu dengan Brush Tool. Brush yang digunakan adalah yang tipe Scaterred Roses, Grass, dan Fuzzball.

Gambar tutorial bingkai foto 4

Langkah 3
Setelah background sudah siap, buatlah sebuah layer baru. Lakukan ini dengan mengeklik icon Create new layer di palet Layer. Atau dengan memilih menu Layer > New > Layer, kemudian klik OK.

Gambar tutorial bingkai foto 3
Langkah 4
Pada layer baru yang masih kosong tadi, buatlah sebuah seleksi kotak yang bentuknya tidak beraturan dengan menggunakan Lasso Tool. Caranya: pilih Lasso tool pada toolbox Photoshop, kemudian buatlah gambar kotak pada bidang gambar. Saat membuat gambar kotak, usahakan agar gerakan pointer agak tergeser-geser hingga bentuknya adalah kotak yang tidak rata pinggirnya. Gampangnya, pura-puralah gemetar saat menggeser pointer mouse (berpura-pura saja, tidak perlu sampai nggak makan dulu biar gemetar, ntar malah sakit).

Gambar tutorial bingkai foto 2
Langkah 5
Jika perlu tepian seleksi yang agak kabur, setelah seleksi kotak tadi jadi, berikan efek Feather. Lakukan ini dengan memilih menu Select > Feather. Isikan nilai 1, kemudian klik OK.

Gambar tutorial bingkai foto 1
Namun jika dirasa tidak diperlukan, maka langkah ke 5 ini bisa dilewati.

Langkah 6
Isikan warna putih pada seleksi kotak. Pada Photoshop, lakukan ini dengan memilih menu Edit > Fill. Pilih warna putih di bagian Use. Kemudian klik OK.

Gambar tutorial bingkai foto 10
Langkah 7
Hilangkan seleksi kotak dengan memilih menu Select > Deselect.

Gambar tutorial bingkai foto 9
Langkah 8
Bukalah foto yang akan diberi bingkai. Masukkan kedalam file yang sedang kita olah tadi menggunakan Move Tool. Pada tutorial Photoshop ini, kugunakan fotonya Mbak Dita. Soalnya tempo hari dikritik Mas Andi Prayitno, katanya di situs tutorial biasanya pakai foto artis cakep, kok disini malah pakai foto Mas Wasidi. :)

Gambar tutorial bingkai foto 8
Langkah 9
Atur ukuran dan posisi foto, usahakan ukurannya bisa menutup seluruh kotak putih yang tidak rata tadi. Perhatikan posisi layernya. Buatlah urutannya mulai dari yang atas adalah layer foto, kotak putih, dan background seperti gambar ilustrasi dibawah.

Gambar tutorial bingkai foto 7
Langkah 10
Aktifkan layer foto, kemudian pilih menu Layer > Create Clipping Mask. Ini akan membuat gambar foto masuk kedalam kotak putih. Perhatikan gambar ilustrasi tutorial dibawah ini,

Gambar tutorial bingkai foto 6
pada layer foto akan muncul tanda yang menunjukkan clipping mask.

Langkah 11
Aktifkan layer kotak putih. Kemudian pilihlah menu Layer > Layer style > Drop Shadow. Setelah muncul kotak dialognya, lakukan pengaturan yang diperlukan, atau bisa juga dengan langsung mengeklik tombol OK-nya saja. Ini untuk memberikan efek bayangan pada kotak putih.

Gambar tutorial bingkai foto 12
Langkah 12
Atur ulang letak layer foto dan/atau layer kotak putih. Akan lebih keren lagi kalau ditambahi tulisan yang sesuai. Misalnya yang berisi moto hidup atau yang bernada romantis.

Hasil dari pembuatan efek bingkai foto variasi ini seperti gambar dibawah ini.

Gambar tutorial bingkai foto 11
Selamat berkreasi dengan Photoshop. Variasi bingkai foto yang lain akan saya buatkan tutorialnya di lain waktu.




35 Responses to “Membuat bingkai foto variasi 1”

  1. Awil says:

    salam kenal mas, Mas maaf! mau nanya nich mas, klo nyari bingkai / frame buat backgroun photoshop dimana alamat webnya? soalny yang awil dapat frame yang sizenya kecil2 jadi klo diperbesar malah bunyar. makasihnya sebelumnya, ditunggu lagi tutorialnya.

  2. ani says:

    met siang aq mau tanya boleh kaaan?
    aq sedang ngedit foto tapi dibelakangnya ada background terus aq cuman mau ngambil orangnya doank, gimana ya mas? hari ini tolong dibalas yaaaa? thanks

  3. ADIS says:

    mas dewo yg keren, aku mau tanya nich, aku da coba tapi pas di bagian menu->(Layer > Create Clipping Mask) kok gak ada tulisan create clipping mask yach. mohon pencerahan mas, aku pake photoshop 7, ditunggu mas, terima kasih…

  4. Vincentius says:

    Mas, utk buat bingkai varfiasi 1&2 Jenengan pake PS berapa?, Saya coba buat pake PS CS.08 kok nggak berhasil ya???, karna sepertinya ada fitur SPT yg Jenengan tampilkan dlm tutorial iini ga ada di PS seri 8.0. Tapi makasih bayk atas tips2 nya ttg PS.

    • Sadewo says:

      Tutorial tersebut saya buat dengan Photoshop CS (kalau tidak lupa). Semua langkahnya bisa diterapkan pada Photoshop 7.0. Kalau pada versi selanjutnya juga semakin bisa. Langkah yang agak berbeda mungkin hanya Clipping Mask-nya. Tentang perbedaan di tiap versinya tentang Clipping Mask bisa dibaca pada memasukkan foto kedalam teks.

  5. Sadewo says:

    Buat maruf: Coba dicek versi photoshop yang digunakan. Lebih lanjut coba baca Memasukkan foto kedalam teks tentang clipping mask-nya.

  6. maruf says:

    di menu layer sya ga menemukan create clipping mask..
    trus gmana mas..

  7. maruf says:

    mas ko pda langkah 10 Layer > Create Clipping Mask tuh ga ada?

    mohon bantuan’y..
    thank’s..

  8. Sadewo says:

    Buat aril: Terima kasih atas komentarnya. Kalau ada yang baru akan saya tulis di blog ini, silahkan subscribe agar selalu tahu update yang baru.

  9. aril says:

    om,gua suka design.jd gua butuh banyak belajar,kalo ada tip2 yg baru,tolong ksih tau dong.och iya gua suka kerjaan loe.thank’s “aril”

  10. Sadewo says:

    Buat reza: Kalau dibuat action, saya rasa tidak bisa mas. Tidak semua langkah di photoshop cocok dibuat menjadi action.

  11. reza says:

    mas gimana c cranya buat action ngilangin jerawat???kan fas foto bisa,jadi biar bisa lebih simple gitu..
    thanks yupz

  12. Sadewo says:

    Buat Erni: Wah ide bagus itu Mbak Erni, saya malah belum kepikiran ngedit alis/bulu mata. Kapan2 coba saya tuliskan tutorialnya.

  13. Erni says:

    Thanks ya uda mau berbagi ilmu saya banyak terbantu lo, tapi ada yang masih tidak di mengerti gimana cara mengedit alis atau bulu mata y??

  14. Sadewo says:

    Buat udin: Untuk menghilangkan jerawat pada foto, silahkan baca di sini.

  15. udin says:

    tutorialnya OK. banget.
    Saya pernah nganter temen untuk foto digital. temen saya yang wajahnya banyak kukul/totol2 (maaf ya…) Tapi setelah fotonya jadi kok bisa mulus ya wajahnya.
    Gimana mas caranya memodifikasi wajah biar mulus.
    Makasih.

  16. Sadewo says:

    Buat chairul ardian: OK deh. Tapi setahu saya kebanyakan juga Bahasa Indonesia. Cuma ada beberapa artikel yang belum sempat saya ketik ulang di Bahasa Indonesia (sepertinya saya pernah nulis tentang sejarah blog ini).

    Ngomong2 kenapa sih kalo bahasa Inggris. Kan itu bahasa asing yang seharusnya juga kita pelajari.

  17. Tolong banyakin pembuatan efek-efeknya,,tapi yang berbahasa indonesia yau….

  18. [...] Photoshop kali ini akan membahas tentang pembuatan bingkai foto, variasi lain dari bingkai foto pada post sebelumnya. Pada bingkai foto yang sekarang, saya tambahkan bentuk-bentuk ornamen sebagai [...]

  19. Sadewo says:

    Buat Anonim: Untuk menghilangkan background dan menggantinya dengan warna/gambar lain itu banyak caranya. Yang penting logikanya Anda pahami dulu, coba baca artikel di blog ini yang judulnya “Mengedit gambar dengan Photoshop, seperti membuat kliping” ada di kategori Photoshop Guides. Juga artikel lain tentang seleksi.

    Buat semua aja: Diharapkan untuk menggunakan account Google/Blogger, atau Open ID lain, atau menuliskan nama sekaligus alamat situs(jika ada) di bagian url di form komentar. Komentar Anonim mulai sekarang tidak akan saya tanggapi.

  20. Anonymous says:

    Itu kan kalo kebetulan background fotonya putih ya? Kalo background nya banyak warna, cara ngilangin back ground nya dan ngerubah jg putih gimana ya?

Leave a Reply

Komentar Anda akan dibaca semua orang, gunakanlah tulisan yang jelas dan dengan bahasa yang sopan.