![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9lx1mPs_F77a6ZJhCPb6Yyz7-Gje5qJg4jFq1UC_S40_hn2Klljv26N1xQJEYWqTOoQfcyYTwUcV73ExF9XX7I4Gp8xIj3jTxA6U_tEKO0whq8sfAw_h04l-3VDiMYyB0kx9wOw/s320/00_open_in_gimp.jpg)
Preparing the image
Prepare the image in Gimp. Open gimp, crop you image to desired length and height. Then we have to create a black border. This border helps to delimit you image which will be useful when coloring with Inkscape. How to create the border around the image. Select all, shrink to 5 pixels and then invert selection, create a new layer aver active layer, and fill with black.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtJ0kPglZErTcPPZI0KNr1J4UAjO7fH3lcFQdqvK5mDaU1wm8MLuLBhy_wVeNXGNlJeIKsryfU2zs6gM6xTClDQLMYFRncSSx3Y0NhpUw79CqqPL1ZwIt91PFRi6ZBBtikVDJWw/s320/01_shrink.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLJmR_ikzwK4fgei4d5mnw9qP5k4sDhUzC_egBUQhzC0oyqmemPlSUXxy6PhCOMt6i4mwlMcoxj1KA2OkCEuIfMd3WQJ0xBwXPfjVNRvv7LJizRxg8Zc16BP2pRuPdrBFsb3VVGg/s320/02_border.jpg)
Open your image, prepared with GIMP, in inkscape. Your image should be in a format compatible with Inkscape, such as gif or tiff. XCF the native format of GIMP will not work with present versions of Inkscape.
Your are in Inkscape now and have dragged the image created in GIMP into Inkscape main window. Create the vector image by tracing the original image.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4seGO4QtGetzjviRcNxPNZxqZOcAKE1BSZStZgRj0iNu5mpmgh5ybNvAVSwVcJ_Co3vpGrkCxf7lGHQO2cNChzY3SNGeQX_v74g2i_POAz67wjWyGB1a9lN9ILjb1lHbN676aCg/s320/06_trace_img.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS12ivzPRbFLz8BsVE-l6CI7EZGqbHCsFZ8rgZG_tRNklSqliBAnOpf31R6_bZ8B9UZ7FNzcS4ytbWovi2DeBl_H3QuXFEiCey1KICwBquzPbPjW_dfXcpu9kHoWHoTAD-ubjiXA/s320/05_trace_detail.jpg)
The vector image
Now you have a copy of the image which sits on top of your original image. Select it by clicking in any black part and dragged it side by side. Now we have to separate the different paths and shapes of the image to color it. Select the new generated vector image and break paths apart.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZr1-L54CuwpGgUFbs9L8RujDwNGQ-sKGzMLtHbYWZBSLUTzT0K6icIKaXeltYns2HQJNPsqQlTkpndmxvl8MFvckxEDfWA10epNCF7etkjNM99bDI8FLNWqjLDNnmrlGXpQNjnw/s320/08_paths_and_original_image.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxzyqMlMjrhE8BtAT1sIgksSlAdx6nHSrTBuNXPXmZF_NopOJa-GGe1IaDbNSuSj1op5nClxbs4158S0YyPVJYqwP8v5Z6fkR6_lMeipP73JKG1ffpsFh7zITeIageb7a35tVOoQ/s320/12_break_apart_paths.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioVEPFy-_qNOgGo-HgaWhSa_aNPpj0XONFJpdmG_5FpSkrzKjaDmsVMJQ7VOKz2Pc_CRIUzlAmxs94bxvw9itzgdLfDX3L_60NSopYo1F_nPFNt3nmeweQmEqXa109-AqPHX70MQ/s320/13_paths_samecolors.jpg)
Now you can select the different paths and start coloring by clicking the color palette that is at the bottom. How can I select something i cannot see?
You have an outline view mode as well you can use to click the paths and shapes.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjuoY7DZDIbZFQsg7TiRP-DsjttDj8Ko9lBHyptyVLq-jjin1ZUp-6XbPvUNPBnOVqZiXNe7f6-5l7LHg_-vQNuC08qFbCPR4q9dOfZ7eFQy_7GwphHXsOrYt6yTO_VOG3g6i_YA/s320/09_outline_view_1.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwawA_9wEUyIBpgrEm7g95FZQlLm8b_jglFBVCcmbPm-6yrPDvs80-iAPBES7YBwUoNgmLEVpwE0QFZ5ysnk400cwgpCtOq1VrOEbtsD7QLvrdvXrbmIQ18hKV6agSyfydnQFQxg/s320/10_outline_view_2.jpg)
I made a copy by the side or you can keep the original image to know what you have to color.
Clue: When the image is broken apart, all paths become selected as a result of the process. You can now, deselect the black path by clicking on top of it with shift pressed. Then fill with white.Coloring the image:
Select the discrete paths and color them by selecting the desired colors in color palette at the bottom.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLpAqKEDS9-TibVtBX6Ts2vUV1kc8d65yJwpaZG_9dfZfw7q2cp_4e27Lpn60T5SUorafr3v6LuhkOwIGZGmDREAoSb_J52Fy7Zyw245oJdVrJSJVDFfoElJ-gQ_eqqmsGMXVXDw/s320/14_start_coloring.jpg)
Use the original image to have an idea where the paths are and how to fill them with color.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqqNrOt3LxsOnf2XsMUxn92MrRvhldweaTs7geO4Eirhk-mNx1rf90uFNLKVxmhEnWu2qU89pQVqZOm2OLF_e40qj-gOMS51XBXgQ4C-7cpzbEkaiYy-GzalaFDiwoHZeaD_Pk7w/s320/15_use_original_to_color.jpg)
Use the zoom in difficult parts.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6anDBDylYtkl4jUR91xqbdi5PYLYBEdF8STxCcIh5ejHXrPwwu1gT9r8H-XSZzh4cfaR6wf5rCyn4Fyloj5iTppVAWG1AS1f4TnTb4pWKMAKs0mdwddmcLhtH8c5ByCQYrel-ZQ/s320/16_use_zoom_to_color.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXSi0H6b32veAP856iwBvnX77_M6dV1RXIbd17aS69bcbWnM5fbidRzWZlm76BMUjLEOHZGzLO-TS3ED1xPVo1itKvRDhNgdRWrQdIBVV6Q4cFndJUkOiHDoiBkQfF4cM_StzTsg/s320/17_group_similar_objects.jpg)
Saving and exporting
Now that you are ready. Save the image in the native format of inkscape, svg, a vector graphic file.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_jVilhM8ariRDj590rDsNG18oVRk8PauwVxxMpVxpwoogPv5OO2uVC5-1kb6dmxefefyj3WvfRzVbjKOG7ERqoqicNmvjFP39CgnkV81EYXyn9NPex6Mv6P6l23VLi23GLZDEw/s320/25_save_image.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgETe1Mv-G9Gp-TXzQkl2XIlTDC2t8Nv2i3BhONZW5qw9lx28w9dv16XwpDBosf1oQgLrWdm2zNhW5kG5v5n1Svr_ThGRbnQdnpURPPg4wfSkaO0UrRX7ZcdPpmoyReD0tEnFCp7A/s320/27_export_images.jpg)
A good idea is to resize the document view to fit the selection. This will allow that only the content selected will be seen in the SVG format.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDB9NBibZPf9U0TcttonOMrQ3kVViFh7G-toCmsCizcNkgHxZgcjIOAEIVFYN740m5WK1B8Ob_w799T9M1oKrAuaWeDATOuKSNoaOJoxjJsA6haF_9T8B5QVmWlHTYzXFg_mh96Q/s320/26_docs_properties.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6FFAeTEIvmiWllSZqNFEjMB7PHoBZaG-Wq-s0wtRTNu9Tk0E4bfLF4bwHZBlx77DJHztJE693Uanj_KwYHD135tiMUrKVXJt5_VtcMEq_kqjYTmruM79Z0YgKU6Wzl4bcKFgD5g/s320/28_final.jpg)
Credits
Download Inkscape and Gimp in many platforms:
Esta obra es publicada bajo una licencia Creative Commons.
No hay comentarios.:
Publicar un comentario