{"id":390,"date":"2015-08-17T09:07:52","date_gmt":"2015-08-17T16:07:52","guid":{"rendered":"http:\/\/digitalfacilitation.net\/?p=390"},"modified":"2015-08-17T09:07:52","modified_gmt":"2015-08-17T16:07:52","slug":"cleaning-chart-photos-with-camscanner","status":"publish","type":"post","link":"https:\/\/digitalfacilitation.net\/?p=390","title":{"rendered":"Cleaning Chart Photos with CamScanner"},"content":{"rendered":"<p>One of the participants in last month\u2019s <a href=\"http:\/\/www.grove.com\/site\/wkshp_avf.html\">Advanced Visual Facilitation<\/a> workshop pointed me to a new (to me) app for cleaning photos, CamScanner. I\u2019m pretty happy with the way it cleans charts, and like many of you I\u2019m having trouble with <a href=\"http:\/\/www2.parc.com\/isl\/groups\/pda\/scanscribe\/\">ScanScribe<\/a> as my laptop advances technologically and poor ScanScribe does not.<\/p>\n<p>CamScanner is <a href=\"https:\/\/itunes.apple.com\/us\/app\/camscanner-pro\/id395904807?mt=8\">an iOS app<\/a> (there is also <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.intsig.camscanner&amp;hl=en\">an Android version<\/a>). It can open photos from your phone or iPad\u2019s camera, or you can take photos with the app itself. Once you get a photo in there, you can correct the keystoning (straighten the edges), drop the gray out of the background paper, brighten the image, and transfer it to your laptop for final clean-up or editing. To my delight, I discovered that I could even do the transfer to my laptop even while sitting on a plane with no internet access.<\/p>\n<p>You can also create an account with CamScanner to get cloud storage for your documents, but I didn&#8217;t. You can do everything described below without creating an account.<\/p>\n<p>Here&#8217;s the original photo I was working with, taken on my iPhone:<\/p>\n<div id=\"attachment_399\" style=\"width: 586px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-Original.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-399\" class=\"size-full wp-image-399\" src=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-Original.jpg\" alt=\"Original chart photo\" width=\"576\" height=\"432\" srcset=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-Original.jpg 576w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-Original-300x225.jpg 300w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/a><p id=\"caption-attachment-399\" class=\"wp-caption-text\">A teaching chart from the AVF workshop (original iPhone photo).<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>And here&#8217;s the way it came out of CamScanner after less than a minute of work:<\/p>\n<div id=\"attachment_398\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-CamScanner-Full.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-398\" class=\"size-large wp-image-398\" src=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-CamScanner-Full-640x587.jpg\" alt=\"Cleaned chart image\" width=\"640\" height=\"587\" srcset=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-CamScanner-Full-640x587.jpg 640w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/Decision-CamScanner-Full-300x275.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-398\" class=\"wp-caption-text\">The same chart cleaned up in CamScanner.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p><strong>Get a Photo Into the App<br \/>\n<\/strong>Launch the app and either use the camera button to take a photo (I haven\u2019t tried this with a chart so I don\u2019t know what the results are like), or use the import button (the smaller button) to grab one from your photo roll. You can open a few at a time.<\/p>\n<div id=\"attachment_393\" style=\"width: 370px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Docs.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-393\" class=\"size-large wp-image-393\" src=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Docs-360x640.png\" alt=\"CamScanner screenshot\" width=\"360\" height=\"640\" srcset=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Docs-360x640.png 360w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Docs-169x300.png 169w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Docs.png 750w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><p id=\"caption-attachment-393\" class=\"wp-caption-text\">Adding a photo to CamScanner<\/p><\/div>\n<p>&nbsp;<\/p>\n<p><strong>Correct the Keystoning<br \/>\n<\/strong>If you added a single image, the app takes you to the keystoning correction right away. Match up the circles with the corners and middles of your chart and click the checkmark to save.<\/p>\n<div id=\"attachment_394\" style=\"width: 370px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Keystone.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-394\" class=\"size-large wp-image-394\" src=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Keystone-360x640.png\" alt=\"CamScanner screenshot\" width=\"360\" height=\"640\" srcset=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Keystone-360x640.png 360w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Keystone-169x300.png 169w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Keystone.png 750w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><p id=\"caption-attachment-394\" class=\"wp-caption-text\">Correcting the keystoning<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>If you added several images, it looks like the app does the keystoning for you. Tap one of the photos you imported to look at it more closely. If the auto-correction is not quite right just tap Re-Edit (top right) to do it yourself.<\/p>\n<div id=\"attachment_396\" style=\"width: 370px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-ReEdit.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-396\" class=\"size-large wp-image-396\" src=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-ReEdit-360x640.png\" alt=\"CamScanner screenshot\" width=\"360\" height=\"640\" srcset=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-ReEdit-360x640.png 360w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-ReEdit-169x300.png 169w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-ReEdit.png 750w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><p id=\"caption-attachment-396\" class=\"wp-caption-text\">The Re-Edit button<\/p><\/div>\n<p>&nbsp;<\/p>\n<p><strong>Correct the Color<br \/>\n<\/strong>After you do the keystone correction, the app applies Magic Color almost as if reading your mind. That\u2019s the one that drops out the gray paper background. You can check it against the original by tapping the Original button, or play with the other settings, but Magic Color usually does the job. Sliders at the bottom let you adjust the magic, the brightness, and the saturation. Click the check mark when you like what you see.<\/p>\n<div id=\"attachment_395\" style=\"width: 370px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Magic.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-395\" class=\"size-large wp-image-395\" src=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Magic-360x640.png\" alt=\"CamScanner screenshot\" width=\"360\" height=\"640\" srcset=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Magic-360x640.png 360w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Magic-169x300.png 169w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Magic.png 750w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><p id=\"caption-attachment-395\" class=\"wp-caption-text\">The Magic Color button<\/p><\/div>\n<p>&nbsp;<\/p>\n<p><strong>Wait\u2026 Was That an OCR Button?<br \/>\n<\/strong>Yes, yes it was. There are several languages you can choose from, but don\u2019t get your hopes up. I haven\u2019t found the OCR to do very much with my hand-drawn charts.<\/p>\n<p><strong>Put Them on Your\u00a0Computer<br \/>\n<\/strong>Hidden behind the More button, the app has several ways to share your photos (email, text, upload to social media, connect with apps like Dropbox, Evernote, and others, and so on).<\/p>\n<div id=\"attachment_397\" style=\"width: 370px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Sharing.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-397\" class=\"size-large wp-image-397\" src=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Sharing-360x640.png\" alt=\"CamScanner screenshot\" width=\"360\" height=\"640\" srcset=\"https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Sharing-360x640.png 360w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Sharing-169x300.png 169w, https:\/\/digitalfacilitation.net\/wp-content\/uploads\/2015\/08\/CS-Sharing.png 750w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><p id=\"caption-attachment-397\" class=\"wp-caption-text\">Sharing options<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>If you save them to your Camera Roll, you can use Air Drop to transfer them to your computer. I was utterly delighted to be able to do this on a plane, because I needed to clean one last chart to complete a project and Photoshop wasn\u2019t cutting it. There was too much variation in the background. Since I had the photo on my phone already and plenty of time on my hands, I decided to give CamScanner a try. It did a great job, I saved it back to my phone, and then I used Air Drop\u00a0to share the photo back to my laptop in about ten seconds.<\/p>\n<p><strong>Finish Up in Photoshop<br \/>\n<\/strong>CamScanner leaves a bit of garbage behind, but it was very easy to clean up compared to trying to do the whole chart in Photoshop.<\/p>\n<p>And there you go! I definitely recommend it for speeding up your chart cleaning if you\u2019ve lost ScanScribe.<\/p>\n<p>What else have you found to quickly clean charts? I\u2019d love to explore more options.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the participants in last month\u2019s Advanced Visual Facilitation workshop pointed me to a new (to me) app for cleaning photos, CamScanner. I\u2019m pretty happy with the way it cleans charts, and like many of you I\u2019m having trouble &hellip; <a href=\"https:\/\/digitalfacilitation.net\/?p=390\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_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":"Cleaning Chart Photos with CamScanner http:\/\/wp.me\/p3gPVL-6i","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1],"tags":[14,16,24,33,35],"class_list":["post-390","post","type-post","status-publish","format-standard","hentry","category-everything","tag-graphicrecording","tag-howto","tag-scanscribe","tag-tools","tag-visualpractice"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3gPVL-6i","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=\/wp\/v2\/posts\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=390"}],"version-history":[{"count":4,"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=\/wp\/v2\/posts\/390\/revisions"}],"predecessor-version":[{"id":401,"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=\/wp\/v2\/posts\/390\/revisions\/401"}],"wp:attachment":[{"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalfacilitation.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}