Le jeu Littlest goddess est un jeu de plateforme en langage Python crée par l’équipe Cine-Science Logic, lors des fréquents concours de programmation de jeu pyweek.

C’est un jeu de plate-forme dans lequel il faut aider la petite déesse Devika à retrouver son animal de compagnie, utilisant différentes bibliothèques (simulation physique, effets avec les shaders OpenGL, etc…), mais le plus intéressant pour nous, est qu’ils ont utilisé Inkscape pour construire les niveaux.

Voici une capture d’écran :

D’après le commentaire des développeurs du jeu, voici ce qu’Inkscape leur a apporter :

« L’utilisation d’Inkscape pour la conception des niveaux est la meilleur idée que quelqu’un puisse avoir, c’est un réellement un parfait moteur de layout 2d. Il produit un très bon XML et cela signifie pour nous qu’il est aisé d’analyser le SVG et de le charger directement dans le jeu. Si il n’y avait pas eu le bug d’ODE (une bibliothèque de gestion de physique) dans Ubuntu, nous aurions pu faire des choses dingues avec des polygônes convexes et tout le reste. Il est clair que si nous n’avions pas utilisé Inkscape, nous n’aurions pas pu réaliser notre jeu. »

En v.o. :

“Using inkscape to design your levels is the best idea anyone could ever have, its a *perfect* 2d layout engine it really really is. the fact that it produces nice xml means that its fairly easy to parse the .svg it produces and load it stright into your game. if it wasn’t for the trimesh ode bug in ubuntu we could of done some crazy stuff with convex polgons and everything. if we hadn’t of used inkscape we plain couldn’t of made our game, thats a fact!”

Voici donc un autre domaine d’application trouvé pour Inkscape.

Johan Engelen, développeur d’Inkscape, a écrit un mail sur la liste des développeurs, il y a quelques jours. C’est un appel à participation au projet Inkscape, plus spécifiquement au projet “Test Suite” initié lors du Google Summer of Code 2008. Nul besoin de connaître Python, le C ou le C++ pour contribuer.

Comment contribuer

Johan demande aux artistes utilisant Inkscape de leur envoyer leur fichier SVG ainsi que leur rendu PNG.

Il recherche des fichiers de test, des cas d’espèce typiques (”testcase”). Si vous avez créé quelques dessins incroyables utilisant des structures SVG complexes, ou des déformations via les Effets de chemin (LPE), ou peut-être de simples dessins avec des lignes ou des rectangles de longueur zéro, des chemins fermés avec des marqueurs au début et à la fin, etc…, se sont les fichiers recherchés
Ils ont surtout besoin de nombreux fichiers où Inkscape effectue quelque chose d’inhabituel mais le fait correctement! De cette façon, cela peut assurer que cela fonctionnera dans la version suivante. Si vous pouvez aussi fournir un png du rendu correct, cela serait génial.

Le projet Test Suite

Le but de cette suite de test est de fournir de nombreux fichiers SVG rendu en PNG par Inkscape. Les rendus PNG sont ensuite comparés à des PNG de référence et Inkscape sera crédité d’un « passé » ou « échoué ». Cet astucieux outil permet de déterminer ce qu’Inkscape peut et ne peut pas faire. Il peut d’ailleurs être employé pour dépister des régressions dans le code.

Les liens

Voici l’adresse du projet, et sa page wiki contenant des information plus précises sur ce projet, notamment le chapitre “rendering tests”.

Avant d’envoyer votre fichier, vérifiez le dossier des cas d’espèce (”testcase”), car votre test a peut-être déjà été fait. Vous pouvez envoyer vos fichiers au launchpad, l’envoyer par mail à Engelen ou trouver un autre moyen de leur faire parvenir.

Pour information, cet article a été possible grâce à l’aide de Jean-maurice LeClech qui a traduit le mail d’Engelen.

Nicolas Dufour a écrit une extension pour Inkscape qui génère des traits de coupe, des marques de centrage et des traits de fond perdu.

Installer les deux scripts dans share/inkscape/extensions, puis relancer Inkscape.

Vous visualiserez l’extension dans Effets>Rendu>Crop marks. Cela le lancera et sur votre canevas vous apercevrez que les éléments sont placés à 7 mm du bord d’impression. Les traits ont une épaisseur de 1 px.

Merci Nicolas!

Édité le 24/11/2008 15 h 29

