There’s no shortage of free vector websites to help designers find quality scalable graphics. But there’s a resource, Vecteezy, that just took this a step further with their own in-browser vector editing tool.
With the Vecteezy Editor, you can build any vector you want right from your web browser—and best of all it’s completely free.
There’s no limit to what you can create using vectors from simple cartoon characters to more detailed infographics. But most of these tasks require software such as Illustrator. This is why Vecteezy’s editor is so valuable. It helps non-designers who want to customize icons without paying for software.
Since Vecteezy already has a huge library it’s easy to browse and find existing graphics you like. But what if you want to make changes to the color, size, or proportions?
Typically, you’d need to download the
.eps files and edit them with Illustrator. Now, you can edit files directly from the browser. But how does this work?
First, find a vector pack you like. I’ve chosen these free hat icons. On that vector page, you’ll notice a button with the text “Edit & Download” off to the side. Click this button to immediately access the editing interface.
It’ll import your chosen vector and give you all the tools along the left-hand side of the screen. These work just like Illustrator where you have the selection tool, type tool, and even a custom pen tool. The pen lets you edit anchor points in existing vectors and even create brand new vectors from scratch!
Plus, many of the same Adobe keyboard shortcuts have been added to this editor. For instance, you can use CTRL / CMD with + / – to zoom in or out. And if you hold the space key and drag you can pan all over the canvas.
The editor screen is surprisingly responsive, so it loads pretty quickly, although it only supports modern browsers with HTML5 canvas API support.
One tricky thing to note is the selection tool. It can be tough getting an accurate selection when you’re trying to click a very small aspect of a vector (like the flower in these hats). But if you zoom in close enough you can click to select and get all the properties in one window.
Once an object is selected, you can change the vector element’s color, stroke, fill style, or size from the left-hand menu. And if you have a Vecteezy account you can save your work to keep editing over multiple days/weeks at a time.
This all-browser vector editor is the first of its kind and it’s a revolutionary web app for designers. Vecteezy’s editor may be the best tool for aspiring designers to practice editing vectors without dropping any money on software.
To learn more you, can visit the landing page or click the “Edit” button on any vector page from the site.
See more related web design posts here