Tutorial Gimp-2012-©ph
Transcription
Tutorial Gimp-2012-©ph
Tutorial Gimp-2012-©ph-roland 1/16 Tutorial Gimp-2012-©ph-roland TUTORIAL GIMP A. Table des matières : TUTORIAL GIMP 2 A. TABLE DES MATIERES : 2 B. CRÉATION D’UN DOSSIER 3 1. RAPPEL : 3 2. NOUVEAU DOSSIER MAC/PC 3 3. RENOMMER LE DOSSIER : 3 4. CREATION DE SOUS DOSSIERS : 4 C. OUVERTURE DE GIMP 5 1. COMMENT LANCER GIMP ? 5 2. COMMENT ORGANISER SON ESPACE DE TRAVAIL SOUS GIMP ? 6 D. CRÉATION D’UN FICHIER .XCF AVEC GIMP 7 1. CREER UNE NOUVELLE IMAGE (FICHIER/NOUVEAU) (CF. IMAGE CI-DESSOUS) 7 2. ENREGISTRER LE FICHIER XCF 8 E. COMPOSITION D’UN FICHIER AVEC PLUSIEURS CALQUES : 8 1. OUVRIR UN FICHIER EXISTANT EN MODE CALQUE 8 2. MISE A L’ECHELLE D’UNE IMAGE PAR RAPPORT A L’ARRIERE PLAN 9 3. OUVRIR UN FICHIER AVEC GIMP ET LE COPIER DANS LE FICHIER EXISTANT 4. MODIFICATION D’UN CLAQUE PAR LA SELECTION ET LA DECOUPE D’ELEMENTS QU’IL CONTIENT 11 11 5. APPLIQUER UN DEGRADE A L’ARRIERE PLAN 12 6. APPLIQUER UN MODE DE SUPERPOSITION A UN CALQUE 13 2/16 Tutorial Gimp-2012-©ph-roland B. CRÉATION D’UN DOSSIER 1. Rappel : Que vous soyez sur un ordi (PC = compatible computer ) Mac ou Windows Il est nécessaire de rassembler dans un dossier les éléments nécessaires à l’élaboration d’un fichier numérique. Pour cela votre espace de travail doit être structuré en dossier et sous dossiers . Votre dossier doit être sauvegardé sur une clé USB ou une carte mémoire qui servira pour le transfert des informations vers votre ordinateur personnel. 2. Nouveau dossier Mac/PC Quelle que soit votre plateforme ou votre configuration Si vous avez une session personnelle pour accéder à l’ordinateur rentrez votre identifiant et votre code (ou mot de passe). Dans une configuration Windows cliquer sur Démarrer puis aller sur Mes documents- puis Nouveau dossier. Avec une configuration Mac cliquez directement sur fichier (en haut à gauche de l’écran ) puis « nouveau dossier » ou bien faites la combinaison clavier Maj+ pomme ou cmd+N le dossier apparaît par défaut sur un mac sur le bureau à droite de l’écran. 3. Renommer le dossier : Pour nommer le dossier, quel que soit le système d’exploitation, à la place de « Nouveau dossier » vous allez constituer un intitulé à mots clés séparés de traits d’union ce qui permet de référencer le dossier et permet de le retrouver facilement avec des mots clés dans une recherche. • « La matière » ! Exemple AP pour arts plastiques • « Votre classe » ! Exemple 58 pour 5ème 8 • « Thème de votre travail » ! Exemple hybride • Votre prénom • Votre nom de famille • L’année en cours Les items doivent être séparés par un trait d’union et il ne faut pas mettre d’accentuation Voici un exemple : AP-58-hybride-gertrude-reinedelordi-2012 Ce nom de dossier se retrouvera augmenté de l’extension pour un fichier 3/16 Tutorial Gimp-2012-©ph-roland 4. Création de sous dossiers : a) Sous dossier GIMP : Un dossier GIMP dans lequel vous allez enregistrer le fichier original avec calques en .xcf ainsi qu’une copie (version B) avec les calques compressés b) Sous dossier TIFF : Un dossier TIFF dans lequel vous enregistrerez une copie de la version B pour être lue aussi bien sur Photoshop (avec ses calques) que sur d’autres logiciels. c) Sous dossier JPEG Un dossier JPEG pour enregistrer une ou des copies avec différents niveaux de compression selon l’usage ( site-courriel-clé usb-Memory-card-smartphone…) d) Sous dossier IMG Un dossier IMG pour y mettre les images qui vont servir à votre création numérique. Dans ce dossier vous pouvez créez à nouveau des sous-dossiers e) Sous dossier DOC Ce dossier rassemble tous les documents en mode traitement de texte qui sont en rapport avec la thématique abordée les recherches sur des notions, du vocabulaire, des œuvres, des fiches techniques, l’analyse du travail réalisé. 4/16 Tutorial Gimp-2012-©ph-roland C. OUVERTURE DE GIMP 1. Comment lancer Gimp ? a) Sur un PC (mode d’exploitation Windows) Il se peut que le logiciel GIMP soit accessible déjà dans le menu démarrer. Sinon il faut aller dans poste de travail - tous les programmes et rechercher Gimp-gimp2 créer un alias en faisant un clic droit dessus avec la souris et mettre l’alias dans le menu démarrer et l’ouvrir. b) Sur un Mac (système OS X) Pour les utilisateurs de Mac le logiciel peut apparaître sous forme d’alias dans le dock (ici le dock est placé en bas avec un agrandissement effet génie au passage du pointeur de la souris) . Si le dock n’apparaît pas à l’écran c’est qu’il est en mode masqué il faut alors aller dans le menu Pomme et activer le Dock en choisissant son emplacement sur le bureau. Le doc sert à présenter sous formes d’icones de petites tailles les applications les plus couramment utilisées de manière dynamique et de pouvoir les ouvrir grâce à des alias. Si l’icône n’apparaît pas dans le Dock il faut aller dans le Finder puis dans application puis avec la souris faire un clic gauche sans relâcher et faire glisser l’icône Gimp dans le doc entre deux autres icônes pour créer l’alias 5/16 Tutorial Gimp-2012-©ph-roland 2. Comment organiser son espace de travail sous Gimp ? Vous devez avoir sous les yeux au moins trois blocs fenêtres : ! Le bloc central : C’est la zone de travail « canvas » où apparaît l’espace du fichier que vous allez travailler avec le calque d’arrière plan et les autres calques. Il es t encadré d’une règle graduée peut être recouvert d’une grille et porte un bandeau supérieur avec un menu de 11 items de menus déroulants ! Le bloc de gauche : C’est votre « Boite à Outils » la moitié supérieure est occupée par des icones. Si vous passez sur l’une d’elle avec le pointeur de la souris la fonction de l’outil à laquelle elle est assignée est indiquée ! nous utiliserons un certain nombre d’entre elles (les plus courantes) pour cette première approche ! Le bloc de droite : C’est celui des « calques, canaux, Chemin » il est associé à la palette de motifs qui est placée en dessous. Il est indispensable d’avoir ces trois blocs si l’un d’eux n’apparaît pas il faut aller dans le bloc central et sélectionner dans le bandeau supérieur l’intitulé fenêtre puis dans le menu déroulant chercher Groupes de fenêtre récemment fermés ! En plus de ces trois blocs il convient d’en rajouté un très pratique c’est celui de la navigation. Quand on travail en mode « zoom » sur un fichier il peut être pratique de pouvoir se situer dans l’espace total de l’image. 6/16 Tutorial Gimp-2012-©ph-roland D. CRÉATION D’UN FICHIER .xcf AVEC GIMP 1. Créer une nouvelle image (Fichier/Nouveau) (cf. image ci-dessous) a) Vous pouvez choisir dans le modèle : Cliquez sur la flèche du menu déroulant faites défiler et choisissez format A4 On remarquera ici que le format A4 en 300ppi (pixel per inches-soit pixel par pouce au carré 1) inche = 25.4 millimetres) est plus grand que la plupart des formats image que l’on peut récupérer d’internet. On peut choisir l’orientation avec une icône celle de droite correspond au format paysage celle de gauche ( ici en surbrillance) que nous allons choisir pour notre exemple à suivre est celle du format portrait. b) Ou choisir de rentrer les valeurs : Largeur de l’image : 1280 pixels / Hauteur de l’image : 1024 pixels Sélectionner dans les options avancées : Résolutions X et Y : 300 pixels/inches et l’espace RVB 7/16 Tutorial Gimp-2012-©ph-roland 2. Enregistrer le fichier xcf La nouvelle image créée est par défaut un fichier au format « .xcf » ce qui est le format « natif » ou si vous préférez « d’origine » du logiciel Gimp. Vous devez enregistrer dès le départ ce fichier « .xcf » dans le sous dossier « GIMP » de votre dossier AP que vous avez créé au départ. Le nom du fichier doit comporter les éléments cités ci dessous il reprend en fait ici l’intitulé du dossier en y ajoutant le nom de l’extension AP-classe-theme-(votre) nom- (votre) prénom .xcf » (cf. image ci-après) E. COMPOSITION D’UN FICHIER AVEC PLUSIEURS CALQUES : Les manipulations qui vont suivre peuvent être réalisées avec n’importe quelle image de votre choix. Par commodité nous avons ici conçu un dossier a partager par tous les élèves qui peut être récupéré sur la clé usb ou (sur le PC en mode réseau uniquement) en allant dans poste de travail et en choisissant serveur samba/ partage élève puis en allant à la matière arts plastiques puis la classe 1. Ouvrir un fichier existant en mode calque Dans Gimp choisissez « fichier »- « ouvrir en tant que calque » allez dans votre dossier APclasse-hybrid…puis le sous dossier « IMG » et choisissez ici pour notre exemple le fichier « Patinir » (ici en surbrillance) puis cliquez sur ouvrir (en bas à droite) 8/16 Tutorial Gimp-2012-©ph-roland L’image va apparaître petite au centre de la zone de travail car sa résolution est inférieure à la taille du fichier que vous avez créé il va donc falloir la mettre à l’échelle 2. Mise à l’échelle d’une image par rapport à l’arrière plan Pour mettre à l’échelle il faut choisir l’outil (en surbrillance) dans la boite à outil à gauche. Une fois l’outil sélectionné on clique sur l’image et des poignées d’étirement apparaissent sous forme de petits carrés 9/16 Tutorial Gimp-2012-©ph-roland Tirez avec une poignée d’angle pour amener l’image dans l’angle supérieur gauche de votre zone de travail puis avec la poignée de l’angle opposé pour tiré l’image jusqu’au bord droit de la zone de travail. Ensuite cliquez sur « échelle » pour valider sinon pour être sur de garder les même proportions vous pouvez cliquer sur le lien entre hauteur et largeur et modifier la taille numériquement en changeant la valeur dans l’une ou l’autre des deux cases dans ce cas, par défaut l’agrandissement se fait en oblique vers l’angle inférieur droit. En prévision il faudra sans doute déplacer d’abord l’image (à l’aide de l’outil déplacementvoir ci dessous) dans l’angle supérieur gauche de la zone de travail si l’on souhaite agrandir l’image au maximum de l’espace de la zone. 10/16 Tutorial Gimp-2012-©ph-roland 3. Ouvrir un fichier avec Gimp et le copier dans le fichier existant Ouvrir avec le logiciel Gimp le fichier « arcade» présent dans votre dossier IMG Quand le fichier est ouvert faire avec le clavier les combinaisons suivantes : ctrl+A (tout sélectionner) puis crtl+C (copier) ensuite dans votre fichier principal faire ctrl+V (coller) À droite de votre espace de travail vous devez avoir ouvert la fenêtre « Calques,canaux, Chemins..) l’image des arcades apparaît en « sélection flottante » dans la zone calque cliquez dessus afin de « Modifier les attributs du calque » il faut remplacer l’intitulé « Calque Copié » par « arcades » et valider. 4. Modification d’un claque par la sélection et la découpe d’éléments qu’il contient a) Sélectionnez le calque « arcades » Après avoir mis l’image « arcade » à l’échelle de telle sorte qu’elle couvre entièrement la première image, vous allez à l’aide de l’outil « lasso» (que vous devez sélectionner dans la boîte à outil à gauche de votre plan de travail) découper et soustraire l’intérieur des arcades 11/16 Tutorial Gimp-2012-©ph-roland b) Déplacer un calque Comme la figure de la vierge n’apparaît pas complètement vous allons faire un recadrage pour cela il faut d’abord sélectionner le calque « patinir » sur lequel se situe l’image puis en utilisant l’outil déplacement faire glisser le calque vers la gauche 5. Appliquer un dégradé à l’arrière plan ! Sélectionner dans la fenêtre calque le calque d’arrière plan ! Choisir dans la boite à outils l’outil dégradé. ! Choisir les couleurs de premier plan et d’arrière plan pour cela double-cliquer sur le rectangle décalé vers le haut à gauche, c’est le premier plan. ! Aussitôt apparaît une nouvelle fenêtre avec les réglages de couleur. Vous pouvez rentrer les valeurs numériques de la couleur si vous les connaissez sinon le faire d’instinct en faisant tourner la roue et en déplaçant les curseurs. ! Pour l’arrière plan cliquez sur le second rectangle décalé vers bas droit et choisissez à nouveau votre couleur. Ainsi fait, il ne vous reste plus qu’à choisir la forme du dégradé (en dessous de décalage) ici nous avons choisi selon la 12/16 Tutorial Gimp-2012-©ph-roland forme angulaire avec la souris cliquez dans l’angle supérieur gauche de la zone à dégrader puis étirer jusqu’à l’angle inférieur droit. 6. Appliquer un mode de superposition à un calque Nous allons importer un autre fichier Fichier-ouvrir en tant que calque- aller dans dossier IMGchoisir nature morte bauguin-gaufretttes a) Redimensionnement d’un fichier Redimensionner l’image (comme déjà fait auparavant en point D-2) avec l’outil échelle puis appliquer un effet de superposition. b) Effet de superposition Pour cela dans la fenêtre calque aller dans « mode » et avec les flèches à droite faites défiler et choisir par exemple « éclaircir » 13/16 Tutorial Gimp-2012-©ph-roland c) Insérer une image sous une autre image dissociée de son arrière plan d’origine Vous devez ouvrir le fichier « van cleve » comme clalque puis faire le contour du personnage et retirer le fond. Redimensionnez le claque et glissez le claque sous le calque arcade en le glissant sous l’arcade de droite. d) Insertion d’un titre Aller dans la boite à Outils- choisir l’outil texte A- police helvetica- taille 264- lissagejustification centrée-couleur bleu- (ceci est un choix pour cette composition mais libre à chacun d’en modifier les données) e) Création d’une ombre portée pour ce titre Dupliquer le calque pour cela sélectionner le calque composition GIMP puis mettre ne surbrillance le calque et dans le menu calque du bloc central sélectionner « dupliquer le calque » Votre nouveau calque texte s’intitule COMPOSITION GIMP-1 Cliquez deux fois dessus dans la fenêtre calque puis allez dans la boite à outils TEXTE pour changer la couleur du texte. Vous devez pour cela cliquer sur le rectangle de couleur. Une nouvelle fenêtre apparaît alors. Il faut inscrire la notation HTML de la couleur. Elle s’intitule ddc997 ses réglages RVB sont : 221 R- 201V-151B. Maintenant que la couleur est modifiée il ne reste plus qu’à déplacer le calque pour faire un effet d’ombre. Bien entendu pour une production personnelle on peut toujours choisir d’autres réglages c’est même fortement conseillé ! 14/16 Tutorial Gimp-2012-©ph-roland f) Remplacement d’un objet par une texture avec le tampon de duplication Maintenant que vous avez réussi à réaliser l’image composite de ce tutoriel à vous de jouer et à vous de découvrir toutes les possibilités de ce logiciel. 15/16 Tutorial Gimp-2012-©ph-roland 16/16