Cropmarks pour la version 0.46+dev

Cropmarks pour la version 0.46

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.

Vectortuts présente une intéressant article (en anglais) pour réaliser une guitare électrique réaliste avec Inkscape.

C’est pas mal… mais elle serait bien mieux avec un travail plus poussé sur l’apparence du bois.

Améliorez votre illustration avec cet article qui est issue aussi d’une traduction.

J’ai repris un de mes premiers tuto mais pour obtenir un effet différent. L’article est assez détaillé et je pense accessible aux débutants. N’hésitez à mettre vos remarques ou idées.

Voici donc la marche à suivre pour créer un texte avec des flammes intérieur sous inkscape bien évidemment.

Tout d’abord , créez un texte avec une police épaisse sur un fond noir.

(Pour agrandir un texte , les poignées sont aux quatre coins)

Pour la suite, dupliquez ce texte deux fois et mettez ces copies de côté. (important)

Avec l’outil courbe de bézier , ou l’outil crayon dessinez une forme par dessus le texte.

Essayez de suivre grossièrement “la forme” du texte. Pas besoin d’être précis dans le tracé.

La forme toujours sélectionnée, allez dans le menu EFFETS / Modification de chemin / Ajouter des noeuds.

Une boite de dialogue va apparaître. Mettez par exemple 8 sur le réglage “longueur maximim de segments” et cliquez sur Appliquer. (En fait, un nœud est créé tout les 8 pixels, plus l’espacement est réduit plus ils sont nombreux)

Toujours dans le menu EFFETS / Modification de chemin , cliquez sur Déplacer les nœuds aléatoirement.

Mettez 15 en déplacement maximum et cliquez sur Appliquez. On obtient une bouillie de nœuds.

Avec le bouton gauche de la souris , agrandissez la forme pour qu’elle dépasse légèrement de chaque côté du texte. (c’est important pour la suite)

Appliquez une couleur rouge et un flou de 2% a la forme bizarre, et nous obtenons de jolies flammes.

Passez le texte (qui est blanc sur l’image) devant les flammes.

Sélectionnez les flammes ainsi que le texte en dessous et allez dans le menu Objet / Découpe / Définir.

Donc nous n’avons plus qu’un SEUL objet , le texte avec les flammes a l’intérieur.

Petit soucis, ce nouvel objet est transparent !

Pour corriger cela ,il va falloir placer une copie du texte avec un remplissage noir derrière pour combler les vides.

Donc, on sélectionne un texte (copie noire) et le l’objet texte/flamme, et on les aligne l’un sur l’autre avec l’outil de positionnement. (Menu objet / aligner et distribuer)

Choisissez Alignement à “sélection” et cliquez sur les boutons d’alignement horizontal et vertical.

(Si le texte/flamme disparaît , c’est que le texte noir est en premier plan. Passez le derrière avec la touche page Précédente.)

Une fois bien positionnés , cela donne ceci. Un texte avec flammes non transparent.

Sur le texte copié restant, appliquez une couleur jaune. Il va nous servir de “fond”.

Le texte jaune sélectionné, allez dans le menu Chemin / Offset dynamique et agrandissez le légèrement avec la petite poignée ronde qui apparaît. (bouton gauche + mouvement de souris vers le haut)

Sélectionnez le texte jaune, ainsi que les deux autre objets et alignez les avec l’outil de positionnement. (voir manipulation précédente). N’oubliez pas de passer le texte jaune en arrière plan.

Pour faire plus joli, j’ai appliqué un dégradé linéaire jaune -> transparent. Pour cela , sélectionnez le texte jaune qui est en arrière plan et cliquez sur l’outil dégradé. Un clic avec le bouton gauche et on glisse vers le bas en maintenant le bouton enfoncé. Une ligne avec deux points apparaissent, elles servent au réglage du dégradé.

Pour finir, on peut appliquer un flou de 1 ou 2 % sur le texte jaune au fond!

Merci d’avoir lu

Posté à l’orgine sur mon vilain blog.

Au début du mois de septembre, nous avons appris une nouvelle importante : La sortie de la traduction française du Manuel de Tavmjong Bah. Tavmjong Bah a écrit un manuel en anglais. L’aide d’Inkscape renvoit vers ce manuel. Voilà enfin une traduction française!

Bonjour Loïc, pouvez-vous vous présenter ?

