Kinematic 0.5.0 is out. Modeling and sculpting in the viewport, a timeline on every graph, photo and sound editing. What's new
Kinematic / Learn / Create / Draw a mountain logo
Create tutorial

Draw a mountain logo

Tutorial8 minFirst steps7 stepsStarts from a new project
What you will make

A clean little logo of two green peaks and an orange sun, drawn with the pen on a white page.

The finished logo: a dark peak, a lighter peak and an orange sun.
The finished logo: a dark peak, a lighter peak and an orange sun.

A logo is a few simple shapes in good colors. You click them out with the pen, then fill each one. Vector shapes stay sharp at any size.

Steps

  1. Click New Project on the start screen. On the viewport's start card, under 2D, click Create an SVG. A blank white page appears, and the pen is ready to draw: Draw is lit beside Pen at the top of the view.

    Pen with Draw lit, at the top of the view.
    Pen with Draw lit, at the top of the view.
  2. The big peak. Click three points on the page: bottom left, the top in the middle, bottom right. Press Enter to finish the shape.

  3. The small peak. Click three more points, overlapping the right side of the big one and a little lower, then press Enter.

  4. The sun. Click a ring of about a dozen points in the top right corner, going around a circle, and press Enter. You now have three outlines.

    Three outlines: two peaks and a sun.
    Three outlines: two peaks and a sun.
  5. In the Objects panel, click SVG path 1. In Properties, under Style, click the hex box beside Fill, type #2F4F46 and press Enter. Then set Stroke to none the same way, so the shape has no outline.

    Fill and Stroke on the first path.
    Fill and Stroke on the first path.
  6. Click SVG path 2 and give it Fill #5E8C6A and Stroke none. Click SVG path 3 and give it Fill #E8913A and Stroke none.

  7. Click SVG merge 3 at the top of the list in Objects to see the whole page. Your logo is done.

On the canvas

SvgCanvas is the white page. Each shape you drew is an SvgPath, and an SvgMerge stacks each new path on top of what came before, so the last shape you drew sits in front.

Make it yours

  • Click a fourth shape along the bottom for a lake, in a pale blue.
  • Drag on the page while you click a point to bend that corner into a curve.
  • Try other color sets: a night logo in navy with a pale yellow moon.
  • Choose SVG > Effects for a shadow or a blur on the whole logo.
Keep going

Free and open. Yours, forever.

No account, no license key. macOS, Windows, Linux and Raspberry Pi.

Download for macOS 0.5.0