Some of bloggers (and other users) a little bit confused about how to edit the downloaded vector they got from internet. Usually about how to Recolor or move some objects in the file. Well, this mostly happens because the vector file are grouped. Basically you just need to perform Ungroup command. I will explain it further here.
Before we started, I want to make it clear that we are doing this editing in inkscape. Try to get .Svg vector file which is the most compatible vector file format for inkscape. Some vector file format available on the vector download site are .ai, .cdr, .eps or other. Some of eps file can be opened in inkscape, but some are not. If you don’t have inkscape yet, here are the official download page.
Some Basic edit on Downloaded Vector (SVG Files) from Internet such as Pixabay and OpenClipArt
Cropping the Image or vector
Cropping the file is the easiest part and there are several way to do it, you can even do it online. Let’s say that you downloaded a pack of vector like 9 in 1 vector but you actually only need one of it. Well….
A) Crop it as a vector. Basically you just need to perform Clip with another object. We wrote the complete tutorial here http://inkscapegarden.com/tutorial/how-to-crop-in-inkscape/
B) Delete unnecessary vector or object in the pack.
- If the vector pack is grouped, Ungroup them first by selecting them then press Ctrl+Shift+G. Sometime you need to ungroup them more than one. If you did several times and the vector still grouped, just double click that object and delete it.
- Delete unnecessary object in the pack
- Decrease the background size if it comes with a background. This file will still remain vector.
C) Export (Ctrl+E) it to bitmap (PNG), crop it later using Paint, Gimp, or other bitmap editor.
D) Screenshot it using Lightshot. Lightshot directs you to crop it after. Make sure you have zoomed the necessary file before screenshot it.
2. Recoloring the Vector
Sometime you just don’t satisfied enough with the color made by the artist or it is actually good but you really want to apply your own color.
Note: Most of the vector downloaded from internet have more than one color. Most of them are grouped too (Grouping vector or objects in the canvas before uploading it to internet are more likely to avoid file error after opening it, that’s why most of them are grouped by the artist/creator).
If the vector (pack) is grouped, Ungroup them first by selecting them then press Ctrl+Shift+G. Sometime you need to ungroup them more than one. If you did several times and the vector still grouped, just double click that object it will make you in selection mode and it is ready to fill with color.
If you done with ungrouping, the object is ready to be colored. Just Click the object that you want to be colored and then click your desired color on color palette. Or you can also view color Swatches, read here about how to view the color Swatches.
See example below, recolored it and a little edit to make it more comfortable to see. The text is Es Degan which means Fresh Coconut with Ice.
Recoloring Blurred Object
Just the same with coloring normal object, Click the object and then click the color.
Recoloring Gradient object
Come on guys, don’t download complicated vectors ok? It is hard to fight my laziness writing stuff. Oops sorry.
There is an easy way to detect if an object is using gradient color or not, just double click that object. If you see a line with node in each end of it, then it’s a gradient handler.
As you see, it comes with 2 node handler at each end.
- The first node (Rectangle Node), is the first color of the gradient.
- The Second node (Circle Node), is the second color, usually transparent.
You can check it in bottom bar to see the gradient.
If the second color is transparent it is enough for you just to change only the first color. Click the first node (Rectangle node) and click your desired color.
If the second color not transparent, well you have to Click the first node (Rectangle node) and click your desired color and then click the second node (Circle node) and click your desired color.
If necessary, Click and drag the node handler until it looks good enough for you.
Adding Text to Vector
Inkscape provides Text tool in Toolbar to make us easier adding text to drawing.
To add text to the vector or drawing,
- just click the Text tool (or press F8 on your keyboard).
- Choose font on the top bar
- Resize the text to match with the vector
- Rotate and fill it with different color if necessary.
- Other basic edit
I have write about other basic edit in a full page, click links below to view them.
That’s all I can tell you so far, Now go on and edit those stuff you downloaded and make awesome editing.
Sorry for my english if you confused with my writing or grammar sometime. Ask me if you have question. Thank you for visiting.