Créer une carte d'identité virtuelle

Aujourd'hui, on va apprendre à faire des fausses cartes d'identité destinée au web. Vous
pourrez alors la mettre sur votre site, en signature d'un forum, ou pour un jeu que vous faites.
On peut en imaginer beaucoup d'utilisations! ;)

Pour commencer, créons un nouveau document de la taille que vous voulez. Je vous conseille
de faire quelque chose d'un peu grand et vous pourrez recadrer plus tard. Personnellement j'ai
pris 600*300 pixels.
A l'aide de l'outil rectangle arrondi (pas loin de l'outil Texte), en faisant attention que vous
ayez un rayon de 10 px dans les options de l'outil en haut, faites un rectangle. C'est la base de
notre carte, donc choisissez dès maintenant sa forme. Si vous vous trompez, faites simplement
Ctrl/Cmd + Z et vous pourrez recommencer.

On va attribuer à ce calque des styles. Pour cela, double-cliquez sur le calque en question ou
bien cliquez sur le fx (en bas de la palette des calques) et choisissez "Option de fusion...".
Tout d'abord on lui ajoute une ombre portée :
Puis un dégradé de couleur (pour lui ajoute ce petit style 2.0) :

(Le dégradé va du #17638A   au #5CC0FF  

Enfin, on lui ajoute un biseautage pour lui donner du relief :

On obtient une jolie carte :)

Nous allons à présent écrire un texte en fond. La police est Volter (Goldfish). Le texte doit
être de préférence un peu long : par manque d'inspiration j'ai pris "badge personnel du
membre du club", en lettres capitales.
On copie colle ce texte plus de fois sur plusieurs lignes et on enlève des bouts de texte pour
que chaque mot ne soit pas aligné avec la ligne au-dessus ou au-dessous.
Bien sûr ceci n'est qu'un extrait, il faut bien faire quelque chose de long :)
Copiez toutes ces lignes et collez le sur de nouvelles lignes pour avoir un grand texte. Petite
astuce : quand vous avez finit de bidouiller votre texte, appuyez sur la touche entrée du pavé
numérique, ça ne sautera pas de ligne mais ça termine l'édition du texte.
Faites Ctrl/Cmd + T (Edition > Transformation > Transformation manuelle) puis faites une
rotation de 45,0° (laissez enfoncé Shift pour être plus propre).
Placez ce calque en mode "Lumière tamisée" avec une opacité de 30% et vérifiez que le texte
prend bien toute la carte. Si ce n'est pas le cas, prenez l'outil Texte et collez d'autres lignes ;)

Le problème, c'est que le texte déborde. Sur le blanc, ça ne se voit pas, mais sur l'ombre si.
Pour régler ce problème, on va lui dire que tout ce qui est en dehors de la carte doit être
masqué.
Tout d'abord, on va récupérer la sélection de la carte. Pour cela, on enfonce Ctrl/Cmd et on
clique sur la vignette du masque vectoriel de la carte. C'est la vignette avec du gris et du blanc
là :

Si vous avez bien opéré, vous aurez une sélection qui fait le tour de la carte :
Il ne reste plus qu'a sélectionner le calque du texte (en cliquant dessus sur la palette des
calques) et d'ajouter un masque de fusion en cliquant sur le logo avec un rectangle et un rond
en bas.
En créant un masque de fusion quand on a une sélection, il va tout de suite comprendre qu'il
faut masquer ce qu'il y a en dehors de la sélection. De plus, si vous n'aviez pas de sélection, il
n'aurait rien masqué par défaut (vignette blanche).

On ajoute une petite photo. Sachez qu'ici les masques d'écrêtages sont super utiles et
simplifient très bien le boulot ! Vous en saurez plus sur ces masques dans le tutoriel sur les
silhouettes et les masques d'écrêtages.

A présent, nous allons faire une sorte de petit flap en haut à droite où vous pourrez indiquer le
nom de votre club, votre site... Ce que vous voulez !
On commence par créer un rectangle avec l'outil rectangle (option de calque : mode forme) et
on lui applique une rotation de 45° (avec la transformation manuelle, Ctrl/Cmd + T).

Comme tout à l'heure, on récupère la sélection du calque de la carte et on créé un masque de

fusion sur notre bandeau noir. Magie, il rentre parfaitement dans la carte :]
"Attends, j'ai deux masques de fusion sur mon calque ?! Ca veut dire que je peux en faire
autant que je veux ?" En fait, il existe deux types de masque de fusion : un en pixel et un en
vectoriel. Si on ajoute une première fois un masque, il sera en pixel et si on en rajoute un
deuxième il sera vectoriel. A l'inverse, s'il y a déjà un masque vectoriel, il va faire un masque
en pixel (ce que nous venons de faire).
Quelle est alors la différence entre les deux ? Eh bien avec un masque en pixels, on va
travailler avec du pixel (outil gomme, outil pinceau...) tandis qu'avec le masque vectoriel, on
va travailler avec des tracés (plume, formes vectorielles...).
Au final, ce qui sera visible c'est l'intersection des deux masques, c'est-à-dire là où on a du
blanc sur les deux calques. Ici, le calque créé du noir qui occupe tout le plan de travail. Le
calque vectoriel limite ce noir à un rectangle. Et enfin le masque en pixel limite à l'intérieur de
la carte.
C'est un peu compliqué au début, mais ça vient à force de pratiquer. N'hésitez pas à poser des
questions en commentaires si vous voulez plus de détails ;)

Continuons notre carte. On voit que la bande va au-dessus du relief :

Pour palier à ça, avec l'outil déplacement, on déplacer le calque de deux pixels en bas et deux
pixels à droites (aidez vous des touches directionnelles).
Ensuite, on ajoute un dégradé à l'aide des styles de fusion. Pensez à donner un angle de 135°
et de choisir linéaire. Mon dégradé va du #06305B   au #74C3FA  
Tout ça pour ça pas vrai ? Mais avec l'habitude ces étapes iront bien plus vite.

On va ajouter du texte. J'ai choisi Tahoma. On applique un angle de 45° et on le positionne

sur le bandeau. Faites le bien en noir (vous allez comprendre).

Dupliquez ce calque, changez le texte en blanc, puis montez le calque d'un pixel vers le haut.
On obtient une sorte de petite 3D toute bête mais pas inutile :)
Je vous rassure, nous arrivons à la dernière étape : le texte :D Comme toujours on va choisir
une police adaptée, avec un style bitmap : 07x5. Tapez votre texte, variez la taille.

On met du noir pour le texte simple, et si vous voulez faire un texte pour les VIP qui ont la
"Gold card" tapez le texte en jaune (#E7D223   .

Ensuite, on va encore s'amuser avec les modes de fusion (les styles de calque). Il suffit
d'ajouter un biseau et toute l'astuce est dans le paramètrage de celui-ci :
Et voilà, c'était aussi simple que ça ^^

Petit bonus, on va rajouter un reflet sur la carte. On créé un calque, puis on prend l'outil de
sélection en élipse et on fait un grand rond.
On fait un dégradé du blanc vers le transparent (couleur de premier plan blanche + choisir
deuxième dégradé par défaut). On désélectionne en faisant Ctrl/Cmd + D ou "Sélection >
Désélectionner".

On finalise en mettant en lumière tamisée à 70%. Pensez bien à ajouter un masque de fusion
pour ne pas avoir de reflet en dehors de la carte.
L'avantage, c'est qu'après avoir fait une carte, c'est super simple d'en faire d'autre. Il suffit de
modifier les dégradés, la photo et le texte ;)