Il est temps d’annoncer le gagnant du concours Inkscape-fr 2009.

Tout d’abord, je remercie sincèrement tous les participants. Cela fait plaisir de constater l’intérêt croissant vis-à-vis d’Inkscape par le biais, entre autre, d’autant de participations.

Il ne faut pas croire, mais choisir entre toutes ces réalisations ne fut pas une mince affaire. Vous avez tous passé du temps sur le logiciel pour en extirper ce dont vous aviez en tête. Les résultats sont visibles dans ce précédent article. Comme vous pouvez le constater, les styles sont très différents.

Le but du concours est de vous pousser à utiliser le logiciel. C’est pourquoi il était ouvert aux débutants et aux initiés. Tout le monde avait sa chance. Le livre de Cédric Gémy s’adressant aussi bien aux débutants qu’aux confirmés, nous souhaitons seulement que le gagnant apprécie sa lecture et réalisera des dessins satisfaisant.

Le gagnant du concours est Madeg avec cette illustration.

Félicitation Madeg !

Pour les autres, j’espère que vous ne serez pas trop déçu. Je vous encourage à continuer à utiliser Inkscape, pour vectoriser librement.

Voici comment l’illustration a été réalisée :

1. Propriétés du document

Fichier > Propriétés du document > Couleur de fond.

Choisir la couleur souhaitée.
Des dimensions de 1000*1000 pixels ont été ici utilisées (page carrée en fait).

2. Le texte

Cliquer sur l’icône pour activer l’outil texte.