Ce sera donc d’abord comme militant associatif, libertaire et enfin utilisateur polyvalent de nombreux outils informatiques dans mon travail (animation, développement local et gestion associative), m’ayant conduit à développer par nécessité puis par goût des compétences en infographie puis en formation, jusqu’à participer, cette année, à la création de l’association “Cévennes Libres” pour la promotion de l’informatique libre.

Êtes-vous, vous-même, un utilisateur d’inkscape ?

Il m’aura fallu quelques années avant de découvrir la richesse du monde libre, freiné par ces critiques incessantes et souvent erronées à son sujet. Ayant fait le tour de Publisher, je suis passé à la Creative Suite d’Adobe, avant de rejoindre les idéalistes passionnés qui relèvent le défi de réaliser sous logiciels libres des créations en environnement professionnel. Aujourd’hui, Inkscape, malgré ses diverses lacunes que les développeurs comblent une à une (et à une vitesse impressionnante ces derniers temps), reste vraiment mon logiciel favori, central dans ma trousse à outils infographiques parmi GIMP, Blender et Scribus pour citer les principaux.

Racontez-nous comment vous est venue l’initiative de traduire le manuel de Tavmjong Bah sur Inkscape ?

Il y a un an, j’ai souhaité améliorer ma connaissance du logiciel par un véritable apprentissage systématique, car j’utilisais Inkscape de manière essentiellement intuitive, et perdais beaucoup de temps dans la recherche de biais, d’astuces pour réaliser des opérations complexes, et passait à côté de certaines fonctions aux noms ou à l’utilisation parfois mystérieux (”Nettoyer les Defs”, “Interpoler”, “Transformer en fractale” ou bien encore l’emploi de l’éditeur XML etc.). Seul le manuel de Tavmjong Bah s’avérait complet, à jour et didactique. Or, sans être bilingue, la compréhension de l’anglais demande un effort supplémentaire alors qu’on est d’abord occupé à maîtriser un logiciel, une installation, un dépannage etc. C’est donc au départ pour mon usage personnel que j’ai entrepris la traduction de ce manuel. Me rendant compte rapidement de l’ampleur de la tâche, il m’a semblé absurde d’être le seul à bénéficier d’un tel travail, et, en outre, l’intérêt communautaire m’apparaissait comme une source de motivation
supplémentaire sans laquelle j’aurais probablement renoncé…

La communauté s’interroge sur la licence de ce manuel et de la traduction, y en a-t-il une ?

J’allais y venir… Ce manuel n’étant pas libre de droits, il me fallait l’autorisation de l’auteur pour publier la traduction, elle-même restant sous copyright. Bien sûr, sur un plan purement idéologique, il semblerait plus cohérent de bénéficier d’un manuel sous license libre ou copyleft ; du point de vue pratique, le résultat est le même pour l’utilisateur qui peut le consulter gratuitement sur Internet, et identique également en terme de contribution à la promotion du logiciel.

Quel fut votre processus de traduction ? Etiez-vous plusieurs ou avez-vous réalisé seul l’exploit de traduire 31 chapitres en un temps record ?

Tavmjong Bah s’est révélé un collaborateur formidable tout au long de ce travail, non seulement pour la compréhension de certaines expressions typiquement anglaises et la correction patiente de mes maladresses lorsque je malmenais la syntaxe xml des fichiers originaux, mais il a aussi et surtout réalisé intégralement les versions françaises des très nombreuses captures d’écran et illustrations. Il faut souligner de plus les efforts de tous ces francophiles pour adapter notre langue aux progrès informatiques, et qui m’ont bien sûr grandement facilité la tâche.

Avez vous rencontré Tavmjong Bah ?

Une simple suggestion : votre prochain forum national sur Inkscape pourrait être une excellente occasion, non ?…

Je ne sais pas de quel forum national sur Inkscape vous parlez. Il n’y a pas de regroupement des développeurs d’Inkscape (ni des utilisateurs) en dehors du Libre Graphics Meeting qui réunit développeurs et utilisateurs de nombreux logiciels. Les développeurs d’Inkscape sont en majorité de l’autre côté de l’atlantique et ne préfèrent pas se déplacer en Europe ou en Asie. Pour information une invitation lui avait été envoyé pour participer au booksprint sur le manuel officiel d’Inkscape sous licence GPL. Il a décliné l’invitation.

