Share
Photoshop est idéal pour créer des icônes de qualité. Dans ce tutoriel, je vais vous apprendre à créer une icône de chapeau de graduation professionnelle, brillante et propre. Les techniques de ce didacticiel vous aideront à passer au niveau supérieur de la conception d’icônes..
Tout d'abord, créez un nouveau document et remplissez-le de gris clair (# d6d6d6).
Faisons la base de l'icône en utilisant l'outil Rectangle. La couleur n'a pas d'importance pour l'instant. Cela ne sera utilisé que pour l'orientation.
Faites pivoter la forme à l'aide de l'outil de transformation (Commande / Ctrl + T). Diminuez ensuite sa hauteur à l'aide de l'outil de transformation à nouveau..
Nous devons maintenant définir le milieu de la forme. Utilisez le raccourci (Commande / Ctrl + R) pour afficher les règles. Configurez vos guides comme dans l'image ci-dessous.
Maintenant, montez avec une ligne directrice et définissez le sommet de la pyramide. Puis dupliquez la forme bleue et déplacez-la. Placez ensuite un guide en haut de la forme dupliquée. Ensuite, vous pouvez supprimer cette forme que vous venez de dupliquer.
Créez le côté gauche de la pyramide à l'aide de l'outil Plume. Remplissez-le avec (# feb624).
Créez le côté droit de la pyramide, comme vous l'avez fait avec le côté gauche, mais cette fois, remplissez-le avec (# e49e11).
Déplacez le calque bleu au-dessus des autres calques. Ensuite déplacez-le comme je l'ai fait. Puis agrandissez-le à l'aide de l'outil de transformation.
Ce sera la partie supérieure du chapeau. Nommez-la "" Partie supérieure "" et remplissez-la de cette couleur (# ffd931). Puis le dupliquer.
Nommez le duplicata de la "couche" "couche" "partie supérieure" ". Remplissez-le avec la couleur (# b14f00). Maintenant, déplacez le calque "Top part" sur le calque "border".
Assurez-vous que vous avez sélectionné la couche de bordure. Maintenant, appuyez une fois sur la touche Flèche bas du clavier. Cela déplacera le calque d'un pixel vers le bas. Ensuite, tout en maintenant Option / Alt enfoncée, appuyez quatre fois sur la touche fléchée bas. Cela va dupliquer la couche de bordure quatre fois.
Maintenant, fusionnez toutes ces couches de bordure. Vous pouvez désactiver les lignes de guidage maintenant, car nous n'en avons plus besoin. Allez dans Affichage> Afficher> Guides et paramétrez-les pour qu'ils ne s'affichent pas.
La forme du chapeau est faite. Maintenant, nous devons le rendre meilleur. Nous allons commencer par la partie supérieure. Sélectionnez le calque "Top part" et créez un nouveau calque.
Cela placera le nouveau calque sur tout le reste des calques. Sélectionnez une couleur orange pour le premier plan. Commande / Ctrl + Cliquez sur le calque "Partie supérieure" dans la palette des calques pour effectuer une sélection. Puis, sur le nouveau calque que vous venez de créer, à l'aide de l'outil Dégradé, cliquez et faites glisser de haut en bas..
Maintenant, nous soulignons plus les bords des réflexions. Pour ce faire, nous utilisons l'outil Plume, comme vous pouvez le voir dans les plans détaillés ci-dessous. De plus, diminuez l'opacité de cette forme à 30%.
Ensuite, nous devons travailler du côté droit de la pyramide. Faites une sélection du côté droit de la pyramide. Faire un nouveau calque. À l'aide de l'outil Dégradé, avec cette couleur (# e37a05), cliquez et faites glisser de gauche à droite..
Pour le côté gauche, nous utiliserons une approche différente. Mettez en surbrillance les bords des reflets. Ensuite, diminuez l'opacité de la forme à 30%. Regardez les images ci-dessous pour plus de détails.
Nous devons maintenant ajouter un peu plus de lumière sur le côté gauche. Nous faisons cela en créant un nouveau calque sur le côté gauche de la pyramide. Ensuite, faites une sélection du côté gauche de la pyramide. Utilisez les paramètres ci-dessous pour l'outil Dégradé. Puis cliquez et glissez dans la section que j'ai indiquée dans l'image suivante. Enfin, définissez les options de fusion de ce calque sur Superposition..
Nous devrons créer une ombre pour la face supérieure. Cette ombre sera projetée sur la pyramide. Créez un nouveau calque et déplacez-le sous le calque de bordure. Nommez-le "Shadow 1". Utilisez l'outil Plume pour faire une sélection comme la mienne. Définir l'opacité à 30%.
Allez en haut et faites un cercle orange au milieu (# c54400). Ensuite, réduisez-le et réduisez la hauteur avec l'outil de transformation, comme vous l'avez fait à l'étape 3..
Créez maintenant une forme qui ressemble à ceci avec l'outil Plume.
Faire un petit cercle bleu à la fin de la forme que nous venons de faire.
Cela va être la dernière chose que nous faisons au chapeau. Ici, nous allons utiliser l'outil Plume et l'outil Pinceau. Commencez par ouvrir un nouveau calque derrière le cercle bleu que vous venez de créer. Avec l'outil Crayon, assurez-vous que l'option Chemin est sélectionnée et tracez un chemin comme l'image ci-dessous..
Utilisez les paramètres ci-dessous pour le pinceau et cette couleur (# ee4c05).
Et maintenant, avec l'outil Plume sélectionné, cliquez avec le bouton droit sur le chemin et sélectionnez Chemin de trait..
Répétez l'étape précédente, mais chaque fois que vous créez un nouveau trait, créez-le sur un nouveau calque. En outre, utilisez des couleurs différentes. Ici, vous pouvez utiliser le même effet que j'ai utilisé dans mon tutoriel Valentines ici sur Psdtuts+.
Vous pouvez fusionner toutes les couches que vous avez utilisées pour créer cette forme que j'appelle Mot. Il ne nous reste plus qu'à faire l'ombre de Mot.
La dernière chose que nous devons faire maintenant est d’ajouter plus de reflets, de le rendre plus brillant, de faire un reflet pour le chapeau, de créer une ombre pour le chapeau et de créer un joli fond. Passez en revue les images ci-dessous pour connaître les instructions pour chaque étape. J'utilise uniquement les outils: pinceau, stylo et dégradé.
Vous pouvez simplement changer la couleur de l'icône en quelques secondes. Allez dans le dossier du chapeau pour lequel vous voulez changer les couleurs. Double-cliquez sur les calques des formes que vous souhaitez modifier et sélectionnez vos couleurs. C’est la même technique que celle que j’ai utilisée dans le tutoriel Apple Remote ici sur Psdtuts +. Voir le résultat final de l'image ci-dessous.
Accentsconagua