De l'art d'arrondir les angles...

Il est parfois utile d'arrondir les angles. Cette technique dont nous vous proposons deux méthodes de réalisation permet notamment aux graphistes-web de réaliser des gabarits sur lesquels se basent leurs interfaces de navigation.

On se demande souvent comment lisser une forme, créer une boite aux angles arrondis... Jean Cartier vous explique comment faire :

Retour aux tutoriaux  

Méthode n°1 :

- Créer un nouveau document , ou ouvrez un document existant (sur lequel vous souhaitez faire votre bouton arrondi).

- Créez un nouveau calque. Choisissez la couleur blanche d'un clic gauche dans la palette des couleurs, puis remplissez le calque d'un clic sur le pot de peinture .

- Créez ensuite une première sélection sur votre calque maintenant blanc, puis sélectionnez la couleur noire sur la palette des couleurs et remplissez la sélection d'un clic sur le pot de peinture.

- Créez plusieurs sélections diverses (carrés, ronds, polygones)
et remplissez-les de la même façon de noir.

- Désélectionnez . Vous avez votre interface, "polygonale",
en noir sur fond blanc. Reste à l'arrondir...

 

On brouille tout :

- Choisissez le filtre "Blur" dans le groupe "Standard" , cliquez sur "Réglages", choisissez 10 en Level, puis "OK" et "Appliquer".

Régler les couleurs pour lisser la forme :

- Enfin, dans le menu "Image -> Balance des tons", ramenez les deux barres blanches des extrémités vers celle du milieu (en manoeuvrant les poignées bleues à mi-hauteur).

- Ajustez les à votre convenance.

Et voilà !

- Votre forme est arrondie. Vous pouvez alors sélectionner, par exemple, le noir et vous en servir ailleurs, pour le remplir d'une autre couleur.

 


Méthode n°2 :

Pour créer une boite aux angles arrondis :

- Créer un nouveau document, ou ouvrez un document existant (sur lequel vous souhaitez baser votre gabarit).

- Créez un nouveau calque. Choisissez la couleur blanche d'un clic gauche dans la palette des couleurs, puis remplissez le calque d'un clic sur le pot de peinture.

- Créez ensuite une sélection rectangulaire sur votre calque maintenant blanc, puis sélectionnez la couleur noire sur la palette des couleurs et remplissez la sélection d'un clic sur le pot de peinture.

- Désélectionnez . Vous avez un rectangle noir sur fond
blanc. Reste à l'arrondir...

 

Le flou total :

Le flou standard de Pixia ne nous a pas semblé suffisamment adapté à nos essais. Il semble ne pas être assez "uniforme". Pour contourner le problème, nous allons appliquer 4 fois un flou bidirectionnel de Massa dans plusieurs directions.

- Choisissez le filtre "Motion Blur (Camera)" de Massa cliquez sur "Réglages", choisissez 10 en distance et 90 en degrés.
Puis "OK" et "Appliquer".

- Choisissez le filtre "Motion Blur (Camera)" de Massa cliquez sur "Réglages", choisissez 10 en distance et 0 en degrés.
Puis "OK" et "Appliquer".

- Choisissez le filtre "Motion Blur (Camera)" de Massa cliquez sur "Réglages", choisissez 10 en distance et 45 en degrés.
Puis "OK" et "Appliquer".

- Choisissez le filtre "Motion Blur (Camera)" de Massa cliquez sur "Réglages", choisissez 10 en distance et 135 en degrés.
Puis "OK" et "Appliquer".

 

Lissage de la forme :

- Enfin, dans le menu "Image -> Balance des tons", ramenez les deux barres blanches des extrémités vers celle du milieu (en manoeuvrant les poignées bleues à mi-hauteur).

- Ajustez les à votre convenance.

Ayé ! :

- Votre forme est arrondie. Vous pouvez alors sélectionner, par exemple, le noir et vous en servir ailleurs, pour le remplir d'une autre couleur.

Cette méthode 2 donne de meilleurs résultats que la première dans l'élaboration de boites arrondies.

Un tutorial de Jean Cartier.

Retour en haut de page