4

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

enter image description here

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

enter image description here

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

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

  • I would actually start in photoshop, make the image high contrast (poss. black and white) and then take it into illustrator and image trace it. – benteh Sep 29 '14 at 8:58
  • Can you please guide me with screenshots? – Aexyn Sep 29 '14 at 9:12
  • Just a question - how close to the original do you want to go? As close as possible, or do you prefer the stroke to be an approximate, as per your images? – benteh Sep 29 '14 at 9:15
  • I want to get smooth trace you can say.. – Aexyn Sep 29 '14 at 9:18
  • What version of PS? – JohnB Sep 29 '14 at 13:57
5

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.

enter image description here

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

enter image description here

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:

enter image description here
enter image description here

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

enter image description here

  • wow.. thats a great help man.. you are awesome – Aexyn Sep 30 '14 at 6:52
0

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.

enter image description here

enter image description here

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.

enter image description here

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:

enter image description here

  • I appreciate your help but smoothness is required... Something like this is what i want docs.google.com/file/d/0B_Or1EdQ3IkSMGJwTzNvNUtiUzQ/… – Aexyn Sep 29 '14 at 9:42
  • Yes, I understand that, but you will have to work on that line regardless of method. The image you have is very bitmap-y, and you will not get a smooth line in one step. – benteh Sep 29 '14 at 9:52
  • That's why i am drawing with pen tool.. Is there any way to get sharp/pointed edges? – Aexyn Sep 29 '14 at 9:55
  • Ok, so you basically want a pretty stylised version of the original? – benteh Sep 29 '14 at 10:02
  • Okay let me explain this a little bit.. The original image here is the scan of blanket. and due to stuff off blanket , printing is blurred.. The image fed in the machine was pretty smooth.. Like the Link i posted in comments.. So i have to make that.. Now if it seems stylish to you sir, it's a compliment ;) – Aexyn Sep 29 '14 at 10:08
0
  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

  • Welcome to gd.SE! You could do that, but the question is about doing it automatically, not manually. – Luciano Feb 5 '16 at 16:30

protected by DᴀʀᴛʜVᴀᴅᴇʀ Oct 2 '16 at 5:04

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).

Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged or ask your own question.