

Select both objects and use Path > Difference ( Ctrl+ -) to subtract one rectangle from another. Duplicate this rectangle, make it a little smaller and place in the center of a bigger rectangle. For this draw a rectangle ans slightly round its corners. Finishing hour marksħ) Now draw an hour hand. Drag this mark to the center of the clock-face and duplicate it.įire up Object > Transform ( Ctrl+Shift+M) dialog, switch to Rotate tab and set the value to 30 degrees. Double-click it to reveal object's rotation center cross mark. Now start filling the clock face with circles representing hour marks.Another circleĤ) Now use a radial fill for the clock-face using values from the illustration below: Radial fill for the clock-face Second gradientģ) Duplicate the latter object and slightly decrease its size. Colors of the base gradientĢ) Duplicate this object ( Ctrl+ D), decrease its size a little and rotate to 180° clockwise (use Object > Rotate to 90° twice or press Ctrl+]).
:max_bytes(150000):strip_icc()/001-working-with-the-layers-palette-inkscape-1701900-1083e1080d73409c99752d413d24dfa8.jpg)
You can tweak the gradient's angle using interactive gradient editor ( Ctrl+ F1). Open the Fill and Stroke dialog and use settings from the illustration below. Basic Inkscape skills (objects manipulations, using Gradient editor) are required. Here is an example of a result: Examples of finished clock picturesġ) Draw a circle ( F5), keeping Ctrl pressed to keep 1:1 ratio. This tutorial could be of interest for both novice and experienced Inkscape users. This is a rather simple tutorial on drawing a stunning Mac-like clock in Inkscape using boolean path operations and gradient fills for nice smooth highlights.