Son livre en anglais est publié chez SourceForge Community Press, est-ce qu’il est possible de se procurer la traduction en format papier également ?

Actuellement non. La suite est entre les mains de Tavmjong Bah et de son éditeur…

Est-ce que le contenu accessible en ligne en français est identique au livre de Tavmjong Bah et de votre traduction ?

Le livre de Tavmjong Bah a été traduit intégralement. Par rapport à la version en ligne, les versions papier et pdf contiennent trois tutoriels supplémentaires et les solutions des défis graphiques ; la version française en ligne correspond très exactement à la version anglaise en ligne.

Faites-vous partie de l’équipe d’Inkscape ?

Non, contrairement à Tavmjong Bah, je fais seulement partie des supporteurs de l’équipe !

Avez vous d’autres projets avec Inkscape dont vous pouvez nous parler ?

Juste une idée encore un peu vague, venue en constatant à la fois le développement très rapide des solutions libres et la prolifération, mais également la dissémination des articles, tutoriels et astuces : proposer de réunir quelques spécialistes bénévoles pour tenter de compiler un ouvrage complet sur l’infographie libre, pour l’imprimerie ou le web, de la PAO à la 3D, du choix des composants matériels à la gestion de la chaîne graphique, le tout à destination des professionnels, au moins en versions anglaise (internationalisation oblige) et française, et, cela va sans dire, libre de droits… mais je crois que cette fois vous pourriez vraiment parler d’exploit !

Nous vous remercions pour cette nouvelle ressource française de qualité !

… merci à Tav et à vous !

Avec Inkscape, il doit y avoir plusieurs méthodes pour réaliser un feu d’artifice.
Dans le cadre de ce billet, j’ai cherché à faire cette illustration avec l’outil “effets de chemin” (chemin > effets de chemin ou Maj + Ctrl + 7).
Cet outil cache plein d’options qui vont être bien utiles pour atteindre notre objectif!

Une illustration de feu d’artifice contient deux plans :
- le feu lui même
- le paysage de fond, généralement de nuit!!!

Dans ce billet seul la réalisation du feu d’artifice sera expliquée!

Pour commencer, tracez deux cercles.
Le plus grand, à la taille que vous souhaitez, le plus petit, doit être, comme son nom l’indique, le plus petit possible!
Gardez le quand même visible!

Centrez les deux cercles via l’icône “Aligner et distribuer les objets“ puis et .

C’est à ce stade qu’intervient l’outil “effets de chemin“.
Pour l’utiliser, sélectionnez les deux cercles puis les “combinez“.
Allez dans le menu “Chemins” puis faire “combiner” ou “Ctrl + K“.

Il faut maintenant, aller dans le menu “Chemins” puis “effets de chemin“.
Une fenêtre s’ouvre avec les diverses options possibles.
Dans le menu déroulant “Appliquer un nouvel effet” sélectionnez “Relier les sous-chemins” puis cliquez sur “Appliquer” (Si vous ne pouvez pas cliquer sur “Appliquer un nouvel effet“, c’est que vos deux cercles ne sont pas combinés!).
Nous avons une nouvelle fois, plein d’options pour cet effet!

En appliquant cet effet, on obtient par défaut 5 chemins qui vont du plus grand cercle vers le plus petit!
L’orientation des chemins a son importance, vous verrez pourquoi par la suite!
Pour voir apparaitre notre feu d’artifice naissant, on va augmenter le nombre de chemins!
Je vous propose d’en mettre 15, pour cela rien de compliqué, il suffit d’entrer 15 dans le champs “Nombre de chemins” (Qui a dit qu’Inkscape était compliqué?).

Voilà ce que vous devez obtenir :

Continuons à travailler notre feu d’artifice qui est à ce stade plutôt rigide et fade!
Il faut lui ajouter un peu d’irrégularité.
C’est toujours aussi simple, dans “variance du bord de départ” j’ai réglé sa valeur à 0,50.

On obtient bien, sur l’extérieur des chemins, des départs à distances irrégulières :

Vous comprenez pourquoi je disais plus haut que “ les chemins vont du plus grand cercle vers le plus petit“?
Si vous aviez modifiez la valeur de la “variance du bord de fin“, c’est logiquement au centre que l’effet se serait appliqué.
Je vous laisse tester!

