Craft Like A Pro: Using Inkscape To Change The Design Colors (And Add Glitter!) In Your Mockups

Craft Like A Pro: Using Inkscape To Change The Design Colors (And Add Glitter!) In Your Mockups

January 27, 2017 1:45 pm Published by

Happy Friday, Crafters!  Welcome back to SVG Salon’s Craft Like A Pro series.  This week, we’re expanding on last week’s tutorial, Using PNG Files To Create Mockups.  Today, we’re Using Inkscape To Change The Design Colors (And Add Glitter!) In Your Mockups.

As we learned last week, mockups are a great way to present a product to your customers without having to actually use the material (and take the time!) to create the finished product.  But what happens when the PNG file you’ve received with your purchase doesn’t accurately represent the colors you’re planning on offering to your customers?  Or what if you’d like to use glitter vinyl with your products?  How can you convey these options to your customers?

Very good questions, my lovely Crafters.  And you came to the right place to have them answered.

For today’s tutorial, you’ll need:

  1. Inkscape, a free vector graphics software
  2. SVG Files, and
  3. An understanding of how to create Mockups using PNG files

Okay, let’s get started!  We’re going to be working with an SVG file first, and then saving it in PNG format to use with our mockup.  Why, you ask?  Because while you need the PNG to create the mockup in the end, you cannot actually edit it.  It’s simply raster clipart with a transparent background.  The SVG file, on the other hand, is a layered vector file that you can go in and edit.  So you need to edit the SVG file first, and then save it as a PNG file.

Once you have downloaded and installed Inkscape, open the SVG file you would like to adjust the colors on.  I’m using this week’s freebie, Running On Cupcakes And A Prayer.

Click on the main design to select the entire thing.  Then, press Object, Ungroup.  This will break the design into separate layers – one for each color you see.  In this case, there are five layers.

Click directly on the layer (color set) you would like to adjust.  Then, go to the color panel along the bottom and either click directly on a color you like, or if you don’t see the one you’re looking for, click the pull-up menu from the bottom right to select a new color palette.  Here, I’ve picked the blue palette.

Click anywhere on the color panel along the bottom to choose the hue you would like.

It’s easy as that!  You can continue changing the color of each layer as you see fit.

But wait… didn’t I say something about GLITTER?!

Yes, indeed I did.  So let’s take this one step further.  What if, instead of changing the color of that layer to blue, you’d like to keep it pink but you’d like to depict glitter vinyl?

Click Object, Fill and Stroke.  This will open a new panel along the right side of your screen.

In the Fill tab, select the Pattern button.  Then, open the drop-down menu and select the Sand pattern.

Glitter!!  Now, click Filters, Color, and select the Colorize option.

Manually adjust the color and opacity of your new glitter pattern.  Press Live Preview so you can see the changes you’ve made, and adjust as needed.  When you’ve reached a color you’re happy with, press Apply, and Close.

As with the blue fill, you can repeat this step as many times as you’d like on as many layers of the design as you’d like.  When you’re happy with the result, press File, Export PNG Image.  Then go to the panel that opens on the right of the screen, fill in the name of the file as you’d like it saved, and press the Export button.

Now you’re ready to put your skills from last week to use to create a mockup that’s customized to exactly how you’d like to present it to customers.  Don’t forget to watermark your work!

Happy Crafting!



Tags: , , , , , , , , , , , , , , ,

Categorised in: ,

This post was written by Jennifer Milliron