Memasukkan foto kedalam teks

Diarsipkan dalam kategori: Efek Teks, Tutorial Photoshop Dasar tanggal: 5 August 2008 oleh Mbah Dewo

Tutorial efek tulisan dengan Photoshop ini cukup mudah. Mungkin malah sudah banyak yang tahu. Tutorial ini memang sengaja saya susulkan untuk di publikasikan. Karena teknik ini akan digunakan juga pada tutorial yang mendatang.

Pada tutorial ini kita akan belajar cara memasukkan sebuah foto / gambar kedalam tulisan ataupun obyek lain.

Langkah 1
Bukalah sebuah file foto / gambar, atau buatlah sebuah file baru. Ukuran file bisa disesuaikan dengan keinginan Anda.

tutorial photoshop efek teks 1

Tujuan langkah ini adalah agar kita mempunyai sebuah file yang digunakan untuk mengetik.

Langkah 2
Pada file tersebut (langkah ke-1), buatlah sebuah tulisan dengan menggunakan type tools. Usahakan untuk memilih jenis huruf yang tebal. Misalnya Arial Black, Impact.

tutorial photoshop efek teks 2

Langkah 3
Bukalah file foto / gambar yang akan dimasukkan ke dalam tulisan. Jika file tersebut sudah dibuka, geserlah file tersebut kedalam file tulisan dengan menggunakan Move tool. Lebih lanjut, tentang Move tool, bisa dibaca di sini.

tutorial photoshop efek teks 3

Langkah 4
Pastikan urutan layer seperti gambar berikut ini:

tutorial photoshop efek teks 4

Layer foto diatas sendiri, kemudian layer tulisan dibawahnya.

Jika posisi layer sudah benar, pastikan layer yang aktif adalah layer foto.
Sekarang:

  • Tekan tombol Ctrl + Alt + G, pada Photoshop 7, atau
  • Pilih menu Layer > Create Clipping Mask (Ctrl + G), pada Photoshop CS, atau
  • Pilih menu Layer > Create Clipping Mask (Ctrl + Alt + G), pada Photoshop CS3.

Foto sudah masuk kedalam tulisan. Jika perlu, bisa Anda tambahkan Layer style misalnya Bevel and Emboss atau Drop Shadow.

Berikut ini adalah gambar dari tutorial photoshop ini yang sudah jadi.

tutorial photoshop efek teks 5

Selamat mencoba.




70 Responses to “Memasukkan foto kedalam teks”

  1. Fakhry says:

    sabar tapi jangan lama2 nunggunya. terxta emang dah ada fontnya tapi efek chrom di logonya tu mohon diperjelas.thanks

  2. Sadewo says:

    Buat erla: Kursus itu tetap perlu, karena bisa menerima penjelasan langsung beserta prakteknya. Selain itu, kalau Anda mau belajar, jangan hanya pada satu sumber. Carilah guru dan materi sebanyak-banyaknya.
    Dan lagi, kalau semua orang tidak mau kursus lak rekoso aku, lha salah satu mata pencaharianku jadi pengajar kursus komputer.

  3. erla says:

    mbah dewo emang keren !
    ak jadi ga perlu kursus lagi, cukup tanya sama mbah dewo langsung beres !!
    saya tunggu tutorial berikutnya…
    thanks

  4. Sadewo says:

    Buat fakhry: Ooo, bisa tho dengan ms Office?
    Lha itu Anda bisa pakai ms office kok kemarin dulu bingung cari font Webding buat logo larangan merokok?
    Efek komiknya, katanya sabar nunggu…

  5. fakhry says:

    itu kan di ms word aja bisa. mana tutorial lanjutan membuat efek komiknya?

  6. Sadewo says:

    Buat pries: Silahkan dicoba dulu tutorial ini pada sehalaman tulisan, tidak hanya pada satu/dua kata saja. Mungkin seperti itu yang Anda maksud.

    Buat android: Berhubung Anda sudah bisa Photoshop juga, tentunya tidak ada masalah dalam mengedit foto-foto tersebut. Kalau yang Anda maksudkan adalah ide-ide gambarnya, mungkin Anda bisa melihat gambar-gambar yang sudah ada di internet, atau Anda kembangkan sendiri berdasarkan imajinasi / pengalaman / hal-hal romantis yang pernah Anda alami bersama pacar Anda. Ide itu akan terasa lain kalau hanya menurut saya (sebagai orang luar), berbeda jika ide itu datang dari hati Anda sendiri (sebagai orang yang sedang mengalami percintaan tersebut secara langsung).

    Buat jeemblink: Maturnuwun ugi.

  7. jeemblink says:

    waaahhh….
    iki,tambah keren ae….
    suwon mbah….
    ta enteni maneh sing liyone…

    -respect

  8. android says:

    Bung Saya punya masalah ni tentang pacarku dia seorang desain grafis, tapi sekarang dia sudah berhenti kerja di perusahaan desain dan mau pulang ke jawa. Nah sekarang aku yang juga bisa desain lewat photoshop ini disuruh pacarku untuk desai gambarnya dan sekaligus ada fotoku disitu temanya sih percintaan. nah sekarang Bung bisa bantu aku gak untuk meng edit serta bagai mana caranya karna tanggal 20 bulan ini dia sudah pergi ke jawa.

  9. pries says:

    makasih mbah jadi nambah elmu nih. sekalian mo nanya cara bikin gambar kalo dari jauh tampak foto tapi kalo deket
    sebenarnya sehalaman tulisan dengan warna dasar background foto tadi. suwun nggih mbah…

  10. Sadewo says:

    Buat agus: Jika membuatnya dengan Image Ready, cara menyimpannya dengan File > Save Optimized. Kalau itu animasi, harus disimpan dengan format gif (tentang ini sudah saya jelaskan pada tutorial sebelum ini).

  11. agus says:

    mbah saya mau belajar Photoshop cs2…

    Gmana Mbah cara ng’Save image animasi..

    format Gif pa Jpg

  12. Sadewo says:

    Buat rian: Merubah bentuk mobil kok butuh contoh? Merubah bentuk mobil tentunya bisa sesuka Anda sendiri kan.

  13. rian says:

    Mbah saya minta contoh yang Expert doooooooong……. misal kan memodifikasi mobil dari bentuk standart menjadi bentuk full design…ok mbah…hihihihihi

  14. Sadewo says:

    Buat Abdullah: Terima kasih kembali.
    Buat eddy: Kalau tulisan diembos, ya tinggal pilih menu Layer > Layer style > Bevel and Emboss.
    Terima kasih atas komentarnya, tapi kalau Anda mengira ini gambar yang dicrop sesuai dengan tulisan, berarti Anda belum mencobanya. Karena crop tool itu adalah “memotong”, sedangkan yang saya maksudkan dalam tutorial ini adalah “memasukkan”.

  15. eddy says:

    Kalau buat tulisannya emboss di gambar bagaiama bos??
    kalau ini kan gambar seperti dicrop sesuai dg tulisan.

  16. Abdullah says:

    Thanks so much dengan tutorial atwpun cara2 menggunakan photoshop
    sekali lagi terima kasih Mbah Dewo…
    sukses selalu dan keluarkan ilmu barunya…

  17. Sadewo says:

    Buat hakimtea: Silahkan.
    Buat pijar shanushy: Terima kasih kembali.
    Buat rev: Silahkan dicoba.

  18. rev says:

    akhrnya yg sya cri2 ktmu jugaaaa…..

  19. pijar shanushy says:

    aq amat sangat berterima kasih ama mbah dewo, aq bisa sedikit demi sedikt belajar photoshop yang bagi aq yg pemula.

    sekali lagi thank’s maturnuwun

  20. hakimtea says:

    bener2 maknyus mbah… saya coba baca dulu lebih teliti… masih bingung nih… :D

Leave a Reply

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