Rectangle Ellipse Polygon tool in Adobe XD
Rectangle Ellipse Polygon tool in Adobe XD
Rectangle Tool : This is probably the one you will be using more often: in UI design, rectangles are used for a wide range of purposes.
To draw a rectangle, first select the Rectangle tool from the toolbar or use the R shortcut, and then click and drag diagonally until the rectangle has the size you are looking for (which you can check from the property inspector on the right).
If you want to draw a square, you need to do the same while holding the SHIFT key. You will notice that width and height of the rectangle are constrained to be the same.
With Adobe XD, it’s incredibly easy to edit the corner radius of rectangles and squares.
If you want to change all of the corners simultaneously, you can either drag one of the rounded handles included within the rectangle, or change the corner radius setting in the property inspector.
If you want to change the radius of a single corner only, you can either drag one of the rounded handles within the rectangle while holding ALT, or you can select the multiple radius icon in the property inspector, and set manually the px value of each radius.
Ellipse tool :
To draw an ellipse, first select the Ellipse tool from the toolbar or use the E shortcut, then click and drag diagonally until you have the ellipse of the size you want.
Truth is, you won’t be drawing many ellipses, but you will need to draw circles quite often!
So to draw a perfect circle, just hold down the SHIFT key while you click & drag.
Polygon tool :
To draw a polygon, first select the Polygon tool from the toolbar or use the Y shortcut, then click and drag diagonally until you have the polygon of the size you want. Using this tool you can easily create triangles, rhombus, pentagons, stars or hearts.
Hold down the SHIFT key while you click & drag to create an equilateral shape.
Press the left and right arrow keys while you click & drag to turn the polygon to a star shape.
Press the up and down arrow keys while you click & drag to increase or decrease the number of sides.
Once created, a polygon can be edited from the Property inspector. Select your shape and simply adjust the side count, the corner radius or the star ratio as you wish.
_____ Follow me:
Instagram: / md.amithasanbashir
Facebook: https://www.facebook.com/profile.php?...
Dribble: https://dribbble.com/Amit_Design
Twitter: / amitdesigner360
______ For Business Inquiry, Email me: [email protected]
_____ Background sound:
Desert City Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License
http://creativecommons.org/licenses/b...
Music promoted by https://www.chosic.com/
ENIGMATIC | ROYALTY FREE MUSIC Composer: Benjamin Tissot
(also known as Bensound) https://www.bensound.com/royalty-free...
Thanks for watching.