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
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
Où sont les radars à Perpignan ?
Quand l 'état met la carte officielle et complète des radars sur le territoire français
Grand tableau pour école : ActivBoard
Un tableau interactifs moderne !
1 logiciel et 4 astuces pour booster la productivité de son restaurant
Des astuces et un logiciel pratique pour son restaurant
Astuce pour lancer sa boutique en ligne de matériel informatique
Quand les prix du matériel informatique augmentent...
Pourquoi une batterie explose ?
Pourquoi et comment une batterie qu'on a dans nos téléphone explosent ?
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
Passer l'activation de Windows 7 temporairement avec invite de commande
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: 9 sur 10
Donnez votre note à ce tuto sur 10 :