Rectangle : coins arrondis de rayon personnalisé [PF6] [PFS]

Besoin d'aide pour débuter ? Ou pour se servir d'un plugin ? Utilisez les tutoriels !

Modérateur : Modérateurs

Règles du forum
:idea: Ce forum ne sert qu'à la publication de tutoriels, et à leur commentaires. Pour tout support graphique, allez dans la rubrique au même nom.
:idea: Pour faire une recherche dans les tutos, utilisez l'outil de recherche, avec séléctionné dans Forum : "Tutoriels".
JCB
Modérateur(trice)|Modérateur|Modératrice
Modérateur(trice)|Modérateur|Modératrice
Messages : 2898
Inscription : 10 févr. 2004 19:36
Version de PhotoFiltre : PF v11.4.2(x64)- PFS v10.14.1
Système d'exploitation : Windows 10 Home 64bits
Processeur : Intel inside Pentium
Mémoire RAM : 4 GB
Localisation : LILLE

Rectangle : coins arrondis de rayon personnalisé [PF6] [PFS]

Message par JCB »

Bonsoir, :)

Petit tutoriel pour faire un rectangle avec des coins arrondis de rayon personnalisé (fait pour PF V6, correspondance pour PFS entre crochets [PFS --> ] .

Par exemple, faire un rectangle de 500 x 300 pixels avec de coins arrondis de 30 pixels.
-------------------------------------------------------------------------------------
Création des coins.

- Fichier > Nouveau
--> Largeur et Hauteur de 60 pixels et fond blanc.

- Sélection > Tout sélectionner (CTRL+A)

- Sélection > Changer la forme > Ellipse

- Edition > Contour et remplissage
--> Cocher la case Dessiner le contour, choisissez la Couleur, la Largeur du trait et décochez la case Lissage.
--> Décocher la case Remplissage et laisser l'opacité à 100%.

-----> Particularité avec une largeur du contour supérieur à 1 pixel.
-------- Le contour est créé en plaçant les pixels de chaque côté de la ligne de sélection.
-------- Dans notre cas, comme la sélection touche les bords du fond, des pixels peuvent se trouver à l'extérieur de ce fond.
-------- Donc, il faut conserver que les pixels à l'intérieur de la sélection.
-------- Voir dans le tableau ci-dessous, la valeur à saisir en fonction de la largeur du contour à obtenir.

Code : Tout sélectionner

--------------------------
I Largeur à  I Largeur à I
I  obtenir   I  saisir   I
I------------I-----------I
I     1      I     1     I
I     2      I     3     I
I     3      I     5     I
I     4      I     7     I
I     5      I     9     I
I etc...     I           I
--------------------------
-----> Les 2 commandes suivantes servent à effacer les pixels extérieurs à la sélection.

- Image > Transparence automatique > Région extérieure à la sélection (le damier de transparence apparaît).

- Image > Couleur de transparence
--> Cocher la case Désactiver la transparence (le damier de transparence passe au vert (#CEEDDC)).

- Sélection > Tout sélectionner (CTRL+A)

- Sélection > Paramétrage manuel
--> Cochez la case Conserver les proportions, mettre la largeur à 30 pixels (la Hauteur passe également à 30), dans la fenêtre Position cochez le bouton Automatique et cliquez dans la position en haut et à gauche du groupe de 9 carrés. À l'appui sur OK, la sélection se réduit d'un quart et se place en haut et à gauche du cercle.

- Image > Recadrer
--> Un des coins est créé.

- Image > Dupliquer (CTRL+U)
--> À faire 3 fois

- Image > Rotation > Rotation 90° horaire [PFS --> Image > Transformation > Rotation 90° horaire > Fond]
--> Sur les coins dupliqués, à faire 1 fois sur un des coins, 2 fois sur un autre et 3 fois sur le 3é.

À ce stade, nos 4 coins arrondis sont dessinés.

-------------------------------------------------------------------------------------
Création du rectangle avec les coins arrondis.

- Fichier > Nouveau
--> Largeur de 500 pixels et Largeur de 300 pixels et fond blanc.

- Sélection > Tout sélectionner (CTRL+A)

- Edition > Contour et remplissage
--> Cocher la case Dessiner le contour, choisissez la Couleur, la Largeur du trait et décochez la case Lissage.
--> Décocher la case Remplissage et laisser l'opacité à 100%.

-----> Particularité avec une largeur du contour supérieur à 1 pixel.
-------- Le contour est créé en plaçant les pixels de chaque côté de la ligne de sélection.
-------- Dans notre cas, comme la sélection touche les bords du fond, des pixels peuvent se trouver à l'extérieur de ce fond.
-------- Donc, il faut conserver que les pixels à l'intérieur de la sélection.
-------- Voir dans le tableau ci-dessous, la valeur à saisir en fonction de la largeur du contour à obtenir.

Code : Tout sélectionner

--------------------------
I Largeur à  I Largeur à I
I  obtenir   I  saisir   I
I------------I-----------I
I     1      I     1     I
I     2      I     3     I
I     3      I     5     I
I     4      I     7     I
I     5      I     9     I
I etc...     I           I
--------------------------
- Sélection > Maquer la sélection (CTRL+D)

- Sur un coin, faire Copier et Coller dans le rectangle [PFS --> il y a création d'un calque].

- Sélection > Paramétrage manuel [PFS --> Calque > Paramétrage manuel]
--> Dans la fenêtre Position, cochez le bouton Automatique et cliquez dans la position correspondante au coin traité.

- Edition > Valider le collage [PFS --> Calque > Fusionner avec le calque inférieur].

- Refaire les 3 opérations précédentes sur les autres coins.

-------------------------------------------------------------------------------------
Incorporation dans une autre image (avec ou sans le contour).
---------------------------
Conservation du contour (il faut supprimer les parties extérieures des coins arrondis).

- Outil baguette magique
--> Case Couleur décochée, cliquez dans la partie extérieure d'un coin, une sélection se forme dans cette partie.

- Image > Transparence automatique > Région intérieure à la sélection (le damier de transparence apparaît).

-------------------------
Suppression du contour

- Outil baguette magique
--> Case Couleur décochée, cliquez dans la partie intérieure du rectangle, une sélection se forme dans cette partie.

- Image > Transparence automatique > Région extérieure à la sélection (le damier de transparence apparaît et le contour disparaît).
-------------------------
Incorporation

- Faire un Copier de cette image et un Coller dans l'autre image [PFS --> il y a création d'un calque].

- Edition > Options de collage [PFS --> Passer à l'opération suivante].
--> Décochez la case Lissage.

- Edition > Valider le collage [PFS --> Calque > Fusionner avec le calque inférieur].
-------------------------------------------------------------------------------------
Voici 2 exemples :

Avec le contour
Image

Sans le contour
Image

===============================================

J'ai modifié le tutoriel original, en tenant compte de la remarque judicieuse de Tom :wink: , et en l'étoffant avec 2 ou 3 ajouts.

===============================================
Dernière modification par JCB le 21 mai 2007 18:44, modifié 3 fois.
Cordialement,
Tom
Administrateur(trice)|Administrateur|Administratrice
Administrateur(trice)|Administrateur|Administratrice
Messages : 13191
Inscription : 02 févr. 2005 9:35
Contact :

Message par Tom »

Bonsoir et merci JCB,

petite variante pour le chapitre Création du rectangle avec les coins arrondis :
- Fichier nouveau : sans changement
- Tout sélectionner (CTRL + A) Edition / Contour et remplissage
--> Cocher la case Dessiner le contour, choisissez la Couleur, la Largeur du trait.
--> Décocher la case Remplissage et laisser l'opacité à 100%.
- la suite sans changement jusqu'à Outil ligne qui n'est plus indispensable,
car les copies des coins vont masquer les angles droits.
Bien plus facile avec PhotoFiltre. Cordialement.
. . Image . . Image
yllei
Posteur(se) fou(lle)|Posteur fou|Posteuse folle
Posteur(se) fou(lle)|Posteur fou|Posteuse folle
Messages : 1766
Inscription : 07 nov. 2005 0:35
Version de PhotoFiltre : phot0filtre studio 9
Système d'exploitation : xp
Processeur : pentium 3 1ghz
Mémoire RAM : 384 mo

Message par yllei »

coucou :)
merci pour le tuto :)
est-il possible de voir le résultat :?:
s.v.p. merci
:wink:
Image
Répondre