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.

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!

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

All stories by: Nick Saporito
8 comments
  • tooie

    HI,

    I was wondering how you have the flower image and the dog image both at the top of your screen and can switch between both on gimp? I’m not too sure how to do that. Also I love your videos, I’m new to all this.

    Thanks

  • 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.