Une chose très importante à faire avant de poursuivre, une fois vos réglages sur le nombre de chemins et leurs tailles faits, il FAUT retransformer vos tracés en chemins.
Pour cela, aller dans le menu “Chemins” puis “Objet en chemin” ou “MAJ + Ctrl + C“.
Si vous ne le faites pas, votre illustration risque de prendre une apparence inattendue!
Je vous laisse également tester!

Pour terminer de donner une jolie forme de feu d’artifice à mon illustration, il faut utiliser une autre option de l’outil “effets de chemin“ : “Courber le chemin“.
Comme pour l’effet “Relier les sous-chemins” sélectionner “Courber le chemin“. Puis dans “effet courant” cliquez sur l’icône “éditer sur la zone de travail”
Vous devez obtenir ceci :

Cliquez au milieu de cette ligne verte et courbez celle-ci vers le haut en la faisant glisser avec la souris :

Avant de continuer, il FAUT de nouveau retransformer vos tracés en chemins.

Vous commencez à le voir ce feu d’artifice?

Bien, il n’y a plus qu’à lui ajouter des couleurs, c’est quand même le but d’un feu d’artifice, d’être coloré!!!
Et là, c’est à vous de jouer et de laisser votre créativité s’exprimer!

Par exemple, appliquez une couleur comme ci-dessous, du orange et une épaisseur de trait d’un pixel.

Puis dupliquez votre feu, passez à une épaisseur de trait de 5 px, floutez un peu, un peu de transparence.
Enfin, faites le passer sous le premier feu d’un pixel et ajustez le pour obtenir un effet de feu d’artifice!

Les possibilités sont nombreuses, pour conclure, je vous propose mon bouquet final :

Cliquer pour zoomer!

L’illustration au format svg!

Ce billet a été originellement publié sur D-Blog-Pas.

De nouveau un petit tutoriel pour inkscape. But du jeu, dessiner une jolie pomme comme celle ci … Un minimum de connaissance du logiciel est quand même requis pour suivre cet explicatif.

Petite nouveauté par rapport aux autres tutoriels, Gimp sera de la partie !

Au boulot sans plus tarder

Tout d’abord, lancez Gimp. Menu Fichier / Nouveau et créez un document plus grand en pixels que le canevas Inkscape. Pour cet exemple, j’ai pris la taille 1280 x 1024.

Cliquez sur Valider. Allez ensuite dans le menu Filtres / Rendu / Nuages par différences.

Remplissez la boite de dialogue comme sur la capture suivante.

Vous devriez obtenir ceci :

Mais oui, cela va être utile pour la suite! Enregistrez ce “brouillard” n&b dans un fichier PNG sur votre disque dur. Menu Fichier / Enregistrer sous. N’oubliez pas de sélectionnez le type de fichier dans la boite de dialogue. PNG ou JPEG, j’ai une petite préférence pour le PNG.

Le brouillard est bien au chaud dans votre disque dur ? Parfait, passons au travail avec inkscape.

Premièrement, tracez un cercle parfait et convertissez le en chemin. (menu chemin / objet en chemin)

Passez ensuite sur l’outil noeud. Et déformez le cercle en déplaçant vers le bas et vers le haut les nœuds indiqués par les flèches.

*

Le but est d’obtenir un cercle légèrement aplati. Une fois la forme obtenue , Dupliquez la. (CTRL +D)

Insérez l’image contenant le brouillard. Redimensionnez la et passez la en arrière de façon à obtenir ceci.

Le cercle déformé ne doit pas dépasser de l’image insérée. Sélectionnez ensuite l’image + un cercle. (n’oubliez qu’il y en a deux superposés) et allez dans le menu Objet / découpe / définir.

On obtient un cercle rempli de brouillard !

Sélectionnez ce cercle et passez le en dessous de l’autre cercle. (touche page précédente)

Baissez l’opacité du cercle coloré qui est devant. (90%)

Le cercle en premier plan laisse entrevoir le “brouillard” ce qui donne une sorte d’effet de “peau”. Pour le moment j’ai juste appliqué une couleur vert sombre.

Pour donner plus de lumière, il faut appliquer un dégradé. Donc appliquez un dégradé radial comme sur l’image suivante. 44aa00ff -> 002b00ff

Ensuite, tracez une ellipse (remplissage 338000ff, opacité 90%) sur la partie supérieur de la pomme.

Tracez ensuite un cercle comme sur l’image suivante.

