Tuto pour créer un bouton 3D aisément grâce au logiciel PHOTOSHOP.
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 |
News
Faut il utiliser un antivirus en 2019/2020 ?
Qu'en pensez-vous ?
Quoi regarder après GOT ?
Exemple de série et de choses à faire
Test : Reigns Game Of Thrones
Quand la série rejoint le mobile
Assassin Creed Odyssey Medusa : Vidéo 4K de la statuette
Une vidéo en haute qualité , très zoomé de chaque détail de la statuette
Benchmark Assassin Creed Odyssey sur GTX 1080 @ i5 8400
Voyons les performances d'un jeu qui met à bout nos machines de gamer
Iphone XR : Liste des couleurs
Liste des couleurs de l'iphone XR
Script : Afficher une publicité même avec Adblock
Exemple de Script pour afficher une publicité même quand une personne vient avec Adblock
Tutoriel lié
Faire facilement des boutons 3D photoshopRéaliser aisément de jolis boutons web 2.0 grâce au logiciel Photoshop
Créer bouton 3D glossy sans PhotoshopUtilisation de Freshgenerator.com
Erreur : Impossible de créer un nouveau dossi..Description d'une erreur d'impossibilité de création d'un dossier
Faire un effet abstraitComment Faire un effet abstrait avec photoshop tutoriel
Liste des commentaires pour Créer un bouton 3D facilement sous photoshop °° Tutoriel
Bonsoir, j'ai essayé de faire ce tuto le problème est que j'arrive pas a refaire l'étape de la "brillance" à partir du calque 4 .... est ce qu'il manque un partie que je n'ai pas deviné (je suis débutant ^^)
Voilà merci d'avance ....
Laissez un commentaire sur cet article.
Pseudo :
Facultatif : Cliquez ici pour choisir une tête
Votre email ( non publié ) :
Image anti spam :
Recopier les 5 chiffres de cette image :
Les lecteurs ont donné une note moyenne de :
Note: 1 sur 10
Donnez votre note à ce tuto sur 10 :