The Gnu Image Manipulation «Gimp» Logiciel libre de traitement d
Contents
1. 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 5 Nathalie Perrin meetopia Le 08 10 2008 Code html Enregistrer l image va cr er un fichier png map Ce fichier et l image sont li es On aura besoin des deux pour afficher l image cliquable sur le Web Il est donc souhaitable qu il soit enregistr dans le m me r pertoire que l image PNG Il se pr sente sous forme d un fichier texte et contient du code html lt img src test pg width 450 height 320 border usemap map gt lt map name map gt lt l Imge mp file created by GIMP Image Map plug in gt lt l GIMP Imge Map plug in by Maurits Rijk gt lt l Please do not edit lines starting with gt lt l HSVERSION 2 3 gt lt l SAUTHOR nathalie gt lt area shape rect coords 66 27 154 155 href http www cyberaxe org gt lt area shape rect coords 325 40 403 119 href http www meetopia net gt lt Map gt 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 lie2. transformation de la palette di ME p E MAJ et option d placer le calque actif d place le calque sur lequel pointe le curseur peut importe dans quel calque on se trouve 5 cr er des lignes MAJ cr er des segments droits 6 s lectionner et cr er des brosses Les outils F FA 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 ouvrir le s lecteur de brosse boite de dialogue gt brosses ou CTRL MAJ B z options de la boite de dialogue des brosses Brosses a EEEE n modifier la brosse DT PIE aada d nouvelle brosse 0 7 Le dupliquer la brosse LIL supprimer la brosse selon les droits UNIX l utilisateur ne pourra pas supprimer les brosses par d faut gt droits du root mais il peut supprimer z a Pha a v celles qu il a lui m me cr Ea i actualiser les brosses LA Es gt V X Cr Espacement 22 20 0 gt A alm 7 Outils texte A 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 4 Nathalie Perrin meetopia Le 08 10 2008 8 cr er une image cliquab
3. Network Graphics Le PNG est donc le format id al pour l export sur le Web Mais contrairement au GIF il ne peut pas g n rer d images anim es Il faut utiliser pour cela un autre format le MNG Multiple image Network Graphics httpi fr wikipedia org wiki Multiple image Network Graphics Gimp peut exporter des images anim es en format MNG 6 Nathalie Perrin meetopia Le 08 10 2008
4. The Gnu Image Manipulation Gimp 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 fonctionne sur Gnu Linux toutes distributions sur Apple OSX installation pr alable du package X11 disponible en fichiers sources compiler mais galement en fichier binaire compress en dmg et sur Microsoft Windows Gimp Sous Apple OSX httprfrwikipedia org wikifImageGimp 2 2 6 _Mac pn Gimp sous GNU Linux Ubuntu httpif frwikipedia org wikifImage Gimp 213 _Ubuntu png Gimp sous Windows Vista htto frwikipedia org wikifImage Gimp 240 wikitest pna Comme pour tous les logiciels libres son code source est disponible et des modifications peuvent 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 Le format natif de GIMP est xcf photoshop psd Ce format 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 Site officiel de Gimp httpsiumm gimp org Manuel d utilisation en fran ais http docs gimp ora fr Tutoriels en anglais http gimp org tutorials N h sitez pas consulter ces manuels si vous tes habitu s photoshop Vous pourriez
5. ite 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 1 Tout Ctri A X Aucune Shift Ctri A wi Inverser Ctri Elottante Shift Ctri L T Par couleur Shift 0 e Depuis le chemin SAITE V Adoucir Enlever l adoucissement n a R tr cir 2 Agrandir r Bordure D slactiver le masque rapide Shift Q i Enregistrer dans un canal TE Vers chemin le calque flottant est li 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 3 Nathalie Perrin meetopia Le 08 10 2008 a HoLveau calgue Arri re plan Es 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 Outils de
6. le pour le web Lorsqu on a cr er une image pour la rendre utilisable sur le Web et cr er des zones cliquables de liens URL vers d autres sites Web on va g n rer un fichier html Gimp le fait par le filtre image cliquable web filtres gt web gt image cliquable web Voici comment proc der Exporter l image originale format xcf en format png voir dernier chapitre du document fichier gt enregistrer sous gt choisir format png portable network graphics 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 Votre image devrait tre export e avant d tre enregistr e en PNG pour les raison suivantes PNG ne peut g rer les calques Aplatir l image La conversion exporter ne modifiera pas l image d origine Ouvrir l image en png et v rifier la r solution elle doit tre de maximum 150 DPI pour une taille de 1280 1024 pixels Ouvrir le filtre image cliquable et g n rer les zones sur lesquels il y a des liens URL Fichier dition Affichage Cartographie Outils Aide H XKX a WL RAOEEZIE O0 1 S lection FH BJ m URL 1 http www cyberaxe org 2 http ffwww meetopia net GO TSI Ce Le Len So Le filtre ouvre l image dans un diteur On peut
7. ns avec son image ne soit pas corrompu Le format PNG C est un format libre sans brevet propri taire Il a t con u pour remplacer le format GIF de Compuserve dont l algorithme de compression tait soumis deux brevet IBM et UNISYS A partir du 1er octobre 2006 ces brevets propri taires ont expir s voir texte Pourquoi il n y a pas de fichier GIF sur le site du GNU http gnu org philosophu aif fr html PNG est un format con u pour Internet Il am liore les capacit du GIF puisqu il n est pas limit 256 couleurs Il est appropri pour les ic nes images synth tiques et graphiques sur Internet mais g re bien aussi les images photographiques sans pertes de donn es mais au d triment de la taille du fichier qui reste tr s lourde compar e celle du format JPEG ou JPEG 2000 Globalement on peut dire que PNG g re mieux les niveaux de transparence que GIF cause de son canal alpha et ses niveaux de compression sont meilleurs galement Ainsi l ou GIF ne propose que de la transparence PNG propose plusieurs niveaux de transparence et de translucidit Actuellement dans le Web design on utilise majoritairement ce format bien qu il y ait quelques incompatibilit s avec les vieilles version de Internet Explorer ant rieures la version 7 le navigateur Web de Microsoft http ns libpng org pub png pngintro html hitpsfmmnmm css ig net docsftranspsrence format png hitpi frwikipedis org wiki Portsble
8. te s lectionner remplissage gt transparence par d faut vous pouvez galement adapter le calque la s lection si vous voulez un calque par forme Nom du calgue F ES ICE Largeur 640 Hauteur 480 Type de remplissage de calque 0 Couleur de premier plan Couleur d arri re plan Blanc Transparence 0 aide X annurer valider 2 outils de s lection de la palette 4 ommmmnns dy 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 Nathalie Perrin meetopia Le 08 10 2008 3 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 i Choisissez un style de trac Sans nom 3 2zinnias png Ligne de trac paisseur de ligne 6 0 i ax s 7 Style de ligne Style de coiffe m M m Style de jointure E BG Ratio pointe ligne Motif du tiret OO CSSS a Tiret pr r gl Personnalis v x Anti cr nelage Continu Motif Tracer en utilisant un outil de peinture Ou s lection gt bordure d finit la grosseur de la bordure Remplir la bordure Ki la couleur s lectionn e en premier plan dans la palette d outils 4 manipulation transformation et d placement d une forme Les s lections flottantes Pour modifier ou d placer la forme s lectionner l Ensu
9. 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 Lorsque Gimp est ouvert il affiche une palette d outils et la fen tre du document dans deux fen tres distinctes D autres fen tre palettes seront n cessaires Voir menu boite de dialogue Palette des calques boite de dialogue gt calques ou CTRL L Palette de l historique d annulation permet de revenir en arri re boite de dialogue gt historique d annulation Historique d annulation Ge Afficher la navigation f II image de base Fusionner les calques visible 2 Luminosit Contraste el Palette de navigation boite de dialogue gt navigation 1 Nathalie Perrin meetopia Le 08 10 2008 Petit tutoriel Cr er des formes avec les outils de s lection ajouter des calques outils de s lection de la palette contour et remplissage des formes manipulation transformation et d placement d une forme cr er des lignes s lectionner et cr er des brosses outils texte cr er une image cliquable pour le web RS OR CR 1 ajouter des calques Pour cr er de nouvelles formes sans toucher 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 intac
Download Pdf Manuals
Related Search