Easy Multiple Stroke Design Outlines in Photoshop CC.
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
https://openclipart.org/detail/86065/...
Unicorn Silhouette2, by GDH
https://openclipart.org/detail/246933...
**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.