Wednesday, June 7, 2017

How to edit shapes in Keynote 7

Keynote offers very good tools to do complex shapes, and just no rectangles, circles, triangles and so on:
Complex shapes are not only done using the "Draw With Pen" tool, but also by reshaping basic shapes and combining them using boolean operations. Note I'll be using Keynote 7.1.1.

Boolean Operations

The boolean operations offer by Keynote are Unite, Subtract, Intersect, and Exclude:

First things first, the boolean operations are found in Keynote on the Format panel, under the Arrange tab. The operations are only shown when two or more shapes are selected, like shown in the figure above. With the first three operations one can quickly make a shape like this:

With the fourth operation one can punch a hole in a figure:

Editing Shapes

In this tutorial, we are going to go for this diagram

1. Add a square and make it editable. Right Click on the selected shape and Left Click  on Make Editable.
2. Add a new vertex by placing the mouse pointer on edge. Keynote will automatically offer to add a vertex in the middle of the segment. Left click on the new shown vertex to add it. The new vertex will have a red fill meaning it is selected.
 3. Convert the new vertex to a sharp vertex. Right Click on the selected edge (point) and click on "Make Sharp Point"

4. Repeat on the opposite side and select both new edges (points). Repeat step 3 on the left side and then holding the Shift key click on the both new points.
5. Move the selected vertex (points) to the right. Holding the Shift Key press the Right Arrow once. The combination of the arrow and the Shift Key  moves the points 10 pixels.

6. Duplicate the shape twice. Press the Escape Key to exit the "edit" mode and duplicate the shape twice by press the Command Key+D.

7. Lets speed up! In two the of the shapes, remove one of the newly added edges on opposite sides. To remove a edge go into Edit Mode (Step 1), select the vertex, and either press the Delete Key of Right Click and click on Delete. The result should look like this:

8. Resize the shapes. This is an import point, The usual resizing tool will deform the shape and since we want matching triangles, usual resizing is evil. This illustrates the issue:
To do the resize right, you need to select the nodes and move them.

After aligning and resizing this is the result:
Let's go and do the bottom part.
9. Add a rectangle and three triangles...something like this:
so that it fitting in the shape we just did:
Here you see why the  boolean operations are necessary. If we were to use a filling placing the rectangle and the triangles would be enough, but if you work only using the outline, we need to unite all four shapes.

10. Combine the shapes with the unite operation. So let's do that by selecting all four shapes and going to the Arrange Tab in the Form Panel and click on Unite.

After doing this, the result should look like this:

11. Align the triangles with the guidelines (yellow lines).  Similar as in Step 8 select the nodes and move them until they fit:

So that's that! The upper should be easy now.  

No comments:

Post a Comment