Skip to main content
May 19, 2011
Answered

How to draw these shapes: square, diamond, plus sign

  • May 19, 2011
  • 7 replies
  • 85781 views

Hi,

I am new to Illustrator, and have problem drawing these shapes in 16px by 16px:

As you can see below, the shapes for both plus and diamond are not in best quality. especially the line looks dotted and gray.
How to draw these shapes: square, diamond, plus sign using photoshop-cross.png How to draw these shapes: square, diamond, plus sign using photoshop-diamond.png How to draw these shapes: square, diamond, plus sign using photoshop-square.png

Below is information for each shape:

1) square: 1 px border in black, white colour within the area of the square.
2) diamond: 1 px border in black, white colour within the area of the diamond, the rest is transparent.
3)plus sign, 1 px border in black, white colour within the area of the  diamond, about 2 pixels wide for the white area, the rest is  transparent.

Could anyone help me with this. It would be very much appreciated If a illustrator file can be provided (via sendspace.com). Ideally, when it is zoomed in to 120%, the  shape does NOT blur.

Thanks in advance!!!

    This topic has been closed for replies.
    Correct answer Alec Molloy

    If you are looking for an easy way to learn shape drawing, this interactive tutorial can help:

    https://helpx.adobe.com/illustrator/how-to/draw-shapes-easy.html

    7 replies

    Alec Molloy
    Alec MolloyCorrect answer
    Inspiring
    July 15, 2014

    If you are looking for an easy way to learn shape drawing, this interactive tutorial can help:

    https://helpx.adobe.com/illustrator/how-to/draw-shapes-easy.html

    Alec Molloy
    Inspiring
    July 15, 2014

    You can then cut out the corners of a square to make a shape using the shape builder tool. Tutorial here:

    How to use Shape Builder | Adobe Illustrator CC tutorials

    Participant
    May 20, 2011

    This Adobe Illustrator tutorial is very helpful. I have added this tutorial on: http://illustrator-tutorials.co.cc/illustrator-tutorials/how-to-draw-these-shapes-square-diamond-plus-sign/

    Thank you!

    Participant
    May 19, 2011

    If urgent try downloading trial version of Adobe Freehand whilst it is around  .....  There are no problems with these simple shapes  .....

    Inspiring
    May 19, 2011
    Jongware
    Community Expert
    Community Expert
    May 19, 2011

    Kingofwebguru wrote:

    ...  Ideally, when it is zoomed in to 120%, the  shape does NOT blur.

    That's not going to happen.

    Slanted lines will always be drawn blurred in Illustrator, because your screen pixels form a rectangular grid. Only if you export to a bitmap file, you can "remove" any blurriness, but at the expense of the overall visual quality.

    Jongware
    Community Expert
    Community Expert
    May 19, 2011

    .. And (I almost forgot) of course zooming in to 120% on a slanted line will not make it look any better than at 100%. Or at 500%, for that matter.

    Jacob Bugge
    Community Expert
    Community Expert
    May 19, 2011

    Kingofwebguru,

    Simple ways with simple means (to require less effort (including learning) may be, using the Rectangle Tool:

    1) Create a rectangle with width and height as one of the two that forms the cross, copy it, Object>Transform>Rotate the copy 90 degrees, select both, and Pathfinder>Unite;

    2) Create a rectangle and Object>Transform>Rotate it 45 degrees;

    3) Create a rectangle.

    Apply stroke weight and colour(s) as desired.

    _scott__
    Legend
    May 19, 2011

    ..... If a illustrator file can be provided (via sendspace.com).

    Yeah, sure.. I'll get right on that.

    These are exceptionally simple items to create in Illustrator. You may simply try downloading the 30 Day Trial and create what you need on your own.

    May 19, 2011

    As I am new to Illustrator, any help would be appreciated!