Hai sobat, pada tutorial kali ini saya akan berbagi cara membuat logotype dengan clipping mask. Dalam tutorial sebelumnya saya juga menggunakan clipping mask sebagai alat untuk membuat Low Key Typography dan juga membuat poster AADC. Untuk tutorial kali ini caranya juga hampir sama dengan cara pembuatan poster AADC. Daripada berlama-lama langsung saja berikut adalah cara membuat logotype dengan clipping mask.
Langkah Pertama
Langkah Kedua
Buat dua lingkaran dengan menggunakan elliptical shapes tool. Untuk lingkaran pertama menggunakan fill berwarna putih dan lingkaran kedua tidak menggunkan fill melainkan menggunakan stroke yang juga berwarna putih. Atau lebih jelasnya bisa lihat pada gambar.
Langkah Ketiga
Buat tulisan dengan type tool dan atur ukuran/kemiringan dengan free transform. Satu kata satu layer ya, dan pada layer yang berisi tulisan tersebut satukan dengan folder layer.
Untuk nama font yang saya gunakan pada tutorial ini adalah Krinkes. Bagi yang belum tau cara menginstall font bisa disimak di artikel : Cara Install Font Eksternal di Photoshop.
Dan juga bisa tambahkan lingkaran seperti pada gambar menggunakan Shapes Tool yang kemudian atur Stroke Optionsnya.
Langkah Keempat
Duplikat layer background menggunakan shortcut Ctrl+J pada keyboard kemudian taruh hasil duplikat tersebut di atas folder tulisan.
Langkah Kelima
Pada layer background hasil duplikat tadi, klik kanan dan pilih Create Clipping Mask yang membuat tulisan dalam folder tadi transparan alias tembus dengan background.
Langkah Keenam
Untuk memberi garis tepi pada tulisan Ansoryllah, duplikat dulu layer Ansoryllah yang berada di dalam folder tulisan dengan cara Ctrl+J pada keyboard dan kemudian taruh diatas layer background hasil duplikat.
Langkah Ketujuh
Masih pada layer Ansoryllah hasil duplikat tadi, langkah selanjutnya adalah atur Fill pada layer tersebut hingga 0%. Atau lebih jelasnya bisa lihat pada gambar diatas.
Langkah Kedelapan
Nah kan masih belum kelihatan tuh garis tepinya, untuk menambahkannya klik FX kemudian pilih Stroke. Yang kemudian akan muncul jendela baru yang berisikan pengaturan untuk stroke.
Pada jendela baru ini silahkan atur warna menjadi putih dan ketebalan garis tepi sesuai keinginan sobat atau juga sesuaikan pada resolusi gambar sobat.
Dan logotype dengan clipping mask pun sudah jadi tinggal save dan unggah di social media. Nah bagi yang masih bingung dengan tutorial diatas, bisa silahkan unduh file PSD yang sudah saya siapkan di link bawah ini dan silahkan untuk dipelajari :
Logotype.rar
Password : www.mahirphotoshop.com
Itu tadi file PSD dari tutorial kali ini, silahkan untuk dipelajari lebih lanjut. Bagi yang masih mengalami kesulitan dalam membuat logotype dengan clipping mask tadi bisa silahkan coba video youtube milik agan Farhan Nabiel yang membuat video dari tutorial ini :
Terima kasih telah membaca dan semoga tutorial tadi bermanfaat bagi sobat semua. SemangArt!
kok pas di tahap terakhir tidak bisa transparan
coba pelan-pelan dipahami tutorialnya 🙂
Kok punya saya juga tulisannya ga bisa transparan udh pake psdnya
mungkin di Photoshop CS begitu 🙂 dicoba dari awal saja gan, jangan cuma ngedit PSD aja..
Font nya apa?
baca baik-baik tutorialnya. Sudah ada kok 🙂 nama font nya Krinkes
Terima kasih gan 😀 saya sudah bisa sekarang
Bang biar dihuruf terakhir ada buntutnya gmn?
pake font KRINKES gan, terus ketik angka 0-9 🙂
trimakasih bang udah bisa
sip kakak (y)
Strokenya kok gak transparant ? gimana ya?
diperhatikan baik baik ya sob tutorialnya 🙂
option di fill nya di atur ke 0 % biar transparan
cara buat lingkaran lingkaran kecil itu gmn gan?
coba liat lagi di langkah ketiga ya om 🙂
Kalo Boleh Tanya Mas .. ini Photoshop Versi Apa Dan Berapa Ya ??
saya pake Photoshop CC 2015 mas.
Sip ,sakti tutornya
Tolong bro bikin tutorialnya pake cs 4 biar ane lbih cpat paham soalnya masih pemula
waduh, saya ga pake Photoshop CS4 mas. Oiya, itu kalau untuk membuat titik melingkar bisa coba pake Cara Membuat Teks Melingkar di Photoshop
Klau cara instal photoshop yang mas pake itu gimana
tinggal install aja kaya software lain. saya pake Adobe Photoshop CC 2015 🙂
gan ane kok ga bisa ya create clipping mask nya ? udah sesuai petunjuk tp tetep ga bisa
coba download PSD atau liat videonya ^_^ atau mungkin versi photoshopnya belum support Clipping Mask ?
Makasi gan Tutorialnya.
Mau tanya gan? ni Punya saya PS Cs4, Klw mau bikin garis lingkaran putus2 nya itu gimana yaa ?. Ko saya gk nemu2, Tinggal garis lingkaran putus2nya yg blum bisa gan ???
Mohon pencerahannya #Masih Newbie
untuk CS5 kebawah setau saya tidak bisa. Untuk mengakalinya mungkin bisa pake cara teks melingkar (hurufnya pake titik)
Kok saya tidak bisa Create Clipping Mask. knp ya?
coba diperhatikan baik-baik tutorialnya 🙂 atau bisa juga lihat videonya 🙂 kalau masih bingung bisa download PSD dan pelajari apa yang salah 🙂
Bikin ekor nya gimana mas.yang setelah tulisan di tengah posisinya
pake font krinkes mas 🙂 terus ketik angka 0-9 🙂
bantuan untuk CS3
Biar ekornya nyatu gimana gan ??
pake font khusus gan 🙂 itu pake font KRINKES…
Untuk CS3 gimana mastah? Ane gabisa bisa 🙁
Gan.. tutornya inii bisa juga buat Photoshop CS6 gak?? soalnya saya pke CS6
ya silakan di coba saja 🙂
KEREN
Gan klo ekornya diatas bisa gk ? Atau ada font lain ?
pake font lain aja, krinkes ga bisa 🙂
Nama font nya apa gan ?
emm, apa yah ? coba cari di dafont kategori Calligraphy
Minta fontnya kakak
Nama font KRINKES, banyak kok di website penyedia font
Mas mw tanya nih,masi newbie aku,aku kan udah desain kata2 trz udah di clipping mask,nah kalo biar si clipping mask nya nyatu sama kata2 tanpa harus difolder layer gimana?apakah memang harus di folder layer2 Tersebut?
bisa sih mas, tapi foldernya di merge dulu hehe 🙂
Gimana cara buat yang melengkung ke bawah susah
tinggal ketik angka 0-9 di akhir kata gan. contoh : Ansoryllah0 atau Ansoryllah1
Keren
Ijin copy kak. Buat blajar
Silakan kak 🙂
apakah bisa diterapkan jika tanpa background? alias PNG kotak” transparan sbg background nya? kalo bisa, apakah cara nya sama?