Dalam sebuah desain terkadang kita menemukan garis putus-putus, garis ini memberikan kesan tersendiri seperti efek jahitan dan lain sebagainya. Lalu bagaimana kita membuatnya di dalam photoshop? karena Anda tidak akan menemukan tipe border untuk garis putus-putus ini. Untuk itulah tutorial ini dibuat sebagai obat penasaran anda.

Membuat Brush
Sebenarnya untuk membuat garis putus-putus ini sangatlah beragam, seperti membuat garis lalu menghapus bagian-bagian tertentu. Namun saya tidak akan menjelaskan cara tersebut melainkan dengan teknik brush. Pertama-tama buatlah dokumen baru dengan ukuran 4px x 2px.

Berilah warna background hitam.

Langkah selanjutnya adalah mendefinisikannya sebagai brush, pilih menu edit, lalu pilih “Define brush preset”. beri nama sesuai kehendak anda, misalnya “dashed”.

Bermain-main dengan brush presets
Inti dari teknik ini adalah pada pengaturan brush. Pilihlah brush pada toolbox lalu perhatikan window brushes (jika pengaturan brush belum tampil, tampilkan melalui menu window | Brushes), klik brush presets dan pilih brush yang tadi anda buat (biasanya paling akhir).

Selanjutnya pilih Brush Tip Shape, geser slider Spacing ke kanan, sehingga brush menjadi putus-putus.

Masih belum selesai, kita lanjut ke Shape Dynamics, pada bagian “Angle Jitter”, beri nilai 0% dan pilih Direction untuk control.

Sekarang anda sudah bisa menggunakan brush putus-putus anda, sapukan ke canvas dan anda akan mendapatkan garis putus-putus sesuai dengan lekukan yang anda buat.

Cara penggunaan
Untuk penggunaan brush ini cukup sederhana, anda cukup menggunakannya seperti brush biasa seperti sebelumnya. lalu bagaimana jika anda ingin membuat garis lurus?
anda cukup menekan tombol Shift dan sapukan brush anda.

Selanjutnya, bagaimana jika kita ingin menerapkannya pada shape, “Ellipse Tool” misalnya?.
Untuk menerapkannya pada shape tool, pastikan anda memilih “Path” sebelum membuat shape.

Selanjutnya klik kanan pada shape yang anda buat, dan pilih “Stroke path” dan pilih brush. Pastikan brush putus-putus kita belum berubah, klik Ok dan Boom! kini lingkaran anda memiliki garis putus-putus.


Cara pembuatan di CSS
Jika sebelumnya saya jelaskan cara pembuatan garis-putus-putus di photoshop, kita kita beralih ke pembuatan garis putus-putus di CSS. Untuk membuat garis putus-putus anda cukup menentukan border-style dengan nilai dashed.
border-style:dashed; /* atau */ border: 2px dashed black;
Kesimpulan

Kabar baiknya, pada versi terbaru photoshop, yakni CS6 anda bisa menentukan tipe stroke dan salah satunya adalah garis putus-putus ini. Namun bagi anda yang masih menggunakan photoshop CS5 ke bawah, anda bisa menggunakan teknik yang telah anda pelajari di atas. Semoga bermanfaat.
mantap mas, nice tutorial 🙂 trimakasih ilmunya 😀
Dear Ariona,
Makasih atas artikelnya…. jadi bisa bikin garis putus2 di photoshop.
wah ini yang ane cari 😀 thanks gannn
Mantap!!,, hehe,,
Mantao pisan,,,,,,
terima kasih untuk infonya, sangat membantu 🙂
waw!! ini yaang aku cari^^ Thank’s so much 🙂
thankyou so much!! sekarang udah bisa hehehe ^^
thank’s Bradder…
makasih bgt gan…sangat membantu
bagus mas, tapi kok sy hasilnya, garis putus-putusnya kurang rapih yaa..
Mas,, CS6 ada free download portable ga?? #ngarep.com 😀
Gan, kok saya bikin gak rapi ya?
tapi ini butuh jam terbang biar makin rapih nih, thank sobat
izin prakteknya ya 😀 thankyou ^^
Terima kasih admin, tutorial yang saya sedang cari untk membuat garis tepi di gambar artikel web saya. hehehe