Sketchpad is your all-in-one solution for designing memes, collages, or even birthday cards.
painters toolset
Sketchpad brings some of your favorite digital painting tools to the browser. Tools include paintbrush, shapes, texture stamp, and spiral brush.
Each tool has a broad range of customizations, including flow, opacity, diameter jitter and more. When combined with sketchpads extensive texture, color and gradient swatches, the possibilities are endless.
Draw with light
All tools in Sketchpad can be used in two different blending modes: paint & light. Instantly this
doubles your color and texture combinations, giving you limitless possibilities for self-expression
Combinations of light, paint, stamps, and the spiral brush open up exciting and fun worlds to create stunning textures in your work.
IO = Input/Output
Don’t like starting from a blank canvas? Import any photo from your computer to get your creative juices flowing. Export is just as easily. Sketchpad is fully integrated into our community so you can save and share your creations with the world with a few clicks; or save it to your desktop, to use as a wallpaper, or attach in an email to illustrate a point.
Experiment with photos by painting new elements into the composition, adding notes, or overlaying text to nurture your inner graphic design bug.
Features
-
✓ Typography
-
✓ SVG Clipart
-
✓ Stamp library
-
✓ Brushes
-
✓ Image Filters
-
✓ Layers
-
✓ Non-destructive!
Technologies
Sketchpad 2.0 is an image+vector editor built in HTML5—it’s non-destructive, meaning you can go backwards and forwards in time infinitely.
The technology Sketchpad uses includes the; File Reader + Drag + Drop APIs to allow users to place
image and svgs into their drawings, or even reload pre-saved drawings into the app. SVGs are parsed using Javascript into more primitive Canvas commands,
and stored in an internal vector object (VOB) for quick redraw. The File API is used to allow users to save PNGs or their drawing’s JSON to their computer. The Google Font Directory makes the collection of fonts available in Sketchpad. The clipart used is from Open Clipart
If you’ve never programmed in Javascript or Canvas and would like to give it a go, I would highly recommend the book Core HTML5 Canvas.
Connect
For feedback, tech support, or custom client work (from customizing products for print, to drawing apps for kids communities, to interfaces for doctors to view x-ray scans), contact me. For those interested, you will find a selection of widgets used to create Sketchpad and other projects on my Github account, including;
· Color.Picker.js–Widget
· Color.Space.js–Library
· Event.js–Multi-touch gestures
· Sketch.js–Basic Framework
· Loader.js–Beautiful Indicator
· MIDI.js–Library
