Le blog Startgraph est-il mort ?

Pour commencer, ce blog avait été lancé pour l'examen final du cours Informatique et Outils graphiques suivi en Licence 3 pro de Lettres. Entre-temps, j'ai grandi (hi hi OUI !). Deux ans se sont écoulés, j'ai eu quelques expériences professionnelles (utilisation des outils graphiques comme Photoshop, Illustrator, Indesign pour la conception de dossiers de presse, invitations, plaquette, etc.) et continué mes études un peu plus tournées vers le web. J'espère que ce recul me permettra d'avoir une autre approche de ce projet.

Pourquoi continuer le Blog Startgraph ?

À présent, je souhaite reprendre ce chantier lancé pour un examen pour tenter de le transformer en un blog réellement utile. Je continuerais de proposer des tutos qui dans le même temps me permettront de conserver quelque part sur le Web les trucs, astuces, bidouilles que je glane depuis très longtemps par-ci par-là.

Pour symboliser ce petit changement, j'ai "rapidement" farfouillé dans les nouvelles fonctionnalités proposées par Google : Outil de création de modèles de Blogger. Cela sera peut-être l'occasion de faire un mini-tuto de présentation ? En regardant rapidement le code source, j'ai été agréablement surprise de voir que le template que j'ai choisi est codé en HTML5 et CSS3, si je ne m'abuse. Je ne me suis pas encore réellement penchée sur la question, j'ai juste jeté un coup d'œil.

Dans ce blog, il sera toujours question de :

