[Tutoriel 8] Réaliser un drapeau vectoriel avec Inkscape

Dif­fi­culté :

Pour chan­ger un peu (beau­coup même : c’est mon pre­mier tuto

), nous allons créer un dra­peau avec un logi­ciel peu uti­lisé : Inks­cape.
Et si ce logi­ciel n’est pas beau­coup uti­lisé com­paré aux ténors tels que Gimp ou Pho­to­shop, c’est qu’il exploite une tech­no­lo­gie autre : le vec­to­riel. Le vec­to­riel est très utile pour faire des logos, bou­tons, ou tout autre objet qui s’y prête bien.

Bon assez parlé, place au tuto ! Si vous réus­sis­sez à sui­vre mes ins­truc­tions, vous devriez obte­nir plus ou moins ça :

Euh… Der­nière petite chose : ne vous inquié­tez pas de la taille du tuto­riel, j’ai été bavard

Je pars du prin­cipe que vous avez télé­chargé et ins­tallé Inks­cape.

1. Nous allons com­men­cer par créer les for­mes de base. Pour cela, lan­cez Inks­cape (c’est mieux :-) ), puis tra­cez deux rec­tan­gles à l’aide de l’outil épo­nyme. Le pre­mier, à gau­che, modé­li­sera le man­che. L’autre, à droite, modé­li­sera le dra­peau.

2. Fai­tes un clic droit sur le dra­peau, puis Rem­plis­sage et con­tour. Dans l’onglet Rem­plis­sage, choi­sis­sez Motif, puis le motif Che­cker­board dans la liste. Si vous sou­hai­tez obte­nir un dra­peau dif­fé­rent, il vous suf­fit de choi­sir un autre motif dans la liste. Dans l’onglet Style du con­tour, choi­sis­sez un trait régu­lier et assez fin (0.8px~1px). Dans l’onglet Rem­plis­sage du con­tour, pre­nez du noir. Si ce n’est pas déjà fait, pas­sez l’opa­cité à 100%.

3. Sélec­tion­nez l’outil nœud (le deuxième en par­tant du haut) puis, à l’aide des poi­gnées en haut à gau­che de la page, agran­dis­sez le motif de façon à ce qu’il intè­gre au mieux le dra­peau. Incli­nez-le éga­le­ment un peu, cela don­nera un effet de mou­ve­ment lorsqu’on appli­quera les défor­ma­tions.

4. Sélec­tion­nez le man­che du dra­peau, puis clic droit > Rem­plis­sage et con­tour. Sélec­tion­nez une cou­leur de base de votre choix dans l’onglet Rem­plis­sage, ici nous choi­si­rons du mar­ron pour imi­ter le bois. Cli­quez sur Dégradé linéaire, vous devez obte­nir un joli bâton en relief

. Si ce n’est pas le cas, uti­li­sez l’outil dégradé (avant-der­nier en par­tant du haut) pour choi­sir l’angle à appli­quer à celui-ci. Pour le con­tour, choi­sis­sez une cou­leur qui va bien avec le rem­plis­sage, ou n’en pre­nez pas du tout, à vous de voir
Si ce n’est pas déjà fait, pas­sez l’opa­cité à 100%.

5. Col­lez le dra­peau con­tre le bâton manuel­le­ment ou via l’outil Ali­gner et dis­tri­buer des objets. Sélec­tion­nez le dra­peau, puis ren­dez-vous dans le menu Che­min > Objet en che­min. Uti­li­sez ensuite l’outil che­min et cli­quez entre les deux nœuds sur le côté gau­che du dra­peau. Une fois les nœuds sélec­tion­nés, vous pou­vez cli­quer sur le bou­ton Insé­rer de nou­veaux nœuds dans la barre d’outil.  → Étape en image ←
Sélec­tion­nez le nou­veau nœud qui vient d’appa­raî­tre, puis pous­sez-le légè­re­ment vers le cen­tre du dra­peau. Uti­li­sez les poi­gnées qui appa­rais­sent en cli­quant ailleurs dans la courbe pour affi­ner celle-ci. Comme une image vaut mieux qu’un long dis­cours, regar­dez la cap­ture si vous ne com­pre­nez pas

Répé­tez l’étape sur le côté droit du dra­peau pour créer une petite bosse. Ces gros­siè­res défor­ma­tions vont nous faci­li­ter la suite.

