Gabriel-Rambault.fr

Sommaire

Faire un octogone avec PhotoFiltre
Ça sert à rien, quoique...

Calcul des points pour un octogone :

fig001 dans octogoneDessin d'un octogone de 300px de côtéNous voulons dessiner un octogone dont les 8 côtés feront 300px

Ouvrez PhotoFiltre...

Tapez le raccourci clavier
 
Ctrl+N
 
pour créer une nouvelle image.

Faites les réglages comme dans la fig001 et validez.

Réglages palette d'outils.
fig002 dans octogone fig003 dans octogone fig004 dans octogone
Avant de passer à l'étape suivante, nous faisons quelques réglages comme ci-contre en figures 2, 3 et 4 dans la palette d'outils.

Ces réglages vont se répercuter aux 2 étapes suivantes.
Dans chaque boîte, suivez les réglages dans l'ordre numérique.

Dans la boîte fig003, le rouge du contour sera sélectionné par le bouton gauche de la souris pointée sur le damier, le vert du remplissage avec le bouton droit.

Petite explication pour le suite :

Pour obtenir un octogone régulier, il faut que chaque côté ait la même dimension de 300px. Si nous regardons bien l'image verte ci-dessus, nous voyons que les côtés obliques sont les hypothénuses de triangles rectangles. D'où petit rappel de Pythagore dans le triangle rectangle aih :

Bien entendu, nous n'avons pas la possibilité de "couper les pixels" en 10èmes. Donc nous arrondirons à 212px.

On en déduit les dimensions suivantes :

fig005 dans octogoneRevenons dans PhotoFiltre :

Nous avons une feuille vierge de 1000x1000px,
réduisons la à 724x724px :

Tapez le raccourci clavier
 
Ctrl+H

Ensuite, vous pouvez suivre l'ordre sur la fig005 ci-contre.

Nous allons tracer maintenant 2 grands rectangles de 724x300 px en croix et pour cela :

fig006 dans octogoneTapez le raccourci Ctrl+G

Suivez l'ordre de la boîte fig006 ci-contre, dans laquelle les points 1 et 2 sont importants, et vous indiquerez une largeur (3) de 724px et une hauteur (4) de 300px.
Après validation, vous obtiendrez une zone correspondante horizontale sur votre image.

fig007 dans octogoneVoir en fig007. Vous coloriez cette zone en utilisant l'outil "Pistolet" et pour cela, vous cliquez d'abord sur la "Pipette" fig008 repère 1, puis sur la couleur verte dans le pavé de couleurs, fig008 repère 2. Ensuite, vous cliquez sur le "pistolet" fig008 repère 3 pour le sélectionner, puis vous cliquez n'importe où dans la surface de la sélection en pointillés.

fig009 dans octogonePour l'encadrement rouge, il faut passer par le menu "Filtre" - "Encadrement" - "Cadre simple...", ou successivement le raccourci clavier Alt+L, puis taper M ensuite la touche Entrée

Cela vous ouvre la boîte de dialogue fig009 dans laquelle vous faites les réglages 1, 2, 3 et validez 4.

fig010 dans octogoneOn continue :

Tapez à nouveau le raccourci clavier Ctrl+G

Vous obtenez encore la même boîte de paramétrage manuel fig010 pour faire notre deuxième sélection.
Ici c'est simple, il suffit d'inverser entre la largeur et la hauteur.
Nous aurons "largeur = 300px" et "hauteur = 724px".

Il ne vous reste plus qu'à colorier également cette sélection verticale, comme pour la sélection horizontale.
Si vous voulez vous pouvez même changer les couleurs.

Et voici donc le résultat fig011.

fig012 dans octogonefig011 dans octogone

Il nous reste à terminer les 4 côtés obliques, et pour cela,
commençons par choisir la couleur rouge (repère 1) pour notre outil trait, dans la boîte à outils fig012
Ensuite, cliquer sur le crayon (repère 2) pour sélectionner l'outil.
Faites les réglages en repères 3 et 4.

En mettant votre souris sur le dessin, le pointeur se transforme comme ceci : fig013 dans octogone

Maintenez la touche Maj enfoncée avec votre index gauche.

fig014 dans octogoneCliquez dans le premier coin, par exemple en "b",
maintenez le bouton gauche de votre souris enfoncé,
et faites le glisser vers le coin "c".
Vous pouvez le dépasser en sortant du cadre, ça n'a pas d'importance.
Le fait d'avoir maintenu la touche Maj enfoncée

a forcé le traçage du trait suivant un angle de 45%.

Vous relâchez d'abord la souris, puis ensuite la touche Maj et vos 2 points sont bien joints entre eux par ce trait.

Le côté "bc" représente l'hypothénuse du triangle "bjc" et va donc bien avoir une dimension de 300px.

Petit truc, dans PhotoFiltre, vous pouvez zoomer votre affichage à 200%
pour avoir plus de précision dans votre tracé !

Vous continuez pour les coins, et ensuite vous utilisez le "Pistolet" pour colorier les triangles des coins.

Voici un 2ème résultat intermédiaire :

fig015 dans octogone

Placer les lettrages des angles :

fig016 dans octogoneTapez le raccourci clavier Ctrl+T qui ouvre la boîte fig016.

Là, c'est vous qui décidez des caractères que vous voulez utiliser.

Quand vous avez validé cette boîte, votre caractère s'affiche au milieu de votre image, avec un rectangle de sélection en pointillés.

Saisissez-le avec votre souris et faites le glisser grossièrement à la position où vous voulez le mettre. Vous affinerez ensuite cette position en utilisant les flèches de directions "Haut" - "Bas" - "Gauche" - "Droite".

Une dernière opération :

fig019 dans octogoneNous allons supprimer les quatre coins blancs pour ne conserver que l'octogone.

Cliquez dans la barre d'outils en haut, sur l'icône fig017 dans octogone, qui ouvre la boîte "Transparence de Couleur".

En cliquant sur repère 3 vous avez l'aperçu direct en même temps que vous faites les réglages.

Pour sélectionner la couleur de transparence, vous faites glisser votre souris sur l'image du polygone. Le curseur se transforme en pipette et vous cliquez ainsi sur l'un des coins blancs. La couleur blanche est alors sélectionnée dans la partie repère 1.

En repère 2amenez le curseur sur tolérance 10%.

Il ne reste plus qu'à cliquer sur "Ok", repère 4, pour obtenir le résultat final Fig020.

Polygone final.

Compte tenu de la transparence, il faut sauvegarder cette image au format "png".