Extra extra! There’s a new Sketchpad in town! Here’s a rundown of the latest features:
- Choose a theme, or create your own! 😀 My current favorite is Deep Purple!
- 12 languages professionally translated, complete with LTR/RTL support:
- Realtime preview of tools while editing settings!
- High-Res export is now more reliable with all tools.
- SVG export has been added.
- Heart shape added.
- A few spunky new clipart have been added, not much, but super cute, more soon!
- The interface has been smoothed out, to be more a structured, uniform, and visual user experience.
- Vector Fill has greatly improved support for Clipart.
- Bitmap Fill (previously Floodfill) is back! The latest version creates a vectorized cache of the floodfill region making future renders much speedier.
- Much speedier scrolling of Layers/History panes thanks to Clusterize.js
Hope you enjoy! Btw, If you work with a school or non-profit education center contact me about getting a free license to use SketchPad with your students.
I’m excited to announce Sketchpad 4.0! The focuses on this release has making the app more colorful, faster, and easier to use.
Here’s an overview of what’s new:
- Stroke/Fill is available on all brushes.
- VectorFill replaces Floodfill for crisper edges and much faster rendering! This can lead to some fun by importing an SVG into Sketchpad, re-coloring it, and download it back as an SVG (right click to download!).
- Linear gradient editor
- Radial gradient editor
- Text updates with special thanks to OpenType.js & some inspiration from FitText! Editing text now feels very smooth. Additionally these new features are available:
- Font Size is automatically set based on textarea dimensions
- Bold, Italic, Underline & Stroke styles
- Align Left, Center, Right & Justify
- Line Height & Letter Spacing
- Crop has been merged with the Resize tool making life simpler. What’s better the crop tool now automatically zooms your viewport to fit so you can see your entire document while cropping.
- Your library view has been updated with a more robust & spacious interface, along with more obvious buttons for renaming, duplicating, and removing documents.
- High-res export now works on all tool and style combinations!
- New auto-save UI allows you to disable the ‘auto-saving’ feature. This is helpful especially on large documents with thousands of layers that may take awhile to autosave. Although, to that end, auto-saving is much faster in the new version.
- And finally you’ll find an export button right on the toolbar for all those who requested it!
- Special thanks to jsondiffpatch which is now used in Sketchpad’s history.
There are a couple things that could not be 100% converted to the new version Sketchpad. You may want to consider whether these matter to you before upgrading your files (you will be prompted). My apologies for any inconvenience these may cause you:
- FloodFill was depreciated. It just did not make sense to keep in. It cost too much to maintain, it was notorious for crashing users browsers. Sketchpad is a vector app, so a bitmap FloodFill never made sense. The new VectorFill replaces the FloodFill, and the results are much nicer!
- LinearGradient format needed to be upgraded in order support the new Gradient Editor, in doing so LinearGradients may shift slightly.
If for any reason you’d like to use the older version of Sketchpad you can find it at its new permanent URL: https://sketch.io/sketchpad-3.7.6/
Or better yet, check out the latest!
Sketchpad v3.7 is here! Here’s a list of new features:
- High-Res export for print! 300DPI
- Autosaving to library!
- Document resizing.
- Path smoothing on Pencil tool—no more shaky lines!
- Path tool – curved path editor.
- Polyline tool – straight line editor.
- Arrow brush with curved path (or straight path)
- More background styles! Colors, gradients and patterns, oh my.
- Outline style on Shapes, Text, and various supported Brushes.
- Angle control on Linear Gradient style.
- Color Noise on Linear & Radial Gradients
- Designed for Mobile/Desktop hybrid experience.
- Improved speed of undoing multiple actions.
- Text-box resizing without scaling by holding ShiftKey.
Play around with the latest version to see for yourself 🙂
Sketchpad 3 is available in the Chrome Webstore (for free), combining WebGL effects with vector editing, and lots of HTML5 goodness!
Some of the major improvements include:
- Webcam FX core integration—take photos with your camera, add filters, and place into your drawing!
- Save your entire drawing, from vector commands, to attached assets into a single .SKETCH package container which can be reloaded into the app via Drag & Drop. Special thanks to Zip.JS
- Gradient text support (with live preview).
- Improved SVG parsing/rendering.
- Improved UX.
UPDATE: Read about Sketchpad 3.0
Where Sketchpad 2.0 introduced non-destructive vector + bitmap editing on the web, Sketchpad 2 webpage.1 (SP2.1) takes that bland package of vector tools and borrows features from Sketch Mobile, an app that exhibited my furthest exploration in creating colorful enviroments. SP2.1 is great at creating background wallpapers quickly now that most of the tools work with gradients, and are all editable in place—this can be especially fun on tools like Mr. Doob’s generative brushes, and the improved stamp tool.
New features include:
- Multiuser drawing (NodeJS + Socket.io)
- Editable generative brushes: Chrome, Fur, Shader, Sketchy, Web (via Mr Doob‘s Harmony)
- Spacebar+drag while your in a brush (recommended by Chris Smith)
- Change the tool type in the options drop-down menu after you’ve created a layer (Chris Smith)
- Preview (ghost) the stamp tool before you apply it (Chris Smith)
- Crayon tool reintroduced from Sketch Mobile.
- Shapes: Rectangle, Ellipse, Polygon, Gear, Star, Burst, Radial Burst, Spiral (Sketch Mobile)
- Gradients in the style window, useable with most tools.
- Stamp tool now has “Translate” feature, combined with a low “Flow”, and a nice looking gradient, can create beautiful tapestries in a few clicks.
You can access SP2.1beta in two ways:
- Create your own multi-user drawing room (replace “myRoom” with your room):
- Create your own personal drawing room:
Have feature requests, or thoughts of how the interface is horrible? I would love to hear!
UPDATE: Read about Sketchpad 3.0
Introducing a new way to create graphics online. Sketchpad 2.0 is a non-destructive vector & image editor, built in HTML5, that you can start using right now, for free! I/O is for input and output, that means, any drawing you make can be shared, forked, and edited.
You can drag and drop images and SVGs into your browser to place them in your drawing. Then drag, resize and rotate. The time-machine feature provides unlimited undo/redo functionality. There’s a huge collection of fonts, graciously provided by those involved with the Google Fonts Directory—the text tool allows you to preview exactly what your text looks like, instead of editing and clicking “apply” over and over. The select tool allows you to edit any layer, and even do bulk operations, such as changing the color of multiple layers.
Want your own Sketchpad installation? Sketchpad can be used for recoloring patterns for print or textile industries, drawing/photo competitions, customizing products, kids communities, collaging, or whatever else you can dream up, feel free to contact me with your project details.