Strokes of rectangle and pen tool line different

Question

I am new to Photoshop. I need to make a mockup for a website. First I've drawn a rectangle 1-pixel and with pen tool a brush setting 1-pixel, but the pen tool line has more than 1-pixel and what settings do I have to change so that both elements have the same stroke?

Here are two screenshots:

On the shape layer the pencil has the same wrong stroke. So it has to do with the shape layer. But to do a pen tool stroke you have to add a effect stroke. The rectangle is always the same because you cant place it on the shape layer.

Here are some of the other tools I used: Line Pixel Widths

Answer 1

Your best bet is to just do a long click on the "Brush Tool" and change the tool to a "Pencil Tool" instead.

Change the size to 1px.

Another option is to use the line tool and set that to 1px as well. But this will create similar uneven transparent pixels as the brush tool. The pencil tool won't create any transparent pixels.

Here is an example of how to do it with the Path Tool in the Paths Panel. Make sure you select the Work Path and click on Stroke Path with Brush.

Edit: Clarification

Answer 2

You should state what version of Photoshop you are using.

If you want strokes to match, don't mix raster painting tools with vector drawing tools.

Draw the rectangle with the rectangle shape tool. Draw your lines with the Line Tool

Using brushes or other raster painting tools is always going to result in more anti-aliasing of the strokes. Or, in the case of the pencil, not enough anti-aliasing. That's merely the nature of those tools. If you stick to the vector tools, you will get ant-aliasing on angled paths or curves, but it will be to a lesser degree as well as offer you the ability to alter any path later should the need arise.