Accéder aux tutoriels oir les templates crées par l'ékipe Kloobik Rejoignez-nous sur les forums ! Voir nos amis & partenaires Nous contacter
Apprendre !
Si vous êtes ici c'est que vous avez envie d'apprendre comment fonctionne Adobe Photoshop. Instrument extremement puissant, il permet de réaliser d'incroyables effets graphiques tout en maitrisant la création via un système de calques très efficace.
A vos tablettes graphiques ;)
 
Principale ressource du site, nos tutoriels sont le fruit de plusieurs années de travail sur divers éditeurs graphiques. Prioritairement tournés vers Adobe Photoshop, ils vous permettront de découvrir quelques trucs & astuces que vous ne connaissiez peut-être pas ....

Les mises à jour sont régulières.

L'ékipe Kloobik.com
 
 
 
 
Retour à l'accueil du site
 
 
     
       
Nous allons voir dans ce tutorial, comment créer un bouton de navigation
avec une texture carbone...
   
> Créer un nouveau document en couleurs RVB de 300*300 pixels.
> Créer ensuite un nouveau document de 4*4 pixels : c'est celui qui va
nous servir pour la créattion de la texture Carbone (zoomez dessus à 1600%)
     
     
   
> Ouvrez l'éditeur de couleurs et choisissez un gris en #595959
> Remplissez les deux pixels du haut à gauche avec l'outil Crayon (B)
     
     
> Ouvrez l'éditeur de couleurs et choisissez un gris en #474647
> Remplissez les deux pixels sous ceux que vous venez de faire avec l'outil Crayon (B)
     
     
> Ouvrez l'éditeur de couleurs et choisissez un gris en #2D2C2D
> Remplissez les deux pixels sous ceux que vous venez de faire avec l'outil Crayon (B)
     
     
> Ouvrez l'éditeur de couleurs et choisissez un gris en #121212
> Remplissez les deux pixels sous ceux que vous venez de faire avec l'outil Crayon (B)
     
     
> Ouvrez l'éditeur de couleurs et reprennez un gris en #2D2C2D
> Remplissez les deux pixels en haut à droite avec l'outil Crayon (B)
     
     
> Ouvrez l'éditeur de couleurs et reprennez un gris en #121212
> Remplissez les deux pixels sous ceux que vous venez de faire avec l'outil Crayon (B)
     
     
> Ouvrez l'éditeur de couleurs et reprennez un gris en #595959
> Remplissez les deux pixels sous ceux que vous venez de faire avec l'outil Crayon (B)
     
     
> Ouvrez l'éditeur de couleurs et reprennez un gris en #474647
> Remplissez les deux pixels sous ceux que vous venez de faire avec l'outil Crayon (B)
     
   
Faites CTRL+A pour sélectionner tout le calque que vous venez de remplir
> Edition > Utiliser comme motif
     
     
   
Maintenant que la texture est crée, passons au bouton.
> Revenez dans le document initial (celui de 300*300 pixels).
> Créez un nouveau calque
> Sélectionnez l'outil Rectangle Arrondi (U) et donnez lui les paramètres
suivants :
     
     
   
> Tracez votre forme : (un seul clic dans le calque va suffire puisque nous l'avons
défini en Taille fixe )
     
     
   
Remplissons maintenant cette forme avec le motif de carbone que nous avons
crée precédemment. Pour cela :
> Ctrl + Clic dans le calque de la forme
> Edition > Remplir
Choisissez ensuite la forme Carbone dans le menu déroulant
     
     
   
Faites un CTRL + Clic dans le calque contenant la forme pour récupérer la
sélection, puis allez dans > Sélection > Modifier > Contracter
> Entrez un paramètre de 3.....
> Sans déselectionner, créez un nouveau calque
     
     
Tout en conservant la sélection, activez l'outil "Lasso Polygonal" et en maintenant
la touche Alt enfoncée, dessinez un demi cercle en bas de la forme.
> Cela va avoir pour effet de soustraire une partie de la sélection
 
     
   
Activez l'outil Dégradé et tracez en un du haut vers le bas.
> Sélection > Modifier > Dilater : Entrez un paramètre de 2
Le dégradé etant sur son propre calque, nous pouvons lui appliquer un effet de flou
tout en gardant la sélection dilatée active :
>
Filtre > Atténuation > Flou Gaussien de 1.0
     
 
Il suffit simplement de lui ajouter une petite ombre portée, de le mettre
sur un fond et d'écrire du texte dessus pour la navigation ....
     
   
Voilà, c'est fini ! Vous devriez normalement vous retrouver avec une
image comme celle ci-dessous ...
     
     
     
Retour à l'accueil
       
   
© kloobik.com - 2003/2004