Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Digital Photography

Shape and Photo Woodblock Print, Part 1: Create Vector Shapes with the Adobe Shape Mobile App

  • Print
  • + Share This
"Creative Jake" Weien is a big fan of Adobe Shape, a free app that lets you create custom shapes as vector graphics for use in other products. In Part 1 of a two-part tutorial, Jake manipulates an interesting photo to create a unique shape for ultimate use in block printing (covered in Part 2, by Bonny Pierce Lhotka).
Like this article? We recommend

I nearly lost my mind when I first opened Adobe Shape in December 2014 and realized how much time and energy it could save me. I might even be able to take up new hobbies or home projects!

It's important to understand that the Adobe Shape mobile app's process is not automated. You're not simply applying a filter or running an image through an ActionScript; you actually create the imagery with the app. The greatest benefit for me is that Adobe Shape saves the final artwork into a vector graphic that I can use immediately with my desktop software (Adobe Photoshop and Adobe Illustrator CC 2015) as well as other mobile apps such as the new Adobe Draw, via the syncing capabilities of the Adobe Creative Cloud (Adobe CC) Libraries.

If you're thinking, "Vector graphics? Big deal," the extreme level of detail in these vector shapes might change your tune. My colleague and mentor, Bonny Pierce Lhotka (author of Hacking the Digital Print: Alternative Image Capture and Printmaking Processes), lets me use her Universal Laser Systems cutting machine for creating art pieces. My immediate excitement about the vector graphics I can create with Adobe Shape is using those shapes for cutting materials with the laser.

Initially, I was skeptical, as you probably are. How could an iPad app—especially a free app—integrate into my desktop illustration or design workflows? But after experimenting with the app and coordinating it with my other software, I came to realize that the possibilities are ever-expanding.

In this two-part series, Bonny Lhotka and I will demonstrate one potential artistic process that utilizes the shapes created with Adobe Shape. This article is Part 1 of the series, focusing on creating the shapes for the project. In Part 2: Modern Mixed-Media Photo Transfer, Bonny shows how to use those shapes in block printing.

Photo Manipulation Without Adobe Shape

Not too long ago, if I wanted to reference or re-create an object as a graphic element for my work, I would carry out the following steps:

  1. Take a series of photos of the object. Figure 1 shows the photo I'm using for this project. My daughter Emma (then 13) took this picture in 2014.

  2. Get the photos to my computer via email, text, Dropbox, or by physically connecting the device to my desktop.
  3. Save the photos to the desktop.
  4. Open a photo in Adobe Photoshop and hand trace it, or open the photo in Adobe Illustrator and run the Image Trace tool; then fiddle with those settings to get the result I wanted.

Alternatively, I could hand-draw my subject with pencil or ink and scan it in or take photos, eventually getting back to steps 2–4.

Today we can make all kinds of images and shapes quickly, precisely, and easily by using Adobe Shape or many other new Adobe mobile apps. These handy and powerful apps allow us to take a finished product to a higher level, raising our art capabilities with it. Figure 2 shows the ultimate result I achieved by manipulating Emma's original photo.

Figure 1

Figure 1 Starting photograph (©2014 Emma Weien).

Figure 2

Figure 2 Finished print of the flower from Figure 1.

We'll go through the step-by-step procedure I used to transform Emma's original photo into this tangible piece of artwork, relying on Adobe Shape, Adobe CC, the Universal Laser Systems equipment, and Bonny's expertise.

What You Need for This Project

Make sure that you have all of the correct equipment to follow along and create your first shape. For this project, you will need the following:

  • An iPad or iPhone with iOS 7.0 or later. (According to Adobe, the iPod touch can also be used, but I have no experience using that device.) Depending on your equipment, some steps or features may appear differently than those shown here.
  • Adobe Shape mobile app. Download the app from the iTunes Store and install it. This free app is compatible with the iPhone, iPad, and iPod touch and is optimized for iPhone 5, iPhone 6, and iPhone 6 Plus.
  • Adobe Creative Cloud account. If you're already an Adobe Creative Cloud subscriber, your account's email and password will work for this project. If you don't have an Adobe Creative Cloud account, you can sign up free with a working email address.
  • Wireless Internet or cellular data connection. Shapes cannot be saved without a connection to the Adobe Creative Cloud.
  • Image for manipulation. A photo with a strong contrasting foreground or background will work best. Pen or pencil drawings on white paper work extremely well. You may need to edit or enhance the image in a photo editor for more contrast or to crop out unwanted areas before you begin this procedure. I usually use the editing features found in the Photo app on all iPhones or iPads.

Step 1: Log into Adobe Shape and Select the Starting Image

Start by opening your downloaded Adobe Shape mobile app. If this is your first time using the app, you will need to log in using your Adobe Creative Cloud account and password or create an account to get started. Occasionally you might need to log into the app again, so be sure to note your login information.

The opening screen is your Adobe Shapes Library gallery page. If this is your first time opening the app, the gallery page will be empty. Select the plus (+) symbol on the center-left side to choose your image source (see Figure 3). You can use a picture from your iPad or iPhone Photo library (Camera Roll) or an image stored in your Creative Cloud Assets. If you prefer, capture an image with the camera on your device within Adobe Shape.

Figure 3

Figure 3 What image will you use? Choose between using the camera "live," working with an image in your Camera Roll, or selecting a previously saved image in your Adobe Creative Cloud account.

Step 2: Set the Contrast Level

When the photo is imported or captured with the camera, the screen will show a monotone, black-and-white image. Using the vertical slider at right, adjust the level of contrast within the image. The selected area is highlighted with neon green, as shown in Figure 4. In the upper-right corner is a rounded square icon with a circle inside. This toggles the selection option from dark to lighter selection areas. The dark areas are selected in Figure 5. I'll use the lighter areas selected in Figure 4 for this example.

Figure 4

Figure 4 Neon green indicates the highlighted and selected area. The slider to the right controls the selection amount.

Figure 5

Figure 5 Selecting the dark areas will give you a very different result.

When the selected area is to your liking, tap the main circle button that resembles the camera shutter button at center right (see Figure 6). This action will advance the procedure to the fine-tuning (refinement) step. Only the captured selection area will appear in neon green.

Figure 6

Figure 6 Tap on the circle button at right when the selection is to your liking.

Step 3: Refine the Image

Most of the time photos will include artifact shapes that you don't want in the finished shape (see Figure 7). Using your finger or stylus, select the areas you don't want. Unselected areas are depicted in white, as shown in Figure 8. You may need to zoom into the shape to get smaller shapes. (Pinch the screen to zoom in or out.)

If an area is unselected that you actually want, toggle the -/+ switch at lower right (see Figure 9) to switch between subtracting from the shape (-) and adding to it (+). Then reselect the wanted area. It will return to the neon green when selected.

Figure 7

Figure 7 Neon green highlights the selected area. For the result I want, I need to clean up around the main part of the flower.

Figure 8

Figure 8 White areas are unselected. Pinch the screen to zoom in and out of the image to select more detailed areas.

Figure 9

Figure 9 Deselect or select areas using the -/+ toggle switch.

Step 4: Finish the Shape, Ready for Sharing

When the shape is to your liking, select the checkmark button at center right to begin the shape creation step. This process can take a few minutes, depending on the device and the complexity of the shape. A progress bar will advance at the top of the screen and completed areas will fill in as black (uncompleted areas remain light gray). Figure 10 shows my new shape during the creation process.

Figure 10

Figure 10 Black indicates shapes completed, while light gray shows what remains.

The keyboard will appear upon the completion of the Refine step, allowing you to name the shape and save it to the Adobe Shape library (see Figure 11). Name your shape and select Save in the upper-right corner. An Internet connection is required in order to save the shape.

Figure 11

Figure 11 Name your shape to save it to the library.

Once saving is complete, the app will present the Shape Library with your new shape included (see Figure 12). Now you can use the shape in Adobe Photoshop or Adobe Illustrator on your desktop computer (you will need a paid Adobe CC subscription) or in Adobe Draw (another free mobile app from Adobe). You also can place the image in Adobe InDesign CC 2015.

Figure 12

Figure 12 Shape Library with completed shapes.

Selecting the shape in the Adobe Shape library opens it in the app. From here you can edit the shape, duplicate it, delete it, or share it as a flat JPG image via Message, Mail, or other third-party apps installed on your device, such as Facebook (see Figure 13). You can also save the shape as an image in the device's Camera Roll.

Figure 13

Figure 13 Share a rasterized version of the shape with others using Mail, Message, or third-party apps.

Step 5: Use Your New Shape in the Cloud

As soon as you save your new shape in Adobe Shape, it will be synced to your Creative Cloud Library (CC Libraries). Access the shape through Adobe Photoshop and Illustrator as live vector graphics. The window panel in both can be opened from the menu bar (Window > Libraries). The CC Libraries panel will appear, or open if it's already available. My flower shape is already synced and available for use, as shown in Figure 14. (This is where you exclaim, "WOW!")

Figure 14

Figure 14 Open the CC Libraries panel in Adobe Illustrator or Adobe Photoshop to view shapes.

Simply grab the shape from the panel and drag-and-drop it onto the artboard or canvas. From here, you can manipulate the shape in a multitude of ways.

I wanted Bonny to use my new vector image with her Universal Laser Systems cutter, about 90 minutes away from my office. Instead of dragging-and-dropping the image, saving the file to my hard drive, and then emailing it or using Dropbox to get the file to her, I can simply make her a collaborator for this library.

To make someone a collaborator, select the three-line menu icon in the upper-right corner of the CC Libraries panel. A drop-down menu appears. Choose Collaborate to open your default Internet browser and go to your Adobe Creative Cloud account online. A small form appears, stating that you want to invite a collaborator to your library: "Collaborators can view, edit, move, or delete contents of this shared library." All you have to do at this point is provide an email address and invite your collaborator. You can create a brief custom message. In this case, I asked Bonny to use my new shape on her laser cutter.

After Bonny accepted my email invitation to collaborate, I received a message through Adobe CC that my invitation to Bonny was accepted, giving her access to my library.

In Part 2 of this series, Bonny will explain how she made a woodblock print using the shape I created with Adobe Shape.

Final Thoughts

On many occasions, I've made shapes and quickly sent them to Bonny for immediate cutting on her Universal Laser Systems cutter. I've also created several versions of one image, using varying levels of contrast in each; then I compiled them with different colors and opacities in Adobe Draw to make intriguing artwork that almost looked silk-screened. Sending the shape compositions to Adobe Illustrator or Adobe Photoshop gives me an enormous jumpstart on many designs and illustrative projects. It can really help with getting those in-the-moment "napkin sketch" ideas more directly and professionally into the machine, one step closer to a speedy completion.

  • + Share This
  • 🔖 Save To Your Account

Peachpit Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from Peachpit and its family of brands. I can unsubscribe at any time.

Overview


Pearson Education, Inc., 221 River Street, Hoboken, New Jersey 07030, (Pearson) presents this site to provide information about Peachpit products and services that can be purchased through this site.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

Collection and Use of Information


To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:

Questions and Inquiries

For inquiries and questions, we collect the inquiry or question, together with name, contact details (email address, phone number and mailing address) and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question.

Online Store

For orders and purchases placed through our online store on this site, we collect order details, name, institution name and address (if applicable), email address, phone number, shipping and billing addresses, credit/debit card information, shipping options and any instructions. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Surveys

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey.

Contests and Drawings

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

Newsletters

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask@peachpit.com.

Service Announcements

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

Customer Service

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users' wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information


Application and System Logs

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Log data may include technical information about how a user or visitor connected to this site, such as browser type, type of computer/device, operating system, internet service provider and IP address. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Web Analytics

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson (but not the third party web trend services) to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

Cookies and Related Technologies

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Do Not Track

This site currently does not respond to Do Not Track signals.

Security


Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Children


This site is not directed to children under the age of 13.

Marketing


Pearson may send or direct marketing communications to users, provided that

  • Pearson will not use personal information collected or processed as a K-12 school service provider for the purpose of directed or targeted advertising.
  • Such marketing is consistent with applicable law and Pearson's legal obligations.
  • Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing.
  • Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

Correcting/Updating Personal Information


If a user's personally identifiable information changes (such as your postal address or email address), we provide a way to correct or update that user's personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service@informit.com and we will process the deletion of a user's account.

Choice/Opt-out


Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list(s) simply visit the following page and uncheck any communication you no longer want to receive: www.peachpit.com/u.aspx.

Sale of Personal Information


Pearson does not rent or sell personal information in exchange for any payment of money.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest@pearson.com.

Supplemental Privacy Statement for California Residents


California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

Sharing and Disclosure


Pearson may disclose personal information, as follows:

  • As required by law.
  • With the consent of the individual (or their parent, if the individual is a minor)
  • In response to a subpoena, court order or legal process, to the extent permitted or required by law
  • To protect the security and safety of individuals, data, assets and systems, consistent with applicable law
  • In connection the sale, joint venture or other transfer of some or all of its company or assets, subject to the provisions of this Privacy Notice
  • To investigate or address actual or suspected fraud or other illegal activities
  • To exercise its legal rights, including enforcement of the Terms of Use for this site or another contract
  • To affiliated Pearson companies and other companies and organizations who perform work for Pearson and are obligated to protect the privacy of personal information consistent with this Privacy Notice
  • To a school, organization, company or government agency, where Pearson collects or processes the personal information in a school setting or on behalf of such organization, company or government agency.

Links


This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Requests and Contact


Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

Changes to this Privacy Notice


We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

Last Update: November 17, 2020