Cette section devra vous apprendre quelques trucs de base pour photoshop.


Au sommaire :





Introduction


Ah ! Enfin quelque chose d'instructif ! Cette section est reservee aux debutants, enfin... peut-etre que d'autre plus avises trouveront deux ou trois trucs a se mettre sous la dent... Mais autant vous le dire tout de suite je n'ai qu'une maigre experience dans ce domaine.
Je vais essayer de vous initier aux techniques de bases, car apres il vous suffira d'un peu d'imagination pour arriver a faire ce que vous voulez, moi-meme j'ai decouvert encore deux ou trois astuces en faisant cette page !!!
Une fois qu'on connait les bases, on peut devenir auto-didacte.


Par contre les anglophobes vont etre decus, je travaille sur la version 5.5 en 'english'... Donc pour les manipulations des filtres, j'essaierais si je me souviens de completer entre parentheses avec les noms francais mais je ne garantie rien !


1 - Obtenir Du Relief


Vous allez ici apprendre a vous servir de l'outil majeur de Photoshop : le 'Lighting Effect' (euh... Effet de Lumiere quoi !). Vous le trouverez dans 'Filter/Render/Lighting Effects' (Filtre/Rendu/Effet de Lumiere). Cet outil tres puissant vous donne la possibilite d'utiliser une texture, vous allez donc apprendre aussi a vous servir de 'Couche Alpha', que vous pouvez creer en allant dans les petites fenetre sur la droite de l'ecran (si elle n'y sont pas, vous etes des grands garcons maintenant... vous savez vous servir d'un PC, vous allez dans le menu window/Show Channel), pressez sur l'onglet 'Channels', vous devez alors voir quatre couches : RVB, Rouge, Vert, et Bleu ; cliquez dans cette meme fenetre sur l'icone 'Create New Channel' (creer une nouvelle couche), et alors il apparait sous la couche 'Bleu' une couche 'Alpha 1'. Cette couche reste cependant invisible, elle sert entre autre de texture (de relief).

