Objectif de l'astuce : Bien que relativement "long" cet article explique parfaitement la création d'un bouton 3D avec ombres. Pensez à simplement changez les couleurs pour créer le votre !
|
Pour commencer dans la création de votre boutton 3D, ouvrez un nouveau fichier dans photoshop avec les dimensions suivantes, 280X280px et remplissez votre image avec la couleur désirée, dans cet exemple : #F1F1F1.
Choisissez outil rectangle arrondi dans la palette outils puis dans la palette des tracés, cliquez sur créér un tracé et dessinez une forme comme celle ci-contre (rayon 200px environ).
Faites "G" pour sélectionner l'outil dégradé et créez un dégradé linéaire du premier plan à l'arrière-plan, du haut vers le bas.
A présent, double cliquez sur votre calque de votre bouton pour faire apparaître la palette des Styles de calque, sélectionnez Biseautage et estampage, double cliquez et réglez les paramètres comme suit : Profondeur : 5 Créez un nouveau calque en cliquant sur Créer un nouveau calque dans la palette. Utilisez ces poignées pour transformer votre image selon l'exemple ci-contre et validez avec Entrée.
__________________________________________________________
Faites Ctrl+D pour désélectionner votre bouton 3D. Allez dans Filtre>>Atténuation>>Flou gaussien, saisissez une valeur de 10px puis OK. Choisissez Incrustation comme mode calque et réglez l'opacité du calque sur 50%. Dupliquez le calque, passez ce nouveau calque en mode Densité couleur- et réglez l'opacité sur 10%
Dupliquez Calque 3 copie, faites Ctrl+T pour faire apparaître les poignées de transformation manuelle et redimensionnez la sélection comme ci-contre. Appuyez sur Entrée pour valider et réglez l'opacité de ce calque sur 20%
Créez un nouveau calque (calque 4).
A présent, faites Ctrl+T pour faire apparaître les poignées de transformation manuelle et redimensionnez la sélection comme ci-contre.
Créez un nouveau calque (Calque 5) en cliquant sur Créer un nouveau calque dans la palette. Faites Ctrl+D pour désélectionner, passez en mode Densité couleur+, choisissez une valeur de 40% pour l'opacité. Allez dans Filtre>>Atténuation>>Flou gaussien, saisissez 15px puis OK.
Création de l'ombre du boutton 3D
Faites Ctrl+click sur le calque 2 puis Schift+ctrl+C pour copier tous les calques. Allez dans Filtre>>Atténuation>>Flou gaussien, saisissez une valeur de 10/15px puis OK. Sélectionnez l'outils déplacement et déplacez l'effet d'ombré où bon vous semble.
Ajoutez maintenant le texte que vous désirez, votre bouton 3D est créé, bravo !
|
| |
![]() | Dupliquez Calque 3 copie, faites Ctrl+T pour faire apparaître les poignées de transformation manuelle et redimensionnez la sélection comme ci-contre. Appuyez sur Entrée pour valider et réglez l'opacité de ce calque sur 20% |
![]() | Créez un nouveau calque (calque 4). |
![]() | A présent, faites Ctrl+T pour faire apparaître les poignées de transformation manuelle et redimensionnez la sélection comme ci-contre. |
![]() | Créez un nouveau calque (Calque 5) en cliquant sur Créer un nouveau calque dans la palette. Faites Ctrl+D pour désélectionner, passez en mode Densité couleur+, choisissez une valeur de 40% pour l'opacité. Allez dans Filtre>>Atténuation>>Flou gaussien, saisissez 15px puis OK |
Les lecteurs ont donné une note moyenne de :
Note: 1 sur 10
Donnez votre note à ce tuto sur 10 :