[Projet] Big-tuto Gimp

Bonjour.

Pour faire suite à ce qui avait été posté il y a moins d'un mois dans ce sujet, je viens donner des nouvelles, en faisant un nouveau sujet.

Cela fait déjà depuis le début du printemps de cette année que je pensais à l'idée de faire un big-tuto sur GIMP et qui serait davantage orienté vers le design.



Personnellement, je n'ai pas eu vraiment de difficultés à m'acclimater à l'interface de Gimp, et au bout de quelques jours, je faisais ma première création improvisée, bien qu'elle avait des défauts esthétique. Et au bout de deux mois, je faisais mon premier thème pour forums, bien qu'il y avait des problèmes d'aliasing (le thème a été discontinué depuis), chose dont je n'avais pas encore la notion.

Et aujourd'hui, ça fait trois ans et demi que je l'utilise et j'ai maintenant une bonne maîtrise du logiciel, et au cours des derniers mois, j'ai rédigé plusieurs tutos qui sont publiés sur mon site.

Mais souvent, quand je parle de Gimp, les mêmes commentaires reviennent souvent :

Citation

De plus, j'ai vu plusieurs fois des demandes pour des tutoriels sur le webdesign. On voit bien des tutos de webdesigns, mais ils sont trop pointus sur des styles précis.

L'état des tutos sur le SDZ

En regardant sur le SDZ, il y a plusieurs mois, j'ai vu peu de tutos en rapport avec le design, que ce soit au niveau des techniques ou des outils couramment utilisées, ou au niveau d'exercices pratiques à partir de petits éléments de design (boutons, barres...). Il y avait deux big-tutos, mais l'un n'était pas très abouti, ni très à jour, et l'autre montrait à faire des formes abstraites comme travaux pratiques.

Aujourd'hui, il ne reste que trois tutoriaux encore en ligne, tous des mini-tutos, dont l'un d'eux est adressé aux débutants, mais celui-ci est basé sur une vieille version et ne fait qu'un survol.

En conclusion, aucun tuto qui présente ces caractéristiques :

