How to use a reference
You are not copying a photo. You are hunting for the few big shapes that make a thing recognizable.
- Squint. Blur your eyes until the details vanish. What is left, a teardrop, a triangle stack, a circle with ears, is your first block.
- Find the symmetry. Is it mirrored (butterfly, face), spun (flower, snowflake), stepped (fir tree, shell), or scattered (stars, freckles)? That tells you which repeat to add.
- Count. Five petals or six? Three tiers or four? Real numbers make simple drawings feel true.
- Pick three to five colors from the reference: one dark, one light, one or two middles and a single accent.
- Add detail last, and only where you want the eye to go.
About rights: images marked public domain or Creative Commons Zero (CC0) are free to copy and remix, even commercially. Everything else is fine to study and draw inspiration from, but don’t trace or reproduce it. Characters from films, games and brands are owned by their creators; invent your own instead.
Free art collections
Hundreds of thousands of high-resolution, public-domain artworks you can search, download and study.
- The Metropolitan Museum of Art: Open AccessFree · CC0
Over 400,000 public-domain images from New York’s Met. Search “butterfly”, “snowflake”, “pysanka” or “kimono” and filter by Open Access.
- Smithsonian Open AccessFree · CC0
Millions of images and 3D models from the Smithsonian’s museums, including the Cooper Hewitt design museum’s wallpapers and textiles.
- Art Institute of Chicago: CollectionFree · CC0
A beautifully searchable collection. Japanese woodblock prints here are a masterclass in flat shapes and bold outlines.
- Rijksmuseum (Amsterdam)Free
Dutch Golden Age paintings, botanical drawings and ornament prints, downloadable in high resolution through its online collection.
- National Gallery of Art: Open Access ImagesFree · CC0
Public-domain paintings, prints and drawings from Washington, D.C.
- Cleveland Museum of Art: Open AccessFree · CC0
Tens of thousands of artworks, strong in textiles and decorative arts.
- The Public Domain ReviewFree
Essays and curated image collections of forgotten, delightful public-domain art: natural history plates, old pattern books, early science illustration.
- Wikimedia CommonsFree · mixed licenses
A huge shared media library. Each file lists its license; look for “Public domain” or “CC0”.
Nature by subject
Butterflies, insects and animals
- Biodiversity Heritage Library on FlickrFree · mostly public domain
Hundreds of thousands of scanned plates from old natural history books. Search albums for butterflies, beetles, birds and shells. Perfect references for wing shapes and spot patterns.
- Butterflies and Moths of North AmericaFree
A photo database of species. Notice how nearly every wing pattern is mirrored, with spots in stepped rows.
Snowflakes and ice
- Snowflake BentleyFree
Wilson A. Bentley photographed over 5,000 snow crystals from 1885 onward and showed that no two are alike. His photos are the classic snowflake reference.
- SnowCrystals.comFree
Physicist Kenneth Libbrecht (California Institute of Technology) explains why snowflakes have six arms and how temperature and humidity shape plates, stars and needles. Includes his stunning photo galleries.
Flowers, plants and trees
- Ernst Haeckel, Art Forms in Nature (1904)Free · public domain
100 plates of radiolarians, jellyfish, diatoms and orchids, all radial and mirrored symmetry at its most dazzling. Full-resolution scans are on Wikimedia Commons.
- Karl Blossfeldt, Art Forms in Plants (1928)Free · public domain
Close-up photographs of buds, seed heads and tendrils that look like sculpture. Great for spirals and repeated leaves.
- Phyllotaxis (Wikipedia)Free
How leaves, petals and seeds arrange themselves, with photos of sunflowers, pine cones and succulents.
Eggs, holidays and folk art
- Pysanka (Wikipedia)Free
Ukrainian decorated eggs: how they are divided into bands and panels, and what the traditional motifs (stars, wheat, waves, the endless line) mean.
- Christmas tree (Wikipedia)Free
History and photos of trees, ornaments and toppers from around the world.
- Kawaii (Wikipedia)Free
The Japanese culture of cuteness and its design language: round forms, simple faces, pastel color.
- Baby schema (Wikipedia)Free
Konrad Lorenz’s Kindchenschema and the research on why big eyes and round faces look cute.
Pattern and ornament
- Owen Jones, The Grammar of Ornament (1856)Free · public domain
A world tour of ornament, from Egyptian and Greek to Islamic, Celtic, Chinese and Indian, in 100 color plates. Scans are on the Internet Archive and Wikimedia Commons.
- Cooper Hewitt, Smithsonian Design MuseumFree
One of the largest wallpaper and textile collections anywhere. Look at how designers repeat one motif with grids and mirrors.
- Wallpaper groups (Wikipedia)Free
The 17 ways a pattern can repeat on a flat surface, each with a diagram. Try rebuilding them with Grid plus Mirror.
- Islamic geometric patterns (Wikipedia)Free
Stars, rosettes and interlacing built with compass and ruler, the historical masters of Spin around with Kaleidoscope.
- Mandala (Wikipedia)Free
The meaning and structure of mandalas in Hindu and Buddhist art: a center, rings and radial repetition.
Math and algorithms
- Daniel Shiffman, The Nature of CodeFree online · book
A friendly book about simulating nature with code: randomness, noise, fractals, L-systems, flocking. Free to read online.
- The Coding Train (YouTube)Free · video
Daniel Shiffman’s joyful live-coding videos. Search the channel for “fractal trees”, “phyllotaxis” and “Koch curve”.
- Prusinkiewicz and Lindenmayer, The Algorithmic Beauty of PlantsFree PDF · book
The classic book on growing plants with rules (L-systems). Chapters are free on the Algorithmic Botany site.
- Vi Hart, “Doodling in Math: Spirals, Fibonacci, and Being a Plant” (YouTube)Free · video
A fast, funny doodle-along about why plants love Fibonacci numbers and the golden angle.
- Tyler Hobbs, essays on generative artFree
Clear essays on randomness, flow fields, color and composition from a working generative artist.
- Generative ArtistryFree
Short step-by-step tutorials that recreate famous generative artworks with simple code.
- Inigo Quilez, articlesFree · advanced
Deep dives into drawing shapes with math, from the co-creator of Shadertoy. For the curious and brave.
- Wikipedia for the ideas on the Learn page: Golden angle, Fibonacci sequence, Koch snowflake, Sierpiński triangle, L-system, Dihedral group and Fractal.
Each page has diagrams and history you can use as drawing prompts.
Drawing and design
- DrawaboxFree · course
A free, structured course in drawing fundamentals: lines, ellipses, boxes and constructing forms from simple shapes.
- Ctrl+PaintFree · video
Short, clear video lessons on digital drawing, value, shape and composition.
- Proko (YouTube)Free · video
Well-produced lessons on drawing people and animals, gesture and simplifying forms into basic shapes.
- Frank Thomas and Ollie Johnston, The Illusion of Life: Disney AnimationBook
The source of the “12 principles of animation” and a deep look at appealing, readable character design.
- Marcos Mateu-Mestre, Framed InkBook
Composition for storytellers: how placement, contrast and framing guide the eye.
- Scott McCloud, Understanding ComicsBook
A comic about comics, including a brilliant chapter on why simple, iconic faces invite us in.
Color
- Josef Albers, Interaction of ColorBook · app
The Bauhaus teacher’s famous exercises showing that every color changes depending on its neighbors. Yale University Press also publishes it as an interactive app.
- James Gurney, Color and Light, and his blogBook · free blog
A painter’s guide to how light really behaves. His long-running blog is full of free lessons.
- A Dictionary of Color Combinations (Sanzo Wada), onlineFree
An open-source web version of Wada’s 1930s book of 348 palettes, with hexadecimal color codes you can paste straight into artful drawing.
- Adobe ColorFree
Build harmonies on a color wheel (complementary, analogous, triadic) or extract a palette from a photo.
- CoolorsFree
Press the space bar to generate palettes; lock the colors you like and keep shuffling the rest.
- Color theory (Wikipedia)Free
History and vocabulary: hue, value, saturation, warm and cool, color wheels.
Tools to keep going
Download your picture as Scalable Vector Graphics (SVG) and keep working in any of these:
- InkscapeFree · open source
A full vector editor for Windows, macOS and Linux. Open artful drawing’s SVG files and edit every shape by hand.
- FigmaFree tier
Browser-based design tool. Drag an SVG in to use your art in posters, stickers or app designs.
- KritaFree · open source
A painting program. Import your PNG as a base layer and paint texture and shading on top.
- p5.jsFree · open source
A beginner-friendly JavaScript library for creative coding, the natural next step after artful drawing’s algorithms.
Motion and interactive web
Open-source projects that shaped how artful drawing moves and explains itself. Worth studying if you want to turn your drawings into animated websites. Most are code libraries, so they suit readers who write some HyperText Markup Language (HTML), Cascading Style Sheets (CSS) or JavaScript.
- React BitsFree · open source
A large collection of animated, interactive React components: split-text reveals, gradient text, spotlight cards and animated backgrounds.
- Magic UIFree · open source
Copy-and-paste animated components for design engineers: marquees, shimmer buttons, border beams, number tickers, bento grids.
- Animate UIFree · open source
Animated React components with springy, physical motion.
- Motion PrimitivesFree · open source
A small kit of composable motion building blocks for interfaces.
- GreenSock Animation Platform (GSAP)Free
The animation library behind countless award-winning sites. artful drawing’s landing page uses its ScrollTrigger plugin for the scroll-built butterfly.
- WebGL Fluid SimulationFree · open source
Pavel Dobryakov’s mesmerizing ink-in-water simulation that runs on your graphics card. artful drawing’s landing ink is adapted from it.
- Bruno Simon, folio 2019Free · open source
A portfolio you explore by driving a tiny car through a 3D world. A masterclass in playful web design.
- RemotionSource available · company license
Make videos with code, where every frame is a function of time. The idea behind artful drawing’s bloom animation and video export. Free for individuals and small teams; larger companies need a paid license, so read its license page before using it at work.
- LLM VisualizationFree · open source
Brendan Bycroft’s 3D walk-through of a large language model (LLM), assembling itself step by step.
- Transformer ExplainerFree · open source
An interactive explainer that pairs sliders with live visuals, the model for the Learn page playgrounds.
- God’s Eye ViewFree · open source
A satellite-style viewer on a photorealistic 3D globe, with heads-up-display styling.
- World MonitorFree · open source
A dense real-time dashboard. Inspiration for the studio’s render monitor.
Accessibility
- WebAIM Contrast CheckerFree
Check that two colors differ enough in lightness to be readable. WebAIM stands for Web Accessibility In Mind.
- Coblis, Color Blindness SimulatorFree
Upload your PNG to see how it looks with different kinds of color vision deficiency.
- Atkinson Hyperlegible typefaceFree
The Braille Institute’s typeface for low-vision readers, used throughout artful drawing.
- Web Content Accessibility Guidelines (WCAG) quick referenceFree
The international standard for accessible websites, which artful drawing’s keyboard support and focus styles follow.
Glossary
- Bilateral symmetry
- Mirror symmetry across one line. The Mirror repeat.
- Rotational symmetry
- The same shape repeated around a center. The Spin around repeat.
- Dihedral symmetry
- Rotation plus mirroring, as in snowflakes. Spin around with Kaleidoscope on.
- Iteration
- Repeating the same small change. The Step and repeat repeat.
- Recursion
- A rule that uses itself, as in the Fractal tree and Koch snowflake blocks.
- Fractal
- A shape whose parts resemble the whole at smaller and smaller sizes.
- Golden angle
- About 137.5°, the turn that packs seeds most evenly.
- Phyllotaxis
- The arrangement of leaves, petals and seeds on a plant.
- Seed (random)
- The starting number for a repeatable sequence of random-looking numbers.
- Clipping mask
- A shape that hides everything outside it. The Clip inside setting.
- Hue, value, saturation
- A color’s name, lightness and vividness.
- Focal point
- The part of a picture the eye goes to first.
- Negative space
- The empty area around and between shapes.
- Kindchenschema
- “Baby schema”: big head, big low eyes, small features. Why cute things look cute.