What's new

Filling a stroke with an image


Kye

New Member
Messages
1
Likes
0
Hello,

I'm new to the forum. I hope this is the right place to ask "how do I " questions. I've tried googling, but perhaps I'm not hitting on the right search words.

I am trying to make a stroke, in this case of a triangle using the polygon tool, with a white "stroke line" and a transparent inner, ie no solid inside colour. I then want to fill the outline of the triangle with an image. I've found a tutorial to do a similar thing with text in illustrator, but the stroke itself seems to be different. If it were anything else I would select the area, and use the stamp tool, but I can't seem to select the area of the line section of the stroke.

Can any one suggest ways to do this?
I'm trying to re-create the image below, with different line fillers.
Thanks.
 

Attachments

Eggy

Retired Moderator
Messages
5,313
Likes
5,082
Make your triangle the way you're used to, with the pen tool, polygon tool or with the shape tool.
Untitled-1.jpg

in this case flip it vertically
Untitled-2.jpg

choose the texture picture and drag it on top and position it the way you want to cover the whole triangle
Untitled-3.jpg

make the triangle selection active by holding CTRL and clicking on the thumbnail (you'll see the 'marching ants')
Untitled-4.jpg

make the texture layer active and add a layer mask
Untitled-5.jpg

You can adapt the width of the stroke at choice and the texture also

Untitled-2.jpg
 
Last edited:

IamSam

Administrator
Staff member
Administrator
Messages
18,962
Likes
11,830
Another technique is to use a clipping mask.

Open the cool graphic in Ps and name it image layer.
Screen Shot 2018-06-21 at 8.06.38 AM.png

Turn off the Image layer.
Open a new layer and move it below the image layer.
Fill with white. Name this layer background layer.

Open a new layer and move it below the image layer.
Choose the Polygon Tool and set the sides for 3.
Create one Polygon Triangle.
Create the second Polygon Triangle and choose "Subtract front shape" from the path operations.
Screen Shot 2018-06-21 at 8.04.50 AM.png

Turn the image layer back on. Highlight the image layer.
Right click the image layer and select create clipping mask or hover your cursor between the two layers while holding down the alt/option key, you will see the cursor turn into a box with a black angled arrow pointing down, then click.
Screen Shot 2018-06-21 at 8.17.15 AM.png

Layers panel.
Screen Shot 2018-06-21 at 8.05.09 AM.png
 

Top