Tutoriel Guide général de vocabulaire et de techniques en graph'

[Thorondhor]

Bonsoir
J'ai pensé que donner les clés du vocabulaire de graphisme était le préalable le plus nécessaire pour permettre des échanges intéressants dans les galeries, les tutoriels ou les aides, que ce soit entre graphistes ou non.
Cela simplifiera les échanges sur les techniques, et nous permettra de progresser ensemble.​

Notes préliminaires :

• Ce tuto va reprendre des éléments de définition du Guide du graphiste du forum de grepolis (désolé, honteux plagiat, toussa toussa)
• Bien évidemment, les définitions seront peut-être inexactes, incomplètes, la liste ne sera pas forcément exhaustive. De plus, pour une raison évidente de respect dans l'utilisation du travail d'autrui, je mets en illustration, pour le moment, uniquement mes créas persos. Mais bon... n'hésitez à passer sur Guide général : commentaires et contributions ou bien par >>MP<< pour suggérer des corrections et des ajouts
• Les dimensions sont en pixels : x*y où x est la longueur, y la hauteur.
• Les exemples en image sont sous spoiler.

• Pour savoir de quoi on parle :

Tutoriel : En informatique, un tutoriel (de l'anglais tutorial) est un mode d'emploi destiné à aider un utilisateur novice à se former de manière autonome à un logiciel.

Photoshop : Logiciel de référence en retouche et création d'image numérique 2D. Édité par Adobe.

The Gimp : The GNU Image Manipulation Program. Logiciel de retouche d'images, dont la puissance est "comparable" à Photoshop . Sauf que Gimp est un logiciel libre et gratuit. Wilber est le nom de la mascotte de Gimp.

Photophiltre : Logiciel gratuit de retouche d'image, qui intègre des filtres et les fonctions classiques de retouche de photo.

Paint : Anciennement, logiciel de retouche d'image basique fourni dans l'interface Microsoft.
>>>Successeur : Paint.NET : logiciel de retouche photo gratuit conçu pour les ordinateurs avec le système d'exploitation Windows.

Pixel : Une image numérique est composée d'une grille de pixels (abréviation de "picture element") qui est le plus petit élément constituant d'une image.

S'il vous plaît, ne postez pas de commentaires à la suite de ce sujet, afin de le garder lisible.
Soit vous rajoutez des éléments en lien avec le sujet, soit vous allez sur le sujet Guide général : commentaires et contributions ou vous faites un MP.
Merci d'avance.

Spoiler: Extrait du règlement du forum concernant les images

6. Images
Il est autorisé de poster des images sans aucun commentaire tant qu’elles correspondent au sujet du topic. Les images sont restreintes à une taille maximum de 640x480 pixels. Les images/gifs animées ne sont pas autorisées et seront supprimées.
Les images postées doivent bien évidemment respecter les règles de bienséances. Nous sommes sur un forum tout public : tout contenu à caractère sexuel, politique, religieux, xénophobe (liste non-exhaustive) se verra censuré par l'équipe, qu'il soit posté dans une discussion, en signature ou avatar.

7. Signatures et avatars
Les signatures ne doivent pas excéder un maximum de 150 pixels en hauteur et 500 pixels en largeur. Cela inclut également toute ligne de texte se situant au-dessus ou en dessous de la signature.
Les avatars ne peuvent excéder 200x200 pixels.
Ils ne doivent pas être animés et doivent se plier aux autres règles (voir 6. Images).
La violation de ces règles peut entraîner une suppression de l’avatar ou de la signature ou une sanction affectant le compte type bannissement forum si récidive.

NB : Une tolérance sur la taille maximale des images est appliquée à la section graph

 

[Thorondhor]

• Format :

Format : Le terme format désigne à la fois le format d’enregistrement d’un fichier, d’une image et les dimensions d'une création.

Spoiler: Détail des formats d'enregistrement

.PNG
Format d'image : Portable Network Graphic. Évolution directe du .JPG (ou .JPEG)ajoutant à la compression la gestion de transparence. Proposant ainsi une alternative au format .GIF .
Par extension, le terme Png, peut désigner une image découpée et enregistrée sur fond transparent au format png

.xcf
Extension correspondant au format natif de The Gimp. Permet de conserver toutes les informations du type calque, typo, effets, etc.

.psd/.psb
Extension correspondant au format natif de Photoshop. Permet de conserver toutes les informations du type calque, typo, effets, etc. L’extension .psb sert pour les fichiers très volumineux.

PFI (PhotoFiltre Image)
Extension correspondant au format natif de PhotoFiltre. Permet de conserver toutes les informations du type calque, typo, effets, etc.

.PDN
Extension correspondant au format propriétaire d'image bitmat utilisée par Paint.NET . Permet de conserver toutes les informations du type calque, typo, effets, etc.

__________
​

Avatar
C'est l'image de format carré au format réduit qu'un forumeur utilise pour se représenter. Taille maximale autorisée sur ce forum : 200*200

Spoiler: Avatars - exemple

Avatar carré classique

Avatar avec transparence

Signature
C'est l'image de format rectangulaire (grande largeur pour hauteur inférieure) pour qu'un forumeur utilise pour se représenter. Taille maximale autorisée sur ce forum : 500*150.

Spoiler: Signature - exemples

Kit
L’ensemble avatar et signature, lorsqu’ils vont ensemble et sont accordés, s’appelle un kit.

Spoiler: Kit -exemples

* Header
Le header est un mot anglais qui signifie : En-tête. Il se situe le plus souvent en début de texte afin de présenter un sujet : en graphisme l'entête est aussi appelée bannière. À noter, une signature graphique de forum est assimilable à une bannière dans sa conception.

Spoiler: Header - exemple

Header HD pour un sujet de recrutement

* Tagwall
Ensemble de signatures réunies sur la même image afin de comparer, ou de suivre une évolution, ou encore de montrer un "Best-Of".

Spoiler: Tagwall - exemple

(bah non, désolé, je n'ai encore jamais fait ça xD )

LP ou Large Piece
Ce terme désigne une création sur un grand format.
Plusieurs sites la définissent comme strictement carrée ou bien plus haute que large, plus petite qu’un wall, mais plus grande qu’une signature, faisant au maximum environ 600*700 pixels. Bon, en général, il s'agit d'une création de grand format carrée ou légèrement plus haute ou plus large. Rajoutons toutefois que pour d'autres graphistes, le terme LP désignera quand même les plus grandes dimensions possibles.

Spoiler: LP - exemple

Lp en mode encart de personnage

Wall
Je viens de dire que LP = grand format ? Le Wall (mur en anglais), c'est le format au-dessus... Le nom semble venir de wallpaper (papier peint/image de fond d'écran). Plus le format est grand, plus il y a de travail, de techniques, de calques pour le graphiste puisqu’il y a plus d’espace à combler, ce qui peut lui donner un plus grand challenge.

Spoiler: Wall - exemples

nan, j'ai pas fait de wall non plus...

(suite demain)

 

[Thorondhor]

Ressources de base et éléments de la création :

Render : Un render est une image prédécoupée et qui a, en arrière plan, un fond transparent. Le plus souvent ces images sont au format .png pour ne pas avoir une image au contour abîmé par le format. Le but des render est d'avoir une image prête à intégrer dans un décor.
Plus concrètement, c’est un personnage ou élément d'une image ou photo extraite de son support d'origine afin de la ré employer dans une autre création graphique appelée Blend.

Stock : On a coutume d’appeller stock une forme avec un fond (personnages, objets, animaux, logos, etc...). On l’utilise en l’état ou on la découpe soi-même pour en faire un render utilisable.

Fond : Il s’agit de l’arrière plan d'une création.

C4D : À la base le terme c4d correspond au logiciel cinéma 4D, mais est généralement utilisé en graphisme pour décrire des formes abstraites pour les intégrer à la composition, Elles peuvent servir à ajouter un peu de tonus, de la profondeur, des effets de lumières, abstraits ou bien de fabriquer entièrement une signature.

Wireframes : Forme particulière de C4D en mode fil de fer, On ne voit que les arretes de ces formes. Ils permettent d'ajouter des éléments graphiques a un fond, ou de mettre en valeur un render.

Texture : Il s'agit d'une surface représentée par le biais d'une image.

Typographie : Le terme de typographie (souvent dit : typo) désigne le texte employé dans une création (nom/pseudo du créateur ou du destinataire, poème, devise, slogan….) mais c'est aussi l’art et la manière de se servir des caractères : choix de la police, des couleurs, de l’agencement…

Cadre : Utilisé pour habiller la création, afin de créer un effet de style, de la profondeur, ou bien de la simplicité, de la discrétion, etc. Le cadre n'a pour limite que votre imagination. Il n'est cependant pas indispensable, et parfois certains préfèrent ne pas en mettre. D’autres se content d’une bordure noire de 1 pixel.

Pattern (motif en français) : Élément graphique qui se répète. Un bon motif, doit, quand on l'applique (via l'outil de remplissage), n'avoir aucune démarcation.

Brush (brosse en français) : outil permettant d’appliquer les couleurs, les effets… On les fait servir à créer un fond ou bien simplement décorer. On peut les modier de beaucoup de manières : pression, dynamique de forme, opacité etc. Il est de formes variées, représentant des motifs, des traits etc.

Tous les éléments cités ci-dessous sont utilisés en général sous forme de calques :
Calque : couche de votre création consistant en une image(généralement transparente) sur laquelle les éléments d'une image ou d'un texte mis en page sont positionnés. Chaque élément peut être placé sur un calque différent, le résultat final étant obtenu par la superposition de tous les calques. On peut de cette manière décomposer le travail, ce qui le rend plus simple.