Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Garis Tepi Pada Tulisan Dengan Photoshop

Hai sobat, pada tutorial klik photoshop kali ini kita akan belajar cara membuat garis tepi (stroke) pada tulisan dengan photoshop. Dalam membuat beberapa goresan di sekitar teks di photoshop, kita hanya perlu membuat banyak salinan layer Type dan memberikan efek stroke pada setiap salinan kemudian di atur pada ukuran yang berbeda-beda.

Tapi kali ini, klikphotoshop akan mencoba dengan cara lain, yaitu, menggunakan kekuatan Smart Object Photoshop dan sepanjang tutorial kali ini saya menggunakan Adobe Photoshop cs6. Ok sob, simak langkah-langkah berikut, ini adalah hasil dari tutorial ini:

klikphotoshop

Cara Membuat Garis Tepi Pada Tulisan Dengan Adobe Photoshop

Langkah 1
Pertama kita akan membuat dokumen baru, seperti biasa pergi ke menu File di atas layar, kemudian pilih New atau dengan pintasan keyboard Ctrl+N (Win) / Command+N (Mac):

cara membuat garis luar di photoshop


Pada kotak dialog new dokumen photoshop, kemudian atur sesuai keinginan sobat. Di sini saya atur Lebar ke 800 pixels dan Tinggi ke angka 450 pixels, dengan Resolusi 72 pixels/inci:

cara membuat beberapa garis luar tulisan


Klik Ok untuk menutup kotak dialog, dan sekarang kita sudah mempunyai dokumen baru:

cara membuat stroke teks di photoshop



Langkah 2
Kemudian kita pergi ke kotak alat dan pilih Type Tool atau tekan huruf T pada keyboard sebagai pintasan:

klikphotoshop


Lalu pilih font pada sesuai keinginan sobat, di sini saya menggunakan font bicyle dengan ukuran 72 pt:

cara membuat garis luar di photoshop





Lalu atur warna tulisan, dengan mengklik pada contoh warna default yang di sediakan photoshop:

cara membuat garis tepi pada tulisan di photoshop


Di sini saya akan menggunakan warna Cyan untuk tulisan saya, ini mungkin bisa berbeda-beda sesuai selera sobat semua:

cara membuat garis tepi pada photoshop


Langkah 3
Ketik tulisan yang ingin sobat tuliskan, di sini saya akan menulis kata klikphotoshop:

klikphotoshop


Ubah ukuran teks sobat sesuai dengan kebutuhan, pergi ke menu Edit di atas layar kemudian pilih Free Transform atau dengan menekan Ctrl+T (Win) / Command+T (Mac) untuk menampilkan kotak Free Transform. Tahan Alt (Win) / Option (Mac) dan seret untuk mengubah ukuran teks dari titik tengahnya. Jika sudah cukup tekan Enter (Win) / Return (Mac):

cara membuat garis tepi di photoshop



Langkah 4
Sekarang kita ke panel layer untuk menambahkan goresan pada tulisan kita, klik ikon Layer Effects di bagian bawah palet layer dan pilih Stroke dari daftar yang muncul:

cara membuat stroke pada tulisan dengan photoshop


Ini akan membuka kotak dialog Layer Style photoshop, dengan opsi stroke pada kolom tengah. Pertama saya akan memilih warna untuk goresan dengan mengklik contoh warna pada bagian Fill Type:

garis tepi luar photoshop


Dengan Color Picker yang terbuka, karena warna tulisan saya berwarna cyan cerah, maka saya akan memilih warna cyan sedikit agak gelap:

cara membuat garis tepi


Kemudian klik Ok untuk menutup kotak dialog Color Picker. Lalu dengan warna yang sudah kita pilih, atur struktur sesuai keinginan sobat, di sini saya atur ke 4 px:

cara membuat stroke pada tulisan di photoshop


Dan inilah teks setelah kita terapkan stroke:

klikphotoshop



Langkah 5
Sekarang kita akan ubah jenis layer menjadi smart object, dengan cara klik ikon panah di atas kanan panel layer:

cara membuat stroke pada teks di adobe photoshop


Lalu pilih Convert to Smart Object dari daftar:

cara membuat garis tepi tulisan dengan photoshop


Kita lihat di panel layer bahwa panel Type telah di ubah menjadi ikon Smart Object, seperti yang terlihat bagian bawah kanan thumbnail preview:

cara membuat garis tepi di photoshop



Langkah 6
Tambahkan stroke pada layer smart object, dengan cara yang sama seperti sebelumnya klik ikon Layer Effects di bawah panel layer kemudian pilih Stroke dari daftar:

photoshop stroke


Ini akan membuka kembali kotak dialog layer style yang di atur pada opsi stroke.  Klik kembali contoh warna dan atur ukuran strukturnya, pada kasus saya ini ukuran saya atur ke angka 3 px dan warna saya ubah ke warna ungu:

cara membuat garis tepi


Klik Ok untuk keluar kotak dialog, dan hasilnya akan seperti ini:

cara membuat garis tepi pada tulisan dengan photoshop



Langkah 7
Ulangi langkah 5 dan 6 untuk menerapkan smart object di dalam smart object lainnya, dengan teknik ini kita bisa menambahkan lebih banyak goresan, jika sobat mau! pertama kita ubah Smart Object saat ini menjadi Smart Object dengan mengklik ikon segitiga di sudut atas panel layer dan pilih Convert to Smart Object dari daftar. Kemudian dengan smart object baru, kita klik ikon Layer Effects pada tepat di bawah panel layer.

Ini akan membuka kotak dialog layer style dengan opsi stroke, lalu kita akan menambahkan goresan yang ketiga. Di sini saya atur size pada angka 5 px serta Warna cyan seperti goresan awal:

cara membuat garis tepi stroke pada tulisan di photoshop


Klik Ok untuk menutup kota dialog, dan sekarang saya sudah memiliki tiga goresan untuk teks saya. Goresan tengah di sekitar smart object yang berisi teks dan yang luar berisi smart object baru yang berisi dari teks yang asli:

cara membuat garis tepi pada tulisan dengan adobe photoshop


Ok sobat, demikianlah tutorial singkat kali ini tentang cara membuat garis tepi pada tulisan dengan photoshop. Terimakasih telah berkunjung, semoga bermanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya. Terimakasih.