Adobe Creative Cloud

Workflows at Warp Speed

In a recent conversation with Roberto Blake we learned the world of Adobe’s products can be overwhelming to design teams.

“I’m frequently asked to help design teams create better workflows,” he said. He went on to explain how his clients hire him to consult on their existing workflows, tool set and processes:

I built my first website in 1997 with Microsoft Notepad. I sketched the layout on a Five-Star notebook with a No. 2 pencil. Imagine a littered page of rectangles, squares, tables, columns and scribbles to represent text. I did all of that before I wrote a single line code.

My general creative process is the same, but my workflow and the tools I use are not.

My toolbox consists of Adobe Dreamweaver CC, Brackets, Muse and Comp CC. The time it takes to go from ideation to creation is dramatically faster now.

We asked Roberto to share an example.

Take “Brad.” He’s a veteran graphic designer. At 44 years old he’s a master at InDesign CC and works comfortably with Photoshop CC and Illustrator CC. To Roberto’s point, Brad’s comfort zone doesn’t include mobile apps. His iPhone, however, contains galleries of photos ranging from plates of food to a photo of a sneaker.

Brad doesn’t realize his iPhone can do a lot more by leveraging Adobe mobile apps.

Apps like Adobe Capture CC and Comp CC give Brad the power to turn the picture of his sneaker into a vector shape in seconds. Then he can save it to a real asset library he accesses regularly when he’s working in InDesign or Illustrator. Or, even better, he can work with his new vector shape on his phone to build out a design concept that becomes a thank you card, for example.

Here’s a comparison of what Brad’s typical workflow would have been to create and save a vector graphic:

  1. Take a picture of his sneaker on his mobile phone
  2. Launch Apple Mail
  3. Create an email and attach the picture
  4. Send the email to himself
  5. Get back to his studio
  6. Open up his email
  7. Retrieve the image and drag it to his desktop
  8. Open Illustrator
  9. Drag the sneaker image into the app
  10. Initiate Live Trace and Expand to convert the image to Vector Format
  11. Add any additional anchor points, delete excess anchor points, and adjust curves
  12. Export as EPS and Export as AI File.

 

Now imagine this:

  1. Open Capture CC on an iPhone (See Figure 1 “open capture”)
open_capture

Figure 1: open capture

 

2. Select the shapes capability from the options (See Figure 2 “open shapes”)

Figure 2: OpenShape

Figure 2: open shapes

 

3. Hold the phone over a sneaker and use the slider at the bottom of the screen to control how much detail you want in your object (See Figure 3 “capture sneaker”)

Figure 3 Capture Sneaker

Figure 3 capture sneaker

 

4. Tap the green circular ‘capture’ button once you have the object you want

5. Pinch and zoom on the screen to zoom into the image to refine your shape by tapping on the detail (See Figure 4 “refine”)

Figure 4 refine

Figure 4 refine

 

6. After tapping Next, you will see a Preview of your vector shape to evaluate if you want to refine further or continue.

Figure 5: preview

Figure 5: preview

 

7. Tap Next again to Name and Save the asset to CC Libraries (See Figure 6 “name save”)

Figure 5 name_save

Figure 6 name save

 

If Brad opened Adobe Comp CC on his phone he could bring the vector shape into a layout, build a greeting card, export it as a PDF or just send the layout directly to Illustrator, InDesign or Photoshop.

It’s not magic. It’s Adobe. Get Adobe Comp CC and try it out. Try Capture on iOS or Capture for Android.

Apps & Services, UX/UI Design