Are you looking to convert your brushes from Photoshop to Affinity Designer? Well look no further as this tutorial will talk you through the process, step by step. You can also use this tutorial if you want to make a brand new raster brush and/ or just want to know how to make a brush in Affinity Designer.
Things to know: Affinity Designer can open most ABR. brush files. However, sometimes .ABR brushes are not compatible in Affinity. This article will show you how to convert non-compatible Photoshop brushes for Affinity.
If your .ABR brush loads as expected in Affinity, you can skip ahead to Step 8: Exporting the brush as an Affinity .AF brush file.
Step 1. Prepare your brush
- Open Adobe Photoshop.
- Create a document with your brush stroke isolated on it. Make sure your brush is black and keep the background transparent.
- Save your brush swatch as a PNG and select the highest quality.
Step 2. Choose the right artboard
In Affinity Designer you have 3 different Personas- Vector, Pixel (aka Raster) and Export. These are located in your top panel and please note, Affinity Designer will always default open in the Vector Persona.
- Open Affinity Designer.
- Click on the icon next to the Affinity Designer logo (Looks like a series of squares) so that you are now working in Pixel Persona.
Step 3. Import your brush.
- Click the options icon in your right side panel that looks like a tower of 4 horizontal lines (this is called a ‘burger menu’), as seen below.
- Select New Intensity Brush. This will then open your computer files.
- Select your brush PNG you prepared in Step 1:.
- Your brush will now appear in brushes panel.
Step 4. Side by side brush test.
This is an optional step but it can be helpful to be able to match up your Affinity brush’s appearance to your original, by comparing them side by side.
- Open Photoshop.
- Create a simple brush stroke with your Photoshop brush and save as a PSD file, PNG or JPG.
- Open Affinity.
- Place your saved brush stroke file in Affinity.
- Draw a brush stroke using your new Affinity brush next it so that you can compare their appearance, and see any differences.
Step 5. Edit your brush.
- Right click on your brush in your ‘Brushes’ tab and select edit brush or double click to open the General editing options.
- Experiment with the sizing, spacing and any other options that you want to get your Affinity-created brush stroke looking as close to your original Photoshop brush as possible.
Tip: Adjusting the spacing is typically a good starting point to ensure your brush behaves as expected, as shown below.
Step 6. Edit your brush dynamics.
Now you are ready to play with the dynamics options of your brush.
- Click on your ‘Dynamics’ editing tab.
- The dynamics settings allow you to adjust things like jitter, rotate, flow and luminosity via the sliders. There is a degree of trial and error required. In the example below, we’re adjusting settings to give a more authentic smokey, chalky appearance.
Step 7. Add Texture to your brush.
It’s time to add texture to your brush.
- Click on your ‘Texture’ editing tab.
- Click ‘Set Texture’.
- Choose the Texture you previously used in your original photoshop brush from your computer files.
- Change your texture Mode if required. For this brush example, we have selected the Nozzle Mode. It adds more of a noisy look throughout the brush.
- Draw a brush stroke next to the original brush you imported previously to compare the two. You can then play around with it further if needed.
Tip: The more you play around, the more comfortable you will get with the different options.
Step 8. Export your brush.
When you’re happy with your brush, you’re ready to export!
- Click the burger menu in your brush panel, as shown below
- Select Export Brushes
- ‘You have now exported your brush as an Affinity .Brush file. Great job!’
Tip: If you would like to export multiple brushes in one go, populate your Brush Category with all of your chosen brushes, and then export using the steps above.
Thank you and good luck with your brush ventures. If you enjoyed this tutorial and have other suggestions for future tutorials, please let us know in the comments below!
Hi, great tutorial, I have just made a brush! One question: it seems to have an opacity less than 100%, is that a feature of brushes, or is there a way to make the brush completely 100%? I am using it to brush on a graphic icon, so it is showing up weird as translucent rather than full.
Hey Andy,
Thanks for getting in touch and it’s great that you enjoyed this tutorial. Well done in creating your own brush. I have just popped you an email to offer some further informaton.
I am just watching your Affinity sessions, I thought Affinity was an Apple app but I have now downloaded the free photo version its cool so I am loving the session, I cant afford to update my Adobe PS. I didn’t want to loose all the brushes I have from Anna Aspens so its great to see I can convert them if the don’t open. Thanks
Hey Liz,
It is great to hear that you are enjoying our Affinity live sessions, and I hope that you are picking up some great new design tips and tricks!
This particular tutorial was created to allow designers to make their brushes compatible with Affinity, however I hope this tutorial can also offer some advice for opening your purchased brushes in Affinity as well :). Happy designing, and please do feel free to share your creations with us Liz- we would love to see what you are working on!
thank you, I’m using this self distancing time to try and get through training on the Affinity products, have never used Illustrator, so Designer is completely new to me – as is Publisher. I want to be less reliant on Adobe.
Hey Julianna,
Thanks so much for leaving us a comment!
I am delighted to see you are making good time out of these current circumstances. I hope you are enjoying exploring the world of Affinity, please do let us know if you would like any support -we would be happy to help in any way we can :)