-
Événement Anniversaire 2024
Joyeux anniversaire ! Notre équipe de scientifiques vous attend pour repartir à l'aventure dans notre nouvelle édition de l'évènement d'anniversaire !
L'événement débute le 2 Avril et se poursuivra jusqu'au 23 ! Pour plus de détails, vous pouvez cliquer ici ! -
Événement Avril 2024 - Cot Cot Codeccc
Forgiennes et Forgiens,
Il est l'heure de participer à notre tout nouvel événement forum : Cot Cot Codeccc !
Pour en savoir plus, vous pouvez cliquer ici.
-
Mise à jour 1.281
La mise à jour 1.281 aura lieu le mercredi 24 avril ! Comme d'habitude, il y aura une courte interruption des serveurs pendant la mise à jour et nous vous prions de nous excuser pour ce petit désagrément.
Pour une description détaillée des changements à venir, veuillez cliquer ici.
T' as pa vu le graal ?
- Auteur de la discussion OR73
- Date de début
- Statut
OR73
Forgeur d'or
La réalisation de cette image ayant remporté un franc succès,
je vous garde la démarche du travail effectué.
Si @Laedem ne désire pas que ce mssg apparaisse.
Je supprimerai. Merci à lui.
Commande
Lien
On va partir là-dessus.
Le fond ne me plaît pas, l' avant plan non plus, le contenu de la bouteille idem et les couleurs à revoir.
C' est le top, non ?
Bon bin nickel.
On devrait pouvoir garder ça !!!
Hi, Hi, trop cool, Le Templier.
La tout nické !!!!
On va redonner un peu de consistance à notre bouteille.
On ajoute des ombres blanche, bleu pour garder l' effet " verre ".
Deux types d' ombre noire. Une positive, l' autre négative. Pour reformer les limite de notre bouteille.
On garde l' ensemble de nos 10 calques.
On reviendra ensuite dessus. On a notre bouteille !!!!!
Va falloir remplir, maintenant.
Ha bin lé content le gadgi !!!!
La rempli la gourde. Hi, Hi, .....
La populas occupe le gourbi.
Bon on va travailler le fond.
J' en ai trouvé un bien moche. Farfait, cela fera l' affaire.
Va falloir le gonfler et lui aménager la carrosserie !
Ha, le fond prend forme !
On en pense quoi ?
Houps, c' est l' heure de reposer la tététe !
A demain. J' attend les Bisous !
Allé, le style.
Bah, on va faire Moderne. No Guiche et No Agressif.
Un truc qui claque sa reum !!!!!! Mais very serious.
La bordure en dégradé bleu, very bad !
Une ombre en haut à gauche à suppimer.
Ajouter le serveur. Le bouchon n' est pas très hermétique.
Nettoyage des calques. Fusion. Compression.
Livraison et notation ! Bravo Olive, t' es un Chef.
De quoi, j' en sais rien. Mais j' aime à y croire ! Hi, Hi, .....
ou
500 X 200 px - JPG - 95 dpi - 60.7 Ko
Et voilà, FINEX. A vos commentaires.
Bisous.
Ce graphe est réalisé à partir de trois calques.
Les voici sur fond blanc. A vos pinceaux !
je vous garde la démarche du travail effectué.
Si @Laedem ne désire pas que ce mssg apparaisse.
Je supprimerai. Merci à lui.
Commande
Lien
On va partir là-dessus.
Le fond ne me plaît pas, l' avant plan non plus, le contenu de la bouteille idem et les couleurs à revoir.
C' est le top, non ?
Bon bin nickel.
On devrait pouvoir garder ça !!!
Hi, Hi, trop cool, Le Templier.
La tout nické !!!!
On va redonner un peu de consistance à notre bouteille.
On ajoute des ombres blanche, bleu pour garder l' effet " verre ".
Deux types d' ombre noire. Une positive, l' autre négative. Pour reformer les limite de notre bouteille.
On garde l' ensemble de nos 10 calques.
On reviendra ensuite dessus. On a notre bouteille !!!!!
Va falloir remplir, maintenant.
Ha bin lé content le gadgi !!!!
La rempli la gourde. Hi, Hi, .....
La populas occupe le gourbi.
Bon on va travailler le fond.
J' en ai trouvé un bien moche. Farfait, cela fera l' affaire.
Va falloir le gonfler et lui aménager la carrosserie !
Ha, le fond prend forme !
On en pense quoi ?
Houps, c' est l' heure de reposer la tététe !
A demain. J' attend les Bisous !
Allé, le style.
Bah, on va faire Moderne. No Guiche et No Agressif.
Un truc qui claque sa reum !!!!!! Mais very serious.
La bordure en dégradé bleu, very bad !
Une ombre en haut à gauche à suppimer.
Ajouter le serveur. Le bouchon n' est pas très hermétique.
Nettoyage des calques. Fusion. Compression.
Livraison et notation ! Bravo Olive, t' es un Chef.
De quoi, j' en sais rien. Mais j' aime à y croire ! Hi, Hi, .....
ou
500 X 200 px - JPG - 95 dpi - 60.7 Ko
Et voilà, FINEX. A vos commentaires.
Bisous.
Ce graphe est réalisé à partir de trois calques.
Les voici sur fond blanc. A vos pinceaux !
Dernière édition :
GEBEE50
Navigateur
La réalisation de cette image ayant remporté un franc succès,
je vous garde la démarche du travail effectué.
Si @Laedem ne désire pas que ce mssg apparaisse.
Je supprimerai. Merci à lui.
Commande
Lien
On va partir là-dessus.
Le fond ne me plaît pas, l' avant plan non plus, le contenu de la bouteille idem et les couleurs à revoir.
C' est le top, non ?
Bon bin nickel.
On devrait pouvoir garder ça !!!
Hi, Hi, trop cool, Le Templier.
La tout nické !!!!
On va redonner un peu de consistance à notre bouteille.
On ajoute des ombres blanche, bleu pour garder l' effet " verre ".
Deux types d' ombre noire. Une positive, l' autre négative. Pour reformer les limite de notre bouteille.
On garde l' ensemble de nos 10 calques.
On reviendra ensuite dessus. On a notre bouteille !!!!!
Va falloir remplir, maintenant.
Ha bin lé content le gadgi !!!!
La rempli la gourde. Hi, Hi, .....
La populas occupe le gourbi.
Bon on va travailler le fond.
J' en ai trouvé un bien moche. Farfait, cela fera l' affaire.
Va falloir le gonfler et lui aménager la carrosserie !
Ha, le fond prend forme !
On en pense quoi ?
Houps, c' est l' heure de reposer la tététe !
A demain. J' attend les Bisous !
Allé, le style.
Bah, on va faire Moderne. No Guiche et No Agressif.
Un truc qui claque sa reum !!!!!! Mais very serious.
La bordure en dégradé bleu, very bad !
Une ombre en haut à gauche à suppimer.
Ajouter le serveur. Le bouchon n' est pas très hermétique.
Nettoyage des calques. Fusion. Compression.
Livraison et notation ! Bravo Olive, t' es un Chef.
De quoi, j' en sais rien. Mais j' aime à y croire ! Hi, Hi, .....
ou
500 X 200 px - JPG - 95 dpi - 60.7 Ko
Et voilà, FINEX. A vos commentaires.
Bisous.
Ce graphe est réalisé à partir de trois calques.
Les voici sur fond blanc. A vos pinceaux !
Un sacré travail....
pn1908
L'Aède Romantique
Bravo OLivier...
et merci de toutes tes explications et de nous laisser les images intermédiaires : les plus courageux vont pouvoir s'entrainer un peu.
J'avoue ne pas avoir tout compris : ombre noire pour refaire le contour de la bouteille : négative, positive (comme les ions ??)
Le serveur peut être fier... et pour toi faisons donc sauter le bouchon ...
Encore Bravo..... Gros bisous
et merci de toutes tes explications et de nous laisser les images intermédiaires : les plus courageux vont pouvoir s'entrainer un peu.
J'avoue ne pas avoir tout compris : ombre noire pour refaire le contour de la bouteille : négative, positive (comme les ions ??)
Le serveur peut être fier... et pour toi faisons donc sauter le bouchon ...
Encore Bravo..... Gros bisous
OR73
Forgeur d'or
Bonjour,
Je vais essayer de vous expliquer le plus simplement possible.
Les pros et les pointilleux, cela ne vous ai pas destiné pour critique ou notation.
Je m' adapte en supposant qu' il y a des novices et des jeunes gens.
Une ombre tel que l' on connait est une dégradation de la lumière sur un axe
au travers d' un corps. On lit cette dégradation sur un plan.
On a donc 4 caractéristiques:
> Intensité lumineuse.
> Angle formé par la source, l' objet et le plan.
> Volume de l'objet en 3D ( x, y, z ).
> Opacité ou réflexion de l' objet.
En graphisme 2D la profondeur n' existe pas.
On doit donc la simuler.
On ne peut travailler qu' avec des coordonnées x et y, d ' où le nom de graphisme vectoriel.
On se repère donc par un système de deux axes perpendiculaires ayant pour intersection la valeur O.
Un axe dit horizontal défini les abscisses ( x ).
Un axe dit vertical défini les ordonnées ( y ).
Une unité commune au deux axes est définie.
Les droites comportent une échelle de mesure croissante et décroissante de part et d' autre du zéro " origine ".
Il existe donc des valeurs positives et négatives.
Gimp est une application qui nécessite une connaissance de son fonctionnement basique pour obtenir sa maitrise.
Il n' est pas régit par une IA. Le processus est différent.
Tout est basé sur une donnée et son contraire.
Vous devez donc penser de la sorte. Sélection ou pas de sélection, blanc ou noir, positif ou négatif, .....
La puissance du logiciel est cette faculté à créer des tables intermédiaires à ces limites.
On appel cela des outils.
Si nous revenons sur nos ombres.
Il existe deux grands groupes d' ombres.
Les ombres en perspectives et les ombres portées.
Et voilà. Olivier.
Je vais essayer de vous expliquer le plus simplement possible.
Les pros et les pointilleux, cela ne vous ai pas destiné pour critique ou notation.
Je m' adapte en supposant qu' il y a des novices et des jeunes gens.
Une ombre tel que l' on connait est une dégradation de la lumière sur un axe
au travers d' un corps. On lit cette dégradation sur un plan.
On a donc 4 caractéristiques:
> Intensité lumineuse.
> Angle formé par la source, l' objet et le plan.
> Volume de l'objet en 3D ( x, y, z ).
> Opacité ou réflexion de l' objet.
En graphisme 2D la profondeur n' existe pas.
On doit donc la simuler.
On ne peut travailler qu' avec des coordonnées x et y, d ' où le nom de graphisme vectoriel.
On se repère donc par un système de deux axes perpendiculaires ayant pour intersection la valeur O.
Un axe dit horizontal défini les abscisses ( x ).
Un axe dit vertical défini les ordonnées ( y ).
Une unité commune au deux axes est définie.
Les droites comportent une échelle de mesure croissante et décroissante de part et d' autre du zéro " origine ".
Il existe donc des valeurs positives et négatives.
Gimp est une application qui nécessite une connaissance de son fonctionnement basique pour obtenir sa maitrise.
Il n' est pas régit par une IA. Le processus est différent.
Tout est basé sur une donnée et son contraire.
Vous devez donc penser de la sorte. Sélection ou pas de sélection, blanc ou noir, positif ou négatif, .....
La puissance du logiciel est cette faculté à créer des tables intermédiaires à ces limites.
On appel cela des outils.
Si nous revenons sur nos ombres.
Il existe deux grands groupes d' ombres.
Les ombres en perspectives et les ombres portées.
Aide, Figure 1.
- Les Ombres en Perspectives:
Elles correspondent à la définition que nous connaissons.
Déformation de la lumière sur un plan en fonction des caractéristiques de la source lumineuse.
Dans Gimp, Filtres / Ombres et Lumière / Ombre en perspective.
Figure2
Ici deux choses sont importantes:
- L' angle, qui donnera une profondeur à votre graphe en imaginant une source lumineuse ayant une incidence.
Attention, il doit exister un alignement source lumineuse / objet.
Votre ombre déterminera un plan. Qui deviendra votre arrière plan et qui aura donc une perspective maintenant !
Si vous compter rajoutez des éléments au graphe, il faudra le prendre en compte.
- Distance relative de l' horizon.
En clair, c' est l' éloignement de votre origine ombre par rapport au sujet.
Il faudra changer la valeur pour obtenir quelques chose qui se rapproche de la réalité. L' ombre peut apparaitre sur un plan vertical, par exemple.
A utiliser pour des ombres de bougie, par exemple.
Pour obtenir ce type d' ombre, il suffit de sélectionner le calque ( sujet ) et d' appliquer le filtre en donnant les valeurs que l' on désire.
Vous avez un exemple sur cette signature " Pegasus ".
! L' objet doit être sur fond transparent, donc détouré.
Sinon vous aurez l' ombre d' une feuille de papier !!!!!
Exemple N°4, Figure 1. - Les Ombres Portées.
Ce sont des ombres particulières que l' on destine plutôt à un effet de relief.
Les caractéristiques sont différentes. On ne parle pas d' angle mais de vecteur.
" L' inclinaison " de notre ombre s' effectuera par une copie de l' objet ( en transparence ) que Gimp va ensuite décaler des valeurs que vous lui indiquez. On utilise tout simplement une sélection à laquelle on affecte une ombre. C' est ce que l' on retrouve dans les champs x et y.
Figure 1, N° 1 vous retrouvez ce que donne pour Gimp un vecteur x=2 et y=2.
L' ombre sera à droite et vers le haut de l' objet. 0 étant la position de l' objet.
Les chiffres seront des entiers positifs ou négatifs, en pixel.
Le rayon de flou, c' est tout simplement l' épaisseur de votre ombre. Toujours en pixel.
A noter: Décocher le redimensionnement.
Si l' on sélectionne le rond noir Figure 1, N° 0.
Et que l' on demande une ombre porté.
Elle va s' étaler sur le pourtour extérieur de l' objet. L' ombre est dite Positive.
Elle est en rouge sur la Figure 1, N° 2.
Maintenant, à partir du menu sélection inversons.
Ce qui signifie que la partie blanche sera sélectionnée.
Portons une ombre avec exactement les mêmes données.
L' ombre va apparaître sur le pourtour intérieur de l' objet, cette fois.
L' ombre est dite négative. Figure 1, N°3.
Un travail réalisé uniquement avec des ombres.
Il ne vous reste plus qu' à tester.
Et voilà. Olivier.
Dernière édition :
DeletedUser44195
Guest
youuuupi !!!
c'est vraiment super ici !!! cette galerie en plus de présenter de maaaaagnifiques œuvres contient aussi des tutos, très bien expliqué d’ailleurs.
Belle maitrise du logiciel.
bravo ! félicitation ! ma-gni-fique ! beautifull ! superbe ! splendide !... Je m’arrête sinon j'en ais encore pour un moment^^
c'est vraiment super ici !!! cette galerie en plus de présenter de maaaaagnifiques œuvres contient aussi des tutos, très bien expliqué d’ailleurs.
Belle maitrise du logiciel.
bravo ! félicitation ! ma-gni-fique ! beautifull ! superbe ! splendide !... Je m’arrête sinon j'en ais encore pour un moment^^
OR73
Forgeur d'or
Bonsoir,
J' ai promis un petit travail de collaboration @frazzikawa .
Voilà, l' objectif lui faire une signature à partir d' un de ses dessins.
Je lui ai donc demandé un scorpion.
Pour rendre le travail satisfaisant, j' ai agrandi un tout petit peu son œuvre.
Et pour le moment notre scorpion est juste dans le cadre.
Voilà donc la matière première.
On va commencer par travailler la queue.
Nous allons donc commencer par la redessiner.
J' ai promis un petit travail de collaboration @frazzikawa .
Voilà, l' objectif lui faire une signature à partir d' un de ses dessins.
Je lui ai donc demandé un scorpion.
Pour rendre le travail satisfaisant, j' ai agrandi un tout petit peu son œuvre.
Et pour le moment notre scorpion est juste dans le cadre.
Voilà donc la matière première.
On va commencer par travailler la queue.
Nous allons donc commencer par la redessiner.
Dernière édition :
DeletedUser33392
Guest
OR73
Forgeur d'or
Création d' une image.
Astuces:
Travaillez toujours avec une copie.
Pour l' obtenir faites tout simplement un "Copier"/"Coller" de l' image ( fermée ) dans le dossier de destination.
Pour faciliter votre travail, utilisez des surfaces le double du résultat final.
Règles à respecter sur le Forum concernant les ressources graphiques.
- Ouvrez Gimp.
Suivant le cas:- Gimp s' ouvre sur une ou plusieurs images.
Nous devons donc les fermer.
>> Fichier / Close View
Créons la nouvelle image.
>> Fichier / Nouvelle Image ... ( Reportez-vous au ( 2 ). - Gimp vous demande de créer un nouveau graphe. ( Reportez-vous au ( 2 ).
- Gimp s' ouvre sur une ou plusieurs images.
- Apparaît alors un formulaire:
.
Saisissez tel qu' indiqué. " Validez ".
Votre image est alors créée. Elle mesure 1 000 X 400 px, contient un calque transparent et a l' extension .xcf.
Dans la fenêtre des calques elle apparaît ainsi.
Pour faire apparaître la fenêtre de l' outil calques (): >> Fenêtres / Fenêtres ancrables / Calques.
- Sauvegardez votre travail.
>> Fichier / Enregistrer Sous.
Choisissez le dossier de destination, nommez l' image et " Validez ".
Dans votre dossier, le graphe apparaît avec l' icône " Gimp ". Ces images sont relativement lourdes.
Les extensions sont en .xcf. Ce qui signifie qu' elles ne sont utilisables que par Gimp et certains logiciels
de dessin vectoriel ou 3D.
Astuces:
Travaillez toujours avec une copie.
Pour l' obtenir faites tout simplement un "Copier"/"Coller" de l' image ( fermée ) dans le dossier de destination.
Pour faciliter votre travail, utilisez des surfaces le double du résultat final.
Règles à respecter sur le Forum concernant les ressources graphiques.
"Extrait du Règlement Forum en date du 12.11.2016".
Avatars, signatures et pseudonymes
- L'image employée pour l'avatar ne peut excéder les limites suivantes :
* Hauteur : 80 pixels ;
* Largeur : 80 pixels ;
* Poids : 19.5 kilo octets.
- L'image employée pour la signature ne peut excéder les limites suivantes :
* Hauteur : 200 pixels ;
* Largeur : 500 pixels ;
* Poids : 64 kilo octets.
- Le texte présent dans la signature ne devra pas dépasser la taille de 2.
- Les signatures, avatars, images de portrait, ne doivent pas contenir d'image, de quote, de texte qui pourrait incriminer ou mettre en avant un joueur/membre de l'équipe de la Communauté négativement.
Note :
- Le poids total de la signature est la somme des poids des images qui la compose
- Il est autorisé d'ajouter 3 lignes de texte (incluant les sauts de ligne) MAX en dessous - au dessus de l'image avec une taille normale (ne dépassant pas 2)
- L'équipe du forum se donne le droit d'éditer vos Signatures/Avatar/Image de profil si besoin.
-Les pseudonymes doivent se conformer aux règles de politesse et de respect d’autrui comme tout autre contenu. Un pseudonyme offensant ou insultant pourra faire l’objet d’une modification en cas de non-coopération de son utilisateur.
-Les images utilisées en guise d’avatar et de signature sont soumises aux mêmes règles que les messages. Dans le cas où un avatar et/ou une signature serait contraire aux règles, il devra être changé sur demande de l’équipe de modération.
-Une seule image est autorisée pour la signature.
-De la même manière que pour les messages, la publicité et les liens pour d'autres sites et jeux par navigateur n’étant pas apparentés à Forge of Empires et InnoGames GmbH dans les signatures est à proscrire. Les liens de parrainage et liens à "clics", qu'ils soient explicites ou non, sont également interdits.
-Les images utilisées devront être fixes (non-animée).
Avatars, signatures et pseudonymes
- L'image employée pour l'avatar ne peut excéder les limites suivantes :
* Hauteur : 80 pixels ;
* Largeur : 80 pixels ;
* Poids : 19.5 kilo octets.
- L'image employée pour la signature ne peut excéder les limites suivantes :
* Hauteur : 200 pixels ;
* Largeur : 500 pixels ;
* Poids : 64 kilo octets.
- Le texte présent dans la signature ne devra pas dépasser la taille de 2.
- Les signatures, avatars, images de portrait, ne doivent pas contenir d'image, de quote, de texte qui pourrait incriminer ou mettre en avant un joueur/membre de l'équipe de la Communauté négativement.
Note :
- Le poids total de la signature est la somme des poids des images qui la compose
- Il est autorisé d'ajouter 3 lignes de texte (incluant les sauts de ligne) MAX en dessous - au dessus de l'image avec une taille normale (ne dépassant pas 2)
- L'équipe du forum se donne le droit d'éditer vos Signatures/Avatar/Image de profil si besoin.
-Les pseudonymes doivent se conformer aux règles de politesse et de respect d’autrui comme tout autre contenu. Un pseudonyme offensant ou insultant pourra faire l’objet d’une modification en cas de non-coopération de son utilisateur.
-Les images utilisées en guise d’avatar et de signature sont soumises aux mêmes règles que les messages. Dans le cas où un avatar et/ou une signature serait contraire aux règles, il devra être changé sur demande de l’équipe de modération.
-Une seule image est autorisée pour la signature.
-De la même manière que pour les messages, la publicité et les liens pour d'autres sites et jeux par navigateur n’étant pas apparentés à Forge of Empires et InnoGames GmbH dans les signatures est à proscrire. Les liens de parrainage et liens à "clics", qu'ils soient explicites ou non, sont également interdits.
-Les images utilisées devront être fixes (non-animée).
Dernière édition :
pn1908
L'Aède Romantique
Coucou Olivier....
Ah que voilà un bon début... Je manipule très sommairement Gimp (je superpose, je gomme,...)
et avoir de bonnes bases me manquent.
Je suis toutes les étapes des signatures que tu nous expliques... mais parfois c'est un peu dur à comprendre (les ombres par exemple)
Ce retour aux premiers pas me va tout à fait...
Gros bisous Olivier....
Ah que voilà un bon début... Je manipule très sommairement Gimp (je superpose, je gomme,...)
et avoir de bonnes bases me manquent.
Je suis toutes les étapes des signatures que tu nous expliques... mais parfois c'est un peu dur à comprendre (les ombres par exemple)
Ce retour aux premiers pas me va tout à fait...
Gros bisous Olivier....
OR73
Forgeur d'or
En Cours.
Ajouter des calques de travail ou d' arrière plan.
Dans l' étape précédente, nous avons créé une futur image.
Nous possédons un calque dit " transparent " pour la remplir.
Alors un calque c' est quoi ?
Votre image va se composer de couche qui vont venir s' empiler les unes sur les autres.
Il existe donc une hiérarchie, une surface utile, un contenu et des caractéristiques de variations pour obtenir le résultat voulu.
Chaque couche peut remplir partiellement la surface de l' image, avoir une opacité différente, détenir des couleurs différentes, des objets différents ou un positionnement précis.
La couche est appelée " Calque ". Elle permet une décomposition et nécessitera donc un travail d' assemblage de notre image.
En fusionnant ( assemblage ordonné et successif des couche en une seule ) ce nombre non défini de calques nous obtenons notre fameux graphe.
Sachant que la lecture sera effectué sur une vue dirigée de premier plan vers arrière plan.
N' oublions pas que nous travaillons en système vectoriel !
Gimp utilise un script interne de codage des couleurs sous un format non utilisable hors contexte.
Il s' agit du rgba(). C' est du rgb() avec une composante supplémentaire qui est l' opacité.
Vous pouvez donc faire varier l'opacité de vos calques et par conséquent utiliser des calques dit " Transparent ".
Un calque transparent est défini de la sorte dans l' application. rgba(255,255,255,0.0).
Hé oui, c' est du blanc avec une opacité à 0.0 % ! Ceux qui code en CSS3 doivent connaître.
Comme ce calque possède des valeurs, on pourra donc le manipuler.
Un calque transparent n' est donc pas un calque particulier.
Notez bien cette remarque, c' est très important.
Bon, c' est bien gentil tout cela, mais si je travail j' ai besoin de quoi ?
D' abord la gestion des calques est organisée au travers d' une fenêtre:
La fenêtre de gestion des calques.
Suivant votre " univers de travail ", vous pouvez faire apparaître cette fonctionnalité:
Dans les deux cas apparaît votre outil de gestion:
Ajouter des calques de travail ou d' arrière plan.
Dans l' étape précédente, nous avons créé une futur image.
Nous possédons un calque dit " transparent " pour la remplir.
Alors un calque c' est quoi ?
Votre image va se composer de couche qui vont venir s' empiler les unes sur les autres.
Il existe donc une hiérarchie, une surface utile, un contenu et des caractéristiques de variations pour obtenir le résultat voulu.
Chaque couche peut remplir partiellement la surface de l' image, avoir une opacité différente, détenir des couleurs différentes, des objets différents ou un positionnement précis.
La couche est appelée " Calque ". Elle permet une décomposition et nécessitera donc un travail d' assemblage de notre image.
En fusionnant ( assemblage ordonné et successif des couche en une seule ) ce nombre non défini de calques nous obtenons notre fameux graphe.
Sachant que la lecture sera effectué sur une vue dirigée de premier plan vers arrière plan.
N' oublions pas que nous travaillons en système vectoriel !
Gimp utilise un script interne de codage des couleurs sous un format non utilisable hors contexte.
Il s' agit du rgba(). C' est du rgb() avec une composante supplémentaire qui est l' opacité.
Vous pouvez donc faire varier l'opacité de vos calques et par conséquent utiliser des calques dit " Transparent ".
Un calque transparent est défini de la sorte dans l' application. rgba(255,255,255,0.0).
Hé oui, c' est du blanc avec une opacité à 0.0 % ! Ceux qui code en CSS3 doivent connaître.
Comme ce calque possède des valeurs, on pourra donc le manipuler.
Un calque transparent n' est donc pas un calque particulier.
Notez bien cette remarque, c' est très important.
Les 16 Couleurs admises par le W3C et leur codage.
L' interprétation par l' ensemble des navigateurs est donc sans discussion.
Pour le Forum et ceux qui éditent leurs balises.
Le code hexadécimal est directement retranscrit en RGB().
Le RGB est une association de trois couleurs fusionnées.
Le Rouge, le Vert et le Bleu. On utilise toujours cet ordre pour citer une couleur.
Les variations de valeur et le mélange de chacune d' entre elles donnera une nouvelle couleur.
Les plages peuvent se situer entre 0 et 255.
Notation: rgb(Valeur Rouge, Valeur Vert, Valeur Bleu)
Au sujet de la transparence sur le Forum.
Si vous voulez utiliser une compression avec de la transparence, vous allez vous heurter au problème du poids de
l' image ( Gif ou Png ). Pour éviter ceci, il existe une seule solution.
Une compression en .JPG avec une simulation de transparence par un arrière plan au couleurs du fond de page.
Le résultat est d' excellente qualité.
Les valeurs d' arrière plan:
Les valeurs des couleurs diffèrent d' un outil de travail à l' autre.
C' est essentiellement dû à la précision du prélèvement, à votre environnement, à ses dépendance et à la précision du code.
Le code hexadécimal qui nous semble précis peut être comparé à quelqu' un qui regarde avec une loupe alors que d' autres regarde la même chose avec un microscope.
Seulement votre pc possède la précision d' un microscope électronique !
Les couleurs vont alors prendre des valeurs différentes. Quelques exemples gracieusement cédés.
Merci à tous ceux qui contribuent.
Pour réaliser une capture d' une couleur quelconque.
> Réalisez une capture ( Screen ) d' une zone homogène de 100 X 100 px.
Utilisez simplement l' outil sous Windows ( Démarrer / Tous les programmes / Accessoires / Outil de capture ).
Enregistrez votre prélèvement en .JPG.
> Ouvrez votre image dans Gimp.
> Cliquez sur l'outil " Pipette " (
) et affichez les options.
> Renseignez les options ( Visu sur image du bas ).
! " Moyenne du voisinage " , fixez le rayon à 50 px ( Très important ).
> Sélectionnez une zone sur l' image.
> La fenêtre d' info apparaît, il ne vous reste plus qu' à lire les valeurs.
L' interprétation par l' ensemble des navigateurs est donc sans discussion.
| Nommée | Héxadécimal | Red Green Blue | Visuel |
| White | #FFFFFF | 255-255-255 | Background |
| Yellow | #FFFF00 | 255-255-0 | Background |
| Fuchsia | #F0FFF0 | 255-0-255 | Background |
| Red | #FF0000 | 255-0-0 | Background |
| Silver | #C0C0C0 | 192-192-192 | Background |
| Gray | #808080 | 128-128-128 | Background |
| Olive | #808000 | 128-128-0 | Background |
| Purple | #800080 | 128-0-128 | Background |
| Maroon | #800000 | 128-0-0 | Background |
| Aqua | #00FFFF | 0-255-255 | Background |
| Lime | #00FF00 | 0-255-0 | Background |
| Teal | #008080 | 0-128-128 | Background |
| Green | #008000 | 0-128-0 | Background |
| Blue | #0000FF | 0-0-255 | Background |
| Navy | #000080 | 0-0-128 | Background |
| Black | #000000 | 0-0-0 | Background |
Pour le Forum et ceux qui éditent leurs balises.
Le code hexadécimal est directement retranscrit en RGB().
Le RGB est une association de trois couleurs fusionnées.
Le Rouge, le Vert et le Bleu. On utilise toujours cet ordre pour citer une couleur.
Les variations de valeur et le mélange de chacune d' entre elles donnera une nouvelle couleur.
Les plages peuvent se situer entre 0 et 255.
Notation: rgb(Valeur Rouge, Valeur Vert, Valeur Bleu)
- Code RGB
ce qui donneCode :[COLOR=rgb(255, 0, 0)]Essai RGB().[/COLOR]
Essai RGB().
- Code Nominatif
ce qui donneCode :[COLOR=red]Essai Nominatif.[/COLOR]
Essai Nominatif.
Au sujet de la transparence sur le Forum.
Si vous voulez utiliser une compression avec de la transparence, vous allez vous heurter au problème du poids de
l' image ( Gif ou Png ). Pour éviter ceci, il existe une seule solution.
Une compression en .JPG avec une simulation de transparence par un arrière plan au couleurs du fond de page.
Le résultat est d' excellente qualité.
Les valeurs d' arrière plan:
| Arrière plan | Hexadécimal | rgb() |
| Signature | #64361e | rgb(100,54,30) |
| Avatar | #592b11 | rgb(89,43,17) |
| Page | #64361e | rgb(100,54,30) |
| Spoiler | #54260e | rgb(84,38,14) |
Les valeurs des couleurs diffèrent d' un outil de travail à l' autre.
C' est essentiellement dû à la précision du prélèvement, à votre environnement, à ses dépendance et à la précision du code.
Le code hexadécimal qui nous semble précis peut être comparé à quelqu' un qui regarde avec une loupe alors que d' autres regarde la même chose avec un microscope.
Seulement votre pc possède la précision d' un microscope électronique !
Les couleurs vont alors prendre des valeurs différentes. Quelques exemples gracieusement cédés.
Merci à tous ceux qui contribuent.
| Système | Navigateur | Hexa/Signature | Hexa/Avatar |
| Windows | IE | #64361e | #592b11 |
| Mac | Chrome | #66361e | #66371e |
Pour réaliser une capture d' une couleur quelconque.
> Réalisez une capture ( Screen ) d' une zone homogène de 100 X 100 px.
Utilisez simplement l' outil sous Windows ( Démarrer / Tous les programmes / Accessoires / Outil de capture ).
Enregistrez votre prélèvement en .JPG.
> Ouvrez votre image dans Gimp.
> Cliquez sur l'outil " Pipette " (
> Renseignez les options ( Visu sur image du bas ).
! " Moyenne du voisinage " , fixez le rayon à 50 px ( Très important ).
> Sélectionnez une zone sur l' image.
> La fenêtre d' info apparaît, il ne vous reste plus qu' à lire les valeurs.
Bon, c' est bien gentil tout cela, mais si je travail j' ai besoin de quoi ?
D' abord la gestion des calques est organisée au travers d' une fenêtre:
La fenêtre de gestion des calques.
Suivant votre " univers de travail ", vous pouvez faire apparaître cette fonctionnalité:
- Univers de travail par fenêtre contextuelle:
Menu_Gimp / Eenêtre / Fenêtres Ancrables / Calques ( Chemin en fond rouge ).
- Univers de travail intégré:
Icône ( Icône en vert sur vue ci-dessus ).
Dans les deux cas apparaît votre outil de gestion:
Dernière édition :
DeletedUser44195
Guest
Très bonnes explications... même si je comprends pas tout mais un peu d'expérience et ça devrait le faire.
Va falloir que je me mette a "Gimper"
Et bonne chance pour ma signature !
Va falloir que je me mette a "Gimper"
Et bonne chance pour ma signature !
Loup Tenace
Empereur
Salut OR73,
pour avoir tester avec Paint et Gimp ces valeurs là : signature HTML #64361e / RGB (100,54,30)
cela me donne pas la même couleur que la couleur du fond.
pour avoir tester avec Paint et Gimp ces valeurs là : signature HTML #64361e / RGB (100,54,30)
cela me donne pas la même couleur que la couleur du fond.
OR73
Forgeur d'or
Salut Loup,
Voilà ce que cela donne sous paint.
rgb(100,54,30)
Parfait, Non ?
Mais attends, il y a une dépendance avec ton écran et ta carte vidéo.
Fais un screen de la partie que tu veux en couleur.
Une partie de 50 X 50 px de la page suffira ( couleur homogène sans police, ... )
Enregistre en .JPG.
Ouvre dans Gimp cette image et utilise la pipette pour prélever la couleur.
Lit le code.
Tu obtiens quoi en valeur ?
Voilà ce que cela donne sous paint.
rgb(100,54,30)
Parfait, Non ?
Mais attends, il y a une dépendance avec ton écran et ta carte vidéo.
Fais un screen de la partie que tu veux en couleur.
Une partie de 50 X 50 px de la page suffira ( couleur homogène sans police, ... )
Enregistre en .JPG.
Ouvre dans Gimp cette image et utilise la pipette pour prélever la couleur.
Lit le code.
Tu obtiens quoi en valeur ?
Dernière édition :
Loup Tenace
Empereur
Merci Or73,
vais faire ça et te dirai ensuite ce que j'obtiens.
édit :
en fait j'obtiens différente valeur selon où je prélève la couleur,
mon fond de couleur n'étant pas unis apparemment.
édit 2 :
en fait je vois le truc, la couleur du fond en prévisualisation est différente de la couleur du fond
du forum. C'est pourquoi maintenant mon coin bas gauche de ma signa est plus foncé que le fond du forum.
vais faire ça et te dirai ensuite ce que j'obtiens.
édit :
en fait j'obtiens différente valeur selon où je prélève la couleur,
mon fond de couleur n'étant pas unis apparemment.
édit 2 :
en fait je vois le truc, la couleur du fond en prévisualisation est différente de la couleur du fond
du forum. C'est pourquoi maintenant mon coin bas gauche de ma signa est plus foncé que le fond du forum.
Dernière édition :
Loup Tenace
Empereur
Merci pour tout tes éclaircissements, suis parvenu à mes fin après X manipulations.
OR73
Forgeur d'or
Bin voilà.
Et le code couleur est quoi pour toi ?
Maintenant que tu as le code, garde le.
Je vais faire un additif dans le spoiler concernant ce détail.
Cela peut en aider certains et éviter que l' on pense que je raconte des âneries.
Enfin ce qui me rassure c' est que tu ne m' a pas pris pour un idiot.
Car généralement quand je commence à parler de dépendance liée à un composant ou au système,
alors là......
Faudrait que les joueurs comprennent que chacun à un système qui peut réagir différemment.
Et là c' est le cas, avec ta carte Vidéo et ton Ecran. Mais, il y a également le navigateur.
Mais tu es loin d' être le seul.
Donne moi ton code, ta carte vidéo et ton navigateur, que je le donne également.
Moi, c' est une Nvidia GEFORCE GT et je suis sur IE.
En théorie, il peut y avoir environ 26 variations de code. En comptant les utilisateurs de la pomme et du pingouin.
Que l' on peut multiplier par 7, car il y a 7 Core différent de navigateur.
Et le code couleur est quoi pour toi ?
Maintenant que tu as le code, garde le.
Je vais faire un additif dans le spoiler concernant ce détail.
Cela peut en aider certains et éviter que l' on pense que je raconte des âneries.
Enfin ce qui me rassure c' est que tu ne m' a pas pris pour un idiot.
Car généralement quand je commence à parler de dépendance liée à un composant ou au système,
alors là......
Faudrait que les joueurs comprennent que chacun à un système qui peut réagir différemment.
Et là c' est le cas, avec ta carte Vidéo et ton Ecran. Mais, il y a également le navigateur.
Mais tu es loin d' être le seul.
Donne moi ton code, ta carte vidéo et ton navigateur, que je le donne également.
Moi, c' est une Nvidia GEFORCE GT et je suis sur IE.
En théorie, il peut y avoir environ 26 variations de code. En comptant les utilisateurs de la pomme et du pingouin.
Que l' on peut multiplier par 7, car il y a 7 Core différent de navigateur.
Loup Tenace
Empereur
Hello "Messire I dit : OH!!!"
mais non tu ne raconte pas d’âneries ou si peu en tout cas quand tu parle de graphisme, mon niveau de compétence me permet pas de dire que t'es un idiot dans ce domaine.
En fait je te communiquerai les infos (carte Vidéo et mon Ecran) ce soir,
après le code HTML des couleurs ou le code RGB peut te le communiquer mais en fait j'ai fais autrement pour parvenir au résultat de ma signature actuelle. Le navigateur que j'utilise le plus pour lire le forum c'est : (Louis-Antoine de) Bougainville oups désolé Maxthon.
Bon toutes les infos sans fautes ce soir.
Et si cela peut aider, je mettrai ma modeste méthode pour parvenir au résultat de ma signature.
mais non tu ne raconte pas d’âneries ou si peu
en tout cas quand tu parle de graphisme, mon niveau de compétence me permet pas de dire que t'es un idiot dans ce domaine.En fait je te communiquerai les infos (carte Vidéo et mon Ecran) ce soir,
après le code HTML des couleurs ou le code RGB peut te le communiquer mais en fait j'ai fais autrement pour parvenir au résultat de ma signature actuelle. Le navigateur que j'utilise le plus pour lire le forum c'est : (Louis-Antoine de) Bougainville oups
désolé Maxthon.Bon toutes les infos sans fautes ce soir.
Et si cela peut aider, je mettrai ma modeste méthode pour parvenir au résultat de ma signature.
- Statut