Salut à tous!  
 
Donc je me lance dans mon premier tuto! c'est un grand jour, et je vais essayer de faire au mieux!  
 
Voilà ce que l'on va réaliser :
 

 
 
 
Je pense que ce tuto peut-être intéressant pour diverses raisons:

      utilisation de photoshop et illustrator
      plusieurs styles de calque simples
      utilisation d'un masque de fusion
      image pouvant ce répéter indéfiniment sur x, très utile pour un site
 
Aller, on s'y met!
 

Première partie : Créer la forme sous illustrator

 
Bien que j'ai réalisé cette partie sous illustrator, elle est parfaitement réalisable sous photoshop. C'est juste qu'illustrator est plus pratique pour ce que l'on va faire.
 
1.Tout d'abord, on ouvre illustrator et on créer un nouveau document de 500*500 px:

 
2.On prend l'outil ellipse   (L) :

 
3.On trace un cercle parfait en maintenant shift:

 
4.Avec l'outil Sélection directe    (A) on sélectionne le point du bas du cercle et on le supprime avec la touche suppr:

 
5.Maintenant on prend l'outil plume  , on clique sur l'extrémité gauche du demi-cercle et on clique en suite un peu plus bas à la verticale. On désélectionne (oui oui c'est écrit ainsi dans le dico) en appuyant sur ctrl+clique ailleurs que sur la forme   et on refait la même opération sur l'autre extrémité.

 
Si tout va bien, si vous prenez l'outil sélection    (V) et que vous cliquez n'importe où sur la forme, l'ensemble est sélectionner, tout est en un seule bloc.
 
6.Alors c'est le moment où on s'amuse le plus   Non en faite c'est le plus long et le plus "dure": on copie la forme que l'on vient de créer (ctrl+C) et on la colle (ctrl+V) une bonne quinzaine de fois, puis on les répartit en largeur en les inclinant dans tous les sens (enfin pas trop non plus sinon c'est moche) :

 
pour obtenir ceci :

 
  Si vous voulez que l'image finale puisse se répéter sur x, faites attention à ce que la première et la dernière forme collée soient à la même hauteur.
 
7.On sélectionne tout (ctrl+A), on clique sur le menu fenêtre puis pathfinder, et on clique sur le bouton réunion:

 
pour obtenire ceci :

 
8.On a presque notre forme final   . Il ne reste plus qu'à sélectionner tous les points du bas (sauf ceux des "coins" ) avec l'outil Sélection directe    (A) et on les supprime (suppr):

 
Puis on sélectionne les 2 points du bas restant et on fait clique droit, joindre. On obtient alors une forme fermée.
Dans le panneau outil, on supprime le contour et on remplit la forme de noir :

 
Voilà ce que l'on obtient :

 

Deuxième partie : Ajout des styles de calque sous Photoshop

 
1.On ouvre Photoshop et on créer un document de 600*250 px (selon votre forme...) avec fond blanc.

 
2.Dans illustrator, on sélectionne la forme et on la copie (ctrl+C). On la colle (ctrl+V) dans Photoshop et on choisit l'option Objet dynamique (pour que l'on puisse modifier l’échelle à souhait):

 
On ajuste la taille en maintenant shift pour ne pas déformer la forme, et on appuie sur entrée pour valider:

 
renommer le calque en fond-forme (faut pas croire j'ai cherché pendant 5 bonnes minutes un nom  )
 
3.Ensuite on double clique sur le calque pour pouvoir appliquer un style de calque. On commence par incrustation de couleur #F0F0F0 :

 
4.On applique une ombre portée d'angle 90°, d'opacité 100%, de distance 2, de grossi 0 et de taille 9:

 
5.On applique une ombre interne d'angle 90°,d'opacité 100%, de distance 0, de grossi 0 et de taille 21:

 
Voilà ce qu'on obtient:

 
6.On clique sur le calque, puis les touche ctrl+J pour dupliquer le calque, nommez le nouveau en ... dessus-forme ( j'ai vraiment pas d'inspiration aujourd'hui ). On double clique sur le nouveau calque et on décoches les case ombre portée et ombre interne pour ne garder que l'incrustation de couleur:

 
7.Le calque dessus-forme sélectionné, on clique sur masque de fusion (je trouve pas l'icône masque de fusion désolé ...), le bouton rectangle avec un rond au milieu dans la fenêtre des cadres:

 
Prendre l'outil pot de peinture  (G) et remplir le masque de noir.
 
8.On prend l'outil dégradé    (G), on règle sur un dégradé linéaire de blanc vers transparent. Puis on trace un dégradé de bas en haut en maintenant shift comme ceci:

 
9.Pour finir (pfiou, enfin la fin ), on trace aussi de petits dégradés en diagonale sur la gauche et sur la droite comme ceci (regardez bien l'image qui suit pour comprendre):

 
Tadaaaaa voilà ce qu'on obtient:

 
Bien sûr avec un fond coloré, c'est bien mieux:

 
 
J’espère que ce tutoriel sera utile pour certains. Je ne suis pas graphiste professionnel, j'ai utilisé mes méthodes et je sais que ce ne sont peut-être pas les meilleurs.
Normalement j'ai tout dit sans trop de fautes   , si quelque chose manque dites le moi. Peut-être je sortirais une version vidéo, mais je suis pas encore au point et mon micro a ... au moins 10 ans    
 
Et bien à bientôt et je vous remercie d'avance pour vos critiques bonnes comme mauvaises !