Tutoriel GIMP INKSCAPE FreeMind
Contents
1. au calque sur lequel se trouve la forme une fois que la forme est des lectionn e le calque flottant dispara t On peut galement enregistrer la s lection sur un autre calque dans ce cas la forme est copi e sur un calque apr s avoir transformer le calque flottant en nouveau calque Ce nouveau calque prend par d faut la taille de la s lection Cette manipulation est gale CTRL X couper la s lection nouveau calque gt CTRL V coller la s lection dans un nouveau calque CTRL MAJ A d s lectionne clic hors de la s lection efface le cadre flottant 4 cr er des lignes Outils pinceau ou crayon MAJ cr er des segments droits Attention cr er des segments pr cis n est pas id al en bitmap Le mieux est de le faire en dessin vectoriel Le rendu est beaucoup plus pr cis 5 s lectionner et cr er des brosses Les outils sont dit s avec des brosses Par d faut Gimp en propose de toutes formes On peut en s lectionner une depuis l outil s lectionn dans la palette ou pour en modifier ou en ajouter de nouvelles e ouvrir le s lecteur de brosse boite de dialogue gt brosses o CTRL MAJ B e options de la boite de dialogue des brosses e modifier la brosse e nouvelle brosse e dupliquer la brosse e supprimer la brosse selon les droits UNIX l utilisateur ne pourra pas supprimer les brosses par Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 82. l image de fond il est n cessaire de cr er un calque sp cifique pour les formes Ouvrir la palette des calques boites de dialogue gt calques ou CTRL L Pour conserver l image de fond intacte s lectionner remplissage gt transparence par d faut vous pouvez galement adapter le calque la s lection si vous voulez un calque par forme 1 outils de s lection de la palette MAJ ajoute d autres formes la s lection pour cr er une forme plus complexe CTRL soustrait des formes la s lection pour couper dans la forme 2 contour et remplissage des formes Tracer le contour de la forme Menu dition gt tracer le contour d finit l paisseur le style et la couleur du contour Ou s lection gt bordure d finit la grosseur de la bordure Remplir la bordure la couleur s lectionn e en premier plan dans la palette d outils 3 manipulation transformation et d placement d une forme Les s lections flottantes Pour modifier ou d placer la forme s lectionner l Ensuite cr er une s lection flottante menu s lection gt flottante cr e un calque provisoire autonome au dimension de la s lection D placement d un calque flottant action de cliquer d poser barre d espacement fl che d placement par pixel barre d espacement MAJ fl che d placement de plusieurs pixels la fois modification rotation chelle perspective miroir avec les outils de transformation de la palette le calque flottant est li
3. tre apport es en tout temps Il est possible d ajouter de nouveaux greffons de filtres et d outils et d en cr er soi m me n cessite des comp tences en programmation perl python etc Site officiel de Gimp http www gimp org Manuel d utilisation en fran ais http docs gimp org fr Tutoriels en ligne en anglais http www gimp org tutorials htip qug criticalhit dk page tutorials N h sitez pas consulter ces manuels si vous tes habitu s photoshop Vous pourriez tre un peu d sorient s au d but parce que les outils ne se pr sentent pas exactement de la m me mani re et leur manipulation peut tre diff rente Les diff rentes fen tres de Gimp Gimp est un logiciel multiple fen trages calques navigation bo tes d outils graphiques selecteur il est possible de personnaliser le fen trage et choisir les fen tres les plus importantes ouvrir comme fen tre d outils pr f rences gt gestion des fen tres Les autres fen tres ancrables s ouvrent par diff rents menu ou par des raccourcis clavier et aussi par la barre de menu gt fen tres gt fen tres ancrables La fen tre boite d outils contient les outils de modification d une image texte selection par forme par couleur ou selection intelligente baguette magique ciseau outils de transformation rotation modification Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02
4. 11 10 1 outils de d grad de remplissage de dessin crayon pinceau airbrush d effacement tampon gomme etc chaque outils peut tre configur dans la boite d outils voir l affichage des param tres pour chaque outils dans la fen tre des outils La fen tre des calques permet de cr er verrouiller masquer fusionner des calques La fen tre de navigation permet de naviguer dans le document etc Dans les menus principaux fichier cr er un document ouvrir r cemment ouvert ouvrir en tant que calque enregistrer enregistrer comme mod le enregistrer sous un autre format exporter quitter etc edition actions de copier coller annuler restaurer l action pr c dente l action suivante les pr f rences et gestion des raccourcis clavier peut s av rer tr s utile etc selection tout aucune inverser flottante r duire la selection agrandir selection d une bordure d formation etc affichage nouvelle vue afficher la selection les bords du calque les guides la grille aligner sur la grille sur les guides vue pleine cran zoom etc image mode RVB niveau de gris couleurs index es transformation mirroir et rotation taille du caneva taille d impression chelle et taille de l image d coupe selection calque fusion des calques visibles applatir l image guides propri t s de l image etc calque dupliquer cr er fusionner supprimer pile masq
5. GIMP Gnu Image Manipulation Programme Logiciel libre de traitement d image The Gimp est l alternative libre au logiciel propri taire d Adobe Photoshop Il fait partie du projet GNU Cr e en 1995 il est cross plateform c est dire qu on peut l installer sur les syst mes Microsoft Windows Mac OSX et videmment les diff rentes distributions de GNU Linux Il est install sur les machines du CCC merci Alejandra T l charger les installeurs Gimp pour OSX htip aimp lisanet de Website Download html Gimp pour GNU Linux http www gimp org downloads sinon gt voir aussi les listes de d p ts logiciels des distributions selon les distributions il est install automatiquement avec d autres pack logiciels Gimp pour Windows http downloads sourceforge net gimp win gimp 2 6 11 i686 setup 1 exe La version actuelle la plus r cente 2 6 11 Le format natif de Gimp est XCF Il permet d enregistrer l image en conservant tous les canaux et calques Pour exporter une image sur Internet il est n cessaire de la compresser et de l enregistrer en format jpg png ou gif On peut exporter les images dans diff rents et nombreux formats la plupart de ces formats vont craser les calques et les canaux utiliser PNG JPEG GIF PSD PGM PBM ICO ic nes Microsoft TIFF EPS PS PDF XHTML et tableur HTML CIC Comme pour tous les logiciels libres son code source est disponible et des modifications peuvent
6. ce graphique et l ergonomie Inkscape g re tr s bien le SVG mieux que Illlustrator semblerait il ce qui le rend tr s fiable pour les images et logos export s sur le web le SVG est un langage de la famille du XML Lorsque l on cr un fichier SVG on peut donc diter le fichier texte XML et intervenir directement dans les valeurs de ce fichier Tutoriel http www formatiques com video creer un header pour son site avec inkscape T l charger les installeurs Inkscape pour Mac OSX 10 5 leopard http downloads sourceforge net inkscape Inkscape 0 48 0 1 LEOPARDS2B dmg pour d autres syst mes ant rieur L opard se r f rer ici htip inkscape modevia com macosx snap C M O D Inkscape pour Microsoft Windows http downloads sourceforge net inkscape Inkscape 0 48 0 1 exe htto downloads sourceforge net inkscape Inkscape 0 48 0 1 win32 7z ou ici http inkscape modevia com win32 M D Dessin vectoriel 22 Par nature un dessin vectoriel est dessin nouveau chaque visualisation ce qui engendre des calculs sur la machine L int r t est de pouvoir redimensionner l image volont sans aucun effet d escalier L inconv nient est que pour atteindre une qualit photor aliste il faut pouvoir disposer d une puissance de calcul importante et de beaucoup de m moire Le principe de base du dessin vectoriel consiste d crire des formes g om triques simples arcs de cercle ou d ellipse segment
7. d faut gt droits du root mais il peut supprimer celles qu il a lui m me cr e actualiser les brosses 6 Outils texte permet d diter du texte dans un calque texte On crit le texte dans une boite de dialogue Dans les options du texte dans la palette on peut choisir la police la taille et la couleur On peut modifier en tout temps ce texte en activant le calque et l outil texte Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 9
8. e recr ent pas les liens et le fichier XHTML cr une carte cliquable qui renvoie une longue liste de lien en dessous T l charger les Installeurs htip freemind sourceforge net wiki index php Download FreeMind pour Mac OSX htip ordownloads sourceforge net freemind Mac OS X Freemind 0 8 1 dmg download FreeMind pour Microsoft Windows htto ordownloads sourceforge net freemind FreeMind Windows Iinstaller 0 8 1 max exe download Tutoriel FreeMind en vid o htip www dailymotion com video xf57j6 freemind un logiciel bien pratique_lifestyle Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 5 Petit tutoriel cr er une image cliquable pour le web Cr er une carte cliquable en utilisant Inkscape pour cr er un dessin et gimp pour le filtre de la carte cliquable et modification de l image 1 ouvrir inkscape nouveau document 2 propri t du document taille du document 800 600 px 3 cr er 4 formes simples sur le dessin 4 mettre des couleurs dans les formes D cr er des calques et d placer chaque forme dans un calque apprentissage de cr ation de calque et de d placement des objets dans les calques 6 Enregistrer le fichier en format SVG 7 fermerr 8 ouvrir Gimp fichier ouvrir le document SVG 9 Gimp va demander quelles tailles et quelles r solutions choisir 90 dpi et 800 600 10 modifier le fichier au besoin cr er un fond de cou
9. la carte et le lien sur l image de r f rence l image png c est tr s important d enregister ce fichier map dans le m me r pertoire que l image png L un et l autre sont li s Par la suite ce code peut tre ins rer dans n importe quelle cellule de tableau n importe quelle page html pour autant que le liens avec son image ne soit pas corrompu Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 6 Modifier le code html du fichier map Ouvrir le fichier map dans un diteur de texte voici comment il peut se pr senter lt img src mymap png width 1200 height 1024 border 0 usemap map gt img src indique le lien sur l image png sa taille si elle contient une bordure l ID ou le nom de la carte ici map lt map name map gt map est la carte cliquable lt Image map file created by GIMP Image Map plug in gt indique le logiciel qui g n re la carte lt GIMP Image Map plug in by Maurits Rijk gt lt Please do not edit lines starting with gt lt VERSION 2 3 gt lt AUTHOR nathalie gt l auteur du logiciel dans les pr f rences de Gimp lt area shape circle coords 229 286 117 alt meetopia href http www meetopia net gt lt area shape poly coords 432 183 519 178 545 267 497 342 401 296 alt free software fondation href http www fsf org gt lt area shape circle co
10. leur ou importer une image de fond 11 enregistrer SOUS my new map png 12 choisir format d image png Une boite d alerte va nous demander d exporter l image et Gimp va craser les calques de l image originale c est la raison pour laquelle il faut toujours garder l original en xcf avec tous ses calques si on veut modifier son image par la suite 13 au besoin fermer Gimp et re ouvrir le png que l on vient de cr er comme cela on est s r que c est bien le bon format qui est utilis PNG parce que lors de la carte cliquable sur internet le png est le format id al l image en png va tre l image que l on va utiliser pour cr er la carte cliquable Gimp le fait par le filtre image cliquable web e filtres gt web gt image cliquable web e Le filtre ouvre l image dans un diteur sp cifique On peut choisir de cr er des zones rectangulaires polygones ou en ellipse Une fois la s lection dessin e une boite de dialogue permet d entrer l URL du site et un texte alternatif ainsi que modifier les param tres de la s lection Un autre onglet permet de cr er des comportements en javascript onMouseOver onMouseOut etc pas test On peut redimentionner la s lection et la d placer sa guise e Une fois que les zones sont d finies et que des URL ont t attribu es aux zones on peut enregister le fichier e Gimp va enregjister le fichier en map En fait c est un fichier HTML avec les codes de
11. ords 358 613 64 alt wikipedia the free encyclopedia href http www wikipedia org gt chaque forme est d finie par cette partie de code lt area shape coords alt href gt Dans ces lignes figurent les l ments qui nous int ressent le lien href le texte alternatif alt les coordonn es de la zone cliquable ou elle est plac e sur l image coords et sa forme cercle rectangle ou polygone area shape lt map gt d clare la fin de la carte Dans cette partie du code on va rajouter des informations 1 L l ment title qui permet d afficher une information dans une petite zone de texte en survol de la zone active avec la souris 2 L l ment target qui permet de signifier au navigateur comment ouvrir le lien on a plusieurs possibilit s l ouvrir dans la m me fen tre dans une fen tre parent pour les pages qui contiennent des frames dans une autre fen tre On va demander au navigateur d ouvrir le lien dans un nouvel onglet une nouvelle page On va donc pr ciser ainsi on aura Les valeurs de title href coords et shape sont d pendant ce vos contenus et des formes que vous avez dessin es dans le filtre de gimp ainsi que l emplacement sur la carte Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 7 Tools and tips Gimp ajouter des calques Pour cr er de nouvelles formes sans toucher
12. per texte bordure xml pr f rences Ci dessous 2 outils des noeuds et chemins de vecteurs Ci dessous 3 outils d ancrage et magnetisation des objets magnetisations sur les guides la grille etc Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 4 FreeMind Cr ateur de cartes heuristiques ou Mind Map diagrammes de connexions crit en JAVA d velopp depuis 2004 il connait un d veloppement plus important depuis 2009 suite l apport du fork FreePlane embranchement nouvelle branche de logiciel d velopp sur le code source d origine Le logiciel est am lior rapidemment Le format natif d un fichier FreeMind est mm Il peut tre ouvert et lisible en format XHTML par un diteur de texte conventionnel Le logiciel est Cross platform et disponible pour MacOSX Windows et Linux Fonctionnalit s export aux formats HTML XHTML PNG JPEG SVG PDF import d une arborescence de r pertoire icones dans les cellules nuages autour des branches connexions graphiques des cellules recherche dans les branches hyperliens vers le web ou des fichiers Source http fr wikipedia org wiki Freemind un Applet Java permet donc une interactivit compl te on peut jouer avec la carte fermer les noeuds et cliquer sur les liens c est nettement moins facile faire dans d autre formats les formats images et PDF n
13. s de droite courbes de B zier auxquelles on peut appliquer diff rentes transformations rotations crasement mise l chelle Les effets sp ciaux permettent une grande souplesse extrusion effet miroir d grad de formes morphage etc R f rences http fr wikipedia org wiki Image vectorielle Tutoriel vid o d buter avec Inkscape htip www dailymotion com video x36ga9 debuter avec inkscape_ creation Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 3 L interface de Inkscape a ae a a o e e TSS aa A 000 N afsj a a ANER ER NE A E EE S AA A E N SAA AE TEE EA 4 EF cm Mi dl DUREE CCS 2e TS CSS ad con OPILIOQ SA 7 P TS sag saal O E E AE SAT gt 8 O SANTE u u NZ Er E E 1 e a gt RER ra o 10 w calque 2 v Aucun objet s lectionn S lectionnez des objets par Clic Maj Clic ou c1i El kasin Zz Ea Ci contre outils principaux selection outils de noeuds zoom boites 3D dessins de formes g om triques dessins de traits remplissage de couleurs la barre des couleurs en bas permet aussi de remplir l objet ou son contour outils de texte d grad selecteur de couleur Ci dessous outils du menu nouveau fichier enregister imprimer ouvrir annuler et restaurer l action suivante l action pr c dente zoom grouper les l ments d grou
14. ue transparence transformation dimension chelle et taille du calque couleurs balancie teinte saturation luminosit contraste seuil courbe post risation d saturisaiton mappage informations historiogramme colorisation couleur vers alpha filtres etc outils diff rents outils de la boite d outils Filtres divers filtires applicables sur l image pour en changer l aspect ou apporter des fonctionnalit s particuli res Par exemple la carte cliquable est g n r e par un de ces filtres fen tres fen tres ancrables et fen tres ouvertes par le programme Tutoriel GIMP INKSCAPE FreeMind cybercultures studies 2010 2011 Electronic Remediation 02 11 10 2 Inkscape Inkscape est l alternative libre de Adobe Illustrator C est un programme de dessin vectoriel Inkscape est Cross Platform c est dire qu il est d velopper autant pour OSX Windows et Linux Le logiciel existe depuis 2003 et son d veloppement est actif Actuellement malgr quelques inconv niants dans la gestion des tailles des objets et export en format al Il est une bonne alternative Illustrator Cependant la gestion des outils leurs noms et leurs fonctionnalit s varient quelque peu entre Adobe Illustrator et Inkscape Voici une liste de points qu il est utile de lire si vous tes des utilisateurs d Illustrator http wiki inkscape org wiki index php inkscape for Adobe Illlustrator users L accens est mis sur l interfa
Download Pdf Manuals
Related Search