Share
La conception d'icônes peut être à la fois amusante et stimulante. Dans le tutoriel d'aujourd'hui, nous allons montrer comment créer deux types d'icônes. Le premier type d’icône que nous allons apprendre à créer est une boîte en carton sale. Nous allons ensuite créer trois icônes de style Adobe sur papier glacé et les placer dans la boîte. Commençons!
Commencez par dessiner un rectangle. Puis transformez-le (Cmd + T) comme indiqué ci-dessous. Pour ce faire, sélectionnez la zone inférieure de transformation à droite et faites-la glisser tout en maintenant Cmd + Maj + Alt enfoncée..
Ajoutez un style de calque superposé en dégradé à la forme créée ci-dessus. Sélectionnez Couleur sombre - # ab6808 / Couleur claire - # f8bf5b et définissez les autres paramètres comme indiqué ci-dessous.
Ajoutons de la saleté à la boîte. Pour ce faire, vous devez trouver une texture «vieux papier» sur Internet. Placez-le maintenant devant notre rectangle, redimensionnez-le (si nécessaire). Ensuite, tout en sélectionnant le calque de texture, faites une sélection du rectangle. Inverser la sélection (Cmd + Maj + I). Puis appuyez sur Supprimer (assurez-vous que vous êtes dans le calque de texture). Maintenant nous avons fixé la taille de la texture pour notre rectangle, changez le mode de fusion de la texture en Lumière douce.
Pour que cela paraisse plus réaliste, nous pouvons ajouter des autocollants à la boîte. Vous pouvez facilement en trouver sur Internet. Changez le mode de fusion des autocollants en lumière intense. Voir l'image ci-dessous.
Maintenant, nous allons faire la couverture de la boîte pour le front. Créez un rectangle, positionnez-le et redimensionnez-le exactement comme pour l'image ci-dessous. Appliquez un style de calque superposé en dégradé. Utilisez une couleur rosâtre pour le haut (#ffdcaf) et un peu de couleur jaunâtre (# ffdc8e) pour le bas. Définissez les autres paramètres comme indiqué ci-dessous.
Ensuite, faites-en une copie. Placez-le derrière l'original. Désactivez les styles de calque. Changez la couleur en gris (# 515151).
Nous allons maintenant ajouter de la saleté au couvercle de la boîte. Reportez-vous à «étape 3» pour cela. Mais changez le mode de fusion sur Assombrir et réglez l'opacité sur 57%.
Ajoutons une ombre à la couverture de la boîte. Pour ce faire, créez un nouveau calque et positionnez-le sous le couvercle du boîtier avant. Effectuez une sélection à l'aide de l'outil Rectangle de sélection (autour de la zone dans laquelle vous souhaitez que l'ombre). Avec l'outil Dégradé, créez un dégradé du haut vers le bas (dans la zone sélectionnée). Les couleurs sont, en haut - # 515151 / en bas - Transparent. Transformez-le comme indiqué ci-dessous et réglez le mode de fusion sur Lumière linéaire. Définir l'opacité à 81%.
Sélectionnez le premier rectangle que nous avons créé et faites-en une copie. Réduisez-le et positionnez-le comme indiqué ci-dessous. Pas besoin de changer le gradient.
Ajoutons maintenant un peu plus de saleté. Encore une fois, reportez-vous à «étape 3». Changez le mode de fusion en Multiply et réglez l'opacité sur 34%.
Sélectionnez la texture que nous venons de créer. Dupliquez-le. Ajoutez-y un masque de calque (Calque> Masque de calque> Tout révéler). Avec l’outil Dégradé, dessinez un dégradé comme indiqué dans l’image ci-dessous. (Rond avec cercle rouge). Définir l'opacité à 34%.
Dans cette étape, nous allons faire la couverture arrière. Le processus est identique à celui des étapes 5, 6 et 7..
Nous allons maintenant créer le couvercle de la boîte à droite. Suivez à nouveau les étapes 5, 6 et 7, mais changez l’angle de superposition du dégradé sur 171 degrés, comme indiqué ci-dessous..
Pour créer le couvercle de la boîte de gauche, sélectionnez tous les calques créés à l’étape ci-dessus. Les dupliquer et les transformer comme indiqué ci-dessous.
Dans cette étape, nous allons remplir l'espace vide avec quelques rectangles. Remplissez d’abord le côté droit, puis dessinez un rectangle et transformez-le comme indiqué ci-dessous. Créez un dégradé en suivant les mêmes étapes que celles décrites précédemment.
Ajoutez la carte de terre aussi. Changez le mode de fusion en multipliant. Définir l'opacité à 61%.
Ajoutons de l'ombre. Cela ajoutera de la profondeur au graphique. Ce processus est identique à celui de l'étape 8 (démarrez le dégradé par le bas). Définissez également le mode de fusion sur Différence. Définir l'opacité à 75%.
Faites la même chose sur le côté gauche vide.
Ajoute un peu d'ombre au milieu.
Ajoutons une ombre portée à notre boîte. Pour ce faire, tracez un rectangle (comme indiqué ci-dessous). Faites-le noir. Définissez l'opacité sur 88%. Ajoutez un flou gaussien. (Filtre> Flou> Flou gaussien).
Voici notre dernière boite.
Maintenant que nous en avons terminé avec notre boîte, commençons par nos icônes Adobe. Pour commencer, dessinez un cercle.
Ajoutez un dégradé à votre cercle à l'aide des styles de calque. Créez les couleurs comme indiqué ci-dessous. (Bleu foncé - # 004f7f / Bleu clair - # 0072b6 / Blanc). Jouez avec les couleurs jusqu'à obtenir un résultat agréable.
Changer l'angle de dégradé à -45 degrés.
Ajouter un trait au cercle. Changez le type de remplissage en dégradé et créez le dégradé comme indiqué ci-dessous (jouez avec les couleurs jusqu'à obtenir le résultat souhaité).
Modifiez la taille du trait en 21. Modifiez l'angle à -45 degrés. Changer l'échelle à 100%.
Appliquez une ombre intérieure. Réglez l’opacité à 59% / Angle: 120 degrés / Distance: 26px / Taille: 13 px.
Ajoutez ensuite une lueur intérieure. Réglez le mode de fusion sur Normal / Opacité: 75% / Couleur: noir / Taille: 46px.
Ensuite, ajoutons un style Bevel and Emboss à notre cercle. Style: Stroke Emboss / Profondeur: 113% / Taille: 3px / Adoucissement: 6px.
Sous Ombrage> Opacité du mode de surbrillance: 100% / Opacité du mode ombre: 49% (utilisez les paramètres indiqués ci-dessous).
Convertissons maintenant notre cercle en objet intelligent. Pour le faire, cliquez avec le bouton droit sur le calque (sous l'onglet Calques)> Convertir en objet intelligent..
Encore une fois, appliquez un style Bevel and Emboss à l'objet converti. Définissez les paramètres comme indiqué ci-dessous.
Appliquez également une ombre portée. Définissez les paramètres comme indiqué ci-dessous.
Sur le cercle, tapez les lettres "Ps". Positionnez-les comme indiqué ci-dessous.
Ajoutez une ombre intérieure au calque de texte. Définissez les paramètres comme indiqué ci-dessous.
Ajoutons maintenant un effet brillant à notre graphique. Pour ce faire, commencez par dessiner la forme comme indiqué ci-dessous.
Créez ensuite un nouveau calque au-dessus de la forme dessinée à l'étape 35. Sélectionnez les deux formes et fusionnez-les (Cmd + E)..
Sélectionnez le calque fusionné, faites une sélection du cercle.
Puis inversez la sélection (Cmd + Maj + I) et appuyez sur Suppr.
Définissez maintenant le mode de fusion du calque fusionné sur Lumière douce. Réglez l'opacité à 45%.
Ajoutons plus de brillance au graphique. Pour ce faire, tracez un petit cercle comme indiqué ci-dessous. Définir l'opacité à 85%.
Dessinez maintenant une forme comme indiqué ci-dessous avec l'outil Plume. Définir l'opacité à 50%.
Voici notre dernière icône Adobe.
Créez quelques icônes supplémentaires en modifiant le texte et la couleur des dégradés utilisés.
Placez maintenant les icônes dans la boîte, comme indiqué ci-dessous. Pour ce faire, vous devrez redimensionner, positionner et faire pivoter légèrement les icônes. Enfin, ajoutez un dégradé à l'arrière-plan. Ajustez les couleurs pour les obtenir juste.
Regardez l'image finale ci-dessous.
Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.
Accentsconagua