Freegaia.comHébergement PRO !Hébergement discountLe forum de discussion Tous les kits graphiques ! Création de bannières Flash en ligne : c'est ici ! iwebMoteur UndergroundQuitter Freegaia

le
La boutique de Freegaia






Accueil / Ateliers & Dossiers / Graphisme et WebDesign / Photoshop

Effet de coins arrondis avec Photoshop
Avant-propos

Ce tutorial a été réalisé pour Photoshop. Il s'agit de créer des tableaux à coins arrondis pour votre site web
Informations

Logiciel : Photoshop

Niveau : Initié

Auteur : PotatoesJunky [www.grafimage]

Les étapes


[Etape 1]

Sous PhotoShop, ouvrez un nouveau document (Ctrl + N) de 150 par 200 pixels (pour l'exemple). Bien sûr, vous pouvez faire varier vos dimensions au gré de vos besoins !

Affichez la grille (Ctrl + "), et réglez vos paramètres (Fichier >Préférences >Repères et grille).
Ici, nous réglons la grille sur 0,5 cm et 1 subdivision.

Créez un nouveau calque (Ctrl + Shift + N), nommez-le "Cadre", puis sélectionnez l'outil Plume dans la barre d'outils.


[Etape 2]
Activez le magnétisme de la grille (Affichage >Magnétisme de la grille ou Ctrl + Shift + ù), puis cliquez sur une intersection de la grille de votre document (ici, nous avons choisi de cliquer sur la deuxième intersection en haut à gauche). Un petit carré matérialise ce premier point du tracé.

Cliquez sur la première intersection en décalant d'une case, puis, tout en maintenant le bouton de la souris enfoncé, déplacez le pointeur d'une case, comme ci-dessus.
Vous voyez apparaître un second carré au milieu d'une ligne de 2 cases de long, les extémités étant délimitées par un point rond.

Cliquez quelques cases plus loin, puis cliquez une case en diagonale vers la droite par rapport au dernier clic, et déplacez la souris, toujours en maintenant le bouton enfoncé, d'une case vers le bas.

Continuez ces opérations jusqu'à fermer le tracé.


[Etape 3]
Cliquez maintenant, dans le panneau des calques, sur l'onglet "Tracés".
Regardez en bas, dans la barre d'outils, et sélectionnez "Convertir le tracé en sélection".

Une sélection entoure maintenant le tracé de la plume. Cliquez à nouveau sur l'onglet "Calques", puis Edition >Contour et réglez vos paramètres à votre convenance.
Ici, nous avons pris un contour intérieur de 4 pixels. La couleur est par défaut la couleur de premier plan, donc le noir, mais vous pouvez en changer avant de tracer le contour.



[Etape 4]
Désélectionnez la grille (Ctrl + "), désélectionnez le contour (Ctrl + D), puis, si vous le désirez, supprimez le tracé (clic sur l'onglet tracé, puis clic sur l'icône "corbeille", en bas à droite).

Allez dans Affichage>Magnétisme des repères (Ctrl + Shift + ) ), puis Affichage>Afficher les règles.
Cliquez sur la règle verticale, puis, tout en maintenant le bouton de la souris enfoncé, déplacez-la : vous voyez une ligne bleue suivre le mouvement : c'est un repère.

Placez-les comme sur l'image ci-dessous :


[Etape 5]
Sélectionnez ensuite l'outil Détourage (clic prolongé sur sélection, ou carré au lieu du rond), puis

Cliquez sur une intersection, et étirez le cadre qui apparaît au relâchement du bouton de la souris, de façon à délimiter une portion de document à découper, puis appuyez sur "Entrée".
Faites "Enregistrer une copie" (Ctrl + Alt + S), enregistrez le résultat, puis ainsi de suite jusqu'à avoir découpé tout votre cadre (8 morceaux au total).


[Etape 6]
Cette manipulation est un peu fastidieuse, mais permet des effets sympathiques.

Vous pouvez bien entendu remplir le cadre de couleur, plutôt que de faire le contour, et y ajouter des effets.

Avec un peu d'expérience, vous obtiendrez des résultats ;)

[ exemple de rendu ]


 


 cliquez ici pour imprimer la page





cliquez ici pour découvrir l'offre hebergement de Freegaia
cliquez ici <