Comment Créer Un Bouton

Table des matières:

Comment Créer Un Bouton
Comment Créer Un Bouton

Vidéo: Comment Créer Un Bouton

Vidéo: Comment Créer Un Bouton
Vidéo: Créer un bouton animé "arc en ciel" (Facile - HTML et CSS) 2024, Peut
Anonim

Si vous décidez vous-même de créer un bouton pour la barre de navigation de votre site, il est assez simple de le faire à l'aide du programme Adobe Photoshop. En conséquence, vous obtiendrez un joli bouton que vous pourrez ajuster en couleur et en d'autres paramètres exactement au design de votre site.

Comment créer un bouton
Comment créer un bouton

Instructions

Étape 1

Créez un nouveau document dans le programme (Fichier - Nouveau ou Fichier - Nouveau). Passez maintenant le document en mode gris, pour cela sélectionnez Image - Mode - Niveaux de gris. Maintenant, à l'aide de l'outil Rectangle, créez un rectangle qui correspond aux dimensions de votre futur bouton. Mettez maintenant l'image en mode RBG. Ouvrez la palette RBG (à gauche) et définissez toutes les valeurs sur 170. Remplissez le rectangle de gris.

Étape 2

Cliquez maintenant sur Image - Mode - Bitmap pour mettre l'image en mode Bitmap. Dans la fenêtre Bitmap, dans la liste Utiliser, sélectionnez la valeur Trame demi-teinte. Une autre fenêtre devrait s'ouvrir. Dans cette fenêtre, définissez les valeurs de paramètre suivantes:

Fréquence: 256

Lignes / pouce

Angle: 45

Forme / Rond

Vous vous retrouverez avec un rectangle moucheté d'étoiles.

Étape 3

Remettez maintenant l'image en mode Niveaux de gris (Image - Mode - Niveaux de gris). Définir le rapport de taille 1. Remettez l'image en mode RBG. Appliquer le filtre Styliser - Bords Fmd.

Étape 4

Appliquez ensuite le filtre Flou - Flou de mouvement, définissez-y les paramètres suivants:

Angle - 36

Distance - 19

Ces valeurs sont facultatives, vous pouvez accepter les vôtres, en fonction du résultat que vous souhaitez obtenir au final. Cela s'applique à tous les paramètres donnés dans ce manuel - essayez d'expérimenter et voyez ce que vous obtenez, peut-être serez-vous satisfait d'une autre option, différente de celle avec laquelle l'auteur de l'instruction se retrouvera.

Étape 5

Maintenant, colorie ton image. Pour ce faire, sélectionnez Image - Ajustements - Teinte / Saturation. Là, cochez la case à côté de Coloriser et, en déplaçant les leviers, sélectionnez la couleur de bordure souhaitée pour votre bouton.

Étape 6

Sélectionnez maintenant la partie saillante du bouton avec l'outil de sélection rectangulaire et rendez-la un peu plus légère. Pour cela, modifiez les courbes de l'image - Image - Ajustements - Courbes.

Étape 7

Si le résultat est déjà satisfaisant pour vous, vous pouvez vous arrêter là et considérer que votre bouton est terminé. Mais si vous le souhaitez, vous pouvez modifier un peu plus l'image pour la rendre plus belle.

Étape 8

Pour ce faire, nous devons nous débarrasser des coins coupés. Sélectionnez l'outil Rectangulaire Marquee et sélectionnez la zone du bouton dont vous avez besoin (pas de coins laids) et copiez (Édition - Copier ou utilisez le raccourci clavier Ctrl + C). Appuyez ensuite sur Ctrl + V pour coller le calque copié sur un nouveau calque. Appliquer l'image - Faire pivoter la toile - Retourner horizontalement.

Étape 9

Sélectionnez à nouveau le fragment souhaité, copiez et appliquez à nouveau Image - Faire pivoter le canevas - Retourner horizontalement. Ainsi, l'image retrouvera son aspect d'origine. Supprimez maintenant ce fragment (en règle générale, il s'agit du calque le plus haut dans le panneau des calques). Collez maintenant l'extrait du presse-papiers en utilisant Edition - Coller. Faites glisser la pièce vers le bord gauche de votre bouton, rendez le bord rectangulaire. Faites de même avec le coin droit.

Étape 10

Vous devez maintenant ajouter du texte au bouton. Pour ce faire, utilisez l'outil texte pour créer l'inscription nécessaire, en changeant la couleur pour une couleur plus appropriée. Appliquez un filtre Flou au bouton pour le flouter un peu.

Conseillé: