Belajar Membuat Garis Putus-Putus di Photoshop

Cetak Foto – 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.

Sample use

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.

Membuat dokumen baru

Berilah warna background hitam.

Memberi background hitam

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

Membuat brush baru

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

Memilih brush

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

Mengatur jarak brush

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

Mengatur shape dynamics

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.

Contoh penggunaan

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.

Membut garis lurus

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

Memilih tipe path

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.

Stroke path
Lingkarang dengan 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;


photoshop cs6 stroke

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.

36 thoughts on “Belajar Membuat Garis Putus-Putus di Photoshop

  • July 19, 2018 at 13:30

    Wow, incredible blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your site is wonderful, as well as the content!

  • July 19, 2018 at 16:13

    It¡¦s really a cool and helpful piece of information. I¡¦m happy that you shared this useful info with us. Please stay us up to date like this. Thank you for sharing.

  • July 19, 2018 at 16:16

    I keep listening to the news bulletin lecture about receiving boundless online grant applications so I have been looking around for the top site to get one. Could you advise me please, where could i find some?

  • July 20, 2018 at 01:21

    Muy bien el artículo. Lo voy a enviar a un amigo. Ahora con el trabajo hecho, me voy a mirar uns camaras webs online, a ver si veo aguna novia.

  • July 20, 2018 at 02:55

    Thanks for these guidelines. One thing I should also believe is that credit cards presenting a 0% rate of interest often bait consumers with zero monthly interest, instant authorization and easy on the net balance transfers, however beware of the main factor that will void your 0% easy road annual percentage rate and as well as throw one out into the bad house rapid.

  • July 20, 2018 at 05:06

    In these days of austerity in addition to relative stress about incurring debt, a lot of people balk about the idea of employing a credit card in order to make acquisition of merchandise or pay for any occasion, preferring, instead just to rely on the tried plus trusted approach to making transaction – cash. However, if you have the cash there to make the purchase completely, then, paradoxically, this is the best time to use the card for several factors.

  • July 20, 2018 at 05:40

    I think this is one of the most significant information for me. And i’m glad reading your article. But want to remark on few general things, The site style is ideal, the articles is really great : D. Good job, cheers

  • July 20, 2018 at 07:28

    Thanks for these tips. One thing I also believe is that credit cards presenting a 0% interest often appeal to consumers along with zero rate, instant authorization and easy on the web balance transfers, nevertheless beware of the number one factor that may void that 0% easy road annual percentage rate and as well as throw one out into the poor house quick.

  • July 20, 2018 at 08:13

    Thanks for your thoughts. One thing we’ve noticed is that banks and also financial institutions understand the spending patterns of consumers as well as understand that a lot of people max out their real credit cards around the holidays. They properly take advantage of this kind of fact and start flooding your own inbox plus snail-mail box by using hundreds of 0 APR credit cards offers shortly when the holiday season concludes. Knowing that in case you are like 98% in the American public, you’ll hop at the opportunity to consolidate consumer credit card debt and transfer balances for 0 rate credit cards.

  • July 20, 2018 at 08:24

    Hi there, I discovered your site by the use of Google while searching for a comparable topic, your web site got here up, it seems good. I have bookmarked it in my google bookmarks.

  • July 20, 2018 at 09:14

    I keep listening to the news update talk about receiving free online grant applications so I have been looking around for the most excellent site to get one. Could you advise me please, where could i acquire some?

  • July 20, 2018 at 09:33

    Very efficiently written information. It will be helpful to anyone who utilizes it, including myself. Keep doing what you are doing – i will definitely read more posts.

  • July 20, 2018 at 11:13

    Fantastic beat ! I would like to apprentice while you amend your web site, how could i subscribe for a blog web site? The account aided me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept

  • July 20, 2018 at 13:10

    I precisely desired to say thanks once again. I do not know the things I could possibly have followed in the absence of the type of advice documented by you directly on that area of interest. It actually was an absolute horrifying condition in my opinion, but taking a look at this expert approach you solved the issue took me to jump with joy. Now i am happier for your support and then trust you are aware of an amazing job that you are getting into teaching some other people thru your websites. More than likely you haven’t come across all of us.

  • Pingback: post in all facebook groups at once

  • July 20, 2018 at 13:41

    Simply wish to say your article is as surprising. The clearness in your post is simply great and i can assume you are an expert on this subject. Well with your permission allow me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please carry on the rewarding work.

  • July 20, 2018 at 15:32

    Hello there friend! I?m impressed, I must say. Really rarely do I encounter a blog that?s both educative and entertaining, and let me tell you, you have hit the nail on the head. Your idea is outstanding; the issue is something that not enough people are speaking intelligently about. I am very happy that I stumbled across this in my search for something relating to this. Again thanks alot for this!

  • July 20, 2018 at 18:53

    Hi there, just became aware of your blog through Google, and found that it’s really informative. I’m going to watch out for brussels. I will appreciate if you continue this in future. A lot of people will be benefited from your writing. Cheers!

  • July 20, 2018 at 18:53

    Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something. I think that you can do with a few pics to drive the message home a little bit, but other than that, this is magnificent blog. An excellent read. I’ll certainly be back.

  • July 20, 2018 at 18:53

    whoah this blog is wonderful i like reading your posts. Keep up the good work! You already know, a lot of people are hunting around for this information, you can help them greatly.

  • July 20, 2018 at 18:53

    I would like to convey my love for your generosity in support of folks who need guidance on this particular topic. Your real dedication to passing the message around became unbelievably invaluable and has continually empowered workers just like me to reach their endeavors. Your own helpful publication signifies a great deal to me and much more to my peers. Thanks a lot; from each one of us.

  • July 21, 2018 at 15:18

    Very good written information. It will be helpful to anyone who usess it, as well as me. Keep doing what you are doing – i will definitely read more posts.

  • July 21, 2018 at 15:19

    What i don’t understood is actually how you are no longer really a lot more well-appreciated than you might be right now. You’re so intelligent. You recognize therefore considerably when it comes to this topic, produced me in my view consider it from numerous varied angles. Its like women and men aren’t fascinated except it¡¦s something to do with Girl gaga! Your own stuffs nice. All the time maintain it up!

  • July 21, 2018 at 15:20

    Thank you for the good writeup. It in fact was a amusement account it. Look advanced to far added agreeable from you! By the way, how could we communicate?

  • Pingback: how to post to multiple facebook groups at once

Leave a Reply

Your email address will not be published.