Art, Design & Visual StorytellingEdit
Fundamentals. Concept art, composition, color, typography, photography, cinematography, animation principles. The craft underpinning 3D work.
Concept Art & Illustration: Channels
Channels on concept art, figure drawing, painting.
- Awesome Illustrations. Curated awesome-list of illustration resources, tools, and references.
- Awesome Stock Resources. A collection of links for free stock photography, video and Illustration websites.
- Illustration Tools. Directory of tools and resources for illustrators, creatives, and artists.
- Michael Mattesi. Force drawing (Instagram).
- Neural Network-Generated Illustrations. Google Research article on AI-generated illustrations for Allo.
Concept Art & Illustration: Courses
Structured concept art and design courses.
Drawing & Painting for 3D Artists
Gesture, figure, digital painting fundamentals for 3D artists.
| Software | Description | License | Tags | Best For |
|---|---|---|---|---|
| Pixen (site) | Paid, works on macOS and iOS. Superb OS integration, create pixel art on a tablet using pressure-sensitive drawing. See also: Software Reference → 2D & Animation Software |
Paid | ||
| Rebelle 8 Pro | Natural-media painting app simulating real watercolor, oil, acrylic, ink with fluid dynamics. See also: Software Reference → 2D & Animation Software |
Paid | Natural Media · Watercolor Sim | Realistic traditional-media digital painting |
Related:
- Animation with Dall-e + AE | Reddit. Reddit thread on AI-assisted animation with DALL-E and After Effects.
- ArtStation Learning. Free courses from Blizzard, Riot, Pixar pros.
- BodyVisualizer. 3D body shape visualizer for proportion reference.
- Ctrl+Paint. Structured free video library. Digital painting fundamentals, value studies, color.
- Graphite 3D Paid. A collaborative drawing tool for modeling precise shapes in real spaces.
- Human Anatomy for Artists. Massive free photo reference by body part and angle.
- Instanced Line Rendering Part I. Builds on "Drawing Lines is Hard" to draw lines via instanced rendering.
- Intro to JS: Drawing & Animation. Use JavaScript and the ProcessingJS library to create drawings and animations.
- Learn HTML5 Graphics and Animation Freemium. Introduction to the canvas 2D drawing API.
- Line of Action. Free timed gesture drawing (figures, animals, hands, faces).
- Posemaniacs. Rotatable 3D pose reference with muscle groups.
- Proko Free Library Freemium. Anatomy, figure drawing, portrait (substantial free tier).
- QuickPoses. Timed drawing practice with huge photo library.
- SketchDaily Reference. Timed drawing sessions across categories.
Photography: Reference & Fundamentals
Photography knowledge directly applicable to 3D lighting and composition.
- /r/FOSSPhotography. Reddit community on free open-source software for photography.
- B&H Explora Photography. Deep technical articles on lighting modifiers and color temperature.
- Cambridge in Colour. Photography tutorials on exposure, color, and composition.
- Femto-Photography: Visualizing Photons in Motion at a Trillion Frames Per Second. Raskar et al., SIGGRAPH 2012.
- Fstoppers Education. Studio lighting, portrait ratios, product photography.
- Gavin Hoey (Adorama). Studio lighting tutorials with setup diagrams.
- Open Source Photography Community on Google+. Open-source photography community on Google+.
- PIXLS.US. Community for tutorials and workflows on high-quality photography with free-software tools.
- Strobist Lighting 101. Definitive free course on shaping light (directly applicable to 3D lighting).
- Workphlo. Studio product photography lighting breakdowns with placement diagrams.
Cinematography & Camera Work
Shot composition, camera techniques, lighting for film/CG.
- CinemaTyler. Deep analysis of lens choice, color, blocking, lighting in film.
- Every Frame a Painting. Gold-standard video essays on composition, camera, editing rhythm.
See also: Art, Design & Visual Storytelling → Pre-Production, Storyboarding & Script Tools - How to Create Stunning Cinematic Lighting. Cinematic lighting tutorial.
- In Depth Cine. Practical lighting setups and narrative technique.
- No Film School. Cinematography. Constant stream of technique articles.
- Roger Deakins on Learning to Light Ep. 1. Cinematography Techniques Ep. 1.
- Roger Deakins on Learning to Light Ep. 2. Cinematography Techniques Ep. 2.
- Roger Deakins on Learning to Light Ep. 3. Cinematography Techniques Ep. 3.
- Shane Hurlbut ASC Blog. Real DP knowledge on cinematography, lens choice, lighting setups.
- StudioBinder Film Guides. Shot composition, camera shots encyclopedia, camera movements, lighting.
See also: Art, Design & Visual Storytelling → Pre-Production, Storyboarding & Script Tools - Wolfcrow. Cinematography fundamentals, color science, exposure theory.
Composition & Visual Storytelling
Composition theory, color theory, visual hierarchy.
- Can't Unsee. Interactive game training visual alignment and spacing precision.
- Handprint Color & Composition. Deepest free color theory resource online. Covers perception and harmony.
- Laws of UX. Gestalt principles, visual perception laws (directly applicable to 3D composition).
- Neil Blevins Art Lessons. Composition types, tangents, visual hierarchy by a Pixar artist.
See also: Learning, Community & Industry → 3D Inspiration & Showcase - PhotoPills Golden Ratio Guide. Golden ratio, spirals, triangles with overlay diagrams.
Animation Principles
The 12 principles of animation and related fundamentals.
- Animation Resources. Archives of classic animation, frame-by-frame studies.
- Animator Island. 51 Exercises. Structured practice curriculum by difficulty.
- Endless Reference. Video clips browsable by action type (walk, run, fight, etc.).
- Hippydrome. Richard Williams walk cycle and timing chart reference.
- iAnimate Free Resources. Webinars from Disney/Pixar/DreamWorks animators.
- New Frame Plus. Animation analysis in games (walk cycles, weight, timing).
- The 12 Principles (Illustrated). GIF breakdowns of each principle.
Design Principles & Typography
Typography, visual hierarchy, design fundamentals.
- Better Web Type. Free typography course on rhythm and hierarchy.
- How to Proof a Typeface. Jonathan Hoefler's proofing guide.
- Kerning Tool. Kerning typography in Houdini.
- NNGroup Visual Design. Research-backed principles on hierarchy, contrast, whitespace.
- Practical Typography. Free online book on type fundamentals, hierarchy, spacing.
- The Futur. Graphic design fundamentals, typography, grid systems.
- Typewolf. Curated typography inspiration. Fonts in real-world use.
Color Theory & Tools
Color palettes, generators, matching, and theory tools.
- Adobe Color. Color wheel, harmony tool, palettes.
- Canva Color Palettes. Pre-made palettes.
- Color Hunt. Curated color palette collection.
- Color Method. Interactive color matching game.
- ColorBox. Systematic color scale generator.
- Coolors Freemium. Fast palette generator.
- Fast Palette Studio. Rapid palette creation for pixel art and game dev.
- Gradient Horse. Experimental gradient generator.
- Huemint Freemium. AI-assisted brand color generation.
- Lospec Palette List. Pixel art palette repository.
- Paletton. Classic color scheme designer.
- Palitra. Search brand color palettes.
- poline. Esoteric palette generation via polar color interpolation.
- Randoma11y. Generate accessible color combinations.
- Swatchr. A color palette management system for Unity.
- WebGradients. Gradient library.
Design Tools
Vector editors, creative effect tools, and design utilities.
| Software | Description | Pricing | License | Tags | Best For |
|---|---|---|---|---|---|
| Adobe Express | Quick Adobe design tool. See also: Software Reference → Design Software |
Freemium | Web · Adobe | Quick design | |
| Adobe Illustrator | Industry-standard vector graphics editor; available on iPad. See also: Software Reference → Design Software |
$22.99/mo annual single-app | Paid | Industry Standard · Vector | Vector illustration, logos, layout |
| Adobe InDesign | Page layout and publishing for print and digital. See also: Software Reference → Design Software |
$20.99/mo annual single-app | Paid | Industry Standard · Layout | Editorial layout and publishing |
| Adobe Photoshop | Industry-standard raster image editor and compositor; available on iPad. See also: Software Reference → Design Software |
Single App $22.99/mo; Photography Plan $19.99/mo | Paid | Industry Standard · Raster | Photo editing, matte painting, texture work |
| ArcBrush | Node-based non-destructive image editor for generating asset variants and export formats; optional credit-based AI features. See also: Software Reference → Design Software |
Freemium | Node-based · Non-destructive | Node-based batch image editing | |
| Eagle | Visual asset organizer. See also: Software Reference → Design Software, Art, Design & Visual Storytelling → Pre-Production, Storyboarding & Script Tools |
Paid | Asset Organizer · Visual | Asset organization | |
| Graphite | Open-source 2D vector and raster graphics editor with procedural node-based workflow. In active development. See also: Software Reference → Design Software |
Open Source | Procedural · Open Source | Procedural design, non-destructive vector | |
| Krita | Free open-source digital painting app from KDE; v5.3 and v6.0 shipped March 2026. See also: Software Reference → Design Software, Software Reference → 2D & Animation Software |
Open Source | Free OSS · Painting | Digital painting, concept art | |
| Modyfi | Browser-based creative suite. See also: Software Reference → Design Software |
Freemium | Browser Suite · Creative | Creative suite in browser | |
| Photopea | Free browser-based Photoshop alternative with full PSD support. See also: Software Reference → Misc 3D Utilities Software, Tools, Pipeline & Utilities → Miscellaneous 3D Tools & Utilities |
Free | PSD · Browser | Quick PSD editing | |
| Sketch | Mac-native UI/UX design tool with web previews and collaboration. See also: Software Reference → Design Software |
Standard $12/editor/mo; Mac one-time $120/seat | Paid | UI/UX · Mac-native | UI/UX design on Mac |
Related:
- Are.na Freemium. Collaborative visual research blocks and channels.
See also: Art, Design & Visual Storytelling → Pre-Production, Storyboarding & Script Tools - BabyTrack. Blob tracking effect.
- Bendito Mockup Freemium. Premium and free product mockups.
- Carbon. Code snippet screenshot generator.
- ContentCore. Curated creative content.
- Cosmos. Visual content curation platform.
- Efecto. ASCII and dithering effects.
- effect.app Freemium. Browser-based live effects for photo and video.
- EZGIF. Online GIF and video editing and conversion tools.
See also: Tools, Pipeline & Utilities → Miscellaneous 3D Tools & Utilities - Gradientool. Browser gradient generator with grain, shadow, and 3D effects. Exports stills and animated MP4 up to 8K.
- GraphicBurger. Free design mockups and graphic assets.
- Halftone Maker. Halftone generator.
- LottieFiles Freemium. Library of free Lottie web animations.
- Maneken Freemium. Browser-based editable product mockups.
- Mockup Photos Freemium. Device and print mockup library.
- Mockup World. Free PSD mockup library.
- Muzli. Design inspiration Chrome extension.
- OS Design Directory. Open-source design resources directory.
- Pacdora Freemium. Packaging design with dielines and 3D mockups.
- Previewed Freemium. Turn screenshots into 3D mockup images and animations.
- Resource Boy. Free design resources and mockups.
- Savee Freemium. Visual bookmarking tool.
- Shots.so Freemium. Device mockup generator in the browser.
- Smart Mockups Freemium. Browser mockup generator.
- Space Type Generator. Experimental type generator.
- The Toolbox. Curated creative tools directory.
- Tiled Art. Tessellation creator.
- Undesign. Design learning resources.
- X Design Freemium. Browser-based design editor for product photos and visuals.
General Inspiration
Blogs, feeds, and curated inspiration sources.
- 5 Decades of Digital Art History. YouTube playlist surveying 50 years of digital art.
- Activation Ideas. Brand activation inspiration.
- Awwwards Freemium. Web design and interaction awards gallery.
- Behance. Adobe portfolio network for creative work.
- But Does It Float. Contemporary design and art feed.
- coverjunkie. Magazine cover design showcase.
- Creative Boom. Art and design news and inspiration.
- D&AD Archive. Archive of D&AD award-winning design and advertising.
- deck.gallery. Gallery of well-designed pitch and brand decks.
- Designspiration Freemium. Design inspiration feed.
- DETHJUNKIE. Dark creative blog.
- Dribbble Freemium. Design portfolio showcase community.
- FX References (Sylvain Nouveau). Collected real-world FX reference footage.
- FYFD. Fluid dynamics blog with reference imagery for FX.
- Generative Art Timeline. Interactive timeline of generative art history.
- Geometric Design (Canva). Geometric design article.
- H.R. Giger (Artnet). H.R. Giger gallery archive.
- Houdini on Dribbble. Houdini work tagged on Dribbble for inspiration.
- Instagram. Motion and 3D work under the xuxoe hashtag.
- Mech Blog. Mecha design inspiration.
- Movie Scenes Inspired by Art. Thread on movie scenes mirroring paintings.
- Mr Cup. Graphic design blog.
- mr5ivethou5and. Tumblr archive of motion and abstract visual inspiration.
- Muddycolors. Pro illustrator blog.
- OTAKU GANGSTA. Anime/otaku visual blog.
- Sakuga Booru. Animation clip archive (non-www mirror).
- Supahero Freemium. Library of website hero section designs.
- The Black Workshop. Design inspiration blog.
- The Brand Identity. Graphic design and branding showcase.
- Truchet's Tiles. On Truchet tiles and patterns.
- Vimeo Staff Picks. Curated short films picked by Vimeo staff.
2D Art References & Inspiration
2D animation sheets, cloth, anime model sheets.
- 2D Tutorials. Draw a Box. Free drawing fundamentals course.
- Anatomy 360, Free Reference. 3D scanned human reference images.
- Dimensions.com. Dimensioned drawings database.
- National Gallery of Art (NGA). Open-access collection of historical paintings, drawings, and prints. High-res downloads for reference.
- Saint11 Pixel Art Paid. Pixel art tutorials.
Pre-Production, Storyboarding & Script Tools
Storyboard apps, previs tools, script breakdown, reference managers, moodboarding, and direction-theory channels.
| Software | Description | License | Tags | Best For |
|---|---|---|---|---|
| Boords | Browser storyboard, animatic, and script sync for teams. | Paid | Browser · Team | Team browser storyboarding |
| Celtx | Browser script + breakdown + pre-prod. | Paid | Browser · Pre-prod | Browser pre-prod |
| Cinetracer | Real-time cinematography simulation on Unreal Engine. Lights, lenses, cameras. | Paid | Cinematography Sim · Unreal-based | Pre-shoot lens/lighting blocking |
| Eagle | Local image and video asset manager with tags. | Paid | Local DAM · Tags | Local reference DAM |
| Eagle | Visual asset organizer. See also: Software Reference → Design Software, Art, Design & Visual Storytelling → Design Tools |
Paid | Asset Organizer · Visual | Asset organization |
| Fade In | Pro screenwriting at a lower price point. | Paid | Screenwriting · Affordable | Affordable pro screenwriting |
| Final Draft | Industry-standard screenwriting with breakdown tagging. | Paid | Industry Std · Screenwriting | Pro screenwriting |
| FrameForge Storyboard Studio | 3D previs/storyboard hybrid with accurate lens and camera simulation. | Paid | 3D Storyboard · Lens-Accurate | 3D techvis-aware storyboarding |
| Highland | Fountain-native Mac screenwriter. | Paid | Fountain · Mac | Mac Fountain screenwriting |
| Kuadro | Minimal floating image viewer for references. | Free | Free · Lightweight | Lightweight ref viewer |
| Milanote | Visual notes and moodboards for creative planning. | Freemium | Moodboards · Cloud | Visual moodboards |
| Movie Magic Scheduling | Industry-standard scheduling and stripboards. | Paid | Industry Std · Schedule | Film scheduling |
| PureRef | Floating reference canvas. Standard for artists. See also: Software Reference → Misc 3D Utilities Software |
Freemium | Pay What You Want · Std Artist Tool | Reference canvas |
| ShotPro | iOS and desktop 3D storyboard and previs. | Paid | iOS · 3D Storyboard | 3D iOS storyboarding |
| Storyboard Pro (Toon Boom) | Industry-standard storyboarding with animatic, camera, and audio timeline. | Paid | Industry Std · Storyboard | Pro storyboard + animatic |
| Storyboarder (Wonder Unit) | Free, fast sketch-first boarding tool with Shot Generator. | Open Source | Free · MIT | Free sketch-first storyboarding |
| StudioBinder | Cloud production suite. Script breakdown, shotlists, storyboards, call sheets. | Paid | Pre-Prod Suite · Cloud | Full pre-production suite |
| WriterDuet | Realtime collaborative screenwriting in the browser. | Freemium | Collab · Browser | Collab screenwriting |
Related:
- Are.na Freemium. Collaborative visual research blocks and channels.
See also: Art, Design & Visual Storytelling → Design Tools - Art of the Title. Title sequence deep dives.
See also: Motion Graphics & Video → Motion Graphics: Inspiration - Cine Designer (C4D) Paid. Cinema 4D previs and techvis plugin for lights, lenses, set pieces.
- Cosmos Freemium. Visual discovery and moodboard curation tool.
- Every Frame a Painting. Gold-standard video essays on composition, camera, editing rhythm.
See also: Art, Design & Visual Storytelling → Cinematography & Camera Work - EYECANDY Freemium. Library of visual techniques in film and motion.
- FilmGrab. Curated film stills archive. Free.
See also: Motion Graphics & Video → Motion Graphics: Inspiration - Flim AI Freemium. Film frame search engine.
See also: Motion Graphics & Video → Motion Graphics: Inspiration - Frame Set Freemium. Searchable stills from films, commercials, and music videos.
- Halon Entertainment. Previs, VP, and virtual scouting case studies and tooling writeups.
- Magnopus. VP and XR studio. Tooling and case studies.
- Refsee Freemium. Video reference search across films and commercials.
- Same.Energy. Visual similarity image search engine.
- Shot.Cafe. Searchable film and TV frames.
- ShotDeck Paid. Searchable film still library for storyboards and references.
See also: Motion Graphics & Video → Motion Graphics: Inspiration - Spectacle.is Freemium. Search commercial and branded video.
- StudioBinder Film Guides. Shot composition, camera shots encyclopedia, camera movements, lighting.
See also: Art, Design & Visual Storytelling → Cinematography & Camera Work - The Third Floor. Previs and postvis studio blog with breakdowns from major features.
- VES (Visual Effects Society). VES handbook, talks, and methodology resources for on-set VFX.
- Yarn.co Freemium. Search movie and TV dialogue, export clips or GIFs.
Design Software
Also in Software Reference → Design Software
| Software | Description | Pricing | License | Tags | Best For |
|---|---|---|---|---|---|
| Adobe Express | Quick Adobe design tool. | Freemium | Web · Adobe | Quick design | |
| Adobe Illustrator | Industry-standard vector graphics editor; available on iPad. | $22.99/mo annual single-app | Paid | Industry Standard · Vector | Vector illustration, logos, layout |
| Adobe InDesign | Page layout and publishing for print and digital. | $20.99/mo annual single-app | Paid | Industry Standard · Layout | Editorial layout and publishing |
| Adobe Photoshop | Industry-standard raster image editor and compositor; available on iPad. | Single App $22.99/mo; Photography Plan $19.99/mo | Paid | Industry Standard · Raster | Photo editing, matte painting, texture work |
| Affinity | Unified vector, photo, and layout app. Free, by Canva. | Free | Free (Canva) · Vector + Raster | Illustration, photo editing, page layout | |
| ArcBrush | Node-based non-destructive image editor for generating asset variants and export formats; optional credit-based AI features. | Freemium | Node-based · Non-destructive | Node-based batch image editing | |
| Clip Studio Paint | Industry-standard illustration and comics with animation timeline. | Paid | Manga · Frame-by-Frame | Manga, illustration, frame-by-frame animation | |
| Eagle | Visual asset organizer. | Paid | Asset Organizer · Visual | Asset organization | |
| Figma | Collaborative UI/UX design with free tier. | Freemium | Collaborative · UI/UX | UI design, prototyping, design systems | |
| FontLab 8 | Professional font editor. | Paid | Font Editor · Pro | Type design, font editing | |
| GIMP | Free open-source image editor. | Open Source | Open Source · Photoshop-alt | Texture editing, photo manipulation | |
| Google Drawings | Free browser-based diagramming and simple vector tool. Collaborative. | Free | Browser · Collaborative | Quick diagrams, collaborative sketches | |
| Graphite | Open-source 2D vector and raster graphics editor with procedural node-based workflow. In active development. | Open Source | Procedural · Open Source | Procedural design, non-destructive vector | |
| Inkscape | Free open-source vector editor. | Open Source | Vector · SVG | SVG editing, illustration | |
| Krita | Free open-source digital painting app from KDE; v5.3 and v6.0 shipped March 2026. | Open Source | Free OSS · Painting | Digital painting, concept art | |
| Lunacy | Free graphic design app from Icons8. Native Sketch file support, built-in icons/illustrations/photos, AI tools. | Free | Sketch-alt · Free | UI design, Sketch file editing on Win/Linux | |
| Microsoft Paint | Built-in Windows raster editor. Now ships with layers, transparency, and Cocreator AI. | Free | Windows-native · Lightweight | Quick raster edits, mockups | |
| Modyfi | Browser-based creative suite. | Freemium | Browser Suite · Creative | Creative suite in browser | |
| Origami Studio | Free interaction design and prototyping tool by Meta. Patch-based logic, Figma import. | Free | Prototyping · Meta | Interaction prototyping, motion specs | |
| Paint.NET | Free Windows raster editor with layers, plugins, and unlimited undo. Sits between Microsoft Paint and Photoshop. | Free | Windows-native · Layers | Quick raster edits, texture tweaks, photo touch-ups | |
| Penpot | Open-source design platform. Native SVG/CSS/HTML output. Cloud-hosted or self-host. Figma alternative. | Open Source | Open Source · Figma-alt | Open-source collaborative UI/UX design | |
| Picsart | Photo and video editor with AI tools. Web, mobile, and desktop. | Freemium | AI Tools · Mobile | Quick edits, social content, AI photo tools | |
| Pixelmator | Full-featured image editing app for the Mac. | Paid | Mac-native · Image Editor | Mac image editing | |
| PixiEditor | Universal 2D graphics editor. Procedural graphics w/ node graph, image editing, vectors, pixel art, animations. | Open Source | Unified · Node-based | Unified 2D editor | |
| PowerPoint | Microsoft presentation app. Used as a quick-draft motion/layout tool for storyboards and diagrams. | Paid | Presentations · Microsoft | Presentations, quick layout/storyboards | |
| Procreate | IPad painting app. Procreate Dreams for animation. | Paid | iPad-native · Storyboarding | Mobile illustration, storyboards | |
| ProtoPie | High-fidelity interaction prototyping for apps and connected devices. | Freemium | Prototyping · Interaction | Interaction prototyping | |
| Sketch | Mac-native UI/UX design tool with web previews and collaboration. | Standard $12/editor/mo; Mac one-time $120/seat | Paid | UI/UX · Mac-native | UI/UX design on Mac |
| Unicorn Studio | Browser-based interactive scene and motion design for the web. No-code, exports to embed. | Freemium | Web Motion · No-code | Interactive web hero scenes, motion-driven landing pages | |
| Vectorpea | Free browser-based vector editor by Photopea team. Opens AI/SVG/PDF/EPS/CDR. | Free | Browser · Illustrator-alt | Quick vector editing in-browser |