Illustrator/photoshop: give stroke sharp corners

Question

Here is what I want. This is the image I got.

and I do outline by first creating the pen outline.. then stroking by brush. this is what i get:

but i want the all edges pointed. For example like this:. (Here I am doing some edges but I want all)

so i have to do it manually. Is there any easier way to do this ?

PS: I am so noob in designing, I even dont know what to write in the title

Answer 1

After reading comments under the question....

Photoshop has basic path editing capabilities. That is not to say they are lacking for the most part, but there are some areas which Photoshop is not as robust as Illustrator. Remember vector items are an addition to Photoshop, not it's core goal.

For Photoshop, you need to use the Pen Tool to draw a vector layer. This means you need to use Photoshop CS6 or newer. You can then add a stroke to that vector layer and move the stroke to the inside of the vector shape. This will force the stroke to have the corners you draw as opposed to rounding everything.

In many cases the strokes can cause extreme corner miters like this:

There's not a lot you can do about those other than to edit the path and ensure the corners aren't that tight of an angle. This is where Photoshop can fail with paths at times. You'll notice in the image above there are a couple sharp corners that are a bit too extended. There's no way to solve that other than to alter the angles at the corner by reducing/enlarging the amount of curve on the associated paths.

You do not want to use a brush and then use Edit > Stroke.... This will never get sharp corners. You could use a layer style with a stroke, provided the stroke is also aligned to the inside of the shape.

For Illustrator, It's a simple matter of drawing your shape.

Illustrator provides specific adjustment to miter limits. This allows you to somewhat control how and when points become sharp:

You can also align the stroke to the inside using Illustrator (for closed paths). This generally results in a better stroke than Photoshop provides.

---

This was originally a 2014 answer. However....

as of February 2020...

....nothing has changed with respect to Photoshop and this answer.

Answer 2

Depending on how high fidelity you want, I actually think this is the easiest way: think of the shape you are making as a shape, not a stroke.

In Illustrator, draw - with the pencil - a thin outline. Then you can have a filled shape, or alter the thickness of the pencil stroke.

For something in higher fidelity, particularly if you want the entire image in its component parts, start in Photoshop. We have others posts explaining this in detail, I will try to find one.

Convert a line drawing to vector

Making a line drawing or vector from image

Edit

Working a little on the line above, for high fidelity, this might be the result.

If you want it less high fidelity, I suggest the same method, but with less fidelity in the choice of shape.

Edit 2

Stick to the pencil tool:

Answer 3

1. In Illustrator: Draw the lines/shapes with the pencil tool;
2. Add Stroke to the line for your desired thickness & color;
3. Select the line, click "Expand" (stroked line is converted to shape with anchor points);
4. Use "Delete Anchor Point" tool to remove one anchor where you want the pointed tip - going from two anchors to one will create sharp tip;

(worked for me)

chef