Photoshop CS6: Create a dashed line effect in 4 quick steps

    Photoshop CS6: Create a dashed line effect in 4 quick steps

    Dashed lines have been a popular gimmick in design for many years. You might be surprised at just how quick and simple it is to recreate this effect in Photoshop. Using Photoshop CS6’s new Stroke tool, we show you how to create cut-out lines around a selection in four very quick steps.

    01 SET UP THE TOOLS

    Open the image, ‘astronaut.jpg’. Select the Pen tool, and from the drop-down list in the Options Bar, select Shape. Select Fill and set it to No Fill (the white box with a red slash). Set Stroke to a red colour and set Width to 1 px.

    02 MAKE THE SELECTION

    Using the Pen tool, make a selection around the astronaut. Start by zooming in close then click and drag on the edge of the astronaut to start the path. Continue to click and drag around the shape to outline it. Click the starting point to close the shape.

    03 ADJUST THE PATH

    Use the Direct Selection tool to click any point in the path that needs alteration. Move the point if necessary and adjust its handles. Hold down Alt as you drag on one handle to move it independently of the other handle.

    04 CONFIGURE THE DASHES

    With the path selected, click the Set Shape Stroke Type list and choose a dashed line. Click More Options and set Dash to 3 and Gap to 2. Set Align to Inside, Caps to Butt and Corners to Miter. Click OK to create the effect.

    Our final image

    Our final image

    This entry was posted on Wednesday, April 17th, 2013 at 8:00 am and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a comment. Pinging is currently not allowed.

    Tags:

    | Tutorials | 17/04/2013 08:00am
    No Comments

    Share This Page

    Practical Photoshop Cover

    Practical Photoshop is the world's biggest and best creative Photoshop magazine, packed with tutorials, tips and video training.