User blog:Penguin-Pal/Vector colors for all!

Hello everyone,

Today, i wanted to share with you something that might help you to design custom colors more officiantly, and have a larger variety. Back in November, i posted this file, which includes a SVG version for colors that covers CP penguins and PC3 sprites. It is bery basic, as it does not include icon SWF or others.

Therefor, i've decided to upload this file which covers ALL penguin sorts (including sport car transformation), in all colors, with an extra custom color i've made, and PC3 sprites.

What can i do with this file?

 * Create custom fanart images.
 * Upload HQ version for colors.
 * Create custom items and put them on regular penguins.
 * Export bitmaps.
 * Much more.

Examples
This is how i created files on my gallery and my Rainbow Color (which i called "Deep Petrichor"). Let your imagination draw on the canvas for ya ;)

How to open the file
Download Inkscape and open this file (you can determin Inkscape to open all SVG files by default by right clicking a SVG file, selecting settings, and "Open With", then navigate to the folder with Inkscape.exe and select it).

You may also use Illustrator, but inkscape is free and siple to use.

Important!

 * I've grouped all the paths in thsi file so every item (every color icon, penguin, etc.) is one group, and not separate paths. You can un-group using Ctrl+U, or group using Ctrl+G.
 * Use the Snap nods tools to combinecorners of shapes. It's found on the right side of the window (image).
 * You can duplicate path(s) using Ctrl+D.
 * You can move image up/ down by selecting it and clicking the "Page up" or "Page down" buttons.

Creating items with image backgrounds

 * 1) Duplicate the item you want.
 * 2) Ungroup one item, and delete all the shapes that create it but its background.
 * 3) Import an image to Inkscape (using the import tool or by Ctrl+V after you select a bitmap image.
 * 4) Place the background path (from the duplicated item you picked) above the area you want to sue as a background.
 * 5) Mark both of them (make sure the shape is at the top!!!).
 * 6) Go to (at the top menu) "Object Clip  Set".
 * 7) Now the item background path will be given a backgrond image of the bitmap you've added.
 * 8) Ungroup the original item.
 * 9) Replace your customized path with the ordinary background. Make sure it's below to the transparent part of your items, if exist.
 * 10) Now you have it! :) the background of your item has an image background!!
 * 11) You can group back now.

Inverted backgrounds as item color

 * 1) Import a bitmap that you want to use as a background.
 * 2) Duplicate it. You shouldn't move none of the duplications in this tutorial.
 * 3) Position your item in where you want it to be.
 * 4) Duplicate it. Un group the duplication, and delete all its path but the background.
 * 5) *Make sure the duplicate item's background is on the same position of the original item background! Otherwise your inverted background will not be positioned properly.
 * 6) Select the duplicate item's BG, the top bitmap BG, and click "Object Clip  Set". Now, the background you got is the item's BG with a bitmap background.
 * Now, select the background you got from the previous step, go to (at the top menu) "Filters Color  Invert".
 * 1) Your image will now be inverted.
 * 2) Ungroup the original item image. Move your inverted background down using "Page down".
 * 3) Once the original background covers it, it means it's 1 layer above it. Delete the original background, and group back your item. Then, group the item with the background image you picked on the first steps.
 * 4) Now you're done! :)