banner



How To Turn A Shape Into A Brush In Photoshop

Ever wanted to know how to make a brush in Photoshop from an epitome? In this tutorial, nosotros'll accept a look at how to make a custom brush in Photoshop, and how to brand a Photoshop brush from an image. These concepts will apply to many different images and brush types. So, if you've ever been curious about how to make a brush in Photoshop, you're in the right place.

custom photoshop brushes custom photoshop brushes custom photoshop brushes
Cloud photography by twenty20photos, Leighton Script font past amarlettering

What You'll Need

Here is what you'll demand for this tutorial:

An Paradigm for your Brush—we'll use these:

  • High-Quality Feather Photograph - no longer available
  • Striped Feather Photo

Optionally, artwork to use and test out your custom Photoshop brushes, such equally:

  • Cloud Photography
  • Photo Manipulation Tutorial by Abbey Esparza

You're welcome to download these photos and work along with the walkthrough. Alternatively, you can use an image of your own—it doesn't necessarily have to be feathers. These concepts will transfer to whatever paradigm you'd like to turn into a Photoshop brush.

Follow along with us over on our Envato Tuts+ YouTube channel:

How to Brand a Brush in Photoshop From an Prototype

Step 1

One of the starting time and virtually of import steps when information technology comes to learning how to make a brush from an image in Photoshop is the image itself. For this demonstration, we'll commencement simple, with this isolated photograph of a feather.

This is a strong and straightforward option because we won't have to worry near heavy groundwork edits or a lot of cleanup around the subject of the photo. When choosing an image for your castor, keep things like this in listen. Either look for a photograph that's a strong option for converting into a brush or set up to spend fourth dimension cleaning up and isolating your subject.

Begin by opening upwardly your chosen photograph in Adobe Photoshop.

feather photograph feather photograph feather photograph
Stock photo by ievavincer on Envato Elements (no longer available)

Step two

In order for Photoshop to best translate our image as a brush, nosotros need to make sure the image is presented properly. In particular, black is used to annals what is office of the brush. We'll need a black prototype on a white groundwork.

Still, shades of gray are also included in this—and that'due south why nosotros can create beautiful, photorealistic brushes, as we volition with this feather image.

In this instance, let'south go toParadigm > Adjustments > Invert to make the background white and the image black. This inverts those colors for us.

Tip: Information technology's of import that our subject is either on a transparent background or a white background—not off white or a greyness value. Photoshop volition selection that extra value upwardly as role of the castor.

photoshop invert photoshop invert photoshop invert

Footstep iii

Next, let's create a New Document past going to File > New. We'll make a document that'due south 750 pixels wide by 750 pixels high.

According to Adobe, a brush can be upwardly to 2500 pixels by 2500 pixels in size. Cull whichever size you prefer, but a square attribute ratio is recommended.

Click Create, once y'all're happy with your certificate settings.

photoshop new document photoshop new document photoshop new document

Step 4

Let'south go back to our plumage epitome. We need to copy and paste this into our new document.

Commencement, select the prototype by going to Select > All. Nosotros can tell it'due south selected because of the dashed lines surrounding the image subsequently nosotros do so.

Then, copy the image past going to Edit > Copy.

photoshop select all photoshop select all photoshop select all

Step five

Render to our new document. Then, go Edit > Paste to paste our epitome into this document. Photoshop pastes our image on a new layer, as shown in the example beneath.

Hither's an example of what this looks like. You'll notice that the image doesn't fit the space properly, by default.

photoshop new layer photoshop new layer photoshop new layer

Step 6

To resize our paradigm, make sure the layer containing this epitome is selected. Then, go to Edit > Free Transform. Click and drag on the resize handles around the perimeter of the image. You'll observe that this likely goes outside of the size of your canvas—that'due south to be expected when the image is larger than this infinite.

You can besides easily rotate your image by clicking and dragging outside of the resize handles, when the cursor looks similar a pair of rounded arrows.

Resize and adjust your image until it fits this space appropriately.

photoshop free transform photoshop free transform photoshop free transform

Step 7

In this example, our original image was beautifully isolated, so it makes preparing this image really straightforward. If your image is more complicated, make sure to have fourth dimension to articulate and adjust the background. Whatever leftover content could be carried over into your brush.

Become to Edit > Define Brush Preset to begin.

photoshop define brush preset photoshop define brush preset photoshop define brush preset

Footstep 8

Next, Photoshop will bear witness us a preview of our brush and inquire u.s.a. to give information technology a proper name. Nosotros shouldn't come across any background content in the preview. If you do, make sure to abolish and erase whatsoever excess content in the background of your image. It should either exist white or transparent. Any grayscale artifacts may exist "picked upwardly" as function of the brush.

Name your brush, and so click OK.

photoshop brush preview photoshop brush preview photoshop brush preview

Step nine

Now, our new brush is active and selected. I recommend testing it out in a new document, in a number of different colors and sizes. It volition comport like a default brush.

Even without experimenting with the Brush Settings, nosotros can already achieve some pretty interesting textures with our new brush. Notice how the little details and qualities of the photo are transferred to the brush.

photoshop custom brush photoshop custom brush photoshop custom brush

Step 10

You can repeat this process with as many dissimilar photos as you prefer. Here is a 2nd feather brush I created with this striped feather photograph, using the same process a second time.

This one doesn't require usa to invert the background and foreground. Instead, I just went to Image > Desaturate, to brand it monochrome. That helped me preview what it might expect like, and information technology helped me make clean up any excess value.

Then Define the castor. It'southward that simple—use this procedure to create as many brushes equally you similar.

photoshop custom brushes photoshop custom brushes photoshop custom brushes
Brush created from this stock photograph by chones on Envato Elements

Footstep 11

We can also turn to our Castor Settings to customize our newly created brushes. To open up them, go to Window > Castor Settings.

For example, let's say we don't like the fashion the plume is positioned hither. We don't have to offset over from scratch. Instead, under Castor Tip Shape, we can simply click and drag the angle to change the direction of the feather.

Tip: Yous tin can salve your changes every bit a new castor at the lesser of your Brush Settings—simply click on the plus sign to practise so. Otherwise, these changes can be temporary and on an equally-needed basis.

Photoshop brush settings Photoshop brush settings Photoshop brush settings

Stride 12

Apply your brushes to all kinds of different photos, illustrations, and more! That's precisely what I did with this cloud photograph—just accept fun placing feathers. Use the Eyedropper Tool to select colors from your photo, and then they tin can more easily match the setting.

Step thirteen

Only allow's accept what we've created and try applying it to a more complex image. This beautiful photograph manipulation was created by Abbey Esparza, and you check out her step-by-step procedure in this tutorial:

Here'south a look at the image we're going to piece of work with. You could apply your custom brushes to any epitome you lot'd prefer. Showtime by opening it upwards in Adobe Photoshop.

photo manipulation adobe photoshop photo manipulation adobe photoshop photo manipulation adobe photoshop
Angel Photograph Manipulation past Abbey Esparza—bank check out the step-by-stride tutorial here

Pace xiv

Begin by creating a New Layer on top of your photograph or artwork. You tin can do so in your Layers panel, which yous can open by going to Window > Layers.

The plus icon, at the base of his panel, will create a new layer for you. It's appropriate to add this content on a new layer, and so we don't necessarily touch on the original photo. This makes it easy to edit and move our new additions.

Select a Foreground Color for your brush. We'll match the dark colour of the angel wings here with the Eyedropper Tool.

And then, with the Brush Tool active, click to place your first feather on your New Layer.

custom brush photoshop custom brush photoshop custom brush photoshop

Step 15

Let'southward use our Brush Settings to tweak the brush as we draw. So, for instance, let'due south say we want the feather to face up in the opposite direction. We can Flip X or Flip Y within the Brush Tip Set Settings to modify the orientation. Once again, we can also drag the bending to rotate the brush.

Remember, you can also resize your castor, as yous would any other brush in your collection. In the case of this image, we wouldn't desire every plumage to await the same. Variation in size would brand this look more natural.

Create new layers equally needed, if you want to keep some of your feathers separated for further edits. For instance, I would recommend putting the feathers further in the back on their own layer, split from the larger feathers in the foreground.

Brush Tip Settings Photoshop Brush Tip Settings Photoshop Brush Tip Settings Photoshop

Step xvi

To help make the depth of field here wait more realistic, y'all can add a blur to some of your feathers. I applied a Gaussian Blur (via Filters > Blur > Gaussian Blur) and used the Blur Tool to accomplish this upshot.

photoshop depth of field photoshop depth of field photoshop depth of field

If you'd like to know fifty-fifty more about photo manipulation and other absurd effects y'all could add to your feather brushes, make certain to bank check out Abbey Esparza's full tutorial. The results are awesome, and she breaks it down in a way that'southward and then simple to follow. Check it out!

Check Out These Inspiring Photoshop Brushes

Now that we've explored how to convert an image to a brush in Photoshop, mayhap you're looking to add more brushes to your collection. There are and so many options, in one case you lot understand how to create a brush in Photoshop—you could work with clouds, water, leaves, birds, so much more. The possibilities are endless, and designers have come upward with and then many creative concepts that yous can download and utilize right now.

Bank check out these inspiring Photoshop brushes today.

1. Photoshop Brush Watercolor Butterflies (ABR)

photoshop brushes butterflies photoshop brushes butterflies photoshop brushes butterflies

Add some pretty butterflies to your next composition with these lovely Photoshop brushes. Apply blending modes to add some color, or keep them black and white for a monochrome consequence.

two. Fire Photoshop Brushes (ABR)

photoshop fire brushes photoshop fire brushes photoshop fire brushes

Easily add some realistic fire to your work with these burn Photoshop brushes. Change up the hue, layer them, and experiment with sizes to create fashionable flames and bursts of color.

3. 87 Abstruse Move Photoshop Brush Pack (ABR)

abstract photoshop brushes abstract photoshop brushes abstract photoshop brushes

If you're looking for something abstract, cheque out this stylish pack of Photoshop brushes. You get 87 brushes to choose from, and they make a smashing addition to abstract backgrounds, textures, and more.

four. 45 H2o Ripple Photoshop Brushes (ABR)

photoshop water brushes photoshop water brushes photoshop water brushes

Calculation a water ripple effect is elementary when yous employ a Photoshop brush. Choose from 45 unlike ripples in loftier resolution, and add this consequence to whichever color or texture you prefer.

5. Nebula Galaxy Photoshop Brushes (ABR)

photoshop galaxy brushes photoshop galaxy brushes photoshop galaxy brushes

Create beautiful galaxy scenes with this set of nebula Photoshop brushes. The brushes themselves were sampled from actual photos of the stars, and the result is an inspiring, realistic artful.

Want to Learn More about How to Make a Custom Brush in Photoshop?

Now that we've looked at how to make a Photoshop castor from an image, what kind of brush would y'all make?

Want to know even more virtually how to create a castor in Photoshop? We've got all kinds of free tutorials for all kinds of different Photoshop brushes. From questions most how to convert an image to a brush in Photoshop to learning how to make a brush from an image in Photoshop using other images and aesthetics, there's enough more than to see and try.

Check out these gratis tutorials from Envato Tuts+ today.

Did you find this post useful?

Source: https://design.tutsplus.com/tutorials/how-to-make-a-brush-in-photoshop-from-an-image--cms-36326

Posted by: bensonforint.blogspot.com

0 Response to "How To Turn A Shape Into A Brush In Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel