Examples
Watch each piece being made on the real editor, step by step, then make it yourself. The lessons sit beside them, by level.
Beginner
Your first pieces and the basics
Lessons
Your first drawing in RayziaOpen Rayzia in a browser tab and go from a blank canvas to an exported SVG: draw a shape, colour it, undo it, export it. No install, five minutes.The workspaceHow the Rayzia editor is laid out: the grouped tool rail and its flyouts, the infinite canvas, the menu bar, the right-hand command bar and dock, and the option bar.Draw shapes: rectangles, ellipses, stars and linesLearn the shape and line slots in the Rayzia rail, the option bars that set each shape's numbers, and why every shape you draw stays editable.Fill and strokeHow fill and stroke work in Rayzia: the rail's paint proxy, the six verified paint keys, the Fill and Stroke panel, and the stroke style controls.Selecting and movingThe full selection vocabulary in Rayzia: click and marquee, Shift to toggle, Alt to select behind, nudging, Alt-drag duplicate, groups, Escape, and Drawing Modes.Text and typeHow the text slot works in Rayzia: the Type tool and its Area, Path, Vertical and Touch presets, the real option-bar controls, font uploads, and Thai script.Export and shareHow Rayzia saves your work: autosave, cloud files, SVG/PNG/JPG export, Batch Export, view-only share links and the native .rzv format.Keyboard shortcutsThe verified keyboard shortcut reference for Rayzia: tool keys, paint keys and global keys, plus an honest note on why the menus disagree.Intermediate
Curves, type and shapes that take a little practice
Lessons
Gradients and meshThe paint slot in Rayzia: linear, radial and conic gradients with on-canvas handles, gradients on stroke, mesh gradients, and where Paint Bucket and Spray sit.Shape Builder and the build slotMerge and subtract by dragging across overlaps with Shape Builder (Shift+M), plus Pathfinder booleans and the Intertwine, Envelope and Blend tools.TransformingRotate, Reflect, Scale, Shear and Free Transform in Rayzia: the reference point, drag versus numeric apply, Alt-drag copies, and why Free Transform mounts Select.The Pen toolLearn the Pen tool in Rayzia: click for corners, drag for curves, close a path, and use the anchor tools that share its rail slot.Node editingUse the Node tool (F2) in Rayzia to select nodes, drag handles, convert corners to smooth, add and delete anchors, and reshape any path.Pencil and brushesThe pencil slot in Rayzia: freehand Pencil (N), Smooth, Calligraphy, Blob Brush and Shaper, and what each option bar setting actually does.Width and LiquifyGive a stroke variable thickness with the Width tool (Shift+W), and bend outlines by hand with the seven Liquify tools: Warp, Twirl, Pucker, Bloat, Scallop, Crystallize and Wrinkle.Eraser, Scissors and KnifeThree cutting tools share one rail slot in Rayzia and do different jobs. Learn what Eraser, Scissors and Knife each remove, split or open.Advanced
Layers, live effects and the deeper toolsLessons
Pour colour, and paint the lines, with the Paint BucketPour colour into a region bounded by your artwork with the Paint Bucket (K), paint a single piece of line in Edges mode, and let the fill follow the lines when you move them.Precision selection, sampling and measuringSelect by appearance with the Magic Wand (Y), draw a freeform Lasso (Q), and use the probe slot: Eyedropper, Measure, Dimension and the Perspective Grid.Layers, groups and artboardsUse the Layers and Objects panel, groups, lock and hide, z-order, and the Artboard tool (Shift+O) to organise a Rayzia document with multiple pages.Blend and EnvelopeBlend one shape into another with the Blend tool (W), then bend whole objects with Envelope warps, meshes, a top object or perspective.Live effects and the Appearance stackHow Rayzia's live effects work: apply Roughen or Drop Shadow, change your mind later, stack fills and strokes, and know when to expand.Tips and techniquesWorking with Agent ConnectConnect the Claude or GPT account you already pay for, then have it draw, recolour and arrange on the canvas. Your key, your undo history.Good to know
Short reads about the file formatWhat is an SVG file?An SVG file describes shapes with maths, not pixels, so it stays sharp at any size. Here's what SVG is, what it's good for, and how to open and edit one.SVG vs PNG: which should you use?The real difference between SVG and PNG, explained plainly, with a practical guide on when to use each for logos, icons, illustration and photos.