• Basé sur la dernière branche stable
• Est complet en permettant d'apprendre pas à pas, d'abord l'interface puis les fonctionnalités, le tour couronné de TPs, comme celui de Blender
• Plus accessible que la doc officielle (je connais quelqu'un qui y est arrivé avec mes tutos illustrés alors qu'il n'y arrivait pas avec la doc)

La progression du tutoriel

Donc, suite à ce constat, j'ai commencé à travailler dessus au cours du mois de mars de cette année, mais à ce moment-là, j'avais du mal à trouver comment l'organiser, donc je l'avais laissé de côté pendant près de six mois.

Entre-temps, pour m'aider à l'organiser, je commençais donc à écrire des tutos séparés, adressés aux débutants, sur mon site. Bien que j'avais évoqué l'idée dans un sujet en question, j'étais encore trop occupée par des choses à finir d'abord, mais depuis, ça s'est calmé.

À partir de mon tuto "Survol et personnalisation de l'interface" sur mon site et en visualisant des tutos vidéo de présentation de l'interface, le déclic s'est finalement fait ! Les idées commencent à rentrer et j'ai donc commencé à élaborer mon plan dans une note Tomboy.

Entre-temps, sur Gimp-Attitude, une débutante est venue poster pour de l'aide pour l'interface parce que la doc officielle ne lui était pas assez claire. Je lui donnais donc le lien d'un tuto vidéo que j'avais vu, mais elle avait du du mal à le suivre (la vidéo n'avait pas d'interface pour l'arrêter ou le reculer), mais par contre, elle est allée voir dans mes tutos et elle a mieux compris mon tuto sur l'interface. Ensuite, elle parlait de ses problèmes d'enregistrement. Je rédige donc un tuto sur la création et l'enregistrement de nouveaux documents sous Gimp, et là aussi, elle a mieux compris avec mon tuto qu'avec la doc officielle.

Ceci, ainsi qu'en parlant de ça avec Tristou et Arius, ça m'a donc encouragée à continuer et je travaille donc activement depuis quelques jours pour rédiger et retoucher l'ébauche du big-tuto. J'en suis à la finition du chapitre 2, où il me manque quelques renseignements pour compléter la dernière sous-partie, et je commence à peine le chapitre 3.

Ayant Gimp 2.6 depuis la réinstallation de ma Ubuntu, le tuto est donc basé sur cette version.

Mon plan jusqu'à maintenant

Je viens donc vous présenter mon plan dans son état actuel. Celui-ci est sujet à modifications à mesure de l'avancement du big-tuto, puisque je n'ai fait que le plan de la partie I jusqu'à maintenant.
En italique sont les commentaires.

Partie 1 : Les bases

Chapitre 1 - Introduction

• Présentation du logiciel (fait)
• Fonctionnalités et variantes (fait)
• Téléchargement et installation (fait) - pour Win, Mac, Nux

Chapitre 2 - Interface et personnalisation

• Survol de l'interface (fait) - Screen de l'interface avec les fenêtres numérotées + leurs descriptions
• Personnaliser l'interface (fait) - ajouter des onglets dans la fenêtre de gauche + personnalisation des préférences
• Ouvrir et enregistrer un document (fait) - L'interface et les options
• Télécharger des ressources pour Gimp (fait) - ajout de ressources (brosses, motifs, etc.) sous Win, Mac, Nux

Chapitre 3 - L'image et ses bases essentielles

• Redimensionner une image (fait) - Savoir comment réduire la taille d'une image ou la recadrer
• Les modes de couleurs (fait) - Pour savoir faire la différence entre RVB, couleurs indexées et Niveaux de gris
• Les formats d'image (fait) - Description des principaux formats d'images et savoir bien les choisir

Chapitre 4 - Les sélections

• Couleurs et remplissage (fait) - Sélectionner une couleur ou un motif, et remplir avec ça
  <puce>Sélection rectangulaire, elliptique ou à main levée (fait) - Présentation des trois premiers outils de sélection
• Sélection contiguë, par couleur ou ciseaux intelligents (fait) - Présentation des trois outils de sélection suivants
  <puce>Comportement et manipulation (fait) - options Remplacement, Ajout, Soustraction et Intersection à la sélection courante, ainsi que les manipulations comme l'agrandissement, la réduction et l'adoucissement des sélections.
• Une fonction pratique : le masquage rapide (fait) - Utilisation de cette fonction

Chapitre 5 - Les calques

• La fenêtre des calques (fait) - Présentation de la fenêtre des calques
• Les modes de calque (fait) - Survol des modes de fusion
• Créer et manipuler les calques (fait) - les différentes manipulations des calques
• Les masques de calque (fait) - Utilisation de cette fonctionnalité

Chapitre 6 - Les outils de base

• Les outils pour peindre (fait) - Présentation de ces outils
• L'outil Tampon (fait) - Utilisation de cet outil de retouche
• L'outil Dégradé (fait) - Utilisation et options de cet outil
• L'outil Texte (fait) - Utilisation de cet outil
• Les outils de transformation (fait) Utilisation des outils pour faire des rotations, de l'inclinaison, changer la perspective, etc.
• D'autres outils pratiques (fait) - Les autres outils qui peuvent servir, sans nécessairement avoir de relations entre eux

<!-- Ce qui suit sera fait après la première validation -->

Chapitre 7 - L'outil Chemin

• Créer et éditer un chemin - Placer des ancres et manipuler les courbes et les poignées
• Exercice pratique : détourer une image - Premier exemple d'utilisation
• Tracer à partir des chemins - Deuxième exemple d'utilisation
• Encore d'autres possibilités ! - D'autres exemples d'utilisation, demandant moins de détails

Chapitre 8 - Les filtres et fonctions de retouche

• Fonctions utiles pour la retouche - Fonctions de couleurs, souvent utilisées pour la retouche photo, mais qui peuvent parfois servir pour retoucher des icones libres de droits.
• Quelques filtres utiles - Seulement certains filtres pouvant être utiles, comme le flou gaussien, le biseau, l'ombre portée
• Le bumpmapping - les étapes pour faire un relief personnalisé en repoussant d'après une carte
• Créer une animation simple - Petit exercice avec une animation simple à 2 calques, pour montrer en gros le fonctionnement

Chapitre 9 - TP : Réaliser un icône RSS ! (à partir du tuto de Kloobik)

• La forme et le fond
• Lueur interne et reflet
• Dessiner l'icône
• Améliorations

Chapitre 10 - TP : Un cadre phpBB-like pour vos fonds de page (basé sur un de mes propres tutos)

• Les coins arrondis - une autre méthode
• Les effets de relief
• Découpage (méthode Slice et méthode Massicot)
• Améliorations

Chapitre 11 - TP : Créer votre propre userbar

• Le fond et l'icône
• Des lignes obliques avec une texture !
• Le reflet et la bordure
• Le texte
• Améliorations

Pour ces trois TPs, le choix n'a pas été facile. J'aurais pu montrer à faire une sphère Aqua, mais je voulais quelquechose qui sera plus susceptible d'être utilisé, puisque je vois surtout la sphère aqua comme avatar ou dans un design F3D (fausse 3D). Je voulais aussi quelquechose qui laisse une liberté de l'adapter pour les besoins de l'utilisateur, tout en permettant de mettre en pratique plusieurs notions apprises et en montrant certaines techniques qui sont plus opportunes à montrer à ce moment-là.

J'ai donc choisi le tuto de l'icône RSS de Kloobik, mon tuto de cadre phpBB-like ainsi qu'un futur tuto sur la création d'un userbar qui sera de mon cru pour les raisons suivantes :
- Le tuto de Kloobik est sous licence Creative Commons BY-SA, je n'ai donc qu'à le citer, et je compte de toute façon publier mon big-tuto sous la même licence. Quant au cadre, le tuto est de ma création, et ce sera pareil pour le tuto des userbars.
- Les trois tutos peuvent être aisément personnalisés : couleur différente, taille différente, style différent, variations dans le reflet glossy du bouton RSS, grand choix d'images et de texte pour la userbar.
- Leur adaptabilité les rend donc plus susceptibles d'être utilisés pour des projets.
- Chacun met en pratique des techniques différentes et en montrent de nouvelles.

Quant à une éventuelle partie 2, je suis encore en réflexion entre le consacrer au webdesign, ou bien le consacrer au module Gimp-GAP. Mais je pense plus le faire sur le webdesign, une partie sur GAP pourrait venir après en tant que partie 3 et ça me laisserait donc le temps de l'apprendre.

Votre collaboration

Maintenant que le tuto est bien parti, je commence à avoir besoin de collaboration pour m'aider dans la réalisation, que ce soit pour des suggestions pour améliorer le plan, de l'aide pour certains détails manquants, ou l'avis d'un oeil débutant.

J'aurais donc besoin...
- de gimpeurs expérimentés, pour leurs propositions - Recruté : m@tteo78
- de débutants, pour m'aider à améliorer la clarté de mes chapitres
- de gimpeurs ayant un système d'exploitation autre que Windows (j'ai XP) et Linux avec environnement GNOME. Cela veut dire que j'aurais besoin d'un MacUSer et d'un Kubuntu-User en particulier, et c'est justement pour pouvoir terminer la dernière sous-partie du chapitre 2.

Je remercie d'avance les éventuels collaborateurs, et leurs noms seront listés dans la liste des remerciements qui se retrouvera dans l'annexe.

Ishimaru

EDIT : Mise à jour du plan le 27 juin 2010

Je soutiens de tout cœur ton projet, car c'est vrai que un vrai tuto complet sur Gimp manque sur le sdz.

Donc si tu as besoin d'aide, je veux bien t'aider.

Ouais c'est vrai que ça serait pas mal. Malheureusement je ne peux pas t'aider je suis une taule en 2D.

Je suivrais de près ton tutoriel étant donné que ça m'intéresse

Bonne continuation
Juriex

J'ai voulu commencer sur Gimp, "malheureusement", j'ai reçu une licence Photoshop en guise de cadeau.
Je travaille avec Gimp depuis 2 semaines, j'aimerais servir de débutant pour la clarté de vos chapitres.
En fait, je travaille avec Gimp seulement pour apprendre ce logiciel et voir ce qu'on peut faire avec. Je fais ça pour le comparer à Photoshop (même si je sais que Toshop en sortira vainceur ).
Je fais aussi du texturing (skinning) pour les jeux-vidéos, je veux voir qu'est-ce que Gimp pourrais me permettre en texturing.

PS: J'ai deja une base en 2D à cause de Photoshop (je travaille avec depuis 6 mois).

Steven

Je vois qu'il y a plusieurs intéressés

Au moins ce soir (il est en ce moment 21:50 chez nous au Québec), je vais m'avancer dans le chapitre sur les sélections, mais demain, en revenant de mon rendez-vous à la clinique de physio (kiné), je verrai pour l'ajout des collaborateurs.

EDIT : En travaillant dessus, j'ai dû un peu réorganiser le chapitre, afin de pouvoir parler du remplissage sans squatter le survol de l'un des outils et de cette façon, l'utilisateur connaîtra les bases du remplissage au moment du survol des outils. J'ai donc fusionné les comportements et les manipulations puisque de toutes façons, ces deux parties risquaient d'être un peu courtes.

Voici donc la nouvelle organisation :

- Couleur et remplissage
- Survol des outils de sélection
- Comportement et manipulation des sélections
- Un outil pratique : le masquage rapide

Maintenant, il faudra que je refasse certaines captures, bien que je ne les avais pas encore travaillées, ni envoyées.

Dans ce cas la t'a rien perdu, t'a même réussi à gagné du temps :')

Il y a encore eu quelques changements, il y aura cinq sous-partie au lieu de quatre, puisque j'ai décidé de scinder la sous-partie du survol des outils en deux. Ensuite, la sous-partie 1 est prête à tester, et la portion de la sous-partie 2 sur les sélections rectangulaire également.

Déjà, j'ai ajouté un contributeur. Un débutant m'a contacté par MP et m'a parlé de sa tentative catastrophique de se familiariser avec l'interface, ce qui en fait un candidat parfait pour être testeur.

Salut
très bonne initiative un tuto complet.
Je suis sur gimp depuis presque un an mais et pas mal de questions restent en suspend.
J'ai hâte de voir les débuts. C'est un logiciel très complet mais complexe pas tant par son interface finalement que par le vocabulaire du graphisme 2D, des notions qui pour moi sont toujours flous : les masques de calques, les filtres, les scripts
J'espère en apprendre davantage pour peaufiner mes designs très souvent criant d'amateurisme.
Bon courage et merci pour nous tous.
PS: si t'as besoin d'un coup de main !

perso un quand j'ai appris a utiliser gimp ou toshop j'ai chercher des tutos que j'ai jamais trouver, du coup j'ai toucher a tout et j'ai vue ce que ça donner. Je pense pas que un big tuto soit utile .

Citation : lannoy

J'suis pas trop de ton avis. Évidemment c'est en se servant tout le temps du même logiciel que l'on apprend, là d'accord. mais ne trouverai tu pas intéressant de comparer ta méthode de travail a celle proposée dans les tutoriels ? Je trouve que cela peut être une excellente expérience qui peut changer ta façon de travailler.

Et bien non c'est pas mon truc de comparer ma façon de travailler car j'ai mes petites habitudes et je veut pas les changer

@lannoy : Tout le monde n'est pas comme toi.

Même si j'ai moi-même appris vite en cherchant des tutos par-ci par-là, il reste que j'ai vu bien du monde essayer, essayer et essayer par eux-mêmes, mais qu'ils n'arrivent à rien parce qu'ils n'y pogent rien ! Ce big-tuto est donc pour ces personnes-là !

Vivement que ce tuto naisse, et bon courage.
je serais un de tes élèves zéros.
kiss

Je compte le mettre en ligne après avoir fini l'écriture du chapitre 5. Ce sera déjà un bon début, en attendant les chapitres suivants.

Alleluia enfin depuis le temps ,je vais pouvoir comprendre comment le(soi-disant)concurrent de photoshop.J' attend avec impatience la partie sur le système de sélection et son déplacement(à se mettre une balle dans la tête ).

Citation : rachid78

Moi aussi j'ai du mal à m'y faire. Je trouve Gimp super, la seule chose que je lui reproche, c'est qu'il est compliqué à connaitre, voire à prendre en main. Alors bonne idée ce tuto !!!

Je me suis replié sur Paint.Net, beaucoup plus facile à comprendre et à se repérer (je trouve).

Merci à vous. Même si j'ai eu une petite pause de quelques jours parce que j'ai été occupée en plus que je voulais prendre un petit break, la rédaction se poursuit et il ne me reste qu'une sous-partie à faire, ainsi que les captures des sous-parties 3 et 4 à travailler et envoyer pour finir le chapitre 3 sur les sélections.

Hoo un tuto sur gimp! génial! Je vous encourage de tout cœur dans votre projet!
Bonne chance!

SUPER idée! j'espère qu'avec ca la communauté de gimpeurs va grandir! continue!

Merci, mais en ce moment, en plus d'avoir à passer mes captures en PNG indexé pour les alléger, je me retrouve avec un nouveau problème : Mes images étaient classés dans des dossiers distincts selon le chapitre, mais maintenant, ils sont maintenant tous regroupés dans le dossier du chapitre 1, et à chaque fois que j'essaie d'accéder aux dossiers des chapitres 2 et 3, je suis redirigée vers le dossier du chapitre 1... je vais aller voir s'il y a un sujet similaire dans le bug tracker.

Bonjours à toi mon ami! ( Ben ouais, vive le Québec, mon pays! Depuis une semaine je fois de plus en plus de québécois ( enfin, je les remarques plus) sur le forum.

Enfin bref, je serai certainement, enfin j'adorerai ça, être un lecteur pour tester la clarté du tutoriel pour une taule non pas en 2d mais avec Gimp. J'ai toujours travaillé avec Toshop à l'école, et dans mes temps libres ( Honte à moi, j'ai touché à mes débuts à photofiltre :L ). Adorant la philosophie du libre, j'ai testé gimp. Hélas, je me suis perdu avec tous ces fenêtres à tous mes essais. Trop habitué avec photoshop, jamais trouvé de tuto pour me permettre de connaître ce logiciel intéressant.

Salut à toi Ishi (tu permets que j't'appelle Ishi? )
C'est fort intéressant l'amie, je veux bien te servir de cobaye en tant que débutant qui connait deux trois astuces mais qu'est un zéro quand même, sachant que j'ai jamais touché autre chose que Paint
En tout cas le Big Tuto Gimp c'est un truc qu'il manquait sur le SdZ, excellente initiative de ta part

Merci.

Je verrai ça quand j'aurai remplacé mes différentes images pour qu'ils soient en png8. Je ferai ces remplacements dès que j'aurai un peu de temps, maintenant que le bug des zuploads dont j'ai envoyé un ticket sur le bug tracker vient d'être résolu.

Je dis "quand j'aurai le temps", puisque j'ai une commande rémunérée en cours et donc, je veux passer ça en priorité.

Très bonne initiative de faire un tuto complet sur Gimp. C'est vrai qu'il y a peu de tutoriels sur le site du zéro et que le tien serait un vrai plus pour la partie graphisme du site.

Je te souhaite bonne chance car c'est un projet ambitieux qui demande beaucoup de temps personnel.

Bonjour.

Je viens enfin de finir le remplacement des captures pour alléger les pages. Mais par contre, je n'aurai pas tellement le temps aujourd'hui (mercredi), jour de ma physio, puis demain, jour de mon rdv à la semo pour mes démarches de recherche d'emploi.

La sous-partie 4 du chapitre 3 a été terminée jeudi et est en cours de lecture.

Et cette nuit, j'ai rédigé la sous-partie 5 sur le masquage rapide et j'ai pris et travaillé les captures, mais en ce moment, tout le texte est dans un fichier .txt car j'ai en ce moment un problème d'erreur interne en plus que j'ai un problème de miniatures qui se créent mal (coupées dans le bas) au moment d'envoyer mes images.
J'ai d'ailleurs envoyé un nouveau ticket sur le bug tracker vu qu'il n'y avait pas encore eu de signalements.

Je suis là ishi. Tu n'auras plus besoin de faire une compression de tes pages html. J'attends donc la première ébauche.

Ok colo, je t'ajoute

EDIT : C'est fait, tu dois normalmeent avoir reçu un mp. Tu peux maintenant lire le contenu du tuto.

Petite note : Pour le moment, ignore la partie II, je n'ai pas encore pris le temps de l'organiser.

Bien, je le lirais dans la semaine pour pas juste le survoler.

Impatient de l'avoir

Depuis le temps où je regarde les tutos en cherchant un qui parle d'un photomaker
Si tu as besoin d'aide n'hésite pas ...