TAP TO ENTER
A gift from peteygonemadarts.com · You are a guest. Not a dollar sign.
Petey Gone Mad Arts · Digital & Interactive Art · Discipline 12
Charles Csuri · "Hummingbird" · 1967 · One of the first computer-animated films ever made
DIGITAL & INTERACTIVE ART SUITE
01
Canvas
Digital painting
02
Generate
Generative art
03
Colour
Colour theory
04
Motion
Animation ref
05
Project
Project planner
06
Format
File & output
07
Inspire
Art movements
08
Journal
Artist notebook
09
Palette
Custom palettes
10
NFT Guide
Mint workflow
11
Type
Typography ref
12
Canvas Size
Aspect ratios
13
Blend
Blend modes
14
Export
Delivery checklist
15
Manual
Full training guide
16
Advisor
AI art advisor
"The only bird that flies in all directions · The first computer art that moved · The last discipline · The whole point"
A gift from peteygonemadarts.com · You are a guest. Not a dollar sign.
Canvas
digital painting · drawing · mixed media
Size 4
Opacity
Tool: Pen Draw freely · All colours · Export your work
Generate
generative art · algorithms · randomness · code as canvas
Generative art is created through rules, algorithms, and controlled randomness. The artist writes the system. The system makes the art. Every run is different. This is what Charles Csuri understood in 1967.
Flow Field
Circles
Lines
Fractal Tree
Spiral
Noise Field
Polygon
Wave
Select an algorithm and hit Generate.
Colour
digital colour theory · palettes · harmony · hex · RGB
Complementary
Triadic
Analogous
Split-Comp
Tetradic
Monochrome
Select a base colour and harmony type.
RGB (Red Green Blue) Used for screens and digital display. Values: 0–255 per channel. rgb(68, 255, 136) HEX (Hexadecimal) Web standard. #RRGGBB format. Each pair is 00–FF (0–255 in base 16). #44FF88 HSL (Hue Saturation Lightness) Most intuitive for artists. Hue: 0–360° on the colour wheel Saturation: 0–100% (grey to pure) Lightness: 0–100% (black to white) CMYK (Cyan Magenta Yellow Black) Used for print — NOT screens. If your digital work goes to print, convert. ALPHA (Transparency) rgba(68,255,136,0.5) = 50% transparent In hex: #44FF8880 (last two digits = alpha)
Motion
animation · timing · easing · CSS · keyframes
Motion is the dimension that separates digital art from every other discipline. When Csuri made Hummingbird move in 1967, he unlocked something that marble and canvas could never do. Time became a material.
Set options above to generate CSS.
Project
digital project planner · brief · deliverables · timeline
Format
file formats · resolution · output · delivery specs
RASTER FORMATS (pixel-based) PNG — Lossless. Transparency support. Best for digital art delivery. Use: illustrations, UI, anything with transparency Max: technically unlimited, practically 8K × 8K JPEG/JPG — Lossy compression. No transparency. Smaller files. Use: photographs, large digital paintings, web delivery Never re-save a JPEG — quality degrades each save TIFF — Lossless. Large files. Professional print standard. Use: print delivery, archival master files PSD — Photoshop native. Preserves layers and edits. Use: working files. Never deliver a PSD as a final. GIF — Animated. Limited to 256 colours. Lossless animation loops. Use: simple animations, memes, web banners WEBP — Modern web format. Smaller than PNG/JPEG. Animation support. Use: web delivery — not all platforms support it yet VECTOR FORMATS (resolution independent) SVG — Scalable Vector Graphics. Code-based. Scales to any size. Use: logos, icons, interactive web graphics, generative art AI / EPS — Adobe Illustrator native. Industry standard vector. Use: professional illustration and print deliverables PDF — Universal. Preserves vector and raster. Print-ready. Use: final print delivery VIDEO / ANIMATION MP4 (H.264) — Universal playback. Web standard. MOV — Apple ProRes. High quality. Large files. GIF — Short loops. Web and social media. WEBM — Web video. Smaller than MP4. Open format. LOTTIE — JSON-based vector animation. Web interactive. RESOLUTION GUIDE Screen (72 DPI): 1920 × 1080 — HD · 3840 × 2160 — 4K Social: Instagram 1080 × 1080 · 1080 × 1350 · 1080 × 1920 Print (300 DPI): 3300 × 2550 — 11×8.5in · 7200 × 4800 — 24×16in NFT: 2000 × 2000 minimum recommended · 4000 × 4000 preferred
Enter dimensions to calculate print size and megapixels.
Inspire
digital art movements · pioneers · history · context
Journal
digital artist's notebook · process · ideas · observations
The digital artist's journal is where the work thinks before the code runs. Write the idea before you build it. The constraint you discover at 2am is worth more than any tutorial.
All
Ideas
Technical
Algorithm
Palette
custom colour palettes · save · export · project series
A palette is a decision made in advance. Every great digital artist works from a restricted set of colours per project — not because they have to, but because constraint builds identity. Build yours here. Save it. Use it everywhere.
NFT Guide
nft workflow · export · mint-ready · platform guide
Hummingbird creates the art. You take it to the blockchain. This page is the bridge — everything you need to go from a finished digital file to a mint-ready NFT on any platform.
THE HONEST WORKFLOW Step 1 — Create your art in Hummingbird Canvas tool: original digital painting → Export PNG Generate tool: algorithmic art → Export PNG Any tool output: screenshot or export Step 2 — Prepare your file Minimum: 2000 × 2000px (use Format tool to check) Preferred: 4000 × 4000px for quality Format: PNG (lossless) or MP4 (animation) Colour mode: RGB (not CMYK — screens, not print) Step 3 — Write your metadata Title — the name of the piece Description — what it is, what it means, the story Properties — edition number, series, medium, year Unlockable content (optional) — hi-res file, print rights Step 4 — Choose your platform and mint See platform guide below Step 5 — Set your price Fixed price, auction, or open edition Consider gas fees on Ethereum-based platforms Tezos and Polygon chains have lower fees
Type
typography · font pairing · digital type · lettering reference
Type is image. Every font carries weight, era, emotion. In digital art, your choice of typeface is as deliberate as your choice of colour. These are the categories, the pairings, and the decisions.
Canvas Size
aspect ratios · platform specs · print · social · NFT
Start with the right canvas. Every platform has requirements. Every print size has a ratio. Getting this right at the start saves you from cropping and scaling disasters later.
Enter dimensions above.
Blend
layer blend modes · compositing · digital painting reference
Blend modes are how layers interact with what's below them. They are the most powerful and most misunderstood tool in digital painting. Every serious digital artist commits these to memory.
Export
delivery checklist · platform specs · file prep · final check
The last 5% kills the first 95%. A brilliant piece delivered in the wrong format, at the wrong resolution, to the wrong spec is a piece that never lands. Run this checklist before every delivery.
Social Media
Print
NFT
Client Delivery
Web / Portfolio
Manual
full training guide · every tool · how to use · where output goes
This is the complete operating manual for Hummingbird. Every tool. What it does. How to use it. Where the output goes. Read it once. Use it as a reference forever.
Advisor
ai art advisor · your assistant, your choice · petra-aware
Hummingbird works fully without AI. This optional advisor answers questions on technique, color, composition and workflow. Pick the assistant you already use — or if Petra/Ember runs on this machine, it connects by itself.
Choose your assistant
Ask the advisor