Photopea offers several tools for creating vector graphics: Pen, Free Pen, Rectangle, Ellipse, Polygon etc.. Each tool has one of three modes, which you can switch in the top menu.
- Path - adds a new path into an existing shape
- Shape - creates a new Shape layer
- Pixels - the result is rasterized immidiatelly, then combined with a current raster layer
When you choose the Path mode, you can also choose the boolean operation, that will be used for new paths.
This tool allows you to create paths knot - by - knot. Press in the image to add a knot. Then drag and release to add handles, or release immidiatelly to keep handles collapsed. Clicking again on the first knot in the path will close the path.
If there is one knot already selected, the new knot is added right after that knot (into the same path). Otherwise, the new path is started, and the knot becomes the first knot in the new path.
The regular usage is to click to start a new path, then keep clicking to add more knots (since each new knot is selected after adding, so the next knot is added right after it). But you can also select some knot manually (with Direct Select) and new knots will be added after it (into an existing path).
Click with mouse and draw some shape. Then, release the mouse. Your stroke will be converted into a smooth vector curve. Change the Tolerance value to make a curve smoother.
Click and drag with a mouse to draw a path with the specific geometric shape. Hold Shift to keep the proportions of the new path.
With this tool, you can add a complex shape from the current gallery of shapes. You can import your own collections of shapes in a CSH format using File - Open.
This tool can draw other exotic shapes, which require some parameters. You can draw a Polygon, a Star, a Spiral and possibly many other shapes in the future. Each shape has several parameters, which allow you to customize the shape.
Text to Shape
You can convert any text layer into a vector shape layer by right-clicking it (in Layers panel) and pressing Convert to Shape. Each character will become a path with knots, which you can modify manually (e.g. rotate each character by a random angle).