Cliquer sur la feuille de dessin (peu importe où) et taper le texte souhaité (ici « attention », « le  piment… », « pique !!! ». Texte > Texte et police pour mettre en forme le texte (taille, police…). Ici, la police utilisée est « Abiscuos » et la taille est de 50 px pour le 1er mot, 120 pour les deux autres.

L’objet étant sélectionné, un simple clic sur la couleur souhaitée (rouge #FF0000) de la palette (juste au-dessous de la barre de défilement) définira la couleur de remplissage du texte. (Remarquer qu’un clic droit permet de définir aussi la couleur du contour).

Pour centrer le texte par rapport à la page :
Objet > Aligner et distribuer Aligner relativement à : Page.
Cliquer sur la 3ème icône de la 1ère ligne (Regarder les dessins, c’est logique !).

Déplacer enfin les éléments de haut en bas pour leur donner la place souhaitée (avec la combinaison Maj+↑ d’abord, puis ↑ tout seul pour préciser).

Les deux traits autour du mot « attention » se font à l’aide du simple crayon (on simplifie juste le tracé une fois ou deux : Chemin > Simplifier ou Ctrl+L)

3. Les cases

Créer 1 carré de côté 300 pixels et le remplir avec la couleur rouge #FF0000 comme expliqué récédemment.Le placer à gauche de la page sous le mot « Piment ».
Pour donner un effet irrégulier au contour : Convertir le rectangle en chemin (Chemin > Objet en chemin).  Ajouter des nœuds (Extensions > Modification de chemin > Ajouter des nœuds) : le
choix des paramètres ici importe peu, du moment que le nombre de nœuds (visibles lorsque le chemin est sélectionné) reste relativement peu élevé (une centaine de nœuds semble raisonnable).
Déplacer les nœuds aléatoirement (Extensions > Modification de chemin > Déplacer les
nœuds aléatoirement) en réglant le déplacement maximum sur les axes X et Y à 1,0 px.

Dupliquer 2 fois la case en appliquant 2 « coups de tampon » :
Sélectionner l’objet en gardant le bouton de la souris pressé et appuyer deux fois sur la
barre d’espace (sans déplacer la souris). Là où il y avait tout à l’heure 1 seule case, il y
en a 3.

Déplacer horizontalement les deux cases supérieures, avec la combinaison Maj+↑ par
exemple, ce qui permet d’obtenir un espace identique entre chaque case.
Sélectionner enfin les 3 cases, les grouper et les centrer par rapport à la page comme
vu précédemment.

4. Les dessins

Dessiner sur papier l’histoire souhaitée.
Prendre soin d’accentuer les contours du dessin au feutre noir.

Prévoir 4 dessins séparés facilite la suite.

Scanner les 4 dessins.
Importer les scans vers Inkscape (Fichier > Importer). Vectoriser les dessins : Chemin > Vectoriser le bitmap (Utiliser de préférence le mode « Détection de contour » et ajuster le seuil selon la qualité de l’image (d’où l’utilité de l’accentuation des contours sur papier) et/ou jouer avec les options suppression des parasites, optimisation des chemins…)
Essayer toutefois de préserver cet effet « naturel » du dessin papier.

Ajuster les dimensions des nouveaux chemins formés et les disposer aux emplacements souhaités (les 3 premiers dans les cases et le dernier sous la 3 ème case).
Définir le rouge comme couleur de remplissage du dernier dessin.

Pour les « crounch » : Créer un texte « crounch » près du visage du personnage.
Choisir sa police et sa taille (Century, 20, par exemple)
Convertir le texte en chemin : Chemin > Objet en chemin.
Convertir les contours du chemin en chemins : Chemin > Contour en chemin.
Ajouter des nœuds (vu précédemment) et les déplacer aléatoirement (vu précédemment aussi) avec des déplacements horizontaux et verticaux de 0,5 px au maximum.

Pour finir, dupliquer 3 ou 4 fois ce « crounch » avec des « coups de tampon » comme vu précédemment (ou plutôt, répéter la procédure pour éviter l’impression artificielle du copier-coller).

5. La flamme

Tracer au crayon la silhouette d’une grande flamme (ce sera la forme approximative de la flamme finale), d’une plus petite à l’intérieur, et d’une troisième à l’intérieur de la deuxième.

Simplifier (Ctrl+L) les tracés. Si la silhouette semble trop arrondie, passer en mode d’édition de nœuds et rendre dur les nœuds au bout des pointes de la flamme :

Noeud doux

Noeud dur

Choisir un remplissage rouge (#FF0000) pour la flamme, orange (#FF6600) pour la seconde et jaune (#FFFF00) pour la dernière. Veiller à ce que la rouge soit située sous l’orange, et elle-même sous la jaune.

Ajouter des nœuds et les déplacer aléatoirement avec une amplitude de 20 px sur les deux axes.

Appliquer l’effet « Clapotis » aux trois flammes (Filtres > Déformation > Clapotis) puis l’effet « Aquarelle » (Filtres > Textures > Aquarelle).
Attention à avoir bien positionné les 3 chemins car leur nombre important de nœuds
rend les modifications du document difficiles.

6. Export

Fichier > Exporter en bitmap > Page

Choisir les dimensions du bitmap, la résolution (attention plus elle est élevée, plus l’export sera long) et le nom. Le fichier final sera ainsi au format png.

Conclusion

Merci Madeg pour ces explications et bonne continuation !

31 Octobre, billet mis-à-jour.

Le concours pour le livre Inkscape efficace est maintenant terminé ! Je remercie tous les participants. Vous avez été nombreux cette année et très originaux. Je vérifie que toutes les participations sont bien postés ici, si ce n’est pas le cas, faites moi signe ! Est venu l’étape de la réflexion pour le jury ! Ohlala c’est pas facile.

Nombreux sont les personnes qui souhaitent voir ces fameuses participations. Pour le plaisir des yeux voici toutes les participations.

Les participants & leurs créations

• Antoine
• Mathieu
  

  Participation de Mathieu

• Raphaël
  

  Participation de Raphaël

• Nohjan

  

  Première participation de Nojhan

  

  Deuxième participation de Nojhan

  

  3ème participation de Nojhan

• Christiane
  

  Participation de Christiane

• Yannick
  

  Participation de Yannick

• Jérémie
  

  Participation de Jérémie

  lien vers la source du fichier

• Jean-louis
  

  Participation de Jean-lou

• Bob
  

  Participation de Bob

• Luc
  

  Participation de Luc

• Mathieu H.
  

  Participation de Mathieu (un autre)

• Olivier
  

  Participation d'Olivier

• fffourmi
  

  Participation de fffourmi

• Madeg
  

  Participation de Madeg

• Bruno
  

  Participation de Bruno, variation bronze, existe en de nombreuses couleurs

• Charlotte
  

  Participation de Charlotte

Participez au concours d’Inkscape-fr.org pour gagner le livre Inkscape Efficace de Cédric Gémy !

1. 1. Créez une illustration 100% avec Inkscape ;
2. 2. Ecrivez un texte pour nous expliquer votre processus de réalisation ;
3. 3. Envoyez le tout à ou indiquez nous par mail où votre participation est déposée sur la toile ;
4. 4. Soyez “libre” et placez votre création et son texte sous licence LAL.

Informations sur le concours

Le thème de l’illustration est “piquant“. Les dates du concours sont du 31 août au 31 Octobre 2009.

Le jury est composé de Dominique, Cédric Gémy et moi-même. Nous déciderons sur des critères précis quelle illustration remporte le concours. Ensuite nous vous recontacterons pour connaître l’adresse postale à laquelle vous adresser le livre.

Le livre

Cédric Gémy, graphiste, auteur et formateur a publié chez Eyrolles en février 2009 Inkscape Efficace.

Pour en savoir plus sur cet ouvrage :

• lisez l’article de ce blog consacré à ce livre
• lisez l’article de Dominique consacré à ce livre
• visitez la page du livre chez Eyrolles

Cédric Gémy vous guide dans l’apprentissage du logiciel de façon didactique. Inkscape-fr est heureux de pouvoir vous offrir ce livre grâce à Dominique et Cédric Gémy. Vous ne connaissez pas Dom ? Il est passionné par le graphisme libre, retrouvez ses articles sur son blog, où il contribue régulièrement sur Inkscape.

N’hésitez pas à diffuser l’information du concours pour assister à un festival de création libre francophone.

L’heureux gagnant est…sko !

Il a récolté de nombreux votes sur Deviantart, cela a continué parmi les développeurs d’Inkscape.

Pour le plaisir des yeux, regardons encore une fois sa création.

Félicitations !

sko

Le concours est clos, les participations ont été nombreuses, cette fois

encore !

Les propositions

Je ne résiste pas à vous les montrer. N’hésitez pas à aller sur le page officielle du concours pour avoir le nom des artistes et explorer leur galerie deviantart ! Autre élément important à ne pas oublier, vous pouvez télécharger le svg à partir de leur galerie. Observez et étudiez ces petits morceaux d’art, vous ferez sans doute des découvertes intéressantes. Assez parlé, admirons.

dadoprom

worms-x

jfbarraud

medniex

sko

jbopen

kval

h3l1

epist3m

keddec

harrypopof

geminigod

lifecolor

degentd

isloer

mikaelka

jbopen

white-dawn

hrum

johanengelen & jfb

poupoul2

poupoul2

jfbarraud

antyuser

vorgitsu

vorgitsu

cogitas3d

j-eis

dadoprom

unknownentity21

siska80

nojhan

thinwing

prkos

quicheloraine

osmoty

Mon analyse

Tous n’ont pas suivi le thème “refactory”. On peut noter que l’effet Sketch de jfb (je l’adore aussi cet effet) a été souvent employé, cf les créas de medniex, h3l1, white-dawn, jfbarraud, vorgitsu, cogitas3d, et nojhan.

J’admire certaines réalisations qui ont très bien su répondre au thème. Néanmoins les illustrations de j-eis et de quicholoraine, totalement hors sujet, sont superbe.

Pour être certains qu’il ne soit pas passer inaperçu, j’aime beaucoup la réalisation de thinwing…oh et celle de jbopen…zut et celle de AAaah !!!!Il y en a de si bon, c’est difficile de choisir !

Ne pensez-vous pas qu’il existe bien trop de commentaires sur l’art ? Oui ?! Bon je me tais.

Un dernier mot tout de même. Si vous souhaitez prendre part à la première étape de sélection, c’est maintenant sur devianART jusqu’au 31 mai. Après, l’équipe de développement se gardera la décision finale.

Vous l’attendez tous avec impatience ? Qui a gagné le premier concours d’inkscape-fr 2008 ?… Suspens !

Les chiffres

En réalité, il y a peu de participants : 5. Peut-être que le délai n’était pas assez long ? Peut-être que le lot n’était pas assez beau ?

En tout les cas je remercie les courageux participants. Les 5 créations n’ont pas manqué de style et on tous été très différents. 3 des 5 participations ont été publié sur leur site respectif, et cela me fait très plaisir car cela fut un bon prétexte à 3 didacticiels en français d’Inkscape de plus, d’un coup d’un seul. Je ne vous les indique pas, leurs auteurs qui le souhaiteront pourront diffuser leur lien en commentaire de ce billet.

Le résultat

Le gagnant est Johann Dréo! Félicitation Johann.

Pour information, cela c’est joué de peu !

Bientôt vous verrez sa participation ainsi qu’un article expliquant sa réalisation et une présentation de son auteur.

Voici l’annonce officielle en anglais. Je vous présente une traduction libre et personnelle.

L’organisation

Il y a 3 étapes.

Étape 1

Chaque personne pourra proposer 3 designs bien différents. Le fignolage concernera la prochaine étape. Ensuite les votes seront ouverts pour sélectionner les 10 meilleurs. Les 10 designs sélectionnés iront à l’étape suivante.

Étape 2

Chaque personne pourra sélectionner un webdesign et l’améliorer à sa guise et le préparer au mieux pour sa future intégration à Drupal. Ensuite les votes seront ouverts pour sélectionner les 5 meilleurs. Les 5 designs sélectionnés iront à l’étape finale.

Étape 3

Chacun pourra sélectionner un webdesign et l’intégrer à un thème Drupal. Les votes sélectionneront alors les 3 meilleures intégrations. Le premier webdesign sera le thème par défaut pour le site officiel. Les deux suivants seront les thèmes alternatifs.

Les bases

• Le but est de montrer ce qu’il est possible de réaliser avec Inkscape en matière de webdesign.
• Postez vos création dans votre galerie DeviantArt et en commentaire poster le lien.
• Rendez accessible vos SVG dès l’étape 1.

Directive

• Vous pouvez regarder Inkscape.org pour avoir une idée du contenu, mais sachez qu’il sera remanié.
• Les fonctions principales seront : Actualité, Blog, Téléchargements, Captures, Liens vers les autres sites du projet (bug trackers etc).
• L’internationalisation est extrêmement importante. Le design doit prendre en compte cela.

Règlements

• Toutes les images doivent être créées avec Inkscape.
• Le design doit être propre et professionnel. La taille du site doit être fluide donc le design aussi.
• Il doit comporter le logo d’Inkscape et son slogan (Draw Freely) dans l’en-tête.
• La création doit être sous licence CC by-sa.
• Toute création comportant un copyright ou un contenu litigieux ou vexant sera disqualifiée.
• Vous pouvez participez quand vous voulez durant ces 3 étapes.
• Amusez-vous !

Prix

Vous aurez le plaisir de voir votre design sélectionné. Tous les participants seront également remercié.

Dates

• Étape 1 : Aujourd’hui jusqu’au 10 Avril 2008
• Étape 2 : 10 avril jusqu’au 10 mai 2008
• Étape 3 : 10 mai jusqu’au 10 juin 2008

Ils espèrent tenir ces dates, mais cela sera surtout fonction de la participation.

Jury

Ce sera la communauté Inkscape sur Deviant Art qui fera une première sélection. Ensuite, l’équipe de développement aura également son mot à dire.

Liens

• Le site officiel d’Inkscape
• La page de téléchargement
• Drupal
• Drupal 6 theme information

Où on en est

C’est finit et il y a eu trop peu de participant.

Des développeurs d’Inkscape seront présent à la Southern California Linux Expo. ScislaC donnera par exemple 4 heures de cours sur Inkscape. Apparemment il est de coutume dans ce salon que les membres des équipes offrent des cadeaux (goodies) en échange de dons. Ils ne veulent pas manquer à cette tradition et font appel à la communauté créatrices des utilisateurs d’Inkscape pour réaliser ces goodies.

Voici les règles :

• Le format du sticker est libre, ainsi que sa taille (logique c’est du vectoriel.
• L’image doit être entièrement et exclusivement réalisée avec Inkscape.
• Cela débute maintenant et se termine le 3 février 2008.
• Vous pouvez en proposer autant que vous le voulez.
• Le sticker doit inclure le logo d’Inkscape, et Inkscape et Draw Freely éventuellement aussi.
• Vous devez mettre à disposition en téléchargement le SVG.

Ce message a été posté sur DeviantArt. Le lien devrai donc être posté à la suite de ce message dans les commentaires.

2. L’analyse

Qui a respecté vraiment le concours en utilisant de façon évidente les nouveaux outils (et pas uniquement ce qui est invisible sur un dessin comme le LPE, les menus dockables, le Tweak tool dans une certaine mesure, les poignées de dégradés etc)?

• De façon très subtile, un artiste a réalisé l’ombre du logo en utilisant l’engraver tool.
• Nombreux ont utilisé l’outil 3D box de façon ingénieuse.
• L’outil 3D box et l’effet spirographe ont été également utilisé.
• Foison de nouveaux outils pour d’autres: 3D box, bend path, l’effet rouage.

Encore une fois, cela ne signifie pas que les autres images n’ont pas été réalisées avec les autres outils, c’est juste moins évident. Les développeurs principaux aiment quand l’”à propos” montre en un coup d’oeil les nouvelles capacités du logiciel.

Oui mais La Inkscape Team contient également des tas de développeurs qui ont peut être une autre opinion…

Quel sera le dessin choisit ?

C’est pourquoi l’équipe d’Inkscape ouvre un concours. Comme à leur habitude ils recherchent une nouvelle image qui sera visible dans l’à propos d’inkscape 0.46.

Vous trouverez ici le texte officiel de l’annonce du concours.

Je vous propose une traduction.

Les bases

Notre objectif est de montrer les nouvelles capacités artistique d’Inkscape.

Il est préférable d’utiliser une version d’Inkscape en développement (la dernière version est fortement conseillée) afin de recourir aux nouvelles fonctionnalités.

Voici les dates du concours : 20 Décembre 2007 Jusqu’au 6 Janvier 2008.

Les règles

• Dimensions du canevas : 750×625 px ou 600×500 pt. Toute image en dehors du canevas ne sera pas incluse dans l’à propos.
• L’image doit entièrement être réalisé avec Inkscape.
• Il est préférable que l’image ai utilisé les filtres SVG et/ou le Live Path Effects. Nous vous conseillons également d’explorer les possibilités du 3D box tool ainsi que du tweak tool et des nouvelles options de l’outil calligraphie (engravers toolbox).
• L’image doit se charger relativement rapidement, car il faut penser à l’utilisateur qui souhaite voir rapidement l’à propos quand il le désire.
• L’image doit intégrer le logo d’inkscape, les textes : “Inkscape”, “0.46″, “Draw Freely”, “www.inkscape.org” et éventuellement votre nom ou votre pseudo, votre signature.
• Chaque participant pourra proposer au plus 2 images.
• La réalisation ne doit contenir aucun élément choquant.
• Vous devez poster votre SVG en ligne (dans DeviantArt, sur votre blog, votre site, un FTP) durant les temps du concours. Il est possible que DeviantArt refuse le SVG, dans ce cas postez un .zip.

Liens utiles

• La page de téléchargement des versions en cours de développement autocompilés et des dernières versions non compilés.
• La page qui explique rapidement les dernières nouveautés dans la 0.46.
• Un exemple de logo en svg d’Inkscape que je trouve joli.
• Tous les A propos d’Inkscape à Sodipodi.