Tutorials
Learn Janvas by doing

Complete projects, step by step, with the real editor: each step tells you what to do and shows what you see. The first one is a vector illustration; more are on the way.

Illustration

Draw a leaf

A leaf drawn with the pen, shaded, with a brush vein, repeated in a wreath and exported to SVG.
Precision

Drawing with precision: snapping

Every kind of snapping, one by one: where it happens, what it is called, which one wins.
Layout

Lay out a price list

A multi-page price list: the header and the page number on a master, the list in a table, printing.
Technical drawing

Dimension a floor plan

A DXF floor plan opened in Janvas, the 1:50 scale, a linear dimension and a radius dimension, the view at scale and printing.
Animation

Animate a logo

A logo that assembles itself: a bar that slides out, a dot that appears, easing and export to animated SVG.
Photo book

Make a photo book

The photos in the Images archive, the favorites, Auto layout laying them out by itself, a grid variant and cropping a photo.
Templates

The template library

The Templates panel, the categories, a page by double-click or dragged onto the canvas, and the changed copy.
Eyedropper

Take the style from another object

The eyedropper brings onto the selected objects the fill, the stroke or the text style of what you click.
Pages

Move between pages

The view with the wheel and the right button, Fit to view, the Pages panel, pages in a row or a grid, deleting a page.
Texts

Write and shape text

A title and a box with the text tool, columns, Text in shape, Text on path and Convert to path.
Alignment

Align to the page and to objects

Three boxes aligned and distributed, a circle centered on the page, a reflected arrow.
Brushes

Draw with brushes

The brush list, a stroke, Thickness and Scale in the Brush panel, and a brush applied to a circle and to a path.
Groups and booleans

Groups, containers and booleans

A group of circles, double-click to enter, a subtraction, the operation changed and the source moved from inside.
Clip and mask

Clip and mask

The right order, Clip with a star, double-click to move the photo inside, Mask with a white-to-black gradient.
Order and tree

Above, below and the Document tree

Bring to front and the other Arrange commands, the Document tree, a row dragged into a group.
Libraries

Colors, gradients and patterns

Double-click on a swatch, ⌥ for the stroke, a gradient, a dragged pattern, the document colors and recoloring.
Modifiers

Repeat and deform with modifiers

The three kinds of Array with their numbers, a checkerboard in perspective, a hole with Offset.
Symbols and patterns

Create symbols and patterns

Create symbol, uses dragged from the Symbols panel, the symbol edited for all, Create pattern and the pattern given to a shape.
Markers and gradients

Markers and gradients

A library marker, a marker created from a triangle, a gradient with an extra stop, turned on the canvas.
Widgets

Tables and charts from Widgets

Table by double-click, alternating rows and corners, a cell rewritten in the data panel, a chart dragged and turned into a pie.