Maison  >  Article  >  interface Web  >  Utilisez ps pour créer une petite icône de cristal d'erreur

Utilisez ps pour créer une petite icône de cristal d'erreur

高洛峰
高洛峰original
2017-02-14 10:15:041835parcourir

ps version cs2 ou supérieure.

Tutoriel Icônes

  1. Comme d'habitude, jetez d'abord un œil à l'image du résultat :

    用ps创建error水晶小图标

  2. Jetons d'abord un coup d'œil à quelques icônes du système Vista. L'icône à gauche ci-dessous est ce dont nous allons parler aujourd'hui. En changeant simplement la couleur et le style des icônes, vous pouvez facilement créer d’autres icônes, et de nombreuses personnes en ont déjà créé.

    用ps创建error水晶小图标

  3. Commençons, créons d'abord un nouveau fichier : ctrl double-clic : Par défaut-> web -> 🎜> Créez ensuite un nouveau calque via le bouton Nouveau calque dans le coin inférieur droit du panneau des calques, double-cliquez sur le nom du calque, entrez la bordure

    Si votre outil actuel n'est pas l'outil de sélection elliptique, veuillez appuyer sur Touche M et utilisez la touche Maj M, passez à l'outil de sélection elliptique

    用ps创建error水晶小图标

  4. Maintenez la touche Maj enfoncée et sélectionnez dans le coin supérieur gauche du canevas Commencez à cliquer et à faire glisser jusqu'à ce qu'il remplisse les 2/3 de la totalité du canevas et relâchez le bouton gauche. Ou relâchez la touche lorsque les zones vides en haut, à droite, en bas et à gauche sont égales.
  5. Appuyez ensuite sur la touche D du clavier pour réinitialiser l'arrière-plan du premier plan au noir et blanc par défaut, et utilisez alt retour arrière (alt del) pour remplir la couleur de premier plan des blocs.

    用ps创建error水晶小图标

  6. Assurez-vous de cliquer sur la commande de menu sans annuler la sélection : Sélectionner-> Réduire-> supprimer (retour arrière).
  7. 用ps创建error水晶小图标

  8. Créez un nouveau calque via le panneau Calques, double-cliquez sur le nom du calque, entrez le milieu et remplissez-le avec une autre couleur que vous aimez.
  9. Puis ctrl d pour annuler la sélection actuelle, et ctrl s pour enregistrer le fichier et le nommer icône.

    用ps创建error水晶小图标

  10. Maintenant, nous ajoutons quelques styles de calque, double-cliquez après le nom du calque de bordure pour faire apparaître le panneau de style de calque de fusion. En définissant les paramètres suivants, nos icônes auront un bon effet de lumière.
  11. inerr Glow : lueur intérieure, mode de fusion : normal, opacité : 100 %

    Superposition de dégradé : superposition de dégradé, angle : 35

    Stoke : trait

    用ps创建error水晶小图标

    用ps创建error水晶小图标

    用ps创建error水晶小图标

  12. Si ces étapes sont difficiles pour vous Si vous souhaitez le faire, veuillez vous rendre directement à la fin de l'article pour télécharger le fichier .PSD afin de pouvoir suivre plus facilement mes idées.
  13. Nous créons généralement des effets plus facilement en modifiant les styles de calque.

    用ps创建error水晶小图标

  14. Ensuite, double-cliquez sur le nom du calque intermédiaire et créez le style comme à l'étape précédente.
  15. Biseau et gaufrage : Biseau et gaufrage, Profondeur : 200, Taille : 3,

    Superposition de dégradé, Angle : 135

    用ps创建error水晶小图标

    用ps创建error水晶小图标

    用ps创建error水晶小图标

  16. De cette façon, l'icône a déjà un aspect approximatif.
  17. 用ps创建error水晶小图标

  18. Ajoutons ensuite x. Vous pouvez utiliser des polices ou les dessiner dans PS. Étant donné que le nombre x dans Vista a des côtés parallèles et des coins arrondis, j'ai utilisé une police appelée Army d'une taille de 300 pt. Il peut être téléchargé à partir d'ici.

    用ps创建error水晶小图标

  19. De toute évidence, la direction est fausse et doit être tournée. Ctrl T passe à l'outil de transformation libre, maintenez la touche Maj enfoncée (gardez-la proportionnelle et faites une rotation à un angle de 15 degrés) et laissez la souris tourner dans la zone de déformation Double-cliquez dans la zone de déformation ou appuyez sur Entrée pour confirmer. étape. Ajustez ensuite la position pour qu'elle soit centrée horizontalement et verticalement par rapport à l'arrière-plan de l'icône.

    用ps创建error水晶小图标

  20. Copiez un autre calque x via ctrl J et nommez-le : x-top ou x-bottom.

    Cliquez sur la petite icône en forme d'œil de x-top pour le masquer temporairement.

    用ps创建error水晶小图标

  21. Créez des bords et des ombres 3D en bas de x, et utilisez la lueur extérieure pour ajouter une bordure blanche de 1 px pour lui donner un aspect légèrement plus grand que x- en haut, veuillez vous référer aux deux étapes suivantes pour le configurer.

    用ps创建error水晶小图标

    用ps创建error水晶小图标

  22. Cliquez sur la position de l'œil gauche en haut de la croix pour la rendre visible.

    Comme avant, ajoutez un calque dégradé pour lui donner un aspect métallique.

    用ps创建error水晶小图标

  23. Pour lui donner un aspect plus tridimensionnel, utilisez l'outil de déplacement pour sélectionner le calque x-botom, puis déplacez-le vers le haut ou vers le à droite. Cela a l’effet indiqué ci-dessous.

    用ps创建error水晶小图标

  24. Avant la fin de ce tutoriel, nous devons ajouter quelques styles web2.0 à l'icône pour la rendre plus parfaite. Étant donné que le dégradé des icônes de Vista n'est pas régulier, les opérations suivantes doivent être effectuées :

    Créez un nouveau calque nommé : Mettez en surbrillance le calque x-top et assurez-vous qu'il est sélectionné. Ensuite, maintenez la touche Ctrl enfoncée et cliquez sur le calque du milieu pour obtenir la sélection du milieu,

    用ps创建error水晶小图标

  25. Appuyez sur la touche D pour réinitialiser le premier plan et l'arrière-plan du PS. paramètres de couleur, puis ctrl backspace , remplissez le surlignage avec du blanc, puis ajustez le remplissage à 10 % pour lui donner un aspect plus naturel.

    用ps创建error水晶小图标

  26. En partant du principe de conserver l'outil de sélection, déplacez la sélection actuelle vers le retour arrière en bas à droite de l'icône et utilisez la partie restante comme point culminant.

    用ps创建error水晶小图标

  27. Cliquez ici pour télécharger les documents pertinents.

    用ps创建error水晶小图标

  28. À ce stade, vous avez peut-être l'impression que l'icône est un peu déformée, ou qu'elle n'est peut-être pas agréable à l'œil. il y a peut-être quelque chose qui ne va pas.

    Puisque PS est un logiciel de dessin de pixels, le cercle créé par la sélection n'est pas un cercle parfait, donc dans la troisième étape, vous ne pouvez pas utiliser l'outil Ellipse pour créer un cercle, mais utilisez l'outil Ellipse dans le outil de forme.

Pour plus d'articles sur l'utilisation de PS pour créer de petites icônes de cristal d'erreur, veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn