How to create transparent shapes with outline/border in CS3

[Aesthete18]

Hi, I'm having difficulty following a tutorial and could use some help. The image I'm trying to replicate is: type "how to design an epic hipster badge in photoshop" on youtube and you can see it on the thumbnail, no need to watch the video. The guy is using probably a more current version of photoshop while I'm using CS3. I can't seem to replicate it. Here's my image:



I tried using strokes in blending options while lowering the fill of the layer image but I have to cut out the edges that overlap the words (as you can see in the youtube thumbnail). By cutting out the stroke it separates the image and fills up the empty space. Is there any way around this? or another method to do it?

 

[colleague]

ok , using strokes in blending options while lowering the fill of the layer image is first step

then put this layer in a group

make the selection and Choose Layer > Layer Mask > Hide Selection.

(tutorial link = https://www.youtube.com/watch?v=ey3VmvxDtXE )

 

[Aesthete18]

Ok I will try it now. Thank you.

 

[Aesthete18]

ok , using strokes in blending options while lowering the fill of the layer image is first step

then put this layer in a group

make the selection and Choose Layer > Layer Mask > Hide Selection.

(tutorial link = https://www.youtube.com/watch?v=ey3VmvxDtXE )

I'm having trouble following. The tutorial link is the link I posted. I put the house shape layer in a group, then make the selection (Ctrl+A?) > choose layer > layer mask > hide selection then the house goes missing. I'm not sure.

 

[colleague]

here is a short clip for you

https://www.dropbox.com/s/k1a0n17ulj145rg/fill mask.mp4?dl=0

 

[Aesthete18]

here is a short clip for you

https://www.dropbox.com/s/k1a0n17ulj145rg/fill mask.mp4?dl=0

Wow! Thank you for taking the time to make the video. You even found the same background . I got it!

 

[Aesthete18]

Just one last thing. The diagonal roof line, the white is very jagged. Is there a fix for it?

 

[colleague]

I do'nt see that it's very jagged, do you view at 100 % ?
sometimes start with a bigger photo ,and then afterwards resize smaller helps

 

[Aesthete18]

I do'nt see that it's very jagged, do you view at 100 % ?
sometimes start with a bigger photo ,and then afterwards resize smaller helps

I'm looking at it at 67% looks very jagged but the saved image doesn't. That's weird. Sorry I should have checked before posting. It's good now. Thank you again for the assistance.