Skip to content

Examples

Watch a piece being made on the real editor, then make it yourself.

แซ่บ นัว!

Thai word, blown up

Text, 3D Inflate, Apply Last Effect, Agent Connect Chat, Marks

SLOW Record Fair

Intermediate1:11

A word that pours

Text, Create Outlines, Envelope, Blend

After Six

Intermediate1:47

Dusk skyline print

Gradient, Ellipse, Agent Connect Chat, Marks, Text

Intermediate2:11

Esports team logo

Shape Builder, Reflect, Move, Agent Connect Chat, Marks, Text

Lessons, one tool at a time

Beginner

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

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

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 techniques Working 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

What 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.