Easy Multiple Stroke Design Outlines in Photoshop CC.

Поділитися
Вставка
  • Опубліковано 10 вер 2024
  • In this Photoshop CC tutorial I will show you how to easily make multiple stroke outlines around objects in Photoshop CC using the Step and Repeat method.
    You can make interesting outline designs with custom shapes, text, or other objects.
    If you are looking for an image to spruce up your website or to place in an article, or use as an avatar on a forum, this is an easy way to create your own design. For example if you interested in dogs, use the shape of a dog as the start of your design,
    then follow the simple procedure here that will show you how to create the design.
    You can use a dog custom shape, or cut out a dog picture and use that. Also a dog-bone shape would work.
    All the lines created are vector lines, so you will have a crisp design.
    This video was made for instructional and educational purposes. In it I teach people how to use Adobe Photoshop to make interesting designs. No copyrighted materials were used in this video.
    Image Attribution:
    Halloween Pumpkin Smile, by cgbug
    openclipart.or...
    Unicorn Silhouette2, by GDH
    openclipart.or...
    **Transcript Excerpt**
    To begin, open up a new canvas in Photoshop. I made mine 6 inches by 6 inches at 300 pixels per inch, although just about any size will work.
    First we'll make a design from a custom shape of a dog.
    Choose the Custom Shape Tool
    Select the Shape drop down from the tool settings bar and look for the dog shape and choose it.
    If you don't have it, click the settings icon and choose the animals group. Choose append to add the animals shapes to your presets. Now choose the dog shape.
    Press D to set up the default black and white foreground and background colors
    For this image make the background black by pressing Alt or Option Plus Backspace
    Set your brush tool to 100% hard round. I used a size of ten pixels for this example
    Then use the color picker to make #2c5fdf (a blueish color) your foreground color
    If the paths panel is not available, Choose windows path from the menu. Drag the path panel somewhere where it will be visible.
    If the paths panel is available in the tabs, drag it out where it will be visible.
    Choose the Custom Shape tool.
    "Shape" should be chosen as the method
    In the custom shape settings dropdown make sure Defined Proportions and From Center are checked
    Place the cursor at the center of the canvas and drag out the dog to your desired size, then let go of the mouse.
    Press Control A to select everything. Press V to choose the move tool, then press align vertical centers icon also press the Align Horizontal centers icon. Press Control D to deselect.
    Now your dog is now centered on the canvas.
    zoom in to the see the dog shape better.
    Press Shift Control N to add a new empty top layer, name it lines.
    Make the shape layer active
    Control Click the Shape layer, the dog's outline will be selected.
    Choose Select, Modify, Expand and choose a number of pixels to expand the selection.
    I used 12 pixels
    Choose make work path from selection in the paths panel
    Make the lines layer active
    Press Control T to activate the Transform tool
    While Holding Shift and Alt, expand the bounding box to make a larger path.
    Press the big Checkmark when done.
    Now press Shift Control Alt plus T Continually to repeat the outline a number of times.
    When done repeating, Double-Click the work path and save it as path1. this will make all the outlines paths
    Now right click on path1 and choose stroke path.
    When the stroke path dialog appears uncheck Simulate Pressure.
    then click OK to accept
    You can experiment with Simulate pressure on which may give an interesting effect.
    Next click somewhere in the paths panel to complete.
    Press control-zero to fit the canvas to the screen.
    Select the hand tool to deselect the move tool.
    Next, to change the color of the dog
    select the Shape layer and double click it
    when the color picker appears choose color #76d2d8
    Make the lines layer active
    At this point we have many further options
    We could add a solid color adjustment layer to the lines layer.
    by choosing add adjustment layer from the bottom of the layers panel
    and choosing solid color, a color picker appears, just click ok to accept
    then right click on the Color Fill layer and choose create clipping mask
    Now the lines will be whatever color the color fill layer is above it
    What is nice about this is that you can preview how things will look with different colors
    Double-click the color fill thumbnail and click around various colors in the picker box,
    you will instantly see what the changed color will look like on the lines.
    In this case I didn't change the color.
    Another option would be to change the background color,
    or place a gradient in the background.

КОМЕНТАРІ •