Entrons dans le vif du sujet...
Avant toute chose, pour faire un beau titre il faut une police de caractere adaptee. Pour exemple, nous allons etudier comment faire l'image qui sert de lien vers la page d'accueil de ma page (comme a la fin de cette section).
Prenez de preference une police assez massive pour faire vos titres, appliquez y le 'faux bold' (faux gras), ici ce sera la 'Comic Sans MS' taille 80. Pour la couleur, choisissez le blanc de blanc : un bon principe general consiste a travailler en monochrome et d'ajouter la couleur a la fin (avec 'Variation' ou 'Color Balance'). Une fois que la taille et la police vous plait (et que vous n'avez pas fait de faute d'orthographe comme moi !), vous allez faire le rendu du calque (le calque ne sera plus considere comme du texte, et vous ne pourrez plus modifier le texte) : le calque de texte selectionne, faites 'Layer/Type/Render Layer' ('Calque/Type/Rendu du Calque') (...c'est la notation que j'emploierais pour les deplacements dans les menus). Creez maintenant la couche Alpha comme explique plus haut. Reselectionnez la couche RVB. Vous allez selectionner ensuite le texte : placez vous sur le bon calque, puis appuyez sur la touche 'Ctrl' et click gauche sur ledit calque. Le texte doit maintenant avoir les bords en pointilles. Retournez sur la couche 'Alpha 1' prenez l'outil qui remplit les surfaces ('Paint Bucket', le p'tit sceau de peinture !) et remplissez de blanc la selection.
Si vous n'avez pas fait de connerie, vous devez avoir la meme chose dans la couche RVB et la couche 'Alpha 1'. Et c'est la que toute l'astuce va commencer ! Appliquez un flou gaussien ('Filter/Blur/Gaussian Blur' ou 'Filtre/Flou/Flou Gaussien') sur la couche 'Alpha 1', dans notre exemple : 3,0 pixels. Si vous avez suivit ce que je vous racontais tout a l'heure, cette couche alpha servira de texture, les pixels les plus clairs sont les plus eleves, les plus fonces sont les plus bas dans le relief ; nous allons donc creer des lettres au relief arrondie. Entrez maintenant dans 'Filter/Render/Lighting Effects' ('Filtre/Rendu/Effets de Lumiere') (apres avoir reselectionne la couche RVB) : vous devez obtenir la fenetre ci-contre. Fixer les differentes valeurs comme ceci :

Cliquez sur 'Ok' et c'est parti !!! Vous devez obtenir ca :
Voila ! Vous venez de faire votre premier titre en Relief !
A vous maintenant de tester plein de trucs avec cette technique ! Vous pouvez par exemple rajouter une legere touche de bruit gaussien monochromatique ('Filter/Noise/Add Noise' ou 'Filtre/Bruit/Ajouter du Bruit') sur la couche alpha avant le rendu lumiere, ca donnera un effet 'crepit' :
Ou a la place mettre un 'Filter/Brush Strokes/Crosshatch' ou un 'Filter/Brush Strokes/Angled Strokes', enfin bref... experimentez sur cette couche alpha la plupart des filtres disponibles, c'est la meilleur maniere d'apprendre.


2 - Obtenir Un Effet Chrome


Bon... vous savez maintenant faire du relief ? Reprenez l'exemple precedent (celui sans avoir rajoute de bruit), allez maintenant dans 'Image/Adjust/Curves' ('Image/Ajuster/Courbes') et faites des vagues comme ci-contre avec la courbe. Vous constaterez dans le futur qu'il faut parfois du temps pour trouver la courbe qui rend le l'effet voulu, mais ne faites pas plus de 2 vagues (parfois une seule suffit). Si vous avez vraiment du mal a obtenir ce que vous voulez vous pouvez toujours faire un 'Image/Adjust/Auto-Level' ou un 'Image/Adjust/Auto-Contrast' avant d'entrer dans 'Curves'.
Petite remarque au passage : l'effet chrome existe deja dans Photoshop, mais il ne donne pas de resultats satisfaisants a mon gout... Maintenant ajoutons un peu de couleur. Faites 'Image/Adjust/Color Balance' ('Balance des Couleurs') et tirez le Cyan vers -30 et le Bleu vers +15, vous devez finalement obtenir un bel effet chrome :


3 - Obtenir Un Effet Neon


Cet effet est entierement de moi, il n'est pas encore tout a fait au point mais avec avec quelques modifications... A partir de la police de depart ('Comic Sans MS' se prete tres bien a cet effet) et apres avoir 'rendu le calque' (cf 1), baisser la luminosite ('Image/Adjust/Brightness/Contrast' ou Luminosite/Contraste) d'environ 20 points, entrez dans 'Color Balance' et ajoutez du Magenta a fond en 'Midtone' et 'Highlight'. Creer un nouveau calque (dans la fenetre 'Layer' ou 'Calque', choisir 'Create New Layer'...) et faites une copie du premier sur le deuxieme (se placer sur le calque original, 'Ctrl' click gauche dessus pour selectionner, 'Ctrl C' pour copier, se placer sur le deuxieme calque, 'Ctrl V' pour coller).
Une fois fait, selectionnez le calque du dessus (un calque au dessus d'un autre l'est reellement sur l'image !!!), il va falloir le rendre transparent : click droit sur ce calque, choisir alors le menu 'Layer Option' ('Option du Calque'). Ici, mettre l'opacite a 50 % et le mode 'Screen'.
Prenez maintenant le calque du dessous et appliquez y un flou gaussien d'environ 4,0 pixels : ca doit commencer a prendre forme, le calque du dessous cree la luminosite et celui du dessus la consistance materielle. Il nous manque plus que le filament a l'interieur. Creez un nouveau calque et placez le entre les deux d'avant (cliquez dessus et glisser jusqu'a la bonne position). Sans activer le calque du dessus, selectionnez-le (toujours avec 'Ctrl' click gauche), retournez sur le nouveau calque et reduisez la selection de 4 pixels ('Select/Modify/Contract') de maniere a obtenir quelque chose de vraiment filiforme, remplissez la selection de mauve tres clair et le tour est joue !
Pour amplifier encore l'impression de lumiere, vous pouvez ajouter une lueur externe sur le calque du dessus : click droit sur ce calque, choisir dans le menu 'Effects' et appliquer 'Outer Glow' ('Lueur Externe') ; ici laisser la couleur jaune de base : c'est bien de ne pas trop surcharger l'image avec le mauve deja tres present, les valeurs de flou ('Blur') de 20 pixels et d'intensite de 80 rendent bien...


4 - Les Plaques Metalliques


Faites une surface rectangulaire et remplissez la de gris legerement bleute. Il va maintenant falloir donner un effet de metal brosse a cette surface. Pour obtenir cet effet, il faut rajouter quelques imperfections... du bruit gaussien monochromatique sera parfait ! En mettre la valeur 10. Voila, maintenant, pour rendre l'effet brosse, rajoute un flou directionnel (motion blur) lateral de 20 pixels. Pour un meilleur rendu, il va falloir rajouter un effet de lumiere ( Lighting Effect ) pour que l'eclairage sur cette plaque soit un peu moins uniforme. Mettre les valeurs 'intensity' a 10, 'material' a 100 ( 'metallic' ) et 'ambience' a 30, vous devez obtenir ca :

Maintenant si vous voulez rajouter des vis sur cette plaque de metal, il va vous falloir creer une couche 'alpha' comme vu precedemment. remplissez la de gris tres fonce, puis choisissez un gris clair et prenez l'outil 'PaintBrush' ( le pinceau ), ouvrez la fenetre 'Brushes' et prenez un pinceau de la taille voulue de type 'soft' ( les contour ne doivent pas etre nets ). Ensuite positionnez vous sur chacun des 4 coins ( toujours sur la couche alpha ) et cliquez 2 fois au meme endroit par coin. Maintenant prenez la loupe pour agrandir chacune des vis et choisissez un pinceau de 1 pixel seulement et dessinez une croix noire a l'interieur de chaque rond ( en dessinant avec 'Shift' enfonce, vous ne faites que des lignes horizontales et verticales ), une fois finit appliquez sur la couche alpha un flou gaussien de 1 pixel. Voila voila... Maintenant revenez sur la couche 'RVB' et appliquez votre effet de lumiere avec les meme valeur que tout a l'heure. Le resultat :


5 - Le Titre De La Section


Je vais maintenant vous expliquez en vitesse comment faire le titre de cette section, celui ou il y a ecrit photoshop... Enfin, si je me souviens de tout en detail !...
Tout d'abord, l'effet colore du fond. Faites un effet 'nuages' ( 'Filter/Render/Clouds' ) sur le calque de fond. Attention, j'ai decouvert recemment que ce filtre tenait compte des couleur d'arriere et d'avant plan, mettre donc l'arriere plan en noir et l'avant plan en blanc. Puis allez maintenant dans chaque couche 'Rouge', 'Vert' et 'Bleu' et y appliquer cet effet 'nuages', normalement vous obtenez quelque chose comme ca :

Si vous n'obtenez pas le resultat souhaite, reessayez autant de fois qu'il le faudra : le filtre nuage est aleatoire... il faut parfois plusieurs essais pour avoir ce que l'on veut. Maintenant que vous avez ce que vous voulez, appliquez du bruit gaussien monochromatique de 10, et ensuite un flou radial en mode 'zoom' de 50 pixels. C'est un peu le meme principe que pour le metal, du bruit plus un flou directionnel ( parallele ou radial ) donne une impression brosse ou de mouvements comme ici. Voila le resultat :
Pour le titre lui-meme, j'ai utilise la police 'Scythe' avec une taille d'au moins 120. Apres avoir fait le rendu du calque, selectionnez les contours agrandissez la selection de 2-3 pixels. Changez les couleur d'avant et d'arriere plan pour y appliquer les 'nuages' .
Euh... la je ne me souviens plus trop... La suite va etre approximative...
Reprenez la selection du texte, creez un nouveau calque a placer sous celui du texte, et tout en gardant la selection ( et apres l'avoir agrandi encore de 1-2 pixels ?), faites un 'linear gradient' (un 'degrade lineaire') de couleurs vives differentes et appliquez un flou gaussien de 4-5 pixels.

L'oeil sur le 'O' central ? La je n'ai rien invente... Lancez l'aide de Photoshop et faites une capture d'ecran avec un logiciel de capture quelconque ( la classique touche 'Impr Ecran' ne marche plus sous Photoshop... ), isolez l'oeil et retournez-le.
L'effet de lumiere autour de l'oeil est obtenu en selectionnant l'oeil, en creant un nouveau calque sous l'oeil, en agrandissant la selection de quelques pixels, puis en ajoutant du bruit gaussien monochromatique suivit d'un flou radial mode 'zoom' pour obtenir les raies de lumiere. La touche du chef : placez sur le calque de fond un 'lens flare' ( 'Filter/Render/Lens Flare' en francais je sais plus, c'est le truc qui fait des eclats de lumiere comme sur les photos ou dans les films quand la camera regarde vers le soleil... ) en mode '50-300mm Zoom'. Si vous avez fait tout comme il faut vous devriez obtenir un truc qui ressemble au titre de cette section...

Cliquez sur retour au sommaire pour voir a quoi ca devrait ressembler !






Pour l'image de lien 'Home', j'ai un peu change d'avis... celui-ci fait plus style ! Je vous expliquerez peut-etre un jour comment le faire... Il m'a bien pris 2 heures !