• théories autour du graphisme (très peu !)
• de présentations des outils GIMP et Inkscape
• de tutos vidéo ou illustrés par des images pour apprendre à manier ces outils graphiques
• de conseils pratiques (Que faire pour améliorer ses photos ? Comment faire des montages basiques et avancés ? Comment créer un logo ?)
• d'exemples d'utilisation de GIMP et Inkscape pour des cas plus concrets (faire une maquette d'un site avec GIMP, illustrer un dossier avec des images travaillées sur GIMP, etc.)

Voici en gros mes objectifs pour ce blog. Le tout dans une ambiance de partage et d'échange !

Les premières mises à jour du blog.

1. Mon premier chantier sera de modifier "convenablement " l'aspect du blog Startgraph.
2. Les actions suivantes seront de relire, réécrire et réactualiser les posts précédents.
3. Et enfin de développer les pistes que j'avais laissées dans les fonds de mes tiroirs.

En espérant vous intéresser, je vous dis à très bientôt pour Débuter avec GIMP et INKSCAPE !


P.S:pour le moment, j'ai décidé de mettre les commentaires en DoFollow pour encourager les réactions (constructives) ! Alors, n'hésitez pas à me faire part de vos idées tutos, suggestions, problèmes, questions, besoins !

Que va t-on faire ?

Ce blog tentera de rassembler, le plus fidèlement possible,l'ensemble des cours d'informatique et outils graphiques.

Deux logiciels OpenSource clefs ont été utilisés : Gimp et Inkscape.


Gimp est un logiciel de retouche et création d'images numérique; alors qu'Inkscape est un logiciel de traitement d'images vectorielles.
Les enseignements donnés en cours seront retranscrits sous forme de tutoriels illustrés de photographie ainsi que de vidéos.


Mais pour commencer, posons-nous les bonnes questions :

• Quelle est la différence entre une image vectorielle et les autres ?
• Quels sont les formats d'images ? Ou encore quels formats pour quels supports ?

Toutes ces questions trouveront leurs réponses grâce au résumé des cours.


Ne tardez plus ! Et n'hésitez pas à diriger votre souris vers les onglets de navigation !

Quelques formats d'images

• Le format image le plus répandu est le Jpeg ( .jpg). Il est adapté pour la photographie numérique, mais aussi pour les photos sur Internet. Il faut tout de même noter que c'est un format compressé à taux variable, mais destructif. L'image est en 16 millions de couleurs et en RVB.


• Autre format adapté pour Internet : le GIF(.gif). C'est un format développé par CompuServe et est basé sur l'algorithme de compression LZW en binaire. Pas très simple tout ça ! J'avoue avoir utilisé cette phrase brute du cours. Ce qu'il faut retenir, c'est que ces images sont compactes, compressées et limitées à 256 couleurs. Il permet la transparence des images. Particularité : les images peuvent être animées.


• Le Png (.png) est un format (tout comme le gif) adapté pour Internet. Il est libre, mais peu utilisé. Il comporte pourtant l'avantage d'être une bonne alternative entre gif et jpeg, car la résolution et sa compression sont efficaces.


• L'Eps (.eps) est un format utilisé pour les images vectorielles (formes géométriques). Par exemple, il est utilisé pour les logos et les cartes. Ce format est aussi adapté pour l'imprimerie.


• Autre format adapté pour l'imprimerieTif (.tif). De plus, il permet une compression sans perte de l'archivage.


• Le Bmp (.bmp) est le format d'image le plus connue, le plus ancien et utilisable par la majorité des logiciels. Mais comporte le désavantage d'être lourd et très peu utilisé.

Pêle-mêle de formats propriétaires :

• Psd : format natif de Photoshop
• Ai : format d'Illustrator
• Indd : format d'Indesign
• Qxd : format de Quark Xpress

Qu'est-ce que le RVB ?

Le RVB c'est tout simplement les initiales des couleurs Rouge, Vert et Bleu: Les trois couleurs primaires.

De manière plus théorique, nous avions vu que le RVB est un système colorimétrique qui permet à partir de ces trois couleurs de bases de représenter toutes les couleurs.
Voyons maintenant comment se présente le RVB. Pour cela, nous allons utiliser GIMP !

Ce sera une sorte d'anticipation sur le post à venir (Outils de base de GIMP).

Tutoriel en 8 points pour comprendre le système RVB.

1. Ouvrez GIMP


2. Ensuite allez dans fichier/ Nouveau (ou Ctrl+N) puis mettez 800x800px.
   
   











3. Cliquez sur l'outil de remplissage, vérifiez bien que la couleur choisie est la noire. Vous voilà avec un beau fond noir.
   


4. Accrochez-vous, car ce qui suit mérite une grande concentration ! Donc, ouvrez la boîte de dialogue canaux, puis cliquez sur canaux. Vous voyez un canal rouge, vert et bleu. Décochez-les tous sauf le canal rouge. Veillez bien à ce que vous n'ayez sélectionné que le canal Rouge et qu'il soit visible (voir la flèche).
   


5. Puis sélectionner l'outil de sélection elliptique. Tracer un cercle sur le fond noir et appuyer sur la touche Suppr de votre clavier.
   


6. Faites la même chose en sélectionnant bien le canal vert cette fois-ci. Tracer l'autre cercle de façon à ce qu'il coupe le cercle rouge. Ce n'est pas évident puisque l'on a masqué le cercle rouge. Petite astuce : cliquez sur l'œil du canal rouge sans le sélectionner !! Vous devez obtenir ceci.
   


7. Continuer les mêmes manipulations pour le canal bleu en veillant bien à ce que le cercle coupe à la fois le cercle rouge et vert.


8. Une fois les cercles tracés, ne masquez plus les canaux. Sélectionnez-les tous. Vous devez avoir une image comme ceci.
   Il s'agit là de la synthèse additive de ces trois couleurs primaires. Nous avons superposé ces couleurs, ce qui permet de voir qu'elles sont les couleurs données lorsqu'on les mélange.

Rouge+Vert= Jaune
Vert+Bleu= Cyan
Bleu+Rouge= Magenta
Rouge+Bleu+Vert= Blanc




Vous allez dire, "mais à quoi ça sert de savoir ça ?" Il y a beaucoup d'utilité à connaître le RVB. Déjà cela permet d'éviter les fautes de mauvais goût, toutes les couleurs ne peuvent pas se marier.
Par exemple, le cyan et le rouge ne vont pas ensemble, car le rouge est opposé au cyan.

Alors, ne mettez plus de tee-shirt vert avec un pantalon magenta !



Mais ça sert aussi à améliorer une photo (voir post Améliorer une photo).
Autre exemple, une image ayant un étrange voile translucide jaunâtre peut être améliorée. Il suffit pour cela de nous reporter sur notre bible RVB pour repérer la couleur opposé au jaune pour agir sur la courbe des couleurs.

Quoi qu'il en soit, vous voyez bien que le RVB est essentiel pour la retouche d'image, le connaître est donc indispensable.

Quelle est la différence entre Gimp et Inkscape ?

Gimp et Inkscape : image matricielle et image vectorielle.

Gimp est un logiciel qui traite les images par points (matricielle) ou plus précisément par pixels.

Inkscape est éditeur de dessins vectoriels (composés de plusieurs formes géométriques).

Les avantages et inconvénients entre les images matricielles et images vectorielles

L'avantage de travailler avec des images vectorielles est que l'on peut l'agrandir sans risques de pertes de qualité.
Voyez la différence.

Image matricielle :





Quand on l'agrandit, on voit bien la perte de qualité. Les pixels agrandis sont visibles et donnent un effet d'escalier.




Malgré tout, les images matricielles sont peu lourdes, ce qui explique leurs utilisations plus répandues pour le web.








Image vectorielle :






Ici, on n'observe aucune perte de qualité lorsque l'on agrandit l'image vectorielle. Idéal pour les logos utilisés pour des impressions grand format (affiches, banderoles, drapeaux publicitaires, etc.).





L'inconvénient majeur est le poids des images matricielles.













Petit P.S, l'image utilisée pour illustrer mes propos est un Kirby ! J'ai utilisé ce tuto pour réaliser mon Kirby ! N'hésitez pas à faire de même si vous avez déjà fait un petit tour dans la section "débuter avec Inkscape".