{"id":1173,"date":"2026-10-05T11:10:38","date_gmt":"2026-10-05T09:10:38","guid":{"rendered":"https:\/\/thatdog.fr\/index.php\/film-framing-shot-sizes-angles-composition-directors\/"},"modified":"2026-10-05T12:02:41","modified_gmt":"2026-10-05T10:02:41","slug":"film-framing-shot-sizes-angles-composition-directors","status":"publish","type":"post","link":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/","title":{"rendered":"Framing in Film: What Every Shot Says About the Story"},"content":{"rendered":"\n[et_pb_section admin_label=\u00a0\u00bbsection\u00a0\u00bb]\n\t\t\t[et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb]\n\t\t\t\t[et_pb_column type=\u00a0\u00bb4_4&Prime;][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb]<p>Framing means deciding what the viewer sees, and above all what they do not see. Every shot answers three questions: how far away, from what height, and where the subject sits inside the rectangle of the image. These choices tell the story as much as the script does. Below, we go through shot sizes, camera angles, composition rules (with our own original diagrams), aspect ratio, and then the visual signature of twelve directors. We finish with how we apply all of this to corporate video.<\/p>\n<h2 class=\"wp-block-heading\">Framing is storytelling<\/h2>\n<p>The frame is a window: whatever enters it becomes meaningful, whatever stays off-screen becomes suggestion. A face cut by the edge of the image does not feel like a face surrounded by air. So a framing is never \u201cbeautiful\u201d or \u201cugly\u201d in the abstract: it is right or wrong for the intention. The question to ask before every shot is simple: what should the viewer feel at this exact moment?<\/p>\n<p>The guidelines below are working habits, not laws. Great directors know them well enough to break them at the right moment, and so should anyone who films for a living.<\/p>\n<h2 class=\"wp-block-heading\">Shot sizes: from vastness to intimacy<\/h2>\n<p>Shot size describes how much of the subject is visible in the frame. The closer we get, the more attention goes to emotion and the less to context. Here are the eight sizes we use every day.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"The eight shot sizes, from extreme wide shot to extreme close-up, shown with a silhouette\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"shotsen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"shotsen-c0\"><rect x=\"14\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c1\"><rect x=\"91\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c2\"><rect x=\"168\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c3\"><rect x=\"245\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c4\"><rect x=\"322\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c5\"><rect x=\"399\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c6\"><rect x=\"476\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c7\"><rect x=\"553\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><\/defs><rect x=\"14\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c0)\"><polygon points=\"14,125 28,96 40,112 56,88 72,110 84,100 84,190 14,190\" fill=\"#4a4f4c\"\/><rect x=\"14\" y=\"125.4\" width=\"70\" height=\"64.6\" fill=\"#161817\"\/><g transform=\"translate(49 106.2) scale(0.12)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"49\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">1<\/text><text x=\"49\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Extreme<\/text><text x=\"49\" y=\"222\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">wide<\/text><rect x=\"91\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c1)\"><rect x=\"91\" y=\"145.4\" width=\"70\" height=\"44.6\" fill=\"#161817\"\/><rect x=\"97\" y=\"119.4\" width=\"14\" height=\"26\" fill=\"#4a4f4c\"\/><g transform=\"translate(126 89.5) scale(0.35)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"126\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">2<\/text><text x=\"126\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Wide<\/text><rect x=\"168\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c2)\"><g transform=\"translate(203 56.6) scale(0.8)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"203\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">3<\/text><text x=\"203\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Full<\/text><rect x=\"245\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c3)\"><g transform=\"translate(280 57.0) scale(1.0)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"280\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">4<\/text><text x=\"280\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Cowboy<\/text><rect x=\"322\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c4)\"><g transform=\"translate(357 65.6) scale(1.15)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"357\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">5<\/text><text x=\"357\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Medium<\/text><rect x=\"399\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c5)\"><g transform=\"translate(434 84.4) scale(1.7)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"434\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">6<\/text><text x=\"434\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Medium<\/text><text x=\"434\" y=\"222\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">close-up<\/text><rect x=\"476\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c6)\"><g transform=\"translate(511 111.0) scale(2.0)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"511\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">7<\/text><text x=\"511\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Close-up<\/text><rect x=\"553\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c7)\"><g transform=\"translate(588 127.0) scale(6.0)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"588\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">8<\/text><text x=\"588\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Extreme<\/text><text x=\"588\" y=\"222\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">close-up<\/text><line x1=\"40\" y1=\"258\" x2=\"596.0\" y2=\"258.0\" stroke=\"#ffd400\" stroke-width=\"2\"\/><polygon points=\"600,258 591.7,261.5 591.7,254.5\" fill=\"#ffd400\"\/><text x=\"320\" y=\"285\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">The closer we get, the more intimate it feels<\/text><\/svg><figcaption>The eight shot sizes, from widest to tightest.<\/figcaption><\/figure>\n<figure class=\"wp-block-table\"><table><thead><tr><th>Shot size<\/th><th>What it shows<\/th><th>What we feel<\/th><\/tr><\/thead><tbody><tr><td><strong>Extreme wide shot<\/strong> (establishing)<\/td><td>The place, the landscape, a tiny figure.<\/td><td>Where we are, scale, sometimes loneliness.<\/td><\/tr><tr><td><strong>Wide shot<\/strong><\/td><td>The character within the setting.<\/td><td>Context and relation to space.<\/td><\/tr><tr><td><strong>Full shot<\/strong><\/td><td>The whole body, head to toe.<\/td><td>Posture, walk, physical presence.<\/td><\/tr><tr><td><strong>Cowboy (American) shot<\/strong><\/td><td>From the head to mid-thigh, enough to see a holster.<\/td><td>Tension, face-offs, readable action.<\/td><\/tr><tr><td><strong>Medium shot<\/strong><\/td><td>The character from the waist up.<\/td><td>The ease of a conversation.<\/td><\/tr><tr><td><strong>Medium close-up<\/strong><\/td><td>Chest and face.<\/td><td>Growing intimacy.<\/td><\/tr><tr><td><strong>Close-up<\/strong><\/td><td>The face alone.<\/td><td>Emotion, empathy, intensity.<\/td><\/tr><tr><td><strong>Extreme close-up<\/strong><\/td><td>A detail: the eyes, a hand, an object.<\/td><td>Extreme tension, obsession, the decisive detail.<\/td><\/tr><\/tbody><\/table><\/figure>\n<p>A story breathes by alternating these sizes: a wide shot to get oriented, a medium shot to follow the action, a close-up to feel. A film that stays at the same distance becomes tiring; a film that jumps between them for no reason becomes confusing.<\/p>\n<h2 class=\"wp-block-heading\">Camera angles: power and vulnerability<\/h2>\n<p>The height and tilt of the camera give the viewer an almost moral point of view on the character.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Four camera angles: high, eye level, low, Dutch angle\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"anglesen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><\/defs><line x1=\"15\" y1=\"245\" x2=\"155\" y2=\"245\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><line x1=\"40\" y1=\"60\" x2=\"103\" y2=\"181.0\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\"\/><g transform=\"translate(40 60) rotate(58.2)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><use href=\"#anglesen-f\" transform=\"translate(115 181.0) scale(0.4)\"\/><text x=\"85\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">High angle<\/text><text x=\"85\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">vulnerable<\/text><line x1=\"172\" y1=\"245\" x2=\"312\" y2=\"245\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><line x1=\"197\" y1=\"157\" x2=\"260\" y2=\"157.0\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\"\/><g transform=\"translate(197 157) rotate(0.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><use href=\"#anglesen-f\" transform=\"translate(272 157.0) scale(0.55)\"\/><text x=\"242\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Eye level<\/text><text x=\"242\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">neutral<\/text><line x1=\"329\" y1=\"245\" x2=\"469\" y2=\"245\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><line x1=\"354\" y1=\"232\" x2=\"417\" y2=\"133.0\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\"\/><g transform=\"translate(354 232) rotate(-52.9)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><use href=\"#anglesen-f\" transform=\"translate(429 133.0) scale(0.7)\"\/><text x=\"399\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Low angle<\/text><text x=\"399\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">powerful<\/text><g transform=\"rotate(-15 556 150)\"><rect x=\"496\" y=\"75\" width=\"120\" height=\"150\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><line x1=\"496\" y1=\"180\" x2=\"616\" y2=\"180\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><use href=\"#anglesen-f\" transform=\"translate(556 138) scale(0.4)\"\/><\/g><text x=\"556\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Dutch angle<\/text><text x=\"556\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">unstable<\/text><\/svg><figcaption>Four camera angles and their effect.<\/figcaption><\/figure>\n<ul>\n<li><strong>Eye level:<\/strong> neutral and honest; we stand level with the character.<\/li>\n<li><strong>High angle:<\/strong> the camera looks down. The subject seems smaller, isolated, fragile or trapped.<\/li>\n<li><strong>Low angle:<\/strong> the camera looks up. The subject grows, asserts itself, dominates or threatens.<\/li>\n<li><strong>Dutch angle:<\/strong> the horizon is tilted and the world tips over: doubt, intoxication, danger.<\/li>\n<\/ul>\n<p>These associations are tendencies, not automatic rules. A low angle can also convey a child&rsquo;s admiration, a high angle a parent&rsquo;s tenderness. Context and the length of the shot decide: a low angle held for three seconds on a smiling founder says something very different from the same angle on a menacing figure.<\/p>\n<h2 class=\"wp-block-heading\">Composition rules<\/h2>\n<h3 class=\"wp-block-heading\">Placing the subject<\/h3>\n<p><strong>The rule of thirds.<\/strong> Divide the image into three columns and three rows, then place the eyes or the key element on a line, ideally at an intersection. The subject breathes and the image feels livelier than with a dead-centre placement.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Rule of thirds grid with a subject whose eyes sit on the upper third line\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"thirdsen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"thirdsen-c\"><rect x=\"40\" y=\"24\" width=\"420\" height=\"216\"\/><\/clipPath><\/defs><rect x=\"40\" y=\"24\" width=\"420\" height=\"216\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><line x1=\"180\" y1=\"24\" x2=\"180\" y2=\"240\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"320\" y1=\"24\" x2=\"320\" y2=\"240\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"40\" y1=\"96\" x2=\"460\" y2=\"96\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"40\" y1=\"168\" x2=\"460\" y2=\"168\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><g clip-path=\"url(#thirdsen-c)\"><use href=\"#thirdsen-f\" transform=\"translate(180 98) scale(0.9)\"\/><\/g><circle cx=\"180\" cy=\"96\" r=\"7\" fill=\"#ffd400\"\/><circle cx=\"180\" cy=\"168\" r=\"7\" fill=\"#ffd400\"\/><circle cx=\"320\" cy=\"96\" r=\"7\" fill=\"#ffd400\"\/><circle cx=\"320\" cy=\"168\" r=\"7\" fill=\"#ffd400\"\/><line x1=\"215\" y1=\"98\" x2=\"296.0\" y2=\"98.0\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"6 5\"\/><polygon points=\"300,98 291.7,101.5 291.7,94.5\" fill=\"#ffd400\"\/><text x=\"476\" y=\"92\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Eyes on the upper<\/text><text x=\"476\" y=\"108\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">third line<\/text><text x=\"476\" y=\"170\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Power points:<\/text><text x=\"476\" y=\"186\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">the intersections<\/text><text x=\"250\" y=\"262\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">The subject looks into the open space<\/text><\/svg><figcaption>Rule of thirds: eyes on the upper line, power points at the intersections.<\/figcaption><\/figure>\n<p><strong>Centred, symmetrical framing.<\/strong> A subject in the middle, elements answering each other on both sides: the image becomes frontal, calm, sometimes solemn or ironic. Conversely, an off-centre subject surrounded by negative space (empty area) suggests loneliness or waiting, and leaves room for what is off-screen.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Comparison of a centred symmetrical frame and an off-centre frame with negative space\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"symen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"symen-a\"><rect x=\"20\" y=\"24\" width=\"280\" height=\"200\"\/><\/clipPath><clipPath id=\"symen-b\"><rect x=\"340\" y=\"24\" width=\"280\" height=\"200\"\/><\/clipPath><\/defs><rect x=\"20\" y=\"24\" width=\"280\" height=\"200\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><rect x=\"340\" y=\"24\" width=\"280\" height=\"200\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><g clip-path=\"url(#symen-a)\"><rect x=\"50\" y=\"60\" width=\"40\" height=\"80\" fill=\"#4a4f4c\"\/><rect x=\"230\" y=\"60\" width=\"40\" height=\"80\" fill=\"#4a4f4c\"\/><rect x=\"20\" y=\"190\" width=\"280\" height=\"34\" fill=\"#161817\"\/><use href=\"#symen-f\" transform=\"translate(160 92) scale(0.62)\"\/><\/g><line x1=\"160\" y1=\"24\" x2=\"160\" y2=\"224\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"7 5\"\/><g clip-path=\"url(#symen-b)\"><rect x=\"520\" y=\"56\" width=\"60\" height=\"100\" fill=\"#4a4f4c\"\/><rect x=\"340\" y=\"190\" width=\"280\" height=\"34\" fill=\"#161817\"\/><use href=\"#symen-f\" transform=\"translate(413 92) scale(0.62)\"\/><\/g><rect x=\"460\" y=\"44\" width=\"140\" height=\"150\" fill=\"none\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"7 5\"\/><text x=\"160\" y=\"250\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Symmetrical, centred<\/text><text x=\"480\" y=\"250\" font-size=\"13\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Off-centre, negative space<\/text><\/svg><figcaption>Centred and symmetrical, or off-centre with negative space.<\/figcaption><\/figure>\n<p><strong>Golden ratio and spiral.<\/strong> This ratio of about 1.618, drawn as a spiral, helps distribute the masses of an image. We treat it as a guideline, close to the rule of thirds, not as a magic formula.<\/p>\n<p><strong>Headroom<\/strong> is the space above the head: too little and the character feels squashed; too much and they float. <strong>Lead room<\/strong> (or nose room) is the air left in front of the face or in the direction of movement: without it, the character seems stuck against the edge.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Two frames: a subject pressed against the edge, then a subject with space in front of the gaze\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><rect x=\"20\" y=\"30\" width=\"280\" height=\"170\" fill=\"#1f2221\" stroke=\"#9aa09d\" stroke-width=\"2\"\/><path d=\"M228 200 L228 138 Q232 114 262 112 Q292 114 296 138 L296 200 Z\" fill=\"#f2f0eb\"\/><rect x=\"256\" y=\"100\" width=\"12\" height=\"16\" fill=\"#f2f0eb\"\/><circle cx=\"262\" cy=\"90\" r=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"276,87 287,95 276,98\" fill=\"#f2f0eb\"\/><circle cx=\"268\" cy=\"86\" r=\"1.8\" fill=\"#161817\"\/><line x1=\"294\" y1=\"92\" x2=\"292.0\" y2=\"92.0\" stroke=\"#9aa09d\" stroke-width=\"2\" stroke-dasharray=\"6 5\"\/><polygon points=\"296,92 287.7,95.5 287.7,88.5\" fill=\"#9aa09d\"\/><text x=\"160\" y=\"224\" font-size=\"13\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Too tight<\/text><rect x=\"340\" y=\"30\" width=\"280\" height=\"170\" fill=\"#1f2221\" stroke=\"#ffd400\" stroke-width=\"2\"\/><path d=\"M386 200 L386 138 Q390 114 420 112 Q450 114 454 138 L454 200 Z\" fill=\"#f2f0eb\"\/><rect x=\"414\" y=\"100\" width=\"12\" height=\"16\" fill=\"#f2f0eb\"\/><circle cx=\"420\" cy=\"90\" r=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"434,87 445,95 434,98\" fill=\"#f2f0eb\"\/><circle cx=\"426\" cy=\"86\" r=\"1.8\" fill=\"#161817\"\/><line x1=\"452\" y1=\"92\" x2=\"604.0\" y2=\"92.0\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"6 5\"\/><polygon points=\"608,92 599.7,95.5 599.7,88.5\" fill=\"#ffd400\"\/><text x=\"480\" y=\"224\" font-size=\"13\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Lead room<\/text><rect x=\"341\" y=\"31\" width=\"0\" height=\"0\"\/><text x=\"320\" y=\"270\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">A gaze needs air to breathe<\/text><\/svg><figcaption>Lead room keeps a character from being jammed against the edge.<\/figcaption><\/figure>\n<h3 class=\"wp-block-heading\">Guiding the eye<\/h3>\n<p><strong>Leading lines<\/strong> (roads, corridors, rails, horizons) carry the eye to the subject. When they all converge on a single point, that is one-point perspective: a feeling of rigour, fate or vertigo.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"One-point perspective in a corridor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"perspen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"perspen-c\"><rect x=\"60\" y=\"20\" width=\"440\" height=\"260\"\/><\/clipPath><\/defs><rect x=\"60\" y=\"20\" width=\"440\" height=\"260\" fill=\"#1f2221\"\/><g clip-path=\"url(#perspen-c)\"><line x1=\"60\" y1=\"85\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"500\" y1=\"85\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"60\" y1=\"215\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"500\" y1=\"215\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"60\" y1=\"20\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"60\" y1=\"280\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"500\" y1=\"20\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"500\" y1=\"280\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><rect x=\"252\" y=\"132\" width=\"56\" height=\"36\" fill=\"#161817\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><use href=\"#perspen-f\" transform=\"translate(280 140) scale(0.1)\"\/><\/g><rect x=\"60\" y=\"20\" width=\"440\" height=\"260\" fill=\"none\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><circle cx=\"280\" cy=\"150\" r=\"4\" fill=\"#ffd400\"\/><line x1=\"512\" y1=\"150\" x2=\"288\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"516\" y=\"138\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Vanishing point<\/text><\/svg><figcaption>One-point perspective.<\/figcaption><\/figure>\n<p><strong>Depth layers.<\/strong> A foreground, a midground and a background give volume to a flat image. An object at the edge of the frame, in front of the subject, also gives the sense of quietly watching the scene.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Three depth layers: foreground, midground, background\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"depthen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#ffd400\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#ffd400\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#ffd400\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#ffd400\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#ffd400\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"depthen-c\"><rect x=\"30\" y=\"20\" width=\"390\" height=\"240\"\/><\/clipPath><\/defs><rect x=\"30\" y=\"20\" width=\"390\" height=\"240\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><g clip-path=\"url(#depthen-c)\"><polygon points=\"30,180 120,110 190,160 280,90 360,150 420,120 420,260 30,260\" fill=\"#4a4f4c\"\/><circle cx=\"350\" cy=\"60\" r=\"18\" fill=\"#f2f0eb\"\/><rect x=\"30\" y=\"226\" width=\"390\" height=\"34\" fill=\"#161817\"\/><use href=\"#depthen-f\" transform=\"translate(225 120) scale(0.7)\"\/><polygon points=\"30,260 46,150 58,260\" fill=\"#9aa09d\"\/><polygon points=\"52,260 86,112 98,260\" fill=\"#9aa09d\"\/><polygon points=\"92,260 104,170 118,260\" fill=\"#9aa09d\"\/><\/g><line x1=\"440\" y1=\"70\" x2=\"280\" y2=\"100\" stroke=\"#9aa09d\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"448\" y=\"64\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Background<\/text><line x1=\"440\" y1=\"140\" x2=\"250\" y2=\"140\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"448\" y=\"134\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Midground<\/text><line x1=\"440\" y1=\"210\" x2=\"100\" y2=\"200\" stroke=\"#f2f0eb\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"448\" y=\"204\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Foreground<\/text><\/svg><figcaption>Foreground, midground, background.<\/figcaption><\/figure>\n<p><strong>Frame within a frame.<\/strong> A door, a window, a mirror or an arch frames the subject a second time. It draws attention, but can also confine the character or show them as watched.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Frame within a frame: a character seen through a doorway\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"frameen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#161817\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#161817\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#161817\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#161817\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#161817\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#f2f0eb\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#f2f0eb\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#f2f0eb\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#f2f0eb\"\/><\/g><clipPath id=\"frameen-c\"><rect x=\"150\" y=\"20\" width=\"340\" height=\"250\"\/><\/clipPath><\/defs><g clip-path=\"url(#frameen-c)\"><rect x=\"150\" y=\"20\" width=\"340\" height=\"250\" fill=\"#4a4f4c\"\/><rect x=\"250\" y=\"60\" width=\"140\" height=\"210\" fill=\"#f2f0eb\"\/><use href=\"#frameen-f\" transform=\"translate(320 128) scale(0.6)\"\/><\/g><rect x=\"150\" y=\"20\" width=\"340\" height=\"250\" fill=\"none\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><rect x=\"250\" y=\"60\" width=\"140\" height=\"210\" fill=\"none\" stroke=\"#ffd400\" stroke-width=\"3\"\/><text x=\"140\" y=\"148\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"end\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Outer frame<\/text><line x1=\"498\" y1=\"90\" x2=\"394\" y2=\"90\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"502\" y=\"94\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Inner frame<\/text><\/svg><figcaption>A frame within the frame isolates and highlights the subject.<\/figcaption><\/figure>\n<h3 class=\"wp-block-heading\">Cutting between shots<\/h3>\n<p><strong>The 180\u00b0 rule.<\/strong> Between two characters, draw an imaginary axis and keep every camera on the same side. Cross it and each character swaps sides on screen, so the viewer loses their bearings.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Top view of the 180-degree rule: cameras on the same side of the action axis\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><line x1=\"110\" y1=\"140\" x2=\"530\" y2=\"140\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"8 6\"\/><text x=\"530\" y=\"128\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"end\" font-family=\"Inter,Helvetica,Arial,sans-serif\">action axis<\/text><line x1=\"190\" y1=\"245\" x2=\"400\" y2=\"140\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"450\" y1=\"245\" x2=\"240\" y2=\"140\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"320\" y1=\"48\" x2=\"320\" y2=\"132\" stroke=\"#4a4f4c\" stroke-width=\"1.5\" stroke-dasharray=\"5 5\"\/><g transform=\"translate(190 245) rotate(-26.6)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><g transform=\"translate(450 245) rotate(-153.4)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><g transform=\"translate(320 48) rotate(90.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#4a4f4c\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#4a4f4c\"\/><\/g><circle cx=\"240\" cy=\"140\" r=\"17\" fill=\"#f2f0eb\"\/><text x=\"240\" y=\"145\" font-size=\"14\" fill=\"#161817\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">A<\/text><circle cx=\"400\" cy=\"140\" r=\"17\" fill=\"#f2f0eb\"\/><text x=\"400\" y=\"145\" font-size=\"14\" fill=\"#161817\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">B<\/text><line x1=\"338\" y1=\"34\" x2=\"356\" y2=\"52\" stroke=\"#ffd400\" stroke-width=\"3\"\/><line x1=\"356\" y1=\"34\" x2=\"338\" y2=\"52\" stroke=\"#ffd400\" stroke-width=\"3\"\/><text x=\"368\" y=\"48\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Don&rsquo;t cross<\/text><text x=\"320\" y=\"285\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Cameras stay on the same side of the axis<\/text><\/svg><figcaption>180-degree rule: every camera stays on the same side of the axis.<\/figcaption><\/figure>\n<p><strong>The 30\u00b0 rule.<\/strong> Between two consecutive shots of the same subject, change the angle by at least 30\u00b0 (or change the shot size clearly). Otherwise the cut looks like an accidental jump.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Top view of the 30-degree rule between two camera positions\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><line x1=\"320\" y1=\"250\" x2=\"320\" y2=\"70\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"410\" y1=\"226\" x2=\"320\" y2=\"70\" stroke=\"#ffd400\" stroke-width=\"2\"\/><path d=\"M320 140 A70 70 0 0 0 350.8 133.1\" fill=\"none\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><text x=\"350\" y=\"162\" font-size=\"14\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">30\u00b0<\/text><g transform=\"translate(320 250) rotate(-90.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><g transform=\"translate(410 226) rotate(-120.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><circle cx=\"320\" cy=\"70\" r=\"16\" fill=\"#f2f0eb\"\/><text x=\"300\" y=\"272\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"end\" font-family=\"Inter,Helvetica,Arial,sans-serif\">1<\/text><text x=\"434\" y=\"248\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">2<\/text><text x=\"40\" y=\"150\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Under 30\u00b0:<\/text><text x=\"40\" y=\"166\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">it reads as a jump<\/text><text x=\"480\" y=\"100\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">30\u00b0 or more:<\/text><text x=\"480\" y=\"116\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">a clean cut<\/text><\/svg><figcaption>30-degree rule: change the angle enough between two shots.<\/figcaption><\/figure>\n<p><strong>Over-the-shoulder shots.<\/strong> The shoulder and back of the head of the character in the foreground anchor the dialogue in space and remind us who is being addressed. It is also a simple use of depth layers.<\/p>\n<h2 class=\"wp-block-heading\">Aspect ratio: a framing choice<\/h2>\n<p>The width-to-height ratio is the first framing, that of the frame itself. 1.33 (4:3) is almost square: it suits faces and verticals. 1.85 is a common, balanced cinema format. 2.39 (\u201cscope\u201d) stretches the image horizontally: landscapes, crowds, loneliness in a vast space. The 9:16 of social media is vertical: it favours one face, a product held in the hand, a person standing, and leaves very little room at the sides.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Comparison of the 1.33, 1.85, 2.39 and 9:16 aspect ratios\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><rect x=\"14.0\" y=\"80\" width=\"122.4\" height=\"92\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2.5\"\/><circle cx=\"75.2\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M56.2 172 Q56.2 136 75.2 134 Q94.2 136 94.2 172 Z\" fill=\"#9aa09d\"\/><text x=\"75.2\" y=\"68\" font-size=\"15\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">1.33<\/text><text x=\"75.2\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Classic<\/text><text x=\"75.2\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">4:3<\/text><rect x=\"152.4\" y=\"80\" width=\"170.2\" height=\"92\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2.5\"\/><circle cx=\"237.5\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M218.5 172 Q218.5 136 237.5 134 Q256.5 136 256.5 172 Z\" fill=\"#9aa09d\"\/><text x=\"237.5\" y=\"68\" font-size=\"15\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">1.85<\/text><text x=\"237.5\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Standard<\/text><text x=\"237.5\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">cinema<\/text><rect x=\"338.6\" y=\"80\" width=\"219.9\" height=\"92\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2.5\"\/><circle cx=\"448.5\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M429.5 172 Q429.5 136 448.5 134 Q467.5 136 467.5 172 Z\" fill=\"#9aa09d\"\/><text x=\"448.5\" y=\"68\" font-size=\"15\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">2.39<\/text><text x=\"448.5\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Scope<\/text><text x=\"448.5\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">landscapes<\/text><rect x=\"574.4\" y=\"80\" width=\"51.8\" height=\"92\" fill=\"#1f2221\" stroke=\"#ffd400\" stroke-width=\"2.5\"\/><circle cx=\"600.3\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M581.3 172 Q581.3 136 600.3 134 Q619.3 136 619.3 172 Z\" fill=\"#9aa09d\"\/><text x=\"600.3\" y=\"68\" font-size=\"15\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">9:16<\/text><text x=\"600.3\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Vertical<\/text><text x=\"600.3\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">social<\/text><\/svg><figcaption>Aspect ratios compared at equal height.<\/figcaption><\/figure>\n<p>That is why a shot designed horizontally cannot always be reframed vertically: two people side by side no longer fit, the rule of thirds has to be replayed on a single column, and the bottom of the image must stay clear for app interfaces. So we plan the vertical framing during the shoot instead of hoping to rescue it in the edit.<\/p>\n<h2 class=\"wp-block-heading\">Directors and their framing signatures<\/h2>\n<p>Here are twelve visual signatures, deliberately summarised. We describe them in words, without film stills; we invite you to rewatch these shots.<\/p>\n<ul><li><strong>Wes Anderson:<\/strong> near-geometric symmetry, frontal \u201cplanimetric\u201d shots, the subject at the centre, lateral tracking moves, pastel colour. In <em>The Grand Budapest Hotel<\/em>, the aspect ratio changes with the era being told.<\/li><li><strong>Stanley Kubrick:<\/strong> one-point perspective: the corridors of <em>The Shining<\/em>, those of <em>2001: A Space Odyssey<\/em>. A cold rigour that feels almost inevitable.<\/li><li><strong>Sergio Leone:<\/strong> the alternation of extreme close-ups on eyes and very wide shots of the landscape, notably in <em>Once Upon a Time in the West<\/em>: the duel is played out in the eyes.<\/li><li><strong>Akira Kurosawa:<\/strong> long lenses and several cameras filming the same scene, compressed space, groups of characters arranged in clear shapes, weather built into the composition.<\/li><li><strong>Yasujir\u014d Ozu:<\/strong> a low camera at tatami height, almost always still, and \u201cpillow shots\u201d (landscapes, objects) between scenes. <em>Tokyo Story<\/em> is the best-known example.<\/li><li><strong>Steven Spielberg:<\/strong> fluid long takes, a child&rsquo;s-eye camera height in <em>E.T.<\/em>, and the famous \u201cSpielberg face\u201d: a close-up of an awestruck face looking off-screen.<\/li><li><strong>Quentin Tarantino:<\/strong> the shot from inside a car trunk (<em>Reservoir Dogs<\/em>, <em>Pulp Fiction<\/em>, <em>Jackie Brown<\/em>), low angles, shots of feet.<\/li><li><strong>Christopher Nolan:<\/strong> shooting on large-format IMAX 65 mm film (<em>Dunkirk<\/em>, <em>Oppenheimer<\/em>), a taller and more immersive image, effects done practically whenever possible.<\/li><li><strong>Denis Villeneuve:<\/strong> scale: tiny humans facing monumental architecture, in <em>Blade Runner 2049<\/em> as in <em>Dune<\/em>.<\/li><li><strong>Wong Kar-wai:<\/strong> off-centre, obstructed frames: the character seen through a doorway, a window, a frame edge. <em>In the Mood for Love<\/em> turns it into a language of restraint.<\/li><li><strong>Alfred Hitchcock:<\/strong> the character&rsquo;s point of view (<em>Rear Window<\/em>), dizzying high angles and the dolly zoom of <em>Vertigo<\/em>.<\/li><li><strong>Orson Welles:<\/strong> deep focus with cinematographer Gregg Toland in <em>Citizen Kane<\/em>, and low angles that reveal ceilings.<\/li><\/ul>\n<h2 class=\"wp-block-heading\">Applied to brand films and corporate video<\/h2>\n<p>Our job is not to make cinema, but the language is the same. Here is how we adapt it to three common situations in our <a href=\"https:\/\/thatdog.fr\/index.php\/en\/video-business\/\">business videos<\/a>.<\/p>\n<p><strong>An interview.<\/strong> Medium close-up or medium shot, eyes on the upper third line, a slight three-quarter angle, lead room on the interviewer&rsquo;s side, measured headroom. A second camera placed at more than 30\u00b0 lets us cut without a jump. The background stays at a distance and is lit with intent: that is the subject of our article on <a href=\"https:\/\/thatdog.fr\/index.php\/en\/cinema-lighting-painters-chiaroscuro-light\/\">lighting and chiaroscuro<\/a>.<\/p>\n<p><strong>A product.<\/strong> Close-ups and extreme close-ups for texture and detail, a slight low angle to give it presence, negative space where the title will go. For a packshot, a centred, symmetrical frame is often the most honest.<\/p>\n<p><strong>A team.<\/strong> A wide shot (sometimes by drone) to place the location, then medium shots and close-ups. We compose in depth layers, arrange people in a triangle rather than a line, use a doorway or a glass wall as a frame, and respect the eyelines.<\/p>\n<p><strong>Vertical.<\/strong> For social media, we centre the subject more, keep margins at the top and bottom for titles and the app interface, and plan the shot for both formats before we roll.<\/p>\n<div class=\"tdp-tip\"><p><strong>Our habit.<\/strong> Before every shot, we state the intended emotion in one sentence, then choose the size, the angle and the subject&rsquo;s place. Gear comes afterwards: see our <a href=\"https:\/\/thatdog.fr\/index.php\/en\/equipment\/\">equipment<\/a> page.<\/p><\/div>\n<p><em>Further reading: <a href=\"https:\/\/en.wikipedia.org\/wiki\/Shot_(filmmaking)\">Shot (filmmaking)<\/a>; <a href=\"https:\/\/en.wikipedia.org\/wiki\/180-degree_rule\">180-degree rule<\/a>.<\/em><\/p>\n<div class=\"tdp-cta\"><p><strong>A video project to frame?<\/strong><br>Tell us about your brand: we will work out with you the shots that tell its story.<\/p><a href=\"https:\/\/thatdog.fr\/index.php\/en\/quote-request\/\">Request a quote \u2192<\/a><\/div>[\/et_pb_text][\/et_pb_column]\n\t\t\t[\/et_pb_row]\n\t\t[\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Shot sizes, camera angles, composition rules, aspect ratio and the framing signatures of twelve directors: what framing says, and how we apply it to video.<\/p>\n","protected":false},"author":1,"featured_media":1170,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<p>Framing means deciding what the viewer sees, and above all what they do not see. Every shot answers three questions: how far away, from what height, and where the subject sits inside the rectangle of the image. These choices tell the story as much as the script does. Below, we go through shot sizes, camera angles, composition rules (with our own original diagrams), aspect ratio, and then the visual signature of twelve directors. We finish with how we apply all of this to corporate video.<\/p>\n<h2 class=\"wp-block-heading\">Framing is storytelling<\/h2>\n<p>The frame is a window: whatever enters it becomes meaningful, whatever stays off-screen becomes suggestion. A face cut by the edge of the image does not feel like a face surrounded by air. So a framing is never \u201cbeautiful\u201d or \u201cugly\u201d in the abstract: it is right or wrong for the intention. The question to ask before every shot is simple: what should the viewer feel at this exact moment?<\/p>\n<p>The guidelines below are working habits, not laws. Great directors know them well enough to break them at the right moment, and so should anyone who films for a living.<\/p>\n<h2 class=\"wp-block-heading\">Shot sizes: from vastness to intimacy<\/h2>\n<p>Shot size describes how much of the subject is visible in the frame. The closer we get, the more attention goes to emotion and the less to context. Here are the eight sizes we use every day.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"The eight shot sizes, from extreme wide shot to extreme close-up, shown with a silhouette\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"shotsen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"shotsen-c0\"><rect x=\"14\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c1\"><rect x=\"91\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c2\"><rect x=\"168\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c3\"><rect x=\"245\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c4\"><rect x=\"322\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c5\"><rect x=\"399\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c6\"><rect x=\"476\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><clipPath id=\"shotsen-c7\"><rect x=\"553\" y=\"40\" width=\"70\" height=\"150\"\/><\/clipPath><\/defs><rect x=\"14\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c0)\"><polygon points=\"14,125 28,96 40,112 56,88 72,110 84,100 84,190 14,190\" fill=\"#4a4f4c\"\/><rect x=\"14\" y=\"125.4\" width=\"70\" height=\"64.6\" fill=\"#161817\"\/><g transform=\"translate(49 106.2) scale(0.12)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"49\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">1<\/text><text x=\"49\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Extreme<\/text><text x=\"49\" y=\"222\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">wide<\/text><rect x=\"91\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c1)\"><rect x=\"91\" y=\"145.4\" width=\"70\" height=\"44.6\" fill=\"#161817\"\/><rect x=\"97\" y=\"119.4\" width=\"14\" height=\"26\" fill=\"#4a4f4c\"\/><g transform=\"translate(126 89.5) scale(0.35)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"126\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">2<\/text><text x=\"126\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Wide<\/text><rect x=\"168\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c2)\"><g transform=\"translate(203 56.6) scale(0.8)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"203\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">3<\/text><text x=\"203\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Full<\/text><rect x=\"245\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c3)\"><g transform=\"translate(280 57.0) scale(1.0)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"280\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">4<\/text><text x=\"280\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Cowboy<\/text><rect x=\"322\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c4)\"><g transform=\"translate(357 65.6) scale(1.15)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"357\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">5<\/text><text x=\"357\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Medium<\/text><rect x=\"399\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c5)\"><g transform=\"translate(434 84.4) scale(1.7)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"434\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">6<\/text><text x=\"434\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Medium<\/text><text x=\"434\" y=\"222\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">close-up<\/text><rect x=\"476\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c6)\"><g transform=\"translate(511 111.0) scale(2.0)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"511\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">7<\/text><text x=\"511\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Close-up<\/text><rect x=\"553\" y=\"40\" width=\"70\" height=\"150\" fill=\"#1f2221\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><g clip-path=\"url(#shotsen-c7)\"><g transform=\"translate(588 127.0) scale(6.0)\"><use href=\"#shotsen-f\"\/><\/g><\/g><text x=\"588\" y=\"32\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">8<\/text><text x=\"588\" y=\"208\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Extreme<\/text><text x=\"588\" y=\"222\" font-size=\"11\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">close-up<\/text><line x1=\"40\" y1=\"258\" x2=\"596.0\" y2=\"258.0\" stroke=\"#ffd400\" stroke-width=\"2\"\/><polygon points=\"600,258 591.7,261.5 591.7,254.5\" fill=\"#ffd400\"\/><text x=\"320\" y=\"285\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">The closer we get, the more intimate it feels<\/text><\/svg><figcaption>The eight shot sizes, from widest to tightest.<\/figcaption><\/figure>\n<figure class=\"wp-block-table\"><table><thead><tr><th>Shot size<\/th><th>What it shows<\/th><th>What we feel<\/th><\/tr><\/thead><tbody><tr><td><strong>Extreme wide shot<\/strong> (establishing)<\/td><td>The place, the landscape, a tiny figure.<\/td><td>Where we are, scale, sometimes loneliness.<\/td><\/tr><tr><td><strong>Wide shot<\/strong><\/td><td>The character within the setting.<\/td><td>Context and relation to space.<\/td><\/tr><tr><td><strong>Full shot<\/strong><\/td><td>The whole body, head to toe.<\/td><td>Posture, walk, physical presence.<\/td><\/tr><tr><td><strong>Cowboy (American) shot<\/strong><\/td><td>From the head to mid-thigh, enough to see a holster.<\/td><td>Tension, face-offs, readable action.<\/td><\/tr><tr><td><strong>Medium shot<\/strong><\/td><td>The character from the waist up.<\/td><td>The ease of a conversation.<\/td><\/tr><tr><td><strong>Medium close-up<\/strong><\/td><td>Chest and face.<\/td><td>Growing intimacy.<\/td><\/tr><tr><td><strong>Close-up<\/strong><\/td><td>The face alone.<\/td><td>Emotion, empathy, intensity.<\/td><\/tr><tr><td><strong>Extreme close-up<\/strong><\/td><td>A detail: the eyes, a hand, an object.<\/td><td>Extreme tension, obsession, the decisive detail.<\/td><\/tr><\/tbody><\/table><\/figure>\n<p>A story breathes by alternating these sizes: a wide shot to get oriented, a medium shot to follow the action, a close-up to feel. A film that stays at the same distance becomes tiring; a film that jumps between them for no reason becomes confusing.<\/p>\n<h2 class=\"wp-block-heading\">Camera angles: power and vulnerability<\/h2>\n<p>The height and tilt of the camera give the viewer an almost moral point of view on the character.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Four camera angles: high, eye level, low, Dutch angle\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"anglesen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><\/defs><line x1=\"15\" y1=\"245\" x2=\"155\" y2=\"245\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><line x1=\"40\" y1=\"60\" x2=\"103\" y2=\"181.0\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\"\/><g transform=\"translate(40 60) rotate(58.2)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><use href=\"#anglesen-f\" transform=\"translate(115 181.0) scale(0.4)\"\/><text x=\"85\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">High angle<\/text><text x=\"85\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">vulnerable<\/text><line x1=\"172\" y1=\"245\" x2=\"312\" y2=\"245\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><line x1=\"197\" y1=\"157\" x2=\"260\" y2=\"157.0\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\"\/><g transform=\"translate(197 157) rotate(0.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><use href=\"#anglesen-f\" transform=\"translate(272 157.0) scale(0.55)\"\/><text x=\"242\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Eye level<\/text><text x=\"242\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">neutral<\/text><line x1=\"329\" y1=\"245\" x2=\"469\" y2=\"245\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><line x1=\"354\" y1=\"232\" x2=\"417\" y2=\"133.0\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\"\/><g transform=\"translate(354 232) rotate(-52.9)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><use href=\"#anglesen-f\" transform=\"translate(429 133.0) scale(0.7)\"\/><text x=\"399\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Low angle<\/text><text x=\"399\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">powerful<\/text><g transform=\"rotate(-15 556 150)\"><rect x=\"496\" y=\"75\" width=\"120\" height=\"150\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><line x1=\"496\" y1=\"180\" x2=\"616\" y2=\"180\" stroke=\"#4a4f4c\" stroke-width=\"2\"\/><use href=\"#anglesen-f\" transform=\"translate(556 138) scale(0.4)\"\/><\/g><text x=\"556\" y=\"268\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Dutch angle<\/text><text x=\"556\" y=\"288\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">unstable<\/text><\/svg><figcaption>Four camera angles and their effect.<\/figcaption><\/figure>\n<ul>\n<li><strong>Eye level:<\/strong> neutral and honest; we stand level with the character.<\/li>\n<li><strong>High angle:<\/strong> the camera looks down. The subject seems smaller, isolated, fragile or trapped.<\/li>\n<li><strong>Low angle:<\/strong> the camera looks up. The subject grows, asserts itself, dominates or threatens.<\/li>\n<li><strong>Dutch angle:<\/strong> the horizon is tilted and the world tips over: doubt, intoxication, danger.<\/li>\n<\/ul>\n<p>These associations are tendencies, not automatic rules. A low angle can also convey a child's admiration, a high angle a parent's tenderness. Context and the length of the shot decide: a low angle held for three seconds on a smiling founder says something very different from the same angle on a menacing figure.<\/p>\n<h2 class=\"wp-block-heading\">Composition rules<\/h2>\n<h3 class=\"wp-block-heading\">Placing the subject<\/h3>\n<p><strong>The rule of thirds.<\/strong> Divide the image into three columns and three rows, then place the eyes or the key element on a line, ideally at an intersection. The subject breathes and the image feels livelier than with a dead-centre placement.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Rule of thirds grid with a subject whose eyes sit on the upper third line\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"thirdsen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"thirdsen-c\"><rect x=\"40\" y=\"24\" width=\"420\" height=\"216\"\/><\/clipPath><\/defs><rect x=\"40\" y=\"24\" width=\"420\" height=\"216\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><line x1=\"180\" y1=\"24\" x2=\"180\" y2=\"240\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"320\" y1=\"24\" x2=\"320\" y2=\"240\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"40\" y1=\"96\" x2=\"460\" y2=\"96\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"40\" y1=\"168\" x2=\"460\" y2=\"168\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><g clip-path=\"url(#thirdsen-c)\"><use href=\"#thirdsen-f\" transform=\"translate(180 98) scale(0.9)\"\/><\/g><circle cx=\"180\" cy=\"96\" r=\"7\" fill=\"#ffd400\"\/><circle cx=\"180\" cy=\"168\" r=\"7\" fill=\"#ffd400\"\/><circle cx=\"320\" cy=\"96\" r=\"7\" fill=\"#ffd400\"\/><circle cx=\"320\" cy=\"168\" r=\"7\" fill=\"#ffd400\"\/><line x1=\"215\" y1=\"98\" x2=\"296.0\" y2=\"98.0\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"6 5\"\/><polygon points=\"300,98 291.7,101.5 291.7,94.5\" fill=\"#ffd400\"\/><text x=\"476\" y=\"92\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Eyes on the upper<\/text><text x=\"476\" y=\"108\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">third line<\/text><text x=\"476\" y=\"170\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Power points:<\/text><text x=\"476\" y=\"186\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">the intersections<\/text><text x=\"250\" y=\"262\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">The subject looks into the open space<\/text><\/svg><figcaption>Rule of thirds: eyes on the upper line, power points at the intersections.<\/figcaption><\/figure>\n<p><strong>Centred, symmetrical framing.<\/strong> A subject in the middle, elements answering each other on both sides: the image becomes frontal, calm, sometimes solemn or ironic. Conversely, an off-centre subject surrounded by negative space (empty area) suggests loneliness or waiting, and leaves room for what is off-screen.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Comparison of a centred symmetrical frame and an off-centre frame with negative space\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"symen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"symen-a\"><rect x=\"20\" y=\"24\" width=\"280\" height=\"200\"\/><\/clipPath><clipPath id=\"symen-b\"><rect x=\"340\" y=\"24\" width=\"280\" height=\"200\"\/><\/clipPath><\/defs><rect x=\"20\" y=\"24\" width=\"280\" height=\"200\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><rect x=\"340\" y=\"24\" width=\"280\" height=\"200\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><g clip-path=\"url(#symen-a)\"><rect x=\"50\" y=\"60\" width=\"40\" height=\"80\" fill=\"#4a4f4c\"\/><rect x=\"230\" y=\"60\" width=\"40\" height=\"80\" fill=\"#4a4f4c\"\/><rect x=\"20\" y=\"190\" width=\"280\" height=\"34\" fill=\"#161817\"\/><use href=\"#symen-f\" transform=\"translate(160 92) scale(0.62)\"\/><\/g><line x1=\"160\" y1=\"24\" x2=\"160\" y2=\"224\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"7 5\"\/><g clip-path=\"url(#symen-b)\"><rect x=\"520\" y=\"56\" width=\"60\" height=\"100\" fill=\"#4a4f4c\"\/><rect x=\"340\" y=\"190\" width=\"280\" height=\"34\" fill=\"#161817\"\/><use href=\"#symen-f\" transform=\"translate(413 92) scale(0.62)\"\/><\/g><rect x=\"460\" y=\"44\" width=\"140\" height=\"150\" fill=\"none\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"7 5\"\/><text x=\"160\" y=\"250\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Symmetrical, centred<\/text><text x=\"480\" y=\"250\" font-size=\"13\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Off-centre, negative space<\/text><\/svg><figcaption>Centred and symmetrical, or off-centre with negative space.<\/figcaption><\/figure>\n<p><strong>Golden ratio and spiral.<\/strong> This ratio of about 1.618, drawn as a spiral, helps distribute the masses of an image. We treat it as a guideline, close to the rule of thirds, not as a magic formula.<\/p>\n<p><strong>Headroom<\/strong> is the space above the head: too little and the character feels squashed; too much and they float. <strong>Lead room<\/strong> (or nose room) is the air left in front of the face or in the direction of movement: without it, the character seems stuck against the edge.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Two frames: a subject pressed against the edge, then a subject with space in front of the gaze\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><rect x=\"20\" y=\"30\" width=\"280\" height=\"170\" fill=\"#1f2221\" stroke=\"#9aa09d\" stroke-width=\"2\"\/><path d=\"M228 200 L228 138 Q232 114 262 112 Q292 114 296 138 L296 200 Z\" fill=\"#f2f0eb\"\/><rect x=\"256\" y=\"100\" width=\"12\" height=\"16\" fill=\"#f2f0eb\"\/><circle cx=\"262\" cy=\"90\" r=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"276,87 287,95 276,98\" fill=\"#f2f0eb\"\/><circle cx=\"268\" cy=\"86\" r=\"1.8\" fill=\"#161817\"\/><line x1=\"294\" y1=\"92\" x2=\"292.0\" y2=\"92.0\" stroke=\"#9aa09d\" stroke-width=\"2\" stroke-dasharray=\"6 5\"\/><polygon points=\"296,92 287.7,95.5 287.7,88.5\" fill=\"#9aa09d\"\/><text x=\"160\" y=\"224\" font-size=\"13\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Too tight<\/text><rect x=\"340\" y=\"30\" width=\"280\" height=\"170\" fill=\"#1f2221\" stroke=\"#ffd400\" stroke-width=\"2\"\/><path d=\"M386 200 L386 138 Q390 114 420 112 Q450 114 454 138 L454 200 Z\" fill=\"#f2f0eb\"\/><rect x=\"414\" y=\"100\" width=\"12\" height=\"16\" fill=\"#f2f0eb\"\/><circle cx=\"420\" cy=\"90\" r=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"434,87 445,95 434,98\" fill=\"#f2f0eb\"\/><circle cx=\"426\" cy=\"86\" r=\"1.8\" fill=\"#161817\"\/><line x1=\"452\" y1=\"92\" x2=\"604.0\" y2=\"92.0\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"6 5\"\/><polygon points=\"608,92 599.7,95.5 599.7,88.5\" fill=\"#ffd400\"\/><text x=\"480\" y=\"224\" font-size=\"13\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Lead room<\/text><rect x=\"341\" y=\"31\" width=\"0\" height=\"0\"\/><text x=\"320\" y=\"270\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">A gaze needs air to breathe<\/text><\/svg><figcaption>Lead room keeps a character from being jammed against the edge.<\/figcaption><\/figure>\n<h3 class=\"wp-block-heading\">Guiding the eye<\/h3>\n<p><strong>Leading lines<\/strong> (roads, corridors, rails, horizons) carry the eye to the subject. When they all converge on a single point, that is one-point perspective: a feeling of rigour, fate or vertigo.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"One-point perspective in a corridor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"perspen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#f2f0eb\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#f2f0eb\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#f2f0eb\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#f2f0eb\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"perspen-c\"><rect x=\"60\" y=\"20\" width=\"440\" height=\"260\"\/><\/clipPath><\/defs><rect x=\"60\" y=\"20\" width=\"440\" height=\"260\" fill=\"#1f2221\"\/><g clip-path=\"url(#perspen-c)\"><line x1=\"60\" y1=\"85\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"500\" y1=\"85\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"60\" y1=\"215\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"500\" y1=\"215\" x2=\"280\" y2=\"150\" stroke=\"#4a4f4c\" stroke-width=\"1.5\"\/><line x1=\"60\" y1=\"20\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"60\" y1=\"280\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"500\" y1=\"20\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"500\" y1=\"280\" x2=\"280\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"2\"\/><rect x=\"252\" y=\"132\" width=\"56\" height=\"36\" fill=\"#161817\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><use href=\"#perspen-f\" transform=\"translate(280 140) scale(0.1)\"\/><\/g><rect x=\"60\" y=\"20\" width=\"440\" height=\"260\" fill=\"none\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><circle cx=\"280\" cy=\"150\" r=\"4\" fill=\"#ffd400\"\/><line x1=\"512\" y1=\"150\" x2=\"288\" y2=\"150\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"516\" y=\"138\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Vanishing point<\/text><\/svg><figcaption>One-point perspective.<\/figcaption><\/figure>\n<p><strong>Depth layers.<\/strong> A foreground, a midground and a background give volume to a flat image. An object at the edge of the frame, in front of the subject, also gives the sense of quietly watching the scene.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Three depth layers: foreground, midground, background\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"depthen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#ffd400\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#ffd400\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#ffd400\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#ffd400\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#ffd400\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#161817\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#161817\"\/><\/g><clipPath id=\"depthen-c\"><rect x=\"30\" y=\"20\" width=\"390\" height=\"240\"\/><\/clipPath><\/defs><rect x=\"30\" y=\"20\" width=\"390\" height=\"240\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><g clip-path=\"url(#depthen-c)\"><polygon points=\"30,180 120,110 190,160 280,90 360,150 420,120 420,260 30,260\" fill=\"#4a4f4c\"\/><circle cx=\"350\" cy=\"60\" r=\"18\" fill=\"#f2f0eb\"\/><rect x=\"30\" y=\"226\" width=\"390\" height=\"34\" fill=\"#161817\"\/><use href=\"#depthen-f\" transform=\"translate(225 120) scale(0.7)\"\/><polygon points=\"30,260 46,150 58,260\" fill=\"#9aa09d\"\/><polygon points=\"52,260 86,112 98,260\" fill=\"#9aa09d\"\/><polygon points=\"92,260 104,170 118,260\" fill=\"#9aa09d\"\/><\/g><line x1=\"440\" y1=\"70\" x2=\"280\" y2=\"100\" stroke=\"#9aa09d\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"448\" y=\"64\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Background<\/text><line x1=\"440\" y1=\"140\" x2=\"250\" y2=\"140\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"448\" y=\"134\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Midground<\/text><line x1=\"440\" y1=\"210\" x2=\"100\" y2=\"200\" stroke=\"#f2f0eb\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"448\" y=\"204\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"600\">Foreground<\/text><\/svg><figcaption>Foreground, midground, background.<\/figcaption><\/figure>\n<p><strong>Frame within a frame.<\/strong> A door, a window, a mirror or an arch frames the subject a second time. It draws attention, but can also confine the character or show them as watched.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Frame within a frame: a character seen through a doorway\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><defs><g id=\"frameen-f\"><rect x=\"-22\" y=\"100\" width=\"19\" height=\"60\" fill=\"#161817\"\/><rect x=\"3\" y=\"100\" width=\"19\" height=\"60\" fill=\"#161817\"\/><path d=\"M-30 50 Q-30 16 0 14 Q30 16 30 50 L24 100 L-24 100 Z\" fill=\"#161817\"\/><rect x=\"-5\" y=\"8\" width=\"10\" height=\"10\" fill=\"#161817\"\/><circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#161817\"\/><circle cx=\"-5\" cy=\"-2\" r=\"1.6\" fill=\"#f2f0eb\"\/><circle cx=\"5\" cy=\"-2\" r=\"1.6\" fill=\"#f2f0eb\"\/><rect x=\"-9\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#f2f0eb\"\/><rect x=\"1\" y=\"-8\" width=\"8\" height=\"1.6\" fill=\"#f2f0eb\"\/><\/g><clipPath id=\"frameen-c\"><rect x=\"150\" y=\"20\" width=\"340\" height=\"250\"\/><\/clipPath><\/defs><g clip-path=\"url(#frameen-c)\"><rect x=\"150\" y=\"20\" width=\"340\" height=\"250\" fill=\"#4a4f4c\"\/><rect x=\"250\" y=\"60\" width=\"140\" height=\"210\" fill=\"#f2f0eb\"\/><use href=\"#frameen-f\" transform=\"translate(320 128) scale(0.6)\"\/><\/g><rect x=\"150\" y=\"20\" width=\"340\" height=\"250\" fill=\"none\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><rect x=\"250\" y=\"60\" width=\"140\" height=\"210\" fill=\"none\" stroke=\"#ffd400\" stroke-width=\"3\"\/><text x=\"140\" y=\"148\" font-size=\"12\" fill=\"#f2f0eb\" text-anchor=\"end\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Outer frame<\/text><line x1=\"498\" y1=\"90\" x2=\"394\" y2=\"90\" stroke=\"#ffd400\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\/><text x=\"502\" y=\"94\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Inner frame<\/text><\/svg><figcaption>A frame within the frame isolates and highlights the subject.<\/figcaption><\/figure>\n<h3 class=\"wp-block-heading\">Cutting between shots<\/h3>\n<p><strong>The 180\u00b0 rule.<\/strong> Between two characters, draw an imaginary axis and keep every camera on the same side. Cross it and each character swaps sides on screen, so the viewer loses their bearings.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Top view of the 180-degree rule: cameras on the same side of the action axis\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><line x1=\"110\" y1=\"140\" x2=\"530\" y2=\"140\" stroke=\"#ffd400\" stroke-width=\"2\" stroke-dasharray=\"8 6\"\/><text x=\"530\" y=\"128\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"end\" font-family=\"Inter,Helvetica,Arial,sans-serif\">action axis<\/text><line x1=\"190\" y1=\"245\" x2=\"400\" y2=\"140\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"450\" y1=\"245\" x2=\"240\" y2=\"140\" stroke=\"#9aa09d\" stroke-width=\"1.5\"\/><line x1=\"320\" y1=\"48\" x2=\"320\" y2=\"132\" stroke=\"#4a4f4c\" stroke-width=\"1.5\" stroke-dasharray=\"5 5\"\/><g transform=\"translate(190 245) rotate(-26.6)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><g transform=\"translate(450 245) rotate(-153.4)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><g transform=\"translate(320 48) rotate(90.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#4a4f4c\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#4a4f4c\"\/><\/g><circle cx=\"240\" cy=\"140\" r=\"17\" fill=\"#f2f0eb\"\/><text x=\"240\" y=\"145\" font-size=\"14\" fill=\"#161817\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">A<\/text><circle cx=\"400\" cy=\"140\" r=\"17\" fill=\"#f2f0eb\"\/><text x=\"400\" y=\"145\" font-size=\"14\" fill=\"#161817\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">B<\/text><line x1=\"338\" y1=\"34\" x2=\"356\" y2=\"52\" stroke=\"#ffd400\" stroke-width=\"3\"\/><line x1=\"356\" y1=\"34\" x2=\"338\" y2=\"52\" stroke=\"#ffd400\" stroke-width=\"3\"\/><text x=\"368\" y=\"48\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Don't cross<\/text><text x=\"320\" y=\"285\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Cameras stay on the same side of the axis<\/text><\/svg><figcaption>180-degree rule: every camera stays on the same side of the axis.<\/figcaption><\/figure>\n<p><strong>The 30\u00b0 rule.<\/strong> Between two consecutive shots of the same subject, change the angle by at least 30\u00b0 (or change the shot size clearly). Otherwise the cut looks like an accidental jump.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Top view of the 30-degree rule between two camera positions\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><line x1=\"320\" y1=\"250\" x2=\"320\" y2=\"70\" stroke=\"#ffd400\" stroke-width=\"2\"\/><line x1=\"410\" y1=\"226\" x2=\"320\" y2=\"70\" stroke=\"#ffd400\" stroke-width=\"2\"\/><path d=\"M320 140 A70 70 0 0 0 350.8 133.1\" fill=\"none\" stroke=\"#f2f0eb\" stroke-width=\"2\"\/><text x=\"350\" y=\"162\" font-size=\"14\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">30\u00b0<\/text><g transform=\"translate(320 250) rotate(-90.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><g transform=\"translate(410 226) rotate(-120.0)\"><rect x=\"-12\" y=\"-8\" width=\"24\" height=\"16\" fill=\"#f2f0eb\"\/><polygon points=\"12,-5 21,-10 21,10 12,5\" fill=\"#f2f0eb\"\/><\/g><circle cx=\"320\" cy=\"70\" r=\"16\" fill=\"#f2f0eb\"\/><text x=\"300\" y=\"272\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"end\" font-family=\"Inter,Helvetica,Arial,sans-serif\">1<\/text><text x=\"434\" y=\"248\" font-size=\"13\" fill=\"#f2f0eb\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">2<\/text><text x=\"40\" y=\"150\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Under 30\u00b0:<\/text><text x=\"40\" y=\"166\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">it reads as a jump<\/text><text x=\"480\" y=\"100\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">30\u00b0 or more:<\/text><text x=\"480\" y=\"116\" font-size=\"12\" fill=\"#ffd400\" text-anchor=\"start\" font-family=\"Inter,Helvetica,Arial,sans-serif\">a clean cut<\/text><\/svg><figcaption>30-degree rule: change the angle enough between two shots.<\/figcaption><\/figure>\n<p><strong>Over-the-shoulder shots.<\/strong> The shoulder and back of the head of the character in the foreground anchor the dialogue in space and remind us who is being addressed. It is also a simple use of depth layers.<\/p>\n<h2 class=\"wp-block-heading\">Aspect ratio: a framing choice<\/h2>\n<p>The width-to-height ratio is the first framing, that of the frame itself. 1.33 (4:3) is almost square: it suits faces and verticals. 1.85 is a common, balanced cinema format. 2.39 (\u201cscope\u201d) stretches the image horizontally: landscapes, crowds, loneliness in a vast space. The 9:16 of social media is vertical: it favours one face, a product held in the hand, a person standing, and leaves very little room at the sides.<\/p>\n<figure class=\"tdp-fig\" style=\"margin:22px 0\"><svg viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Comparison of the 1.33, 1.85, 2.39 and 9:16 aspect ratios\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto;display:block\"><rect width=\"640\" height=\"300\" fill=\"#161817\"\/><rect x=\"14.0\" y=\"80\" width=\"122.4\" height=\"92\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2.5\"\/><circle cx=\"75.2\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M56.2 172 Q56.2 136 75.2 134 Q94.2 136 94.2 172 Z\" fill=\"#9aa09d\"\/><text x=\"75.2\" y=\"68\" font-size=\"15\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">1.33<\/text><text x=\"75.2\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Classic<\/text><text x=\"75.2\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">4:3<\/text><rect x=\"152.4\" y=\"80\" width=\"170.2\" height=\"92\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2.5\"\/><circle cx=\"237.5\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M218.5 172 Q218.5 136 237.5 134 Q256.5 136 256.5 172 Z\" fill=\"#9aa09d\"\/><text x=\"237.5\" y=\"68\" font-size=\"15\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">1.85<\/text><text x=\"237.5\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Standard<\/text><text x=\"237.5\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">cinema<\/text><rect x=\"338.6\" y=\"80\" width=\"219.9\" height=\"92\" fill=\"#1f2221\" stroke=\"#f2f0eb\" stroke-width=\"2.5\"\/><circle cx=\"448.5\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M429.5 172 Q429.5 136 448.5 134 Q467.5 136 467.5 172 Z\" fill=\"#9aa09d\"\/><text x=\"448.5\" y=\"68\" font-size=\"15\" fill=\"#f2f0eb\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">2.39<\/text><text x=\"448.5\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Scope<\/text><text x=\"448.5\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">landscapes<\/text><rect x=\"574.4\" y=\"80\" width=\"51.8\" height=\"92\" fill=\"#1f2221\" stroke=\"#ffd400\" stroke-width=\"2.5\"\/><circle cx=\"600.3\" cy=\"116\" r=\"11\" fill=\"#9aa09d\"\/><path d=\"M581.3 172 Q581.3 136 600.3 134 Q619.3 136 619.3 172 Z\" fill=\"#9aa09d\"\/><text x=\"600.3\" y=\"68\" font-size=\"15\" fill=\"#ffd400\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\" font-weight=\"700\">9:16<\/text><text x=\"600.3\" y=\"196\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">Vertical<\/text><text x=\"600.3\" y=\"211\" font-size=\"12\" fill=\"#9aa09d\" text-anchor=\"middle\" font-family=\"Inter,Helvetica,Arial,sans-serif\">social<\/text><\/svg><figcaption>Aspect ratios compared at equal height.<\/figcaption><\/figure>\n<p>That is why a shot designed horizontally cannot always be reframed vertically: two people side by side no longer fit, the rule of thirds has to be replayed on a single column, and the bottom of the image must stay clear for app interfaces. So we plan the vertical framing during the shoot instead of hoping to rescue it in the edit.<\/p>\n<h2 class=\"wp-block-heading\">Directors and their framing signatures<\/h2>\n<p>Here are twelve visual signatures, deliberately summarised. We describe them in words, without film stills; we invite you to rewatch these shots.<\/p>\n<ul><li><strong>Wes Anderson:<\/strong> near-geometric symmetry, frontal \u201cplanimetric\u201d shots, the subject at the centre, lateral tracking moves, pastel colour. In <em>The Grand Budapest Hotel<\/em>, the aspect ratio changes with the era being told.<\/li><li><strong>Stanley Kubrick:<\/strong> one-point perspective: the corridors of <em>The Shining<\/em>, those of <em>2001: A Space Odyssey<\/em>. A cold rigour that feels almost inevitable.<\/li><li><strong>Sergio Leone:<\/strong> the alternation of extreme close-ups on eyes and very wide shots of the landscape, notably in <em>Once Upon a Time in the West<\/em>: the duel is played out in the eyes.<\/li><li><strong>Akira Kurosawa:<\/strong> long lenses and several cameras filming the same scene, compressed space, groups of characters arranged in clear shapes, weather built into the composition.<\/li><li><strong>Yasujir\u014d Ozu:<\/strong> a low camera at tatami height, almost always still, and \u201cpillow shots\u201d (landscapes, objects) between scenes. <em>Tokyo Story<\/em> is the best-known example.<\/li><li><strong>Steven Spielberg:<\/strong> fluid long takes, a child's-eye camera height in <em>E.T.<\/em>, and the famous \u201cSpielberg face\u201d: a close-up of an awestruck face looking off-screen.<\/li><li><strong>Quentin Tarantino:<\/strong> the shot from inside a car trunk (<em>Reservoir Dogs<\/em>, <em>Pulp Fiction<\/em>, <em>Jackie Brown<\/em>), low angles, shots of feet.<\/li><li><strong>Christopher Nolan:<\/strong> shooting on large-format IMAX 65 mm film (<em>Dunkirk<\/em>, <em>Oppenheimer<\/em>), a taller and more immersive image, effects done practically whenever possible.<\/li><li><strong>Denis Villeneuve:<\/strong> scale: tiny humans facing monumental architecture, in <em>Blade Runner 2049<\/em> as in <em>Dune<\/em>.<\/li><li><strong>Wong Kar-wai:<\/strong> off-centre, obstructed frames: the character seen through a doorway, a window, a frame edge. <em>In the Mood for Love<\/em> turns it into a language of restraint.<\/li><li><strong>Alfred Hitchcock:<\/strong> the character's point of view (<em>Rear Window<\/em>), dizzying high angles and the dolly zoom of <em>Vertigo<\/em>.<\/li><li><strong>Orson Welles:<\/strong> deep focus with cinematographer Gregg Toland in <em>Citizen Kane<\/em>, and low angles that reveal ceilings.<\/li><\/ul>\n<h2 class=\"wp-block-heading\">Applied to brand films and corporate video<\/h2>\n<p>Our job is not to make cinema, but the language is the same. Here is how we adapt it to three common situations in our <a href=\"https:\/\/thatdog.fr\/index.php\/en\/video-business\/\">business videos<\/a>.<\/p>\n<p><strong>An interview.<\/strong> Medium close-up or medium shot, eyes on the upper third line, a slight three-quarter angle, lead room on the interviewer's side, measured headroom. A second camera placed at more than 30\u00b0 lets us cut without a jump. The background stays at a distance and is lit with intent: that is the subject of our article on <a href=\"https:\/\/thatdog.fr\/index.php\/en\/cinema-lighting-painters-chiaroscuro-light\/\">lighting and chiaroscuro<\/a>.<\/p>\n<p><strong>A product.<\/strong> Close-ups and extreme close-ups for texture and detail, a slight low angle to give it presence, negative space where the title will go. For a packshot, a centred, symmetrical frame is often the most honest.<\/p>\n<p><strong>A team.<\/strong> A wide shot (sometimes by drone) to place the location, then medium shots and close-ups. We compose in depth layers, arrange people in a triangle rather than a line, use a doorway or a glass wall as a frame, and respect the eyelines.<\/p>\n<p><strong>Vertical.<\/strong> For social media, we centre the subject more, keep margins at the top and bottom for titles and the app interface, and plan the shot for both formats before we roll.<\/p>\n<div class=\"tdp-tip\"><p><strong>Our habit.<\/strong> Before every shot, we state the intended emotion in one sentence, then choose the size, the angle and the subject's place. Gear comes afterwards: see our <a href=\"https:\/\/thatdog.fr\/index.php\/en\/equipment\/\">equipment<\/a> page.<\/p><\/div>\n<p><em>Further reading: <a href=\"https:\/\/en.wikipedia.org\/wiki\/Shot_(filmmaking)\">Shot (filmmaking)<\/a>; <a href=\"https:\/\/en.wikipedia.org\/wiki\/180-degree_rule\">180-degree rule<\/a>.<\/em><\/p>\n<div class=\"tdp-cta\"><p><strong>A video project to frame?<\/strong><br>Tell us about your brand: we will work out with you the shots that tell its story.<\/p><a href=\"https:\/\/thatdog.fr\/index.php\/en\/quote-request\/\">Request a quote \u2192<\/a><\/div>","_et_gb_content_width":"","footnotes":""},"categories":[248],"tags":[73,59],"class_list":["post-1173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mag-a-en","tag-filming","tag-video-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Framing in Film: What Every Shot Says About the Story<\/title>\n<meta name=\"description\" content=\"Shot sizes, camera angles, composition rules, aspect ratio and the framing signatures of twelve directors: what framing says, and how we apply it to video.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Framing in Film: What Every Shot Says About the Story\" \/>\n<meta property=\"og:description\" content=\"Shot sizes, camera angles, composition rules, aspect ratio and the framing signatures of twelve directors: what framing says, and how we apply it to video.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/\" \/>\n<meta property=\"og:site_name\" content=\"That Dog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-05T09:10:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-05T10:02:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thatdog.fr\/wp-content\/uploads\/2026\/10\/film-framing-shot-sizes-angles-composition-directors-cover.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/thatdog.fr\\\/#\\\/schema\\\/person\\\/3596de19a009e34a4d5106aab1b8f349\"},\"headline\":\"Framing in Film: What Every Shot Says About the Story\",\"datePublished\":\"2026-10-05T09:10:38+00:00\",\"dateModified\":\"2026-10-05T10:02:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/\"},\"wordCount\":1845,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thatdog.fr\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/film-framing-shot-sizes-angles-composition-directors-cover.webp\",\"keywords\":[\"Filming\",\"Video\"],\"articleSection\":[\"Technique &amp; shooting\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/\",\"url\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/\",\"name\":\"Framing in Film: What Every Shot Says About the Story\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thatdog.fr\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/film-framing-shot-sizes-angles-composition-directors-cover.webp\",\"datePublished\":\"2026-10-05T09:10:38+00:00\",\"dateModified\":\"2026-10-05T10:02:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/#\\\/schema\\\/person\\\/3596de19a009e34a4d5106aab1b8f349\"},\"description\":\"Shot sizes, camera angles, composition rules, aspect ratio and the framing signatures of twelve directors: what framing says, and how we apply it to video.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thatdog.fr\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/film-framing-shot-sizes-angles-composition-directors-cover.webp\",\"contentUrl\":\"https:\\\/\\\/thatdog.fr\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/film-framing-shot-sizes-angles-composition-directors-cover.webp\",\"width\":1200,\"height\":750,\"caption\":\"Le cadrage au cin\u00e9ma : ce qu'il dit de l'histoire\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/en\\\/film-framing-shot-sizes-angles-composition-directors\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thatdog.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Framing in Film: What Every Shot Says About the Story\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thatdog.fr\\\/#website\",\"url\":\"https:\\\/\\\/thatdog.fr\\\/\",\"name\":\"That Dog\",\"description\":\"Digital Media Studio \u2013 vid\u00e9o, photo et contenus pour les entreprises et les marques\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thatdog.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thatdog.fr\\\/#\\\/schema\\\/person\\\/3596de19a009e34a4d5106aab1b8f349\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04d3e842cba6d0c72ea74c8fc0740d68c6b080c99cff857d0cff67363b8bd8cd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04d3e842cba6d0c72ea74c8fc0740d68c6b080c99cff857d0cff67363b8bd8cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04d3e842cba6d0c72ea74c8fc0740d68c6b080c99cff857d0cff67363b8bd8cd?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/thatdog.fr\"],\"url\":\"https:\\\/\\\/thatdog.fr\\\/index.php\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Framing in Film: What Every Shot Says About the Story","description":"Shot sizes, camera angles, composition rules, aspect ratio and the framing signatures of twelve directors: what framing says, and how we apply it to video.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/","og_locale":"fr_FR","og_type":"article","og_title":"Framing in Film: What Every Shot Says About the Story","og_description":"Shot sizes, camera angles, composition rules, aspect ratio and the framing signatures of twelve directors: what framing says, and how we apply it to video.","og_url":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/","og_site_name":"That Dog","article_published_time":"2026-10-05T09:10:38+00:00","article_modified_time":"2026-10-05T10:02:41+00:00","og_image":[{"width":1200,"height":750,"url":"https:\/\/thatdog.fr\/wp-content\/uploads\/2026\/10\/film-framing-shot-sizes-angles-composition-directors-cover.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"admin","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#article","isPartOf":{"@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/"},"author":{"name":"admin","@id":"https:\/\/thatdog.fr\/#\/schema\/person\/3596de19a009e34a4d5106aab1b8f349"},"headline":"Framing in Film: What Every Shot Says About the Story","datePublished":"2026-10-05T09:10:38+00:00","dateModified":"2026-10-05T10:02:41+00:00","mainEntityOfPage":{"@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/"},"wordCount":1845,"commentCount":0,"image":{"@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#primaryimage"},"thumbnailUrl":"https:\/\/thatdog.fr\/wp-content\/uploads\/2026\/10\/film-framing-shot-sizes-angles-composition-directors-cover.webp","keywords":["Filming","Video"],"articleSection":["Technique &amp; shooting"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/","url":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/","name":"Framing in Film: What Every Shot Says About the Story","isPartOf":{"@id":"https:\/\/thatdog.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#primaryimage"},"image":{"@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#primaryimage"},"thumbnailUrl":"https:\/\/thatdog.fr\/wp-content\/uploads\/2026\/10\/film-framing-shot-sizes-angles-composition-directors-cover.webp","datePublished":"2026-10-05T09:10:38+00:00","dateModified":"2026-10-05T10:02:41+00:00","author":{"@id":"https:\/\/thatdog.fr\/#\/schema\/person\/3596de19a009e34a4d5106aab1b8f349"},"description":"Shot sizes, camera angles, composition rules, aspect ratio and the framing signatures of twelve directors: what framing says, and how we apply it to video.","breadcrumb":{"@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#primaryimage","url":"https:\/\/thatdog.fr\/wp-content\/uploads\/2026\/10\/film-framing-shot-sizes-angles-composition-directors-cover.webp","contentUrl":"https:\/\/thatdog.fr\/wp-content\/uploads\/2026\/10\/film-framing-shot-sizes-angles-composition-directors-cover.webp","width":1200,"height":750,"caption":"Le cadrage au cin\u00e9ma : ce qu'il dit de l'histoire"},{"@type":"BreadcrumbList","@id":"https:\/\/thatdog.fr\/index.php\/en\/film-framing-shot-sizes-angles-composition-directors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thatdog.fr\/"},{"@type":"ListItem","position":2,"name":"Framing in Film: What Every Shot Says About the Story"}]},{"@type":"WebSite","@id":"https:\/\/thatdog.fr\/#website","url":"https:\/\/thatdog.fr\/","name":"That Dog","description":"Digital Media Studio \u2013 vid\u00e9o, photo et contenus pour les entreprises et les marques","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thatdog.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/thatdog.fr\/#\/schema\/person\/3596de19a009e34a4d5106aab1b8f349","name":"admin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/04d3e842cba6d0c72ea74c8fc0740d68c6b080c99cff857d0cff67363b8bd8cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/04d3e842cba6d0c72ea74c8fc0740d68c6b080c99cff857d0cff67363b8bd8cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/04d3e842cba6d0c72ea74c8fc0740d68c6b080c99cff857d0cff67363b8bd8cd?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/thatdog.fr"],"url":"https:\/\/thatdog.fr\/index.php\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/posts\/1173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1173"}],"version-history":[{"count":1,"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/posts\/1173\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/posts\/1173\/revisions\/1174"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/media\/1170"}],"wp:attachment":[{"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/categories?post=1173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thatdog.fr\/index.php\/wp-json\/wp\/v2\/tags?post=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}