--- name: attention-direction description: Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management. --- # Attention Direction Think like a magician controlling where the audience looks. Animation is misdirection and direction. You decide what matters, then make it impossible to miss—while hiding what shouldn't be seen yet. ## Core Mental Model Before animating any scene, ask: **Where should the eye go, and in what order?** Audiences can only look at one thing at a time. Your job is to guide their attention through the frame and through time. Every element either supports focus or competes with it. ## The 12 Principles Through Focus **Staging** — The foundation of attention direction. Clear silhouettes. Uncluttered compositions. Important elements separated from background. Staging serves focus. **Timing** — Attention follows movement. Motion against stillness commands the eye. Strategic timing controls when things get noticed. Stillness is also a tool. **Anticipation** — Attention setup. Before the important thing, direct eyes to where it will happen. Anticipation is a spotlight warming up before the main act. **Secondary Action** — Supporting, not competing. Secondary elements should enhance focus on primary action, not steal attention. The backup singer shouldn't upstage the lead. **Follow Through & Overlapping Action** — Attention carries momentum. Where one motion ends, the eye expects the next to begin. Use follow-through to guide gaze through sequences. **Exaggeration** — Emphasis through amplification. Important elements are bigger, faster, more contrasted. Exaggeration says "look here." Restraint says "this can wait." **Squash & Stretch** — Visual attention-grabbers. Impact frames (squash) and speed lines (stretch) create pops of visual interest that capture the eye. **Arcs** — Eye paths. The audience's gaze follows arcs of motion. Design movement paths that lead attention where you want it to land. **Slow In & Slow Out** — Attention ramps. Ease-in gives time to find the action. Ease-out gives time to process. Control pacing of comprehension. **Solid Drawing** — Hierarchy through form. Important elements have more dimensional presence. Background elements are flatter, less detailed. Volume commands attention. **Appeal** — The eye seeks appeal. Attractive elements draw focus naturally. Use appeal strategically—the most appealing thing in frame gets looked at first. **Straight Ahead & Pose to Pose** — Planning attention (pose to pose) ensures focus hits are intentional. Spontaneous discovery (straight ahead) might need attention refinement afterward. ## Practical Application **Attention Tools:** - Contrast: Light against dark, color against neutral - Isolation: Space around important elements - Size: Bigger elements read first - Position: Center and rule-of-thirds intersections - Motion: Movement in stillness commands eyes - Detail: More detailed areas attract focus - Character eyelines: Audiences look where characters look **Attention Sequence:** 1. Establish where eyes should start 2. Plan the path through the frame 3. Land on the most important element 4. Allow processing time 5. Transition to next focus point **Common Attention Errors:** - Competing centers: Multiple elements fighting for focus - Buried information: Important elements lost in noise - Nowhere to look: No clear hierarchy - Missed beats: Focus points not held long enough - Leading nowhere: Motion that doesn't resolve to landing point When focus feels "confused": 1. Reduce secondary motion 2. Increase contrast on primary element 3. Add stillness around important areas 4. Simplify background during key moments When scenes feel "empty": 1. Add supporting motion (without competing) 2. Use secondary action to create visual interest 3. Ensure something is always moving 4. Create visual rhythm in attention flow **Eye Path Mapping:** Sketch your scene with arrows showing intended eye movement. If the path is unclear or chaotic, simplify. If multiple paths compete, choose one. ## The Golden Rule **You can't control attention if you haven't decided what matters.** Before worrying about technique, answer the fundamental question: What's the single most important thing in this frame right now? Everything else serves that. --- Source attribution: dylantarre Original project: https://github.com/dylantarre/animation-principles/blob/83597134ba8ff59838270f94d7ac7282ffa3b54d/skills/02-by-thinking-style/attention-direction/SKILL.md License: MIT License information: https://opensource.org/license/mit Original upstream instructions; downloaded from Dave AI. ## Upstream license notice MIT License Copyright (c) 2024 Dylan Tarre Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. # Dave AI resource metadata Creator / publisher: dylantarre Original project: https://github.com/dylantarre/animation-principles/blob/83597134ba8ff59838270f94d7ac7282ffa3b54d/skills/02-by-thinking-style/attention-direction/SKILL.md Attribution basis: Recovered original package and original project license at a pinned revision Fields of work: Content & Media, Design Roles: Graphic Designer, Motion Designer, Product Designer, UX Designer, Video Producer Specialties: Design Tools: Tool not specified Country applicability: Country not specified Classification basis: Source catalog labels Instruction SHA-256: 155946c3afa6979a80f17413b139c3bcb687ee9e9a35095ca5d3f8ed01ce8df4 Metadata reviewed: 2026-10-27 This metadata supersedes earlier Dave AI catalog attribution. Original instruction and supporting files are preserved.