Dupliquez l’ellipse verte créée précédemment. Sélectionnez le petit cercle noir ainsi que la copie de l’ellipse et allez dans le menu Chemin / Intersection.

Appliquez un dégradé radial noir vers transparent à ce petit bout de cercle.

Ensuite nous allons dessiner quelques effets de lumières. Tracez deux cercles comme sur l’image suivante. le but est de ne conserver que la partie indiquée par la flèche. Toute la partie de l’ellipse rose sera supprimée.

Sélectionnez ces deux ellipses et allez dans le menu Chemin / Différence. Passez en blanc le nouvel objet obtenu.

Pour faire plus simple , j’ai dupliqué cet arc de cercle et appliqué une inversion verticale. (touche V). Placez cette copie inversée comme sur l’image suivante.

Il ne reste plus qu’a flouter ces deux objets blancs et baisser l’opacité. (flou 15% , opacité 72%)

Un petit reflet jaune ? Dessinez un cercle ( ffcc00ff ) comme sur l’image suivante.

Appliquez un flou de 32% de une opacité réduite a 54%.

Cet effet de lumière sera un peu survolé. Pour obtenir ceci :

Ce truc au dessus n’a rien avec windows. Non , ce n’est pas un dessin subliminale

J’ai dessiné 4 rectangles. Puis :

- conversion des objets en chemin (menu chemin / objet en chemin)

- combinaison de ces quatre objets avec la fonction combiner (menu chemin / combiner)

- j’ai tordu les 8 lignes horizontales avec l’outil nœud.

- j’ai appliqué une inclinaison de 20° avec l’outil transformer. (menu objet / transformer / onglet inclinaison)

Si cela intéresse quelqu’un , je peux approfondir ce passage. Les commentaires sont la pour çà

Après cette manip un peu complexe , on obtient un objet que l’on peut flouter également. (flou 12% , opacité 69%)

Passons à la queue de la pomme. Dessinez une forme équivalente a celle ci avec l’outil courbe de bézier. (un minimum de pratique avec ce outil est quand même nécessaire)

Appliquez un remplissage avec la couleur 2b1100ff et supprimez le contour.

Dupliquez cet objet , appliquez un remplissage plus clair ( 803300ff par exemple) et réduisez sa taille avec la fonction “offset dynamique”. (menu Objet / Offset dynamique). Vous devriez obtenir un résultat approchant à la capture suivante.

Floutez l’objet le plus clair (7%) et la tour est joué.

Oh la belle queue !

Il manque une ombre à cette queue. Tracez un rectangle comme sur l’image suivante avec un remplissage noir.

Dupliquez le cercle vert qui compose la pomme.

Sélectionnez cette copie ainsi que le rectangle noir, et allez dans le menu chemin / intersection.

Floutez cet objet et baissez l’opacité. Réduisez la hauteur pour ne pas que l’ombre dépasse de la pomme.

(flou 22% , opacité 91 %)

Encore un autre effet de lumière. Avec l’outil noeud , tracez un arc de cercle qui surplombe la partie droite de la pomme comme sur l’image suivante. (ou utilisez la technique des deux cercles + opération différence si vous n’êtes par encore à l’aise avec l’outil bézier)

Dupliquez le cercle composant la pomme. Sélectionnez cette copie + l’arc de cercle et allez dans le menu Chemin / intersection. Appliquez un remplissage blanc à ce nouvel objet.

Un oubli. J’ai appliqué un simple dégradé blanc vers transparent. (transparent côté “pomme”)

Un petit flou de 10% et une opacité réduite à 64%… et voilà !

Vous vous rappelez , la pomme est composée d’un cercle rempli d’un dégradé avec deux “stops” vert clair -> vert foncé. Après le vert foncé, j’ai rajouté un stop noir pour donner un effet d’ombre sur la partir inférieur.

Avec une simple ellipse et un flou conséquent , on peut facilement dessiner une ombre.

Le fichier SVG

L’image “brouillard”

Pour les utilisateurs de version de développement 0.47 :

Si vous possédez cette version, vous pouvez vous passez de gimp! Sur votre cercle de base , allez dans le menu Effets / Filter puis clouds. Le rendu est différent mais tout de même intéressant mais surtout il fait gagner du temps et évite le petit “aliasing” généré par la fonction découpe.

Dominique

Cette rentrée est le début de quelques changements pour inkscape-fr :

• Sortie du livre Inkscape 2ème édition avec une mise à jour du livre vers Inkscape 0.46 et 0.47 (toujours pas sortie alors ça ne peut décidemment pas être exaustif) Pour en savoir plus…
• Le site déménagera et sera propulsé par WordPress avec un thème graphique,
• Le début de concours pour le fun organisé par Inkscape-fr,
• Création d’une association Inkscape france. Interessé ? Contactez moi par mail.

Revenons à l’essentiel de cet article : un concours d’illustration commentée  avec à la clef, pour le gagnant : Un exemplaire de la 2de édition du livre Inkscape (avec une dédicace de l’auteur si vous le désirez).

Principe

Qu’est-ce donc une illustration commentée ? Une jolie illustration réalisée avec Inkscape et accompagnée d’un commentaire pour expliquer comment vous avez réalisé cela avec Inkscape.

Conditions

L’illustration

L’illustration doit entièrement être réalisée avec Inkscape. Quelques éléments bitmap seront tolérés. L’illustration doit être envoyé au jury en SVG Inkscape (le format natif du logiciel).
Attention Si le document contient des images bitmaps, ne pas oublier de lier ces images au fichier (Effets > Images > Incorporer toutes les images). Si le document contient du texte avec une police non standard, les convertir en chemin afin d’être sûr de ne pas défigurer votre oeuvre.

Thème de l’illustration

Le thème de votre création est : fin d’été. Votre image doit être jolie et/ou intéressante. Concrètement, cela peut être un logo comme un webdesign, une illustration, une planche de BD, un dessin technique, une affiche, une couverture de CD, DVD, livre, un fond d’écran, une icône etc…

Le commentaire

Il s’agit juste de décrire vos étapes clefs. L’idée d’expliquer votre oeuvre ne doit pas vous empêcher de la réaliser. C’est pour que le jury puisse comprendre votre démarche. Le gagnant sera interviewé par mes soins et j’écrirais plus en détail les différentes étapes du processus pour que tout le monde en profite aussi.
Faites nous parvenir vos explications dans un format standard ou lisible sur linux et windows (les différents membres du jury tournent sur ces deux OS), soit : ODT, HTML, TXT, RTF, PDF, LateX, .zip, .tgz. Afin d’accompagner votre commentaire, pensez à réaliser des captures d’écrans de vos étapes clefs.

Licence

A votre convenance. Ceci dit, entre deux participations exaequo nous privilégierons celle qui utilise une licence libre.
Le tour des licences libres

• Domaine Public,
• GPL,
• Copyleft,
• CC By-SA.

Dans tous les cas, il faut que vous autorisiez la publication de votre oeuvre et du texte sur inkscape-fr et Calcyum.org.
L’illustration expliquée qui retiendra notre préférence sera publiée sur ces deux sites et son auteur recevra un exemplaire du livre.

Comment participer

1. Déposer votre paticipation sur votre site personnelle, en billet de votre blog, sur votre site FTP, et faites nous parvenir vos liens par mail à
Indiquez moi votre nom. Chaque personne pourra poster UNE proposition.
2. Si vraiment vous n’avez pas d’endroit où stocker cela, pour pourrez utiliser le mail pour nous faire parvenir votre image et son texte.
Dates du concours
À partir d’aujourd’hui, 2 septembre 2008 vous avez un mois pour nous envoyer vos oeuvres. Le concours est clos le 2 Octobre 2008 à 0h06 (oui j’aime pas les comptes rond).

Le jury

Les membres
- Nicolas Dufour, auteur et docwriter pour Inkscape.
- FeIZocE, fondateur de Calcyum, auteur et infographiste.
- Popolon, contributeur d’Inkscape mutliples (code, traduction, documentation) et artiste.
- Elisa de Castro Guerra, auteur, formateur Inkscape, infographiste et docwriter pour Inkscape.

La notation

Voici le barême auquel le jury devra se tenir :
- esthétique générale sur 5
- technique sur 5
- pertinence par rapport au sujet sur 5
- personnalité sur 5
- Total sur 20
Les temps de délibérations seront dépendantes du nombre de participant. Mais nous vous tiendrons au courant.
Les deux finalistes seront présentés publiquement avant la délibération du jury.

Partenaires

Je remercie les éditions Pearson Education France qui a accepté d’offrir un exemplaire du livre au gagnant.  Et Calcyum pour son soutient.
Information
Cet article est également posté sur Calcyum.