How do I modify shapes in Pages?

After you have added a drawing object in Pages there are a number of modifications you can do, but they are not always obvious from the user interface. This blog goes through a couple of examples of what can be done - not using the inspector even once.

Start with a simple square.


Go to Format > Shape > Make Editable.


The square is now editable and gets four red dots in the corner, which you can drag around. From now on, if you lose the red dots, the easiest way to get them back, is to click on the square twice slowly (do not double-click). As it already is editable, you no longer have to go to the menu.

First we want to create a trapezoid. Click in the upper left corner to select it. It turns white. Shift-click in the upper right corner to add it to the selection. Drag either of the two white corners, and the whole upper line moves around.


As you move the dots around, they snap to alignments, just like other shapes in Pages. Below, the upper right corner is right above the lower left corner, as you can see from the blue line that connects the two small circles.


Now we want to make a triangle from the trapezoid, so we need to remove one of the corners. Click in the lower right corner, so only that one is selected, and press delete. The lower right corner disappears, and we are left with the other three - we have a triangle. (To go back to the trapezoid, you could either press command-z or alt-click on a border to add another red circle and then drag it to recreate the previous shape.)


To rotate the triangle, command-click on a corner and drag it. A small window shows how many degrees you rotate the image. If you hold down shift, as you rotate, the shape will only rotate to 45°, 90°, 135°, 180° and so on.



Now double click on one of the corners. It turns into a Béziers curve. You can drag the two handles to change the shape of the curve. If you want to break the two handles, you can hold down command, as you drag one of them. If you want to join them again, hold down alt when you drag.


To create an open path, go to Objects (in the toolbar) > Shapes and choose the curve shape at the bottom of the list. Click once in the document, and then a second time to create a line. (You could click several time to create more lines or click-drag to create curves, but that's not what we want to do right now.) Press esc to finalise the line.


Now alt-click on the line to create a new red circle. Double click on the new circle to make it a Bézier curve.


Drag the newly created circle and adjust the curve. Unfortunately it is difficult to get a perfect circle segment, but you can get an approximation that may be good enough for some uses. Adding more points can improve the approximation.



For a video on how to create a half-circle in an even easier way, check this video by Kyn Drake.