Share
La conception d'icônes est un élément essentiel du coffre à outils de tout concepteur. Peu importe la complexité ou la complexité de votre conception, une belle icône à la recherche aidera presque toujours à améliorer les choses. Dans ce didacticiel Photoshop, nous vous montrerons quelques étapes simples pour vous aider à créer votre propre icône Psdtuts + brillante dans Photoshop. Ces étapes peuvent être facilement modifiées pour produire une famille d’icônes pour votre site Web..
Commencez avec un nouveau document, j'ai utilisé Largeur - 600px, Hauteur - 600px. Prenez l'outil Rectangle arrondi (U), Rayon - 20px, et dessinez une forme comme celle-ci, modifiez-la à l'aide de l'outil Ajouter un point d'ancrage, puis déplacez les nouveaux points d'ancrage comme indiqué..
Appuyez sur Ctrl + Entrée pour effectuer la sélection, remplissez-la de couleur - # 05b4ba, puis appliquez une superposition de dégradé à l'aide d'un style de calque..
Nommez ce calque "Base", Ctrl + Clic sur la vignette du calque pour créer la sélection. Maintenant, créez un nouveau plus tard et nommez-le "Stroke Out". Allez dans Edition> Contour. Appliquez un trait de 8px, Emplacement - Centre. (Vous pouvez utiliser n'importe quelle couleur).
Nous devons maintenant créer une ombre du calque "Outside Stroke". Pour ce faire, vous devrez dupliquer ce calque et le faire glisser sous le calque principal "Trait extérieur". Allez à Calque> Style de calque> Superposition de couleurs. Remplissez-le de couleur noire. Maintenant, allez dans Filtre> Flou> Flou gaussien. Rayon - 0,9 px. Changer son opacité à 7%. Vous devriez obtenir quelque chose comme ça.
Maintenant, à nouveau Ctrl + Cliquez sur la vignette du calque "Base". Créez un nouveau calque et nommez-le "Glow Overlay 1". Remplissez-le de couleur blanche et déplacez la sélection vers le bas à l'aide de la touche fléchée. Appuyez sur supprimer. Changer son opacité à 7%.
Il est temps pour une autre lueur. Utilisez l'outil Plume (P) et dessinez une forme comme celle-ci. Nommez ce calque "Glow Overlay 2". Changer son opacité à 11%.
Encore une fois Ctrl + Cliquez sur le calque "Base". Créez un nouveau calque et nommez-le "Box Glow". Remplissez-le de blanc. Allez à Sélection> Modifier> Contrat, contrat par 30px. Supprimer cette zone. Prenez l'outil Gomme (E), suivez l'image suivante..
En option, vous pouvez ajouter vos propres effets comme indiqué.
Notre prochaine étape consiste à lui donner un aspect vitreux. Créez un nouveau calque et nommez-le "Verre". Prenez l’outil Rectangle arrondi, Rayon - 10px, changez le mode de fusion des calques en éclaircissement. Voir les instructions dans l'image suivante.
Nous devons maintenant créer le bord de la zone à thème en verre. Dessinez la même forme à l'aide de l'outil Rectangle arrondi, appuyez sur Ctrl + Entrée pour effectuer la sélection, puis sélectionnez Edition> Contour, largeur - 1px, Emplacement - Centre, couleur - blanc. Changez le mode de fusion des calques en superposition. Prenez l'outil gomme (E). Voir l'image suivante.
Maintenant que le texte a été saisi, il est temps d'ajuster certaines des couches. Créez un nouveau groupe de calques, nommez-le "Objet devant", puis placez tous les calques à l'intérieur..
Temps pour ajuster les couches. Créez un nouveau groupe de calques, nommez-le "Objet" et placez tous les calques à l'intérieur..
Pour créer le côté arrière de l'objet, nous allons ensuite créer un nouveau calque sous le groupe "Objet avant" et le nommer "Objet arrière", créer une forme à l'aide de l'outil Rectangle arrondi, puis appliquer les styles de fusion des calques suivants..
Il est maintenant temps d'ajouter une nouvelle lueur sur le calque "Object Back". Quelque chose comme ça. Utilisez les étapes décrites précédemment dans ce didacticiel..
Notre prochaine étape consiste à appliquer une ombre à notre objet arrière. Voir l'image suivante.
Créez un nouveau groupe de calques, nommez-le "Objet de retour" et placez les calques à l'intérieur. Après cela, créez la zone supérieure de l'icône de dossier en créant un nouveau calque au-dessus du groupe "Objet de retour". Nommez-le "Tête". Commencez à utiliser l'outil Plume, suivez l'image suivante.
Ctrl + Clic sur la vignette du calque Head, créez un nouveau calque et nommez-le "Trait de tête", sélectionnez Edition> Trait, largeur - 1 px, couleur - blanc. Maintenant, ajoutez de la lueur sur la couche principale, essayez de créer celle-ci vous-même..
Nous allons maintenant créer notre tag. Pour ce faire, suivez les instructions sur l'image ci-dessous.
Pour créer la corde, dessinez-la à l'aide de l'outil Crayon et appliquez le style de fusion du trou. (Utilisé à l'étape 17.)
Pour créer l'ombre de la balise, suivez les étapes décrites à l'étape 4 et effacez les zones extérieures. Réglez son opacité à 61%.
Créez une ombre pour l’icône de dossier comme celle-ci et placez le calque en bas..
Vous pouvez créer une famille d'icônes en utilisant des techniques très similaires. Je vous remercie! J'espère que vous avez apprécié ce tutoriel.
Accentsconagua