Learn how to create shapes and brushes on your iPhone, iPad, or Android device with Adobe Capture CC. Then, sketch your layout in Adobe Comp, and add the finishing touches to your postcard design using Illustrator CC.

1. Choose a photo

Launch Capture CC, tap Shapes and then the + icon. Tap the icon at the top right and choose an image on your Camera Roll or within your photo gallery. Select a photo from your device. The image will open in Capture.

Note: You may choose to license an image from Adobe Stock. A watermarked version of a puppy photo is provided in the Dog Dash Postcard Library if you would like to copy the Creative Cloud Libraries to your own account and use it for practice. To use this photo, select Creative Cloud > Library Assets > Dog Dash Postcard from the Capture From menu. 

Note: The screenshots in this tutorial were taken from an iPad. The user interface may vary between iPad, iPad Pro, iPhone, and Android devices.

2. Capture a shape

Drag the slider handle up or down, to capture more or less detail within and around objects and shapes in the photo. Tap the Capture button to capture the image and turn it into a vector shape.  

If necessary, refine your shape by tapping Remove from Shape or Keep in Shape and drag your finger over the details  you want to remove or keep in the vectorized graphic. Tap Next. 

Tip: Capture works best with photos that have a clear separation between the background and the subject you want to capture.

3. Select and save your shape

Capture draws your shape. Tap Next. Type a name for your shape. Choose the Creative Cloud Library to which to save your image, then tap Save Shape.

4. Capture a brush

Tap Brushes at the top of the home screen, then tap + at the bottom of the screen. Tap the icon at the top right and choose an image on your Camera Roll or within your photo gallery. Select a photo from your Camera Roll that will work as a grass-like texture. The image will open in Capture.

Tap parts of the image, or use the slider to adjust the amount of detail to capture. When done, tap the Capture button. On the next screen, adjust the cropping box to define the capture. Move the image around in the cropping box, or use two fingers to rotate it. Tap Next.

Note: A photo is provided in the Dog Dash Postcard Library if you would like to use it for practice. To use this photo, select Creative Cloud > Library Assets > Dog Dash Postcard > grass_photo from the Capture From menu. 

5. Set a brush style and save it

The Style section lists preset styles to set the brush treatment for each app where you can use brushes. This tutorial describes how to finish the postcard in Illustrator CC, so scroll down to see presets for Illustrator. Tap the desired option, then tap Next. 

Test the brush style by drawing a few strokes. Or, tap Edit Brush to refine the brush further. Tap Done, then Next when you are finished.

Give your brush a name like grass brush, choose the appropriate Creative Cloud Library and tap Save

6. Lay out the postcard in Adobe Comp

Open Comp CC and tap the plus sign to create a new project. Tap New Format at the bottom of the screen. Name it Postcard and set width: 432 and height: 648. These are the dimensions for a 6 x 9 inch postcard. Tap Save Format, then tap the Postcard icon when it appears.

Next, add a background shape. Tap the Shapes icon at top of screen, then tap the square, and tap outside the Shapes menu to hide it. Tap and drag a sizing handle so the shape fills the bottom half of the page.

7. Color the background

With the shape still selected (tap to reselect), draw a plus sign above the original square to Duplicate it and create another square. Drag to position the duplicate shape as necessary.

With the top shape still selected, tap the color icon at the bottom of the screen and tap Themes. Color the top shape blue-green, and use the Picker to set the bottom shape to black.  

8. Add type 

Tap the Type (T) tool at the top of the screen, then tap Headline to create placeholder text. Tap outside of the Type menu to hide it. Double tap inside the text box, and type the headline: DOG DASH. Tap the dial to the right of the headline and drag up to increase the type to 72 points.

Tap the Text (T) icon at the bottom of the screen, then tap Font. Tap Add in the Fonts menu to choose from a variety of fonts from Typekit. Search for Acumin Pro and select Medium and Black by tapping on the cloud icon next to each type sample. Return to the Font menu, tap Acumin Pro > Acumin Pro Black, to apply the font to the headline then tap outside of the Text menu to hide it. Drag the handles to resize the headline if necessary.

9. Color and reposition your type

Tap the headline to select it, then tap Color at the bottom of the screen and select Themes. Scroll to Community Themes and tap a yellow to color the headline. Drag the headline to the top of the black background.

Tap the Text (T) tool, then tap Sub Headline. Replace placeholder text with the text Benefiting the humane society, tap Return three times and add the event details April 14 Dog Hollow Park. Select the subhead and tap the Text (T) tool at the bottom of the screen. Change the Font to Acumin Pro Medium, set the Size to 28 pt., match the blue background color, and drag the resize handles to fit the text if necessary. Move the subhead just below the DOG DASH title.

To space out the 2 lines in the subhead, tap Text (T) tool at the bottom of the screen and select Spacing. Use the slider to set the Line Spacing to 38.

10. Add the captured graphic and export to Illustrator

Tap the Shapes icon at the top of the screen, and select the library to which you saved the dog graphic. Tap the dog shape to add it to the postcard. Use the corner handles to scale it up, and tap and drag inside the box to position it.

Tap Send > Send to Illustrator CC and the Comp CC layout will open automatically in Illustrator CC on your desktop.


11. Organize your art onto layers

Click the Layers icon (1) from the right side menu. Notice that all your artwork is on one layer. It's easier to work if you organize your artwork into layers that you can lock to protect, then unlock to edit. Click the page icon (2) at the bottom of the Layers menu to create 2 more layers. Label the top layer type, and the middle layer, grass.

Use the Selector tool (solid arrow), hold down the Shift Key, and click on the the yellow and the blue type. Then, drag the small color square indicator (3) in the Layers palette from the art layer up to the type layer to move the type to its own layer.

Click in the square to the right of the eye icon (4) to lock both the art and type layers. Select the grass layer and close the Layers palette.



12. Add the Capture brush texture

Click on the CC Libraries icon, and scroll to locate Grass Brush from the Brushes section of the library. Click to select it. Note that a preview appears in the Brush Definition drop down at the top of the screen.

In the top menu bar, change the Stroke size to 10, then select the Paintbrush (B) tool from the menu on the left. Click and drag from the left side of the screen towards the right. Repeat in overlapping strokes to extend the grass texture across the card.

Note: When you are finished, you can select File > Save As and select Adobe PDF as the Format to prep your design to be printed. By converting the photo into vector art, you can resize the design, with no loss of quality, on products such as postcards, T-shirts, bags, posters, and more. 



Was this page helpful?