|
Slick , graphiques propres avec l'apparence de plastique brillant et verre sont la marque de l' 2.0 regard Web. Web 2.0 boutons de style peuvent ajouter une touche de couleur et un sens de la profondeur à votre page Web et d'autres projets de conception visuelle . Gimp, une application de création de l'image puissant et gratuit , vous donne tous les outils dont vous avez besoin pour créer facilement des boutons en plastique brillant . Instructions
1 Créer un nouveau document de la taille que vous voulez que le bouton soit. Pour commencer , essayez de 200 pixels de large par 100 pixels de haut .
2 Créez un nouveau calque transparent nommé "Button ". Jeter la couche de fond à la poubelle ou le cacher. Cliquez sur le calque " Bouton" afin de le rendre actif.
3 Cliquez sur le " Rectangle Outil de sélection " dans la boîte à outils . Cochez l'option " arrondi des coins " dans le panneau d'options et d'ajuster le rayon de la quantité désirée . Pour un bouton 200 par 100 , essayez un rayon de 20 .
4 Choisissez une couleur moyenne tonique pour la couleur de premier plan ( pas trop sombre , pas trop de lumière). Utilisez 114 , 205, 227 pour les valeurs R, V et B , respectivement, et qui vous donnera une teinte poussiéreuse de bleu des oeufs du merle .
5 Sélectionnez " Remplir avec la couleur de PP " de la fonction "Editer « menu.
6 Cliquez sur le bouton" " sur la palette des calques .
7 Sélectionnez l'option" Créer un calque dupliqué outil Chemins "de la boîte à outils . Créer un rectangle autour de la moitié inférieure de l'image un peu plus grand que le bouton. En plus des points d'ancrage d'angle du rectangle , inclure un point d'ancrage le long du bord supérieur du rectangle dans le centre de la touche , en faisant glisser la souris tout en maintenant le bouton gauche de la souris pour créer des poignées pour ajuster la courbe de la voie. Après avoir terminé le rectangle , cliquez sur l' , point d'ancrage central supérieur et déplacer les poignées pour faire une vague très subtile ou courbe pour la réflexion . ( Voir la section «Ressources » de cet article pour plus d' informations sur la création et la modification des chemins . )
8 Cliquez sur "Sélection du chemin " sur la palette d'options . Double- vérifier que la couche supérieure est la couche active. Il ya maintenant une zone de sélection autour de la partie inférieure du bouton dans la forme que vous avez dessinée avec l'outil Chemin .
9 Appuyez sur la touche Supprimer pour supprimer la moitié inférieure de l'image du bouton dans la couche supérieure . Cliquez sur le " verrouillage canal alpha " case à cocher sur la palette " Calques " pour s'assurer que les parties transparentes de cette couche rester transparent. Retirer la boîte de sélection en choisissant "None" dans le menu "Select" .
10 Choisissez une couleur de fond qui est une nuance de la couleur de premier plan . Cliquez sur l'échantillon de couleur d'arrière-plan dans la boîte à outils pour faire apparaître la fenêtre de sélection de couleur. Cliquez sur la couleur de premier plan dans la boîte à outils pour copier cette couleur. Réglez les valeurs pour créer une couleur plus claire pour la nouvelle couleur de premier plan . Si votre couleur de premier plan est bleu oeuf du merle mentionné précédemment , essayez R , G, B valeurs de 164 , 237, 255 pour la couleur de fond .
11 Sélectionnez l'outil " Blend " de la boîte à outils . Réglez le " dégradé" à " FG pour BG" dans le panneau "Options". Remplir la couche supérieure avec un dégradé en cliquant sur le haut de l'image et en faisant glisser verticalement à un point à mi-chemin vers le bas de l'image. Répétez jusqu'à ce que vous obteniez l'effet que vous voulez.
12 Déplacez la couche supérieure vers le bas et vers la droite ( seulement 3 pixels pour un bouton 200x100 ) pour donner l'illusion d'un bord biseauté .
|
