{"id":2368,"date":"2019-08-04T15:40:28","date_gmt":"2019-08-04T15:40:28","guid":{"rendered":"http:\/\/gemmaplum.nl\/business\/?p=2368"},"modified":"2019-08-04T15:45:32","modified_gmt":"2019-08-04T15:45:32","slug":"directing-the-eye","status":"publish","type":"post","link":"https:\/\/gemmaplum.nl\/business\/directing-the-eye\/","title":{"rendered":"Directing the Eye"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]<\/p>\n<h2>Directing the Eye<\/h2>\n<h3>Composition in Visual Storytelling<\/h3>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text]How the eyes read an image depends on what is depicted and how all part relate to the whole picture. In the visual arts this assembled piece is called &#8216;composition&#8217; (derived from the Latin &#8216;compositus&#8217;; merging), in the film it is called a &#8216;mise-en-sc\u00e8ne&#8217; (derived from French; &#8216;placing in the scene&#8217;).[\/vc_column_text][vc_column_text]In composition geometrical structures play an important guiding role. Compositional influencers or geometric shapes can be based on lines or combinations of lines that are actually there, lines that are suggested (See the Gestalt Law of the Filled in Gap or Continuation) or felt, or lines that we anticipate or expect from experience. The use of these structures, even if we do not perceive them as such, can have a tangible impact on an image and how it\u2019s read.[\/vc_column_text][vc_column_text]The French humanist photographer Henri Cartier-Bresson <span class=\"ILfuVd NA6bn c3biWd\"><span class=\"e24Kjd\">(1908-2004)<\/span><\/span>, a master of candid photography, was also a <a href=\"http:\/\/thedreamwithinpictures.com\/blog\/learn-composition-from-the-photography-of-henri-cartier-bresson\" target=\"_blank\" rel=\"noopener\">master in composition<\/a>. His photographs are a great example on how geometrics can set your eyes in motion, lead you through an image revealing a story in <a href=\"http:\/\/truecenterpublishing.com\/photopsy\/decisive_moment.htm\" target=\"_blank\" rel=\"noopener\">a decisive moment<\/a>.[\/vc_column_text][vc_single_image image=&#8221;2372&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564847239303{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_single_image image=&#8221;2370&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564847262668{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;2380&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564850347249{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1564924002041{margin-top: 0px !important;border-top-width: 0px !important;padding-top: 0px !important;}&#8221;]<small>Henri Cartier-Bresson (1908 \u2013 2004). (Analyses done by <a href=\"https:\/\/petapixel.com\/author\/michaelczhang\/\">Michael Zhang<\/a> from <a href=\"https:\/\/petapixel.com\/2017\/08\/16\/masterful-photo-compositions-henri-cartier-bresson\/\" target=\"_blank\" rel=\"noopener\">PetaPixel.<\/a>)<br \/>\n<\/small><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text]Lines and geometric shape guide our eye, but in addition there are acquired, social and cultural factors that determine how we read and understand an image.[\/vc_column_text][vc_column_text]The (congenital) properties of the visual system (like examples discussed in the Gestalt Law blog series), experiences, expectations, but also motivation, the possibility of reward and other social necessities are factors that determine what guides our attention.[\/vc_column_text][vc_column_text]For humans as a social being it is necessary to be able to quickly distinguish enemy from ally and to properly assess social situations. Faces and facial expressions are important so faces attract our attention.[\/vc_column_text][vc_column_text]Man naturally looks at the person who speaks or looks at what others look at. The viewing direction of one of the people in an image can feel like a line and influence the eye movement of the viewer.[\/vc_column_text][vc_column_text]This focus on human behaviour can play with or overrule geometrical shapes that would otherwise have a leading role in the composition. There is even a <a href=\"https:\/\/theness.com\/neurologicablog\/index.php\/pareidolia-in-the-brain\/\" target=\"_blank\" rel=\"noopener\">part of our brain<\/a> that focuses entirely on faces (that is why we see faces in so many things).[\/vc_column_text][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/v4seDVfgwOg\" width=\"854\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1564926225153{margin-top: 0px !important;border-top-width: 0px !important;padding-top: 0px !important;}&#8221;]<small><a href=\"https:\/\/www.youtube.com\/results?search_query=every+frame+a+painting\" target=\"_blank\" rel=\"noopener\">Every Frame a Painting<\/a><br \/>\n<\/small><small>Ensemble Staging \u2014 a style of filmmaking that directs the audience exactly where to look, without ever seeming to do so at all.<\/small>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;2375&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564849828500{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;2373&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564847902307{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;2374&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564849810279{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1564847923158{margin-top: 0px !important;border-top-width: 0px !important;padding-top: 0px !important;}&#8221;]<small>Pareidolia: seeing faces in objects.<\/small>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;2393&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564932286604{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1564930727739{margin-top: 0px !important;border-top-width: 0px !important;padding-top: 0px !important;}&#8221;]<small>Pablo Auladell, La Torre Blanca (2010)<\/small>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]In this example, a page from Pablo Auladell&#8217;s La Torre Blanca (2010), the reading direction sends us to the gaze of the figure bottom right. But then we follow his gaze back to the beach scene as if we travel, with him, back in time reminiscing days gone by&#8230;[\/vc_column_text][vc_single_image image=&#8221;2376&#8243; img_size=&#8221;large&#8221; css=&#8221;.vc_custom_1564848856391{margin-bottom: 15px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1564931973059{margin-top: 0px !important;border-top-width: 0px !important;padding-top: 0px !important;}&#8221;]<small>Andr\u00e9 Franquin, Gaston Lagaffe (1957-1997).<\/small>[\/vc_column_text][vc_column_text]The gaze of Gaston&#8217;s colleague send the attention via the kick-direction back to the bin (and the free space underneath).[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][lab_divider type=&#8221;plain&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text]\r\n\t\t<a title=\"Follow on Bloglovin\" target=\"_blank\" class=\"bl_button_shortcode nopin\" rel=\"nofollow\" href=\"https:\/\/www.bloglovin.com\/blogs\/getting-graphic-19557395\"><img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAAAqCAMAAABFqVQiAAAA7VBMVEUAAAD\/\/\/8FBQVeXl4aGhr19fX4+PgPDw8ICAj8\/PwREREqKioLCwuurq76+vr+\/v4nJydaWloXFxd2dnbd3d2ioqKYmJhjY2PV1dWTk5PT09PLy8vIyMgtLS0gICCnp6dCQkLv7+8eHh7s7Oyfn59\/f3\/l5eWDg4NNTU0xMTHy8vJISEg9PT01NTW4uLienp6BgYFFRUVTU1PBwcGzs7OqqqpWVlaKioo5OTnOzs6EhIRsbGzp6ena2trh4eHf39\/FxcWlpaXQ0NCbm5t8fHxmZmYkJCS8vLxzc3Nvb2+Hh4d5eXmOjo5paWnX19eRXvtMAAAIMklEQVRo3u2a6XLaMBCAbWOMDYaAuWPuNJSbct+EMxyBvP\/j1FrJ8oHdtE36p8POZEaXV9Kn1WqlwLBs3s\/chQo\/YFmG7eSYu5gk12CZ\/J2JnUqeCTB3scodySdF5P5zEf8CCsf85\/LBBOVSqZRTbI24\/9xUxA+g1Hu93qpdskHhtL9SNUAlzPsNi1O0gizvTLhZH3Y7WcXJPEUlPO40ArwPcoaqQIlzbF3tdLudJi9S5XxOW0C\/ZZx8DpZUS2S1MeE6P9KZMw0qrOVfOfxBdTgWYX6\/lCSrSax6C8U3fc9QWQW3zw1d02ylZtQft6qU7ij4WPbWlmp+N5Ztlb7Gbt17X8ZWwXSXAuWumYyqXpQbVb7C82CyrNWWm8G5QyjmtodWqzUyUxnHW5q8yYz8PNEUVfCMVprSVsdo1FczmSBQEpMb4X0mfwjFI2lQHrO3UPx51iqPRzLRNMoFb7ZpfTA3GqdGVpXN9DutK\/YjIvlmhPKHkl1XMxEzVMUSTbziLZTz1k3tztAgypHBzqBwCoUZqrRS1LJPcPY2XlCy8gkobdYmoSieyw+BZR+2dnM\/xaytVxWTBe83lrqnZx\/uZ4dyA97W+3BiVbUZQnm3iAZhMlHlAIuV0ywrgVJJKD164aO2bquFBWoUBiOqoZqR\/PdQvmkVD1IIicSCLLFNfkdQ2jYm0RqZb3leJCtMqcg7UinVihJOjBTo5xmMzgZlWCYWNddVlT2gpofSPaN1BRqeOSuUKIbinZFWnRiy3DDwgQ\/Svs9BEfrPP6aafFuwCNGIc4MSeSK7ZlivJ+NzvN+auhPyYkqDadIz7QmQmXFuUAoxDCLhqdcjaZx5gU2zExD1Lh3lJYTyBcYRChtr3ECRo5myxE4\/aSnFPSci8ddTMHy\/C5RXFVUL+bEI\/r+7gmGtsQU3YGKhYAEdSuLr6UVreai4WYoSBP6HCvQlF1pgW33UJoxcgpTm9E4zUONzgcIecnYojFi6SEKE+SQUD2N2iS3FGQoXFdBE0vQYyfZYcGkwry0wudCpdx\/Va4lzgcJFvFAWNu5ssBn2KD140JJqQB86sk7hyjhCAXyyBQqAbLG93IdQIgAl8BEUBqB8k52hlFTbbmcqc7yo1FD6RiU3hjVwhuKPg+mPjZLqOzRS9IOkdiWeKo4QPb66QmFrexsUrt57KEbc4hTRp8seoDRlkpU5ZyjNR9RJ0sXRdp6QXUTMWBNov0\/QUN5QD+WKpX8XKLSjN3OjN0F3UEoGoY7LGNYjeE3RCYrwDj5uUbBCEc+sFJVdoHCedZzICuF+CrZJNl21O9rn6fT7dJuS0GqXDCjfzPpONa0kEzYXwS6Y17XxrsFQFEcouwcbFC6CCCyooVCfNAfkUcHwoEeULhcYA8regNI+skhar+C46fYJnKN+xgWK2GZdROgaUCDvBQmh5fuWZQwocbO6tFYiDfyWM2SJYA8Zhu\/j2AD8Q0QXT1cBI7iBckKt1fCNFxeiYEdIqxeS\/iDA9pugXCkUKe2DainhZxoLk0+RRcYVStoNyrxihWKId6tRd94+clzS+r9YX29WsPtIQjjBCbyveYkIsbrj9hGdziMIZaccOO0QWn8eUX8B\/8sxTtsnlGaaGxytUEsh8qVQhEWi6mIpcjsEXtUCJQNuhkCRjiL16lheCmApkh3KmwMUsLUfoL5b00+1KUuclgFlZliKtmbJIr7WNd9\/E8rWDYrXun2kpYpkkoIO1KqzT+FGztsHRs+36PbhkqwJirNPmcFcLadhTkUDO+J0D63PRYQEqHX0KVJCW6rvIQC8T\/0eFK7y\/QeW5yAaVjm9I\/lo2Hr6XDkUvcm5WQwhurhEtFdwtIEbR7sco71FT1SuO9lsJupCACjOp8+whpa3YHG0iG+5S1wzmukmzHS9CHqHYdy2j7YcMDd2U374GAqUUknCkVylebc4xSOAtTpDKcyRI55ZbBE2v6Ifycs6jD2QDQRyw8UvoFQ3yBTOnEnVWUJdZ02EihHuQr90hcI06cXSBuWzYT614Xc0k45L8LayG\/0QxQmhKUxjYQvewiqB4h68lesmQynDlQE2p37Cx4GddOXcodAb2ddDoQHZuAwhGIWytbQ\/CfAG8Epbq+A3xkaYz6ZL1K4WwJdCyftvw\/zemJrOgcWHO5Ekql8kQmDgzK+hiKPQP4BSOykKz\/MKPx6wEFRRKGs\/T8SHTKXHwlRw9JG7piBI+I77brzgCyF+QlPqwRDEdRRKP6Dr8lNTYTd7dD3ieI8K2bjPYmchATjLH0CBIOnLoYTU9Tqfz68HKTxpnkKJbfNY+icffdpg5+vobLZrwWJDOAFyEsgT2izpOcZxy0WTQlkO2ljVAFwJDjDYWn83m70NipCZEJugV1N633SHAtJMfT0U+9MbPX1MElTAqmGuEAITk101aRwzJV94a0WSKu9lCsWQBUQz9QXpjqpK1c1P7XPS+lD6EApEK18J5fYqkPDT50iTDBTsC1RLqTQAJoSK\/a0yM+TIc6RFJiK+Xx6sxa2C\/cEFmB05RyhHCxQxLcGD1xdB6duQTKIKrrVFfgeeeMRLylR44i0KC4myUZk6Z0mxLbJ+Eslt5y1jFK52r9bBHUnwTXyxcRE6Go8cQYNhDwzYNMNP\/ItDbHjMEqlkdU3NiKWmIOr2UB3qZZWcvR9fg341rMr0aPFYpKt3wQW6tHXAPoMS1lSnWvTBhrFOVN0w6rIoP\/T9CZTGer0enPn7fwjv\/0u+Q3EQ7v5TjFsRmbvcf8v0h0ji9x8C2mXIsM07FavIDwzLxu8\/LjYJP3xgfwLXc++fN+nW\/gAAAABJRU5ErkJggg==\" style=\"width: 120px; height: auto\" class=\"nopin\" data-pin-nopin=\"true\" alt=\"Follow on Bloglovin\" \/><\/a>\r\n\t\t[\/vc_column_text][vc_column_text]Thanks for visiting &#x1f642;<br \/>\nPlease let me know if you have some other great examples where this technique is used![\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]This is the first in a series posts or articles on Composition. In earlier post I discussed Gestalt and Visual search tips and tricks for visual storytelling and graphic communication in my <em>get-into-details<\/em> research.[\/vc_column_text][vc_column_text]<\/p>\n<div><a class=\"\" href=\"http:\/\/gemmaplum.nl\/business\/law-of-similarity\/\"><strong>Law of Similarity or Equality<\/strong><\/a><\/div>\n<div><strong><a class=\"\" href=\"http:\/\/gemmaplum.nl\/business\/law-of-proximity\/\">Law of Proximity<\/a><\/strong><\/div>\n<div><strong><a class=\"\" href=\"http:\/\/gemmaplum.nl\/business\/law-of-equal-destination\/\">Law of Equal Destination or Common Fate<\/a><\/strong><\/div>\n<div><a class=\"\" href=\"http:\/\/gemmaplum.nl\/business\/filling-in-the-blanks\/\" target=\"_blank\" rel=\"noopener\"><strong>Law of Closure or <span id=\"Good_continuation\" class=\"mw-headline\">Good Continuation<\/span><\/strong><\/a><\/div>\n<div><a class=\"\" href=\"http:\/\/gemmaplum.nl\/business\/the-paradox-of-detail\/\" rel=\"noopener\"><strong>Law of Simplicity or Good Form<\/strong><\/a><\/div>\n<div><a href=\"http:\/\/gemmaplum.nl\/business\/tipping-the-balance\/\" rel=\"noopener\"><strong>Law of Figure\/Ground<\/strong><\/a><\/div>\n<div><a href=\"http:\/\/gemmaplum.nl\/business\/framing-and-capturing\/\"><strong>Law of Enclosure or Framing and Capturing<\/strong><\/a><\/div>\n<div><a href=\"http:\/\/gemmaplum.nl\/business\/two-sides-to-a-story\/\" target=\"_blank\" rel=\"noopener\"><strong>Law of Symmetry or Comparing Sides<\/strong><\/a><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]If you think you\u2019ve got these you might want to check out the upcoming series on <strong>priming<\/strong>, <strong>details in composition<\/strong> and their <strong>effects on the main story ingredients<\/strong>; character setting and plot.[\/vc_column_text][vc_column_text]Curious on why I got into this topic check out my earlier post or articles:[\/vc_column_text][vc_column_text]<\/p>\n<p class=\"post-title entry-title\"><a href=\"http:\/\/gemmaplum.nl\/business\/details\/\">Details\u2026<\/a><\/p>\n<p class=\"post-title entry-title\"><a class=\"\" href=\"http:\/\/gemmaplum.nl\/business\/the-paradox-of-detail\/\">The Paradox of Detail\u2026<\/a><\/p>\n<p class=\"post-title entry-title\"><a class=\"\" href=\"http:\/\/gemmaplum.nl\/business\/the-parts-versus-the-whole\/\" rel=\"bookmark\">The Parts Versus the Whole<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Directing the Eye Composition in Visual Storytelling [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text]How the eyes read an image depends on what is depicted and how all part relate to the whole picture. In the visual arts this assembled piece is called &#8216;composition&#8217; (derived from the Latin &#8216;compositus&#8217;; merging), in the film it is called a &#8216;mise-en-sc\u00e8ne&#8217; (derived from&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2380,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Directing the Eye: A New post on my Nerdy Graphic Narrative Blog the first in a new series of articles on composition :-)","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[17,105,18,19,22,91,90,23,1,99],"tags":[120,29,32,116,123,121,151,135,122,49,159,146,147,57,134,126,127,115,111,112,132,124,113,161,158,137,125],"class_list":["post-2368","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comic","category-composition","category-copywriting","category-drawings","category-graphic-design","category-graphic-journalisme","category-graphic-narrative","category-illustration","category-uncategorized","category-urban-sketching","tag-art","tag-book-design","tag-comic","tag-composition","tag-details","tag-drawing","tag-experiment","tag-gestalt","tag-graphic","tag-graphic-design","tag-graphic-narrative","tag-graphic-novel","tag-graphic-storytelling","tag-illustration","tag-mise-en-scene","tag-movie","tag-movie-buff","tag-plans","tag-practice","tag-procrastination","tag-set-design","tag-story","tag-studying","tag-theory","tag-visual-salience","tag-visual-search","tag-visual-storytelling"],"jetpack_publicize_connections":[],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/gemmaplum.nl\/business\/wp-content\/uploads\/2019\/08\/IMG_1641.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa4ttx-Cc","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/posts\/2368"}],"collection":[{"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/comments?post=2368"}],"version-history":[{"count":0,"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/posts\/2368\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/media\/2380"}],"wp:attachment":[{"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/media?parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/categories?post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gemmaplum.nl\/business\/wp-json\/wp\/v2\/tags?post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}