6. On com­mence à entre­voir la forme du dra­peau ! Vous êtes encore là ? Non 8-O ? Allez je finis quand même…
Nous allons don­ner un peu de mou­ve­ment au dra­peau en uti­li­sant l’outil Ajus­ter les objets, qui s’appa­rente un peu au fil­tre Défor­ma­tion inte­rac­tive de GIMP.
Sélec­tion­nez donc le dra­peau, puis cli­quez sur ce fameux outil (le troi­sième en par­tant du haut). Dans les options choi­sis­sez de pré­fé­rence le pre­mier mode (Pous­ser), mais vous pou­vez uti­li­ser les autres si vous le sou­hai­tez. Adap­tez la force et l’épais­seur de l’outil selon vos pré­fé­ren­ces. Le mieux est d’essayer ! Une fois les régla­ges sai­sis, lais­sez libre cours à votre créa­ti­vité ! Pous­sez et tirez les bords du dra­peau à plu­sieurs endroits de manière à obte­nir un aspect attrayant, qui sera (sachez-le) pro­che de l’aspect final, et qui don­nera un effet de mou­ve­ment. Si besoin est (comme moi en fait

) vous pou­vez redi­men­sion­ner votre dra­peau pour qu’il ait de meilleu­res pro­por­tions.

7. Afin de rajou­ter un peu de relief, créez un cer­cle via l’outil cor­res­pon­dant. Sélec­tion­nez-le, allez dans Che­min > Objet en che­min. Pre­nez l’outil che­min, puis pous­sez le nœud de gau­che près de celui de droite de sorte à obte­nir une sorte de crois­sant écrasé au cen­tre. Fai­tes un clic droit sur la forme, puis Rem­plis­sage et con­tour. Rem­plis­sez la forme de gris, sup­pri­mez le con­tour puis pas­sez l’opa­cité à 85% et le flou à envi­ron 30.

8. Dupli­quez 2 ou 3 fois le pseudo-cer­cle en fai­sant clic droit des­sus puis Dupli­quer. Dépla­cez-les sur à divers endroits du dra­peau, en ajus­tant au besoin leur taille, leur incli­nai­son ou encore en les défor­mant légè­re­ment. On obtient un léger effet de relief sup­plé­men­taire.

9. Dupli­quez le dra­peau. Ne le dépla­cez pas et lais­sez-le sélec­tionné (ça sera plus sim­ple). A par­tir du menu Rem­plis­sage et con­tour, appli­quez un flou de 1 ou 2 et une opa­cité de 80%, pas­sez la taille du con­tour à 1,8~2px, véri­fiez que le con­tour est en noir et sup­pri­mez la cou­leur de rem­plis­sage du dra­peau. Enfin, des­cen­dez le dra­peau à l’arrière-plan via le bou­ton cor­res­pon­dant sur la barre d’outil du haut.

Et voici votre dra­peau ! Dans les éta­pes qui sui­vent, nous allons figno­ler la créa­tion en dou­blant le dra­peau et en ajou­tant une ombre en bas :

10. Sélec­tion­nez tous les objets puis grou­pez-les via le menu Objet > Grou­per. Incli­nez-les légè­re­ment vers la droite (pour cela, cli­quez deux fois sur le groupe), puis dupli­quez-les. Un des deux grou­pes sélec­tionné, retour­nez-le hori­zon­ta­le­ment en cli­quant sur le bou­ton cor­res­pon­dant dans la barre d’outil. Dépla­cez ensuite celui-ci de manière à obte­nir deux dra­peaux croi­sés symé­tri­que­ment.

11. Afin de créer l’ombre au sol, des­si­nez une ellipse, puis via l’outil Rem­plis­sage et con­tour, appli­quez un flou et une opa­cité de 23. Vous pou­vez ensuite jouer sur sa posi­tion par rap­port aux autres objets en uti­li­sant les bou­tons cor­res­pon­dant dans la barre d’outil.

Et voilà ! Le tuto est ter­miné ! Vous devriez à ce stade obte­nir un des­sin sem­bla­ble à celui télé­char­gea­ble en haut de page. Cepen­dant, après avoir suivi ces éta­pes, il reste tou­jours quel­ques retou­ches à effec­tuer, comme une opa­cité à bais­ser, ou un flou à aug­men­ter… Bref, tout dépend de votre goût et de la façon dont vous avez réa­lisé votre des­sin.