How To Use Adobe Brush CC to Create An Adobe Sketch Brush

01
of 13

How To Use Adobe Brush CC to Create An Adobe Sketch Brush

IMG_0186.PNG
Using an image as a Brush in Photoshop Sketch.

 In the previous two installments in this series I showed you how to create a Photoshop brush and an Illustrator brush in Adobe Brush CC. This app, which is iOS only, is a part of the Adobe Touch apps. What we did in the previous two installments was to create a brush from a pattern drawn in a notebook. In this installment, we create a brush from a photograph. Though this How To deals with creating a brush for use in Adobe Sketch CC you can also use a photo as the basis for a Photoshop brush.

With that out of the way, let’s get started.

02
of 13

How To Use A Photo in Adobe Brush CC

IMG_0172.PNG
Choosing a photo from CreativeCloud.

If you don’t have a copy of Adobe Brush CC, you can pick it up – for free – here.  

To get started, launch Adobe Brush CC and when the application opens tap the + sign on the left and choose a photo from your Camera Roll, Camera or your Creative Cloud account. In this case, I chose to download a leaf.png image from my Creative Cloud account. When you see the image, tap the blue Open File button to load the image into Adobe Brush CC. 

03
of 13

How To Target Adobe Sketch In Adobe Brush CC

IMG_0173.PNG
Selecting Photoshop Sketch as the target app.

When the interface opens you will see your image in the Preview area at the top. Tap Sketch as your target. 

04
of 13

How To Choose A Brush Type in Adobe Brush CC

IMG_0174.PNG
There are two brush types to choose from.

The next step is to tap the Type menu.

This will present you with two choices: Ribbon or Scatter. Ribbon will create a brush that will have the colored leaves follow any path you draw in Sketch. Scatter will randomly place a grayscale version of the image along a path you will draw in Sketch. 

05
of 13

How To Set The Color Space For The Brush In Adobe Brush CC

IMG_0175.PNG
Choose a color space for the brush.

Tap the Color menu and you will be presented with two choices: RGB, which keeps the colors in the image, or B&W which creates a grayscale version of the image which can then be subsequently colored in Photoshop Sketch

06
of 13

How To Set The Repeat Options in Adobe Brush CC

IMG_0187.PNG
Mirror determines how the brush acts.

This choice lets you decide how the image will be placed along a path. Your first choice- Linear- will simply repeat the image along the path. The second choice- Mirror- reflects copies of the image along the path. You can see this in the Preview area. The final choice – Stretch – stretches or smears the pixels in the image along the path.

Choose Mirror.

07
of 13

How To Crop The Brush Image In Adobe Brush CC

IMG_0176.PNG
Cropping a brush.

You can get rid of extra details and image artifacts by simply tapping the Crop button. When you tap it you will see three handles- Tail,Body and Head. The Tail and Head sliders crop out detail on either side of the image and the Body slider at the bottom lets you crop out detail at the top and bottom of the image.

08
of 13

How To Refine An Image In Adobe Brush CC

IMG_0177.PNG
Refining adds a white mask.

Tap the Refine button to open this area. Though the name is Refine its true purpose is shown with the aptly-named White Masking slider. Moving this slider to the left or the right  masks out any artifacts in the background of  the image. 

09
of 13

How To Use The Settings In Adobe Brush CC

IMG_0179.PNG
The Settings are where the brush comes to life.

The setting area is where you make the brush… well … more brush-like.

The Default area sets the size and opacity – Flow- of the brush. Pressure is useful if you are using a stylus and Velocity shows the effect of motion as the brush is dragged along the screen. The final setting – Texture-  adds noise and antialiasing. There are also two switches that fade and taper the brush at the head and the tail of the stroke.

To see how the settings work just drag your finger or stylus through the Preview area.

10
of 13

How To Test A Brush In Adobe Brush CC

IMG_0182.PNG
Testing the brush.

The empty area to the right of the Properties is where you can test your Brush.

Tap the double arrows in the upper right corner to hide the Properties. The double rotating arrows underneath will clear the screen.

The icons are pretty self-explanatory. The top will detect a stylus. The one underneath sets the brush size. To change the size tap, hold and drag your finger or stylus in a diagonal direction and the indicator will increase or decrease depending on the direction you drag. The one under it sets the opacity. The three color chips are the defaults for the app. To change a color, tap and hold to open a color wheel.

When you are finished, tap the double arrow to open the Properties panel.

11
of 13

How To Save A Brush In Adobe Brush CC

IMG_0183.PNG
Give the brush a name.

Saving a brush is relatively uncomplicated. Tap the name area at the top and enter a new name for your Brush when the keyboard appears. Then tap the Save button to return to your Library. 

12
of 13

How To Edit A Brush In Adobe Brush CC

IMG_0184.PNG
Swipe the brush to edit the brush settings.

If you need to edit the brush or delete it, swipe the Brush Preview strip to the left.  The icon with the pencil, when tapped, will open the Brush properties. The icon in the middle will duplicate the Brush and tap the Trash Can to delete the brush. 

13
of 13

How To Use Your Brush In Adobe Photoshop Sketch

IMG_0185.PNG
Choose the brush in Photoshop Sketch.

When you open a new project in Adobe Photoshop Sketch you will see a series of icons along the top. The first 4 are drawing tools. The fifth one allows you to set the Brush used by the tools. Tap it and the Brushes panel opens. Tap MyLibrary and your brush will be there. Tap the brush, choose a tool, tap the Brush icon and sketch away