Tip: Creating a Dotted and Dashed line in Photoshop and Gimp

by Tim Von Rueden
  • Download Files
    You must be a citizen to download the source files.
  • Register to Favorite
Tip

Hello and Welcome to the quick tip on creating a Dotted and Dashed line in Photoshop and Gimp.

In this tutorial Tim Von Rueden takes a look at creating this effect solely using brushes, their settings, and custom brushes.

***GIMP STARTS AT 3:37***

And here is a quick tip for how to create a stitched brush in Photoshop. (thank you Virtualdreamz for sharing)


↓ Here is a quick step by step below ↓

PHOTOSHOP

1 – Using the standard hard edge brush without any settings turned on, increase the spacing under “Brush tip Shape” to create a dotted line

2 – You can then save the brush for future use.

3 – Do the same as above but instead of using a circular brush, use a square brush, squished down for the direction you would like.

 

GIMP

1 – Using gimps standard circle brush, increase the spacing under the brush settings to create a dotted line.

2 – After creating a rectangle shape using the selection tool, then filling it in with black, save it out as a .gbr brush

3 – Using the dashed brush you just created, increase the spacing, and you know have a horizontal dashed line. Holding shift + control will give you a perfectly straight line.

Thanks for watching and if you have any questions just let me know in the comment section below ↓

Leave Comment

Discussion

12 Responses to “Tip: Creating a Dotted and Dashed line in Photoshop and Gimp”
  2. Posts: 2
    Jeff says:

    That is really useful, thank you.

  3. Posts: 3
    greg says:

    Thanks so much for showing how to make a custom brush in Gimp!
    I didn’t know you could do that so easily, just great Tim, I am doing some
    game textures, saves downloading grunge brushes by the ton!

  4. Posts: 3
    B H says:

    Good tips!!

    Also, one other tidbit that may have been left out for dashed lines in Photoshop, is that to get the dashes to orient themselves to the direction of the strokes you must set: Angle Jitter: 0%, and Control: Direction in Shape Dynamics of Brushes Palette.

    This way when you draw dashes with the brush – the dashes will rotate in the general direction the mouse was moving at the time – giving it that stitched look – You can also stroke paths in this same manner.

    I can post a quick vid if more input is needed.

    Thanks again.

    • Posts: 3
      B H says:

      Well I had made the short tip video, but it seems Tim beat me to the upload. :)

      In either case here is my video link. I did include a quick technique to make the stitches follow custom shapes as well. :)

      http://vimeo.com/37412756

      Enjoy!!

  5. Posts: 20
    Jesse Werner says:

    Its great that you are teaching these things. But I must say that concept cookie has been very weak lately. Where is the concept art? I personally would love to see more digital painting and certainly more finished concepts.

    • Posts: 642
      Tim Von Rueden says:

      You were the one that convinced me to start posting the creature and upcoming character conception process. Thank you for giving me that little push :)

      • Posts: 20
        Jesse Werner says:

        Haha, I just saw those when I came to the cookie today. I was about to scold myself for speaking too soon =p.

        Very nice Tim. Keep the concepts coming. =)

  6. Posts: 1
    Richard Wilks says:

    Creating simple brushes in GIMP:

    You can also right-click any brush in the brush tab or use the buttons at the bottom of the tab to edit or create a new brush.
    You can change: the shape – circle, square, diamond; the size; number of spikes; hardness; aspect ratio (squash it); angle and spacing.

    You’ll have to use the method described by Tim if you want a confetti brush though. :)

Leave a Comment

You must be logged in to post a comment.