Skip navigation
luctantemboy
Currently Being Moderated

How to draw following letter as a Vector image!

Apr 5, 2013 1:55 AM

Tags: #cs6

Hello Friends,

 

I've posted this earlier but unfortunately I dint got any solutions. So I ask here again.

 

Task:  I want to design letter S like following image with sharp edges and in vector, So that I will not loose quality if it made into any big size.

 

Please note that I'm a newbie and I need a step by step procedure so that it will be helpful...and I'll be glad for ur time.

 

S.png

 

Edit:  My OS : Windows 8

 

Illustrator Version: CS6

 

Thanks:

 
Replies
  • Currently Being Moderated
    Apr 5, 2013 2:31 AM   in reply to luctantemboy

    Draw 3 straight, horizontal rectangles.

    Space them accordingly.

    Select the Free Transform Tool.

    Select the top rectangle, click the left side handle, THEN hold down the Ctrl key and drag downward.

    Select the bottom rectnagle, click the right side handle, THEN hold down the Ctrl key and drag upward.

    Select the middle rectangle, click either side handle, THEN hold down the Ctrl AND Alt keys and drag up or down.

     

    Once you have them lined up like you want, select all Pathfinder > Unite.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 2:32 AM   in reply to luctantemboy

    Please visit this link to know about vector artwork in illustrator CS6 in detail.

     

    http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e0 7d0100196cbc5f-6269a.html

     

    If you able to do it please let us know.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 4:17 AM   in reply to luctantemboy

    Picture 1.png

    1) Pen tool: Draw your zig-zag.

    2) Object > Expand.

    3) Pen tool: draw a line that cuts off stroke ends and sharp corners.

    4) Select that line only and Object > Path > Divide Objects Below.

    5) Delete the bits you don’t need.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 9:13 AM   in reply to luctantemboy

    After 2nd step , If I use pentool , I get expanded lines, How to get out of it ??

    You don’t want to get out of it. Why do you think I told you to expand the stroke?

    Your destination is a filled path, not a stroked one.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 9, 2013 10:05 AM   in reply to luctantemboy

    Select them and press Delete.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 9, 2013 2:05 PM   in reply to luctantemboy

    Direct select them and either Backspace or Edit > Clear.

    Backspace is quicker.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 9, 2013 2:56 PM   in reply to luctantemboy

    This is an animated gif image. Click the image to see the animation......

     

    Sthing.gif

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 9, 2013 4:15 PM   in reply to [scott w]

    All very clever but it doesn’t look a bit like the original.

    Notice that the top part is narrower than the bottom part.

    Which is why the cutting path in my step (3) was not a simple rectangle.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 9, 2013 11:07 PM   in reply to Steve Fairbairn

    Come one Steve, you and I both know the original rectangles can be changed to match whatever shape or position is needed. You're simply being silly now.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 10, 2013 3:41 AM   in reply to luctantemboy

    Nglish plz.

     

    Obviously you must start off with the correct stroke width.

    I did this by tracing your original with the Pen tool and adjusting the stroke width until it was right.

    I trashed my drawing but I seem to remember that the stroke weight was 12 pt.

     

    Once you’ve done that the rest is plain sailing.

     

    The cutting line might just as well have been a clipping mask except that for creating a letter form you need a simple closed path.

    This is why I chose the more destructive ‘Divide Objects Below’ method.

    Maybe for your purpose you might like to use a clipping mask until you’ve got things right and then use the masking path for dividing.

     

    I’m not sure why you have trouble expanding the original stroke.

    Object > Expand... Stroke or Object > Path > Outline Stroke will both get you there.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 10, 2013 3:29 AM   in reply to [scott w]

    You're simply being silly now.

    No, not at all.

    It can be quite troublesome adjusting things afterwards if the lines come in from different directions.

    Simply dragging multiple points will result in varying stroke widths.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2013 4:50 AM   in reply to luctantemboy

    If you are using the ‘Divide Objects Below’ method you must only select the cutting line.

    Everything below it will be cut.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2013 2:37 PM   in reply to luctantemboy

    or, draw three red rectangles:

    s.JPG

    use the white arrow (direct select tool) and click on the two left corners of the top rectangle:

    s2.JPG

    press the down arrow on your keyboard or click and drag with your mouse to bring those two corners down to the second line:

    s4.JPG 

    do the same to the right side of the second rectangle. then do the same to the left side of the bottom rectangle:

    s3.JPG

    Then press ctrl+A and then ctrl+G to group them as one object.

     

    EDIT: sorry Scott, i didn't watch your clip until after i posted....

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points