N0D1 - InkscapeBlog personnel de Sylvain Naudin 🐧 Libre depuis 2004 #FLOSS #WEB #RERS2024-03-21T10:18:32+01:00Naudin Sylvainurn:md5:cd16e8cdbcf550b71334a67dba970bbfDotclearAtelier Inkscape le 18/03/2017 avec 3LC à Cognacurn:md5:b465968275ca5670d7f769d4b1b8e82e2017-02-28T18:27:00+01:002017-03-02T21:08:20+01:00SylvainInkscape3LCCharenteCognacInkscapeSVG <p>En décembre j’ai rencontré pendant un week-end portes ouvertes à l’<a href="http://www.avantscene.com/avantscenelab/" hreflang="fr">AVANTSCENELAB</a> <sup>[<a href="https://sylvain.naud.in/post/2017/02/28/Atelier-Inkscape-avec-3LC-%C3%A0-Cognac#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup> la présidente de l’association Logiciel Libre et Linux à Cognac (<a href="http://logicielslibrescognac.org/" hreflang="fr">3LC</a>).</p>
<p>Je suis passé depuis une fois au local dans le centre de Cognac et une seconde fois lors d’une pré-assemblée générale, où nous avons parlé des projets 2017.</p>
<h5>Atelier découverte Inkscape</h5>
<p>J’ai donc le plaisir d’animer prochainement un atelier sur un thème qui m’est proche : <strong>Inkscape</strong>.</p>
<p><a href="https://sylvain.naud.in/public/Affiches/Affiche_Atelier_Inkscape_3LC_20170318.png" title="Affiche_Atelier_Inkscape_3LC_20170318.png"><img src="https://sylvain.naud.in/public/Affiches/.Affiche_Atelier_Inkscape_3LC_20170318_m.png" alt="Affiche_Atelier_Inkscape_3LC_20170318.png" style="display:table; margin:0 auto;" title="Affiche_Atelier_Inkscape_3LC_20170318.png, fév. 2017" /></a></p>
<p>Nous pourrons sans doute organiser une deuxième journée. Pour cette première, que l’on peut cibler <em>débutant</em>, nous découvrirons pendant les 4 heures l’interface du logiciel, à l’issue de la journée vous devriez pouvoir être autonome sur les principales fonctionnalités.</p>
<p>En annexe je joins l’affiche <sup>[<a href="https://sylvain.naud.in/post/2017/02/28/Atelier-Inkscape-avec-3LC-%C3%A0-Cognac#wiki-footnote-2" id="rev-wiki-footnote-2">2</a>]</sup> au format PDF, la source SVG (par contre il vous faudra les polices en plus car je n’ai pas converti les textes) et un export PNG haute résolution. Pour l’exercice, j’ai suivi <a href="https://imppao.wordpress.com/2016/05/02/tuto-inkscape-fond-decran-geometrique-2/" hreflang="fr">un tutoriel</a> d’<a href="https://imppao.wordpress.com/" hreflang="fr">imppao</a> pour réaliser le fond de l’affiche.</p>
<p>Le nombre de places est limité, actuellement à 10 avec déjà quelques membres pré-inscrits, rendez-vous le 18 mars !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://sylvain.naud.in/post/2017/02/28/Atelier-Inkscape-avec-3LC-%C3%A0-Cognac#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] Le théâtre l’Avant Scène qui intègre l’AS’LAB, un tiers lieux lauréat du projet <a href="http://alpc.opengare.com/" hreflang="fr">Open Gare</a> en Nouvelle Aquitaine.</p>
<p>[<a href="https://sylvain.naud.in/post/2017/02/28/Atelier-Inkscape-avec-3LC-%C3%A0-Cognac#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] forcément réalisée avec Inkscape</p></div>
https://sylvain.naud.in/post/2017/02/28/Atelier-Inkscape-avec-3LC-%C3%A0-Cognac#comment-formhttps://sylvain.naud.in/feed/atom/comments/133Inkscape 0.92urn:md5:494aa98cfd9b9ddb30f75e7eb548cc9e2017-01-05T20:14:00+01:002017-01-05T20:25:20+01:00SylvainInkscapeInkscapeSVG <p>Hier c’était mon anniversaire et ce soir j’ai un autre cadeau <sup>[<a href="https://sylvain.naud.in/post/2017/01/05/Inkscape-0.92#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup> !</p>
<p>Dans mes lectures RSS du jour, le blog d’<a href="https://imppao.wordpress.com/2017/01/05/sortie-dinkscape-version-0-92/" hreflang="fr">imppao</a> m’apprend que la <strong>version 0.92 d’Inskscape</strong> est disponible au téléchargement dans sa version stable 😎.</p>
<p>Vous pouvez consulter l’<a href="https://inkscape.org/fr/news/2017/01/04/version-092-sortie/">article de l’annonce</a> avec les détails.</p>
<p>Pour l’occasion il y a aussi une petite vidéo (baissez le son par contre !)</p>
<iframe width="600" height="337" src="https://www.youtube.com/embed/EI1hxXt9U4c" frameborder="0" allowfullscreen></iframe>
<p>Enfin pour en savoir plus, consultez les notes de version 0.92 sur <a href="http://wiki.inkscape.org/wiki/index.php/Release_notes/0.92/fr">le wiki</a>.</p>
<div class="footnotes"><h4>Note</h4>
<p>[<a href="https://sylvain.naud.in/post/2017/01/05/Inkscape-0.92#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] bon même si dans les faits, j’avais déjà la version de développement étant sous Fedora.</p></div>
https://sylvain.naud.in/post/2017/01/05/Inkscape-0.92#comment-formhttps://sylvain.naud.in/feed/atom/comments/123Ressources utiles pour Inkscapeurn:md5:01dabee9fd785a2bc57b93e1668c8bce2013-11-18T18:00:00+01:002013-11-18T18:00:00+01:00SylvainInkscapeInkscapeliensressourcesscreencastSVGtutoriel <p>Pour que cela soit plus pratique, j’ai extrais les liens de ma <a href="https://sylvain.naud.in/post/2013/11/16/Ajouter-une-palette-de-couleurs-personnalis%C3%A9es-sous-Inkscape">précédente présentation</a> vers des ressources utiles, pour découvrir <strong>Inkscape</strong> où se perfectionner, où des ressources qui traitent du SVG. C’est aussi l’occasion de dépoussiérer mon <a href="http://blog.silvyn.net/?post/2007/07/28/Ressources-Inkscape" hreflang="fr" title="Ressources Inkscape">précédent billet</a> de 2007 sur le sujet !</p>
<h3>Généralité</h3>
<ul>
<li><a href="http://inkscape.org/" hreflang="fr">http://inkscape.org/</a></li>
<li><a href="http://fr.wikipedia.org/wiki/Image_matricielle" hreflang="fr">Image matricielle</a></li>
<li><a href="http://fr.wikipedia.org/wiki/Image_vectorielle" hreflang="fr">Image vectorielle</a></li>
<li><a href="http://inkscape.org/doc/" hreflang="fr">Documentation utilisateurs</a></li>
<li><a href="http://inkscape.org/doc/basic/tutorial-basic.fr.html" hreflang="fr">tutorial: BASIQUE</a></li>
<li><a href="http://nojpeg.org/nojpegfr.html" hreflang="fr">Pourquoi vous ne devriez pas utiliser le format JPEG pour votre logo</a></li>
</ul>
<h3>Ressources SVG</h3>
<ul>
<li><a href="http://openclipart.org" hreflang="en">OpenClipArt</a></li>
<li><a href="http://openclipart.org/user-detail/silvyn" hreflang="en">Ma contribution à L’OpenClipArt</a></li>
<li><a href="http://thenounproject.com/fr/" hreflang="fr">The Noun Project</a></li>
</ul>
<h3>Tutoriels</h3>
<ul>
<li><a href="http://inkscapetutorials.wordpress.com/" hreflang="en">Inkscape tutorials blog</a></li>
<li><a href="http://inkscapetutorials.wordpress.com/2013/08/31/create-a-sticker-with-dogeared-edge-using-inkscape/" hreflang="en">Create a Sticker with Dogeared Edge using inkscape</a></li>
<li><a href="http://2dgameartforprogrammers.blogspot.fr/2011/10/lets-get-started-with-circles.html" hreflang="en">Let’s get started - with circles</a></li>
<li><a href="http://imppao.wordpress.com/category/inkscape/" hreflang="fr">Imppao’s Weblog</a></li>
<li><a href="http://screencasters.heathenx.org/" hreflang="en">Screencasters.Heathenx</a></li>
<li><a href="http://howto.nicubunu.ro/" hreflang="en">Nicu’s How-to</a></li>
</ul>
<h3>Screencast</h3>
<ul>
<li><a href="http://www.youtube.com/user/77centreformation/videos" hreflang="fr">77centreformation</a></li>
<li><a href="http://www.youtube.com/watch?v=HciNiZXGKmI" hreflang="en">Inkscape : how to drow crazy logo</a></li>
<li><a href="http://www.youtube.com/watch?v=HciNiZXGKmI" hreflang="en">Designing a Simple Logo in Inkscape</a></li>
<li><a href="http://www.youtube.com/watch?v=q8XORGTMjIs" hreflang="en">Inkscape Flourish</a></li>
</ul>
<h3>Autres logiciels libres qui utilisent SVG</h3>
<ul>
<li><a href="http://www.blender.org/" hreflang="en">Blender</a></li>
<li><a href="http://www.openshotvideo.com/" hreflang="en">OpenShot Video Editor</a></li>
<li><a href="http://sozi.baierouge.fr/" hreflang="en">Sozi</a></li>
</ul>
<h3>Web - Responsive Design</h3>
<ul>
<li><a href="http://letrainde13h37.fr/5/svg-ami-du-responsive-webdesign/" hreflang="fr">SVG, l’ami du Responsive Web Design</a></li>
<li><a href="http://coding.smashingmagazine.com/2012/01/16/resolution-independence-with-svg/" hreflang="en">Resolution Independence With SVG</a></li>
<li><a href="http://zurb.com/playground/social-webicons" hreflang="en">Social Web Icons</a></li>
<li><a href="http://tympanus.net/codrops/2013/10/15/animated-checkboxes-and-radio-buttons-with-svg/" hreflang="en">Animated Checkboxes and Radio Buttons with SVG</a></li>
</ul>
<h3>Divers</h3>
<ul>
<li><a href="https://code.google.com/p/jessyink/" hreflang="en">JessyInk</a></li>
</ul>https://sylvain.naud.in/post/2013/11/18/Ressources-utiles-pour-Inkscape#comment-formhttps://sylvain.naud.in/feed/atom/comments/94Ajouter une palette de couleurs personnalisées sous Inkscapeurn:md5:3ebd24c8a29ba996a80051014fa4918a2013-11-16T23:43:00+01:002013-11-18T16:27:58+01:00SylvainInkscapeGimpInkscapeSVG <p>Aujourd’hui j’ai eu le plaisir de co-animer l’<a href="https://www.starinux.org/blog/index.php?post/2013/11/14/Inkscape%2C-%C3%A9diteur-d-images-vectorielles" hreflang="fr" title="Annonce atelier StarinuX Inkscape">atelier Inkscape</a> dans le cadre des activités de StarinuX. Vous trouverez le <a href="https://www.starinux.org/blog/index.php?post/2013/11/16/Support-de-l-atelier-Inkscape" hreflang="fr" title="Support de présentation atelier Inkscape">support de présentation</a> sur le nouveau blog de l’association avec l’accès vers l’espace membre <sup>[<a href="https://sylvain.naud.in/post/2013/11/16/Ajouter-une-palette-de-couleurs-personnalis%C3%A9es-sous-Inkscape#pnote-93-1" id="rev-pnote-93-1">1</a>]</sup> que j’ai mis en ligne le jour de la sortie de <a href="https://sylvain.naud.in/post/2013/11/13/Sortie-de-Dotclear-2.6" hreflang="fr" title="Support de présentation atelier Inkscape">Dotclear 2.6</a>, histoire de fêter ça.</p>
<p>J’ai évoqué dans la journée la possibilité d’utiliser une palette de couleur personnelle, et j’ai eu envie d’essayer à partir du jeu de couleur que j’ai utilisé pour le support.<br />
C’est en fait assez simple.</p>
<p>J’ai isolé dans un nouveau document mes carrés colorés (j’ai pour habitude de les mettre sur le coté de mon plan de travail pour les retrouver facilement), ensuite vous enregistrez une copie en choisissant le format de fichier *.gpl <sup>[<a href="https://sylvain.naud.in/post/2013/11/16/Ajouter-une-palette-de-couleurs-personnalis%C3%A9es-sous-Inkscape#pnote-93-2" id="rev-pnote-93-2">2</a>]</sup> comme Palette pour Gimp.</p>
<p>Avec les droits administrateurs, copier/coller votre fichier (par exemple palette.gpl) dans le répertoire /usr/share/inkscape/palette, et au prochain lancement d’Inkscape, vous pourrez choisir dans la liste des palettes la votre !<br />
(pour faire plus propre, renseignez dans les métadonnées du fichier svg un nom, c’est celui-ci qui sera utilisé dans la liste).</p>
<p><a href="https://sylvain.naud.in/public/capture/Palette-couleur-gimp-inkscape.png" title="Palette-couleur-gimp-inkscape.png"><img src="https://sylvain.naud.in/public/capture/.Palette-couleur-gimp-inkscape_m.png" alt="Palette-couleur-gimp-inkscape.png" style="display:block; margin:0 auto;" title="Palette-couleur-gimp-inkscape.png, nov. 2013" /></a></p>
<div class="footnotes"><h4 class="footnotes-title">Notes</h4>
<p>[<a href="https://sylvain.naud.in/post/2013/11/16/Ajouter-une-palette-de-couleurs-personnalis%C3%A9es-sous-Inkscape#rev-pnote-93-1" id="pnote-93-1">1</a>] ainsi que en pièce jointe, mais ici au format initial, donc sans la bonne police, ça risque de ne pas être joli chez vous</p>
<p>[<a href="https://sylvain.naud.in/post/2013/11/16/Ajouter-une-palette-de-couleurs-personnalis%C3%A9es-sous-Inkscape#rev-pnote-93-2" id="pnote-93-2">2</a>] oui comme la licence ^^’</p></div>
https://sylvain.naud.in/post/2013/11/16/Ajouter-une-palette-de-couleurs-personnalis%C3%A9es-sous-Inkscape#comment-formhttps://sylvain.naud.in/feed/atom/comments/93