Dipublikasikan tanggal 05 Aug 2008
Ditulis dalam kategori Efek Teks, Tutorial Photoshop Dasar, oleh Sadewo

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.

Tutorial yang terkait

    Kembali ke atas   



Beriklan 468px disini

Pencarian Pengunjung


RSS feed | Trackback URI

35 Comments »

Comment by hakimtea
2008-08-05 03:00:27

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

 
Comment by pijar shanushy
2008-08-05 11:51:04

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

 
Comment by rev
2008-08-05 12:29:13

akhrnya yg sya cri2 ktmu jugaaaa…..

 
Comment by Sadewo
2008-08-05 20:42:51

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

 
Comment by Abdullah
2008-08-06 05:52:42

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

 
Comment by eddy
2008-08-06 11:44:26

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

 
Comment by Sadewo
2008-08-06 12:42:09

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”.

 
Comment by rian
2008-08-06 14:12:02

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

 
Comment by Sadewo
2008-08-06 15:28:47

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

 
Comment by agus
2008-08-07 19:32:53

mbah saya mau belajar Photoshop cs2…

Gmana Mbah cara ng’Save image animasi..

format Gif pa Jpg

 
Comment by Sadewo
2008-08-07 20:48:33

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).

 
Comment by pries
2008-08-07 22:24:21

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…

 
Comment by android
2008-08-07 22:26:40

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.

 
Comment by jeemblink
2008-08-08 00:08:30

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

-respect

 
Comment by Sadewo
2008-08-08 00:46:53

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.

 
Comment by fakhry
2008-08-08 13:31:30

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

 
Comment by Sadewo
2008-08-08 13:57:40

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…

 
Comment by erla
2008-08-08 14:47:52

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

 
Comment by Sadewo
2008-08-08 15:02:25

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.

 
Comment by Fakhry
2008-08-10 05:20:47

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

 
Comment by dika
2008-08-13 00:08:39

mbah punya friendster gk
kita chating bersama..!!
m4h4rdik@yahoo.com

 
Comment by Sadewo
2008-08-13 01:07:00

Buat dika: Silahkan dibaca di halaman Tentang. Maaf, saya tidak suka chatting, fasilitas Yahoo!Messenger hanya saya gunakan untuk menjawab jika ada pertanyaan / konsultasi saja.

 
Comment by apud
2008-08-20 20:10:41

dicoba dulu ya OM

 
Comment by Sadewo
2008-08-20 21:32:38

Buat apud: Silahkan.

 
Comment by agoest
2008-09-26 17:00:04

mas gimana cara pake plugins fotoframes ada .asl ada . jpg

 
Comment by Sadewo
2008-09-26 19:43:31

Buat agoest: File plugins itu extensionnya .8bf. Kalau .asl itu file Styles. Sedangkan .jpg itu file gambar.
Untuk lebih jelasnya mungkin bisa dibaca keterangan readme / file petunjuk penggunaan fotoframes yang Anda maksud tersebut jika ada, atau bertanya langsung pada pembuatnya.

 
Comment by agoest
2008-09-29 01:44:34

thanks mas ya ya koq ga kepikiran ksana

 
Comment by bengkong
2008-10-30 03:44:54

mbah ndownload effect halftone free dimana

Comment by Sadewo
2008-10-30 21:56:49

saya belum pernah ndownload effect tersebut mas bengkong, kalau sudah ada yang membuatnya pasti bisa dicari di google.

 
 
Comment by leomaradona
2008-11-20 14:16:49

mas..saya copy-paste yaaaa…di word…gpp yaaaa…cz untuk saya baca be ulang2…

Comment by Sadewo
2008-11-21 01:03:39

Silahkan dipelajari mas leomaradona.

 
 
Name (Wajib diisi)
E-mail (Wajib diisi - tidak akan ditayangkan)
URI
Your Comment (smaller size | larger size)
Anda boleh menggunakan <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> dalam penulisan komentar.
Anda tidak boleh menggunakan alat tulis seperti pensil / alat tulis bertinta, gunakan keyboard saja.

Trackback responses to this post

edit foto vektor
Beriklan 468px disini