{"id":21575,"date":"2015-03-05T05:00:20","date_gmt":"2015-03-05T13:00:20","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=21575"},"modified":"2024-04-03T05:38:28","modified_gmt":"2024-04-03T12:38:28","slug":"how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc","title":{"rendered":"How to Create Cool Vector Art on Your iPhone"},"content":{"rendered":"

In the final quarter of 2014, Adobe released a number of new apps on the Apple iOS App Store. One of those was Adobe Shape CC<\/a>. In this article, we’ll explore the ways in which we can capture and edit high-fidelity vectors from real-life moments using the device camera on either an iPhone or iPad. We’ll also be able to save these captures in our Adobe Creative Cloud for further use in Photoshop, Illustrator, InDesign or the new Illustrator Draw.<\/p>\n

<\/span>Capturing the Light<\/span><\/h2>\n

\nBefore we even open the app, it’s important to be in a well-lit area; this will improve the quality of our capture and save us a lot of time trying to edit rubbish vectors. Clear and concise shapes work best, this means that clouds in the sky won’t look as elegant as say a hand-sketched illustration with a fine liner. In fact, I’d still recommend using a digital SLR camera and image tracing the result in Adobe Illustrator for photo-realistic captures.
\nWhen you’re ready, take a snapshot.
\n\"adobeshapecc\"
\nStep 1: take a snapshot with the device camera<\/em>\n<\/p>\n

<\/span>Altering Our Capture<\/span><\/h2>\n

\nBefore Adobe Shape converts our image to vector, we have two options that we can tweak to improve the capture. First, there is an icon that switches between Shape on light background<\/strong> and Shape on dark background<\/strong>. Dark background works more closely with the outline of our hand-drawn capture, whereas light background converts the areas we actually sketched — you can observe the differences in the two resulting images below.
\n\"adobeshapecc\"
\nStep 2: capture on a dark background<\/em>
\n\"adobeshapecc\"
\nStep 3: capture on a light background<\/em>
\nIn the second option, we have a scrubber that will alter the threshold of the capture. Photoshop has this setting under Image>Adjustments>Threshold<\/strong>, and Illustrator can accomplish this with Image Trace, but Adobe Shape CC will let us alter the threshold directly after the capture.
\nDon’t be too disappointed by the result at this stage. Remember, the shape hasn’t been refined yet, the real magic is still to come.\n<\/p>\n

<\/span>Removing Unwanted Elements<\/span><\/h2>\n

\nWhen you’re done altering the image threshold, tap the green circle to continue. In this next screen, you’ll be offered the chance to remove any unwanted aspects of the shape before the vector is refined, which you can do by simply selecting the undesired blemish on the canvas.
\nIf there’s only a tiny aspect of the shape that you require, switch the toggle button to “+â€â€Šâ€” this means “yes, we’ll keep only this partâ€<\/em> instead of “yes, we’ll delete this partâ€<\/em>. Tap the circle\/tick icon when you’re ready to continue.\n<\/p>\n

<\/span>Refining Our Vector Shape<\/span><\/h2>\n

\nNow sit back while Adobe Shape refines our vector. It’s actually quite entertaining to watch, and it’s hard to resist the temptation to capture random shapes just so we can watch them being drawn.
\n\"adobeshapecc\"
\nStep41: refining our vector shape<\/em>
\nWhen the refinement is complete, you’ll notice a drastic improvement in quality; Adobe Shape will also ask you to name this vector, and when you do so, it’ll be available in your Creative Cloud account under Libraries<\/strong>.\n<\/p>\n

<\/span>Great, What Now?<\/span><\/h2>\n

\nYou’ll automatically be taken to the library and your first vector should be inside it. Here, you can look at your vector in more detail, create another vector, or invite other Creative Cloud members to collaborate in your library. Now select your vector and lets see what we can do with it.
\n\"adobeshapecc\"
\nStep 5: using our vector in Photoshop<\/em>
\nWe have three options: Rename<\/strong>, Share<\/strong> and Trash<\/strong>. Although we can share our vector via email, iMessage, Twitter and so on, it will be a JPG version. I was quite disappointed, but not shocked by this. Creative Cloud is, after all, a subscription-based service, and this is Adobe’s way of ensuring that the free mobile apps are being used by subscribers and not freeloaders.
\nIn any Adobe desktop application like Photoshop, InDesign or Illustrator, you can open a file stored in the Creative Cloud library by navigating to Window>Libraries<\/strong> and dragging the vector onto the canvas. Just make sure that your application is running the newest Creative Cloud updates, because Libraries and SVG support are both new features.\n<\/p>\n

<\/span>Photoshop? SVG? Huh?<\/span><\/h2>\n

\nPhotoshop CC has supported SVG files since its last update on the 6th October 2014. If we wanted to use our vector in a non-Adobe application (for example Sketch App 3<\/a>) we could make use of Photoshop’s new Extract Assets<\/a><\/em> feature to export the SVG onto our desktop. Illustrator of course fully supports opening, editing and exporting SVG files splendidly.\n<\/p>\n

<\/span>Conclusion<\/span><\/h2>\n

\nAdobe Shape CC is an excellent, time-saving mobile app for designers that work with vector, especially for Creative Market shop owners that seek inspiration from anywhere and everywhere. If you’re ever away from the computer and you come across a shape that inspires you, or you’ve drawn something and you’re not near a scanner, use Adobe Shape, capture your moment, and it’ll be waiting for you in the Creative Cloud later.\n<\/p>\n

\n

\"getpaidtowrite-banner\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

In the final quarter of 2014, Adobe released a number of new apps on the Apple iOS App Store. One of those was Adobe Shape CC. In this article, we’ll explore the ways in which we can capture and edit high-fidelity vectors from real-life moments using the device camera on either an iPhone or iPad. […]<\/p>\n","protected":false},"author":80,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[95,97,79],"topics":[],"class_list":["post-21575","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-how-to-2","tag-photoshop","tag-graphics"],"acf":[],"yoast_head":"\nHow to Create Cool Vector Art on Your iPhone - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Cool Vector Art on Your iPhone\" \/>\n<meta property=\"og:description\" content=\"In the final quarter of 2014, Adobe released a number of new apps on the Apple iOS App Store. One of those was Adobe Shape CC. In this article,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-05T13:00:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T12:38:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043040\/adobe-shape-cc-image1.jpg.webp\" \/>\n<meta name=\"author\" content=\"Daniel Schwarz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Schwarz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc\",\"name\":\"How to Create Cool Vector Art on Your iPhone - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/03\\\/03043040\\\/adobe-shape-cc-image1.jpg.webp\",\"datePublished\":\"2015-03-05T13:00:20+00:00\",\"dateModified\":\"2024-04-03T12:38:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/22445dd760cb98b36f1c658c3d06afe7\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/03\\\/03043040\\\/adobe-shape-cc-image1.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/03\\\/03043040\\\/adobe-shape-cc-image1.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Cool Vector Art on Your iPhone\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Cool Vector Art on Your iPhone - Creative Market Blog","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:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc","og_locale":"en_US","og_type":"article","og_title":"How to Create Cool Vector Art on Your iPhone","og_description":"In the final quarter of 2014, Adobe released a number of new apps on the Apple iOS App Store. One of those was Adobe Shape CC. In this article,","og_url":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2015-03-05T13:00:20+00:00","article_modified_time":"2024-04-03T12:38:28+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043040\/adobe-shape-cc-image1.jpg.webp","type":"","width":"","height":""}],"author":"Daniel Schwarz","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Daniel Schwarz","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc","url":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc","name":"How to Create Cool Vector Art on Your iPhone - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043040\/adobe-shape-cc-image1.jpg.webp","datePublished":"2015-03-05T13:00:20+00:00","dateModified":"2024-04-03T12:38:28+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/22445dd760cb98b36f1c658c3d06afe7"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043040\/adobe-shape-cc-image1.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043040\/adobe-shape-cc-image1.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/how-to-capture-vectors-on-apple-ios-with-adobe-shape-cc#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create Cool Vector Art on Your iPhone"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/21575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=21575"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/21575\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=21575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=21575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=21575"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=21575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}