{"id":5342,"date":"2020-04-12T13:33:49","date_gmt":"2020-04-12T11:33:49","guid":{"rendered":"https:\/\/speckund.me\/?p=5342"},"modified":"2021-07-04T11:38:02","modified_gmt":"2021-07-04T09:38:02","slug":"visual-storytelling-in-7-steps","status":"publish","type":"post","link":"https:\/\/speckund.me\/w2\/visual-storytelling-in-7-steps\/","title":{"rendered":"Visual Storytelling in 7 steps"},"content":{"rendered":"\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.google.com\/maps\/place\/L%C3%A4gern\/@47.4811092,8.3569348,14z\/data=!4m5!3m4!1s0x47906d613728c969:0x9a40740a1a95196d!8m2!3d47.4811111!4d8.3744444!5m1!1e4\" target=\"_blank\">Ehrendingen, L\u00e4gern. Switzerland.<\/a> April 11, 2020.<\/p>\n\n\n\n<p>Have you ever asked how to create a visual story? <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0614-2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0614-2.jpg\" alt=\"\" class=\"wp-image-5360\" width=\"267\" height=\"400\"\/><\/a><figcaption>Image made on one of my walks to the top of the L\u00e4gern, 2020. [click for full resolution]<\/figcaption><\/figure>\n\n\n\n<p>Visual Storytelling in 7 steps.<\/p>\n\n\n\n<!--more-->\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"#ia-imagine-your-story-and-develop-an-idea-of-your-image\">Imagine your story and develop an idea of your image.<\/a><\/li><li><a href=\"#ia-make-your-image\">Make your image.<\/a> Do not take it. Make it.<\/li><li><a href=\"#ia-create-a-working-copy-and-make-your-changes-by-hand\">Create a working copy<\/a> and mark your changes by hand.<\/li><li><a href=\"#ia-create-and-sketch-your-story.use-a-storybook\">Create and sketch your story.<\/a> Use a storybook.<\/li><li><a href=\"#ia-write-your-story-and-transfer-it-to-your-preferred-blogging-platform\">Write your story<\/a> and transfer it to your preferred (blogging) platform.<\/li><li><a href=\"#ia-finalize-your-image-upload-it-to-your-blog\">Finalize your image, upload it to your blog.<\/a><\/li><li><a href=\"#ia-publish\">Publish.<\/a><\/li><\/ol>\n\n\n\n<p>Be warned, it\u2019s a time consuming process combining ideation, imagination, photographic work and writing; and it needs a lot of effort, time and patience! But in the end it is pure satisfaction.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ia-imagine-your-story-and-develop-an-idea-of-your-image\">Step 1: Imagine your story and develop an idea of your image<\/h3>\n\n\n\n<p>I usually start with a lot of ideas and my own vision, my imagination &#8211; long before making the photograph. <\/p>\n\n\n\n<p>Remember Ansel Adams:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em><em><em><em>\u00ab<\/em><\/em>You don\u2019t make a photograph just with a camera. You bring to the act of photography all the pictures you have seen, the books you have read, the music you have heard, the people you have loved.\u00bb<\/em><\/em> <em>\u2015 Ansel Adams<\/em><\/p><\/blockquote>\n\n\n\n<p>A good piece of art &#8211; be it a photograph, a painting, a drawing, a sculpture or even a poem or a song &#8211; they all start with an idea and a vision (i.e. in ones heart). They will grow slowly, being further developed and built up over time &#8211; I call this \u2018the inside out process\u2019. Probably there will be some inspiration from the \u2018outside in\u2019 &#8211; but the overall creative process is \u2018inside out\u2019. Let me explain this with an example: During one of my walks the other day across the forests of the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.google.com\/maps\/place\/L%C3%A4gern\/@47.4811092,8.3569348,14z\/data=!4m5!3m4!1s0x47906d613728c969:0x9a40740a1a95196d!8m2!3d47.4811111!4d8.3744444!5m1!1e4\" target=\"_blank\">L\u00e4gern<\/a> some of the trees were in beautiful harsh backlit, but at this time I was not yet ready for the image (see the image on top). <\/p>\n\n\n\n<p>I kept the backlit scene in my mind for several days and combined it with another idea I had a long time ago: Make an image of the dark soil in a moody wood; the deeps of the soil should be on Zone II or III (see <a href=\"https:\/\/speckund.me\/zone-system-basics\/\">Ansel Adams Zone System<\/a>). So why not combine those two fictitious images? Slowly the idea grew and developed further; in my imagination I could already see the final image. This is what I call \u2018inside out\u2019.<\/p>\n\n\n\n<p>Again Ansel Adams:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em><em><em>\u00ab<\/em><\/em>You don\u2019t take a photograph, you make it.<em><em>\u00bb<\/em><\/em> \u2015 Ansel Adams<\/em><\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ia-make-your-image\">Step 2: Make your image<\/h3>\n\n\n\n<p>Lately I hiked up to the top of the L\u00e4gern, where I discovered these beautiful trees on the ridge. This is another image I had been planning for a long time &#8211; it should be a fine art print showing the subtle fine greys of the trees and the fine light in their back &#8211; rather low contrast monochrome, nearly (if not all) black and white. Happy about this image I left the trail to have a fantastic coffee in the wild, in the middle of nowhere far from the path. After my coffee break I crossed a short untouched wood to get back to the trail again &#8211; and there it was: <strong>The dark soil of the moody wood &#8211; and some glittering bright ice on the path!<\/strong> This was the image I had been planning for a long time (<em>see <a href=\"#ia-imagine-your-story-and-develop-an-idea-of-your-image\">step 1<\/a><\/em>)!<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em><em>\u00ab<\/em>What a good coffee in the wild can do!<em><em>\u00bb<\/em><\/em> \u2015 Christian Speck, and many, many others.<\/em><\/p><\/blockquote>\n\n\n\n<p>See the final image <a href=\"#ia-finalize-your-image-upload-it-to-your-blog\">here<\/a>.<br>See the exact coordinates of the final image in <a rel=\"noreferrer noopener\" href=\"https:\/\/s.geo.admin.ch\/88996a3e0d\" target=\"_blank\">this map<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ia-create-a-working-copy-and-make-your-changes-by-hand\">Step 3: Create a working copy and make your changes by hand<\/h3>\n\n\n\n<p>In this step your ideas and vision (see <em><a href=\"#ia-imagine-your-story-and-develop-an-idea-of-your-image\">step 1<\/a><\/em>) are combined with the image (see <em><a href=\"#ia-make-your-image\">step 2<\/a><\/em>).<\/p>\n\n\n\n<p>Below you&#8217;ll find an example of a working copy as I use to create it. From the bunch of all the images I usually select two or three, and out of this shortlist finally I choose the best one, print it out &#8211; it could be a simple print on any common office printer, even a Laser Printer does the job. Starting with this working copy I write down my notes for further editing. This will look as follows:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/IMG_20200412_0001-1.jpg\"><img decoding=\"async\" src=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/IMG_20200412_0001-1.jpg\" alt=\"\" class=\"wp-image-5362\"\/><\/a><\/figure>\n\n\n\n<p>Ansel Adams shows a good example of a working copy too in his book <a rel=\"noreferrer noopener\" href=\"https:\/\/www.amazon.com\/Print-Ansel-Adams-Photography\/dp\/0821221876\/ref=tmm_pap_swatch_0?_encoding=UTF8&amp;qid=&amp;sr=\" target=\"_blank\">The Print<\/a>, see my old German edition below.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0643-1.jpg\"><img decoding=\"async\" src=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0643-1.jpg\" alt=\"\" data-id=\"5351\" class=\"wp-image-5351\"\/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0646-2.jpg\"><img decoding=\"async\" src=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0646-2.jpg\" alt=\"\" data-id=\"5352\" class=\"wp-image-5352\"\/><\/a><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Left: Ansel Adams &#8216;The Print&#8217;, Cover. Right: Working copy (p. 126\/127). German Edition. (c) Ansel Adams.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ia-create-and-sketch-your-story.use-a-storybook\">Step 4: Create and sketch your story. Use a storybook.<\/h3>\n\n\n\n<p>This is most important, at least for me, and it\u2019s pure fun and anticipation. I usually take my time for this steps, sometimes over a period of a week or two. This can result in a more or less weird collage of keywords, drawings, Post-it\u2019s &#8211; whatever you like. You can write on a wall, on a flipchart paper, use a software tool or simply &#8211; like I do &#8211; write down all my ideas in my notebook. As an example see my <a rel=\"noreferrer noopener\" href=\"https:\/\/www.bloc-rhodia.com\/family-a5-softcover-notebooks.html\" target=\"_blank\">Rhodia<\/a> notebook below. <\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0753-1.jpg\"><img decoding=\"async\" src=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0753-1.jpg\" alt=\"\" data-id=\"5366\" class=\"wp-image-5366\"\/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0754-1.jpg\"><img decoding=\"async\" src=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0754-1.jpg\" alt=\"\" data-id=\"5367\" class=\"wp-image-5367\"\/><\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>It looks weird &#8211; doesn\u2019t it? Sometimes I will continue my story the other day, or make some corrections to my yesterdays thoughts &#8211; but \u2018good things take time\u2019! You will end up with an \u2018almost ready to write\u2019 story, which you can easily transfer into the final format.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ia-write-your-story-and-transfer-it-to-your-preferred-blogging-platform\">Step 5: Write your story and transfer it to your preferred (blogging) platform.<\/h3>\n\n\n\n<p>Finding the right words sometimes is not easy, all the more if you speak a foreign language. What helps me most is a clean and simple, distraction-free writing environment so I can fully focus on my words. I use <a rel=\"noreferrer noopener\" href=\"https:\/\/ia.net\/writer\" target=\"_blank\">iA Writer<\/a> on Apple and Windows for my writing, because of its clean and simple interface &#8211; to me it is almost distraction-free. At the end the final story is transferred to the destination platform, in my case this is my self-hosted blog running on <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a>. Of course this is a very personal matter of taste, you could use whatever platform and tools you like!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ia-finalize-your-image-upload-it-to-your-blog\">Step 6: Finalize your image, upload it to your blog<\/h3>\n\n\n\n<p>Once your text is finalized and ready to be published you should put the finishing touches on your image and import it into your story.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"2667\" height=\"4000\" src=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1.jpg\" alt=\"\" class=\"wp-image-5389\" srcset=\"https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1.jpg 2667w, https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1-200x300.jpg 200w, https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1-683x1024.jpg 683w, https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1-768x1152.jpg 768w, https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1-1024x1536.jpg 1024w, https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1-1366x2048.jpg 1366w, https:\/\/speckund.me\/w2\/wp-content\/uploads\/9X3A0631-1-467x700.jpg 467w\" sizes=\"auto, (max-width: 2667px) 100vw, 2667px\" \/><\/a><\/figure>\n\n\n\n<p>The final image. [click for full resolution]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ia-publish\">Step 7: Publish<\/h3>\n\n\n\n<p>And here we go: After the final quality check publish your story! You won\u2019t imagine how much work it takes to get to this point, and even more the fantastic and satisfying feeling if you hit the \u2018Publish\u2019 button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ia-how-much-work-will-you-have-to-invest\">How much work will you have to invest?<\/h2>\n\n\n\n<p>It depends &#8211; as always. Take this blog post as an example. The effort for this blog post roughly estimated would be:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Imagine your story and your image: 6 hrs.<\/li><li>Make your image [&#8230;]: 6 hrs.<\/li><li>Create a working copy [&#8230;]: 2 hrs.<\/li><li>Create and sketch your story [&#8230;]: 8 hrs.<\/li><li>Write your story and transfer it [&#8230;]: 12 hrs.<\/li><li>Finalize your image [&#8230;]: 4 hrs.<\/li><li>Publish: 1 second.<\/li><li><em>Enjoy it: For a lifetime.<\/em><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ia-is-it-worth-all-the-effort\">Is it worth all the effort?<\/h2>\n\n\n\n<p>Yes of course it is worth spending that much time on it. All the hours spent help me rethink all my experiences once again and help me getting better.<\/p>\n\n\n\n<p>What if there will be no comments, no feedback from your audience? Still, you are writing your experiences and your thoughts primarily for yourself. Of course a comment or a controversal discussion every once in a while would be highly motivating. But keep in mind, the main part of your audience will quietly follow; they will be pretty well informed what\u2019s going on \u2018on your channel\u2019, but most of them will never leave a comment. <\/p>\n\n\n\n&nbsp;<br>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n&nbsp;<br>\n\n\n\n<p>If you found this post helpful and encouraging please leave me a comment below. Or if there are any questions &#8211; please do not hesitate to ask!<\/p>\n\n\n\n<p>I appreciate your feedback a lot. Thank you!<\/p>\n\n\n\n<p>Photography: <a rel=\"noreferrer noopener\" href=\"https:\/\/de.canon.ch\/cameras\/eos-r-system\/\" target=\"_blank\">Canon EOS R<\/a>, RF 35 1.8. Edited in <a rel=\"noreferrer noopener\" href=\"https:\/\/www.adobe.com\/ch_de\/creativecloud\/photography.html\" target=\"_blank\">Adobe Photoshop Lightroom.<\/a><br>Handwritten documents: Noodler&#8217;s Ahab w Noodler&#8217;s flex nib. Ink: Rohrer &amp; Klingner (Salix 711). Paper: Normal Office Printer Paper and Rhodia Rhodiarama A5 Flex Cover Dot Pad.<\/p>\n\n\n\n<p><a href=\"https:\/\/speckund.me\/w2\">Home<\/a><br>Thank you for reading.<br>You can sign up for my newsletter\u00a0<a href=\"https:\/\/speckund.me\/w2\/subscribe\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/speckund.me\/w2\/visual-storytelling-in-7-steps\/\" rel=\"bookmark\" title=\"Permalink to Visual Storytelling in 7 steps\"><p>Visual Storytelling in 7 steps<\/p>\n<\/a>","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[890,58,399],"tags":[508,587,480,1003,1005,526,889,1004,490,692,1001,509],"class_list":{"0":"post-5342","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-create","7":"category-life","8":"category-photography","9":"tag-ansel-adams","10":"tag-black-white","11":"tag-black-and-white","12":"tag-blog-2","13":"tag-blogging","14":"tag-bnw","15":"tag-create","16":"tag-how-to","17":"tag-photography","18":"tag-speckundme-2","19":"tag-visual-storytelling","20":"tag-zone-system","21":"h-entry","22":"hentry"},"_links":{"self":[{"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/posts\/5342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/comments?post=5342"}],"version-history":[{"count":32,"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/posts\/5342\/revisions"}],"predecessor-version":[{"id":7450,"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/posts\/5342\/revisions\/7450"}],"wp:attachment":[{"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/media?parent=5342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/categories?post=5342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/speckund.me\/w2\/wp-json\/wp\/v2\/tags?post=5342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}