Créer un icône lecture « Crystal » pour XP

Sixième tutorial dédié aux icônes « Cristal » pour XP. C’est un triangle qui ne sert en soit à rien, mais qui est souvent associé à un autre icône comme un dossier ou un fichier. Personnellement je l’ai surtout utilisé dans le logo de l’interface graphique FuturisticBlog.

Ce tutorial n’est pas trop dur, je le classe donc dans la catégorie initié !

Photoshop - 362.3 ko
Fichier PSD tutorial 153
clic pour télécharger le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Avec l’outil plume, je crée mon triangle qui va servir de base au départ de la réalisation de mon icône.

ETAPE 2

Avec la technique de la mise en 3D* je crée du volume à mon triangle, je fusionne les calques puis j’adoucis les angles avec la technique d’adoucissement (voir ce tutorial : http://www.wks.fr/Des-formes-fascinantes.html).

*Pour donner du relief, j’utilise l’outil déplacement, je me place sur mon calque croix et tout en appuyant sur (Alt) je fais descendre ma croix pixel par pixel. Le résultat de cette manipulation : la création de nouveaux calques pour chaque pixel descendu.

ETAPE 3

Avec le style de calque, j’ajoute un dégradé sur mon triangle.

ETAPE 4

Je crée un nouveau calque, puis je récupère la sélection de mon triangle (clic sur le calque avec la touche (Alt) enfoncée). Je remplis ma sélection de noir et je déplace ma sélection vers le bas pour supprimer les pixels en trop.

ETAPE 5

Avec le style de calque, j’ajoute un dégradé sur ma forme.

ETAPE 6

Sur un nouveau calque et avec la même technique qu’à l’étape 4, je crée une forme comme ci-dessous.

ETAPE 7

Sur un nouveau calque et avec la même technique qu’à l’étape 4, je crée une forme comme ci-dessous.

ETAPE 8

Avec l’outil forme personnalisée je crée un rectangle arrondi blanc. J’applique une petite rotation puis je diminue l’opacité à 80%.

ETAPE 9

Avec l’outil ellipse je crée un reflet. J’utilise un masque de fusion pour camoufler légèrement le reflet.

Le résultat est plus que correct non ?

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

    Questions et commentaires, Il y a 2 messages de forum.

    Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

    • 8 février 2008 10:58, par Pich

      Franchement j’adore t’es tuto je vien de men faire 15 à la suite !!! le tout pour faire une interface grafik. si jamai ça t’intersse je suis webmaster on pourrai faire pointer des liens ^^

      Répondre
      • 8 février 2008 22:18, par Wonka

        Merci et sache que j’adore les liens qui pointent vers wks.fr :) alors n’hésite se serait un bon remerciement pour nos tutos :p

        Répondre

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.