How To Create Watercolor Logos with GIMP

How To Create Watercolor Logos with GIMP 1024 602 Nick Saporito

In today’s tutorial I’ll be demonstrating how you can use GIMP to create a watercolor logo from a photo of your choosing. The following is just a brief outline of the steps taken to achieve this effect. For complete step-by-step instructions with voice narration, please watch the video tutorial at the top of the page.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

Watercolor Logos

The first step is to open the photo you’d like to reference as the outline for the logo. For this tutorial I’ll be using the following dog photo. You can download a copy of the photo if you’d like to follow along with what I’m doing.

Example photo

Click the image to be taken to the download page

Now we are going to create a new transparent layer on top of the photo and use the Paths tool to create an outline around the subject and fill it in with black.

Outlined subject

Next we will open up another image separately for use as the watercolor paint. It is advised that you pick a colorful photo that utilizes all of the colors you’d like included in your logo. The example photo I’m using is linked below.

Floral photo

Click the image to be taken to the download page

Now we will use the Oilify filter to make the photo appear as if it were comprised of watercolor (or oil) paint. Based on the photo you’re using, I suggest playing with the settings to get the desired effect just right.

Oilify effect applied with GIMP

Once that’s set we’ll grab our silhouette from the previous image and place it on top of the floral photo. Make sure to place the silhouette in the exact area that contains the colors you’d like included. You might want to bring down the opacity so you can see what’s directly underneath it, and you’ll probably have to scale and move the layer accordingly.

Pasted silhouette

Now we just have a add a black layer mask to the flower image and fill in the silhouette area with white in order to reveal the watercolors behind it.

Watercolor silhouette

To help sell the effect even more, grab the paintbrush, use the Splats 01 brush, and add a couple of brush strokes onto your layer mask to create some paint drops. Make sure you have your foreground color set to white in order for the watercolors to be used.

Added paint drops

Once you’ve done that we are pretty much done. You just have to apply the layer mask to finalize the effect, then you can add some text if you’d like, or export it as a transparent PNG so you can work with it in Inkscape or Illustrator.

Finished watercolor logo design

If you have any questions just leave a comment below, and as always, thanks for watching!

Get Started with GIMP!

Want to learn more about how GIMP works? Check out The GIMP Series – a comprehensive collection of over 60 videos where I go over all of the major tools, features and function in GIMP and explain what they do, how they work, and why they’re useful.

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. Read affiliate disclosure.

Nick Saporito

Nick Saporito is a Philadelphia-based graphic designer who specializes in branding-specific design. A full portfolio and information regarding services offered can be found at LogosByNick.com.

All stories by: Nick Saporito
6 comments
  • Michelle

    It looks like you have hotlinked to the Pixabay site for the free images. This is not permitted according to Pixabay’s FAQ’s page. Not sure if you were aware of this or not, so hopefully you will find a work around for this next time. 🙂

    • Nick Saporito

      Hi Michelle, I did not hotlink to the Pixabay site. If you copy the image address you will see that the photo is hosted on my server. I linked to their site to give them credit, but that is not hotlinking. Hotlinking would be if I displayed their image on my site directly from their servers.

  • Niko Stanford

    Hey Nick,

    would you mind showing us how to preserve

    the collar on the dog after it’s a silhouette and make it white or whatever color we want.

    I have been trying to figure this out for a while or you possibly have done this in a video

    already and I just haven’t found it, if so could you point me toward it because I missed it.

    Thanks

    Niko.

Leave a Reply

Your email address will not be published.