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

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

 
 
Comment by gembul
2008-11-25 15:10:01

mbah dewo. mo tanya nich…
kalo mo tulis teks tapi di dalm teksnya itu foto2 yg berbeda caranya bagaimana ya?
bisa dibantu ga? (saya pemula)

Comment by Sadewo
2008-11-25 18:33:49

Fotonya yang akan dimasukkan harus banyak foto berarti mbak gembul.

 
 
Comment by activian
2008-12-05 09:52:42

mbah aku mau belajar bagaimana caranya membuat wajah foto kita terlihat seperti ukiran-ukiran dengan menggunakan photoshop

Comment by Sadewo
2008-12-06 13:11:45

Kalau jadi seperti ukiran saya belum pernah mencoba mas activian. Kalau jadi bentuk topeng sudah pernah, kapan2 kalau sempat saya tuliskan tutorialnya.

 
 
Comment by harris
2008-12-05 23:56:41

kulonuwun mbah…
mbah saya mbok dikasih softwarenya Photoshop CS3 saya pake vista, jadi gak bisa pake yang crak2an
maturnuwun sakderenge mbah…

Comment by Sadewo
2008-12-06 13:14:33

Sudah saya jawab dalam komentar mas harris sebelumnya juga.
Saya tidak mempunyai software yang aslinya. Kalau ingin punya yang aslinya bisa membelinya di toko penjual CD program.

 
 
Comment by Deks
2008-12-12 18:20:48

keren mbah dewo tutorialnya.. makasih yaa!!:-)

Comment by Sadewo
2008-12-17 20:42:15

Terima kasih kembali Deks.

 
 
Comment by Joe
2009-01-09 14:10:38

hmm,,
thanx mas atas ilmunya….

GBU all the time

Comment by Sadewo
2009-01-27 12:22:40

Terima kasih juga atas komentarnya Joe.

 
 
Comment by reno setiadi
2009-01-25 19:48:35

assalamumualaikum wr.wb kpd mbah dewo tanks berat tas tutorialnya, aq mo ty klu buku panduan tutorialnya kira2 ada gk ya?????????? tlg dibalas ya. tq yuu.

Comment by Sadewo
2009-01-27 12:24:37

Wa’alaikum salam Wr. Wb.

Terima kasih juga atas komentarnya. Buku photoshopnya sedang saya ketik, ditunggu saja kalau sudah jadi.

 
 
Comment by mark
2009-02-01 17:26:53

thanks berat bozz… tutorial-e jos gandhosss.. kotos..kotossssssss.

Comment by Sadewo
2009-02-04 10:29:41

Terima kasih atas komentarnya Mark.

 
 
Comment by titi
2009-02-09 07:38:38

Thanks buat tutorialnya ya Mbah, semua buku2 disini bhs inggris jadi rada bingung buat pemula spt sy, blog anda sangat membantu. Salam dari Negeri Kangguru. Cheers

Comment by Sadewo
2009-04-08 13:47:42

Terima kasih kembali Titi. Salam juga dari kota gudeg.

 
 
Comment by ferdynans
2009-04-08 06:13:26

makasih mbah atas ilmu-ilmunya…
mo nanya nih mbah… gimana sich “ngalusin” tepi gambar yg sudah kita potong?.. biar objek dan backgroundnya terasa menyatu? apa cukup pakai Erase tool aja?… :D

Comment by Sadewo
2009-04-08 13:49:34

Jangan pakai Eraser, kalau salah sulit diperbaiki lagi. Gunakan mask. Cara menghaluskan seleksi sudah pernah saya tuliskan, silahkan Fendynans cari di arsip.

 
 
Comment by onny rudianto
2009-05-09 14:00:47

Trims ilmunya sangat bermanfaat. salam

 
Comment by fuzzy
2009-06-24 21:34:24

tehnk mbh dewo .. brkt krya mu aku lbh ngerti tntang fhotosop tehnks y

 
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