← All tutorials
Vector Studio Intermediate 4 min

Precision Rulers, Polygons & Color Dock

Speed up logo and print layout work using vector studio’s signature workflows: a right-edge Color Swatch Dock where left-click sets Fill and right-click sets Outline, live X/Y coordinate rulers, parametric polygons (3–12 sides), and dashed strokes.

Launch interactive tutorial

Step-by-step walkthrough

1

1. Inspect Precision Rulers & Hairlines

Move your cursor around the canvas and watch the top and left pixel rulers. Red tracking hairlines follow your pointer and the top-left corner displays your exact (X, Y) pixel coordinate.

2

2. Add a Parametric Polygon or Vector Shape

In the Elements panel on the left, click the Hexagon, Octagon, or Diamond shape to drop it onto the artboard. In the right Properties Panel, drag the "Polygon Sides (3–12)" slider to morph it live!

3

3. Left-Click Fill & Right-Click Stroke on the Color Dock

With your shape selected, look at the vertical "PAL" color bar docked on the far right edge of the canvas. Left-click any swatch to change Fill Color, then Right-click any swatch to instantly apply a Colored Stroke Outline!

4

4. Customize Dash Style, Skew X° & Distribute

In the right Properties Panel, change "Dash Style" to Dashed or Dotted, experiment with "Skew X °" for italic/sheared geometry, and use "Distribute H / V" to space multiple objects evenly.