Fond d'écran moderne sous photoshop
Temps de réalisation : 5 à 10min.

Ce premier tutoriel va vous permettre de vous familiariser avec photoshop en utilisant quelques-une de ses fonctions.
Celui-ci vous guidera afin d'être moins perdu par la suite et de prendre confiance en ayant déjà réalisé quelque chose...

Assurez-vous que vous êtes dans une résolution d'écran qui facilite le travail (1280*1024 ou 1600*1200). Les hautes résolutions permettent de voir le plan de travail en taille réelle et dans leur intégralité (ou proche).
Avoir une bonne vision du plan de travail et de TOUTES les palettes d'outils est primordial. Ce n'est pas non plus essentiel, on peut très bien se débrouiller en 640*480.


Lancez photoshop (7 de préférence mais ça fonctionnera sur les versions antérieures et le 8 (CS)) et créez un nouveau document en 1600*1200 (format maxi pour un fond d'écran).

Nous allons créer les formes de base qui seront par la suite modifiée à l'aide des filtres afin d'obtenir l'effet souhaité.

Choisissez l'outil dégradé (s'il n'est pas actif, restez appuyé sur l'icone en forme de pot de peinture pour le faire apparaitre).



Ensuite prenez soin de vérifier que vous avez bien du noir en couleur de premier plan et du blanc au second plan.



Mettez le type de dégradé en "linéaire" et le mode sur "différence"




Votre outil de base est prêt, maintenant vous allez pouvoir créer des dégradés un peu partout sur l'image, de façon ordonnée ou non (au choix pour des effets variés). Pour celà cliquez sur l'image, une croix apparait, et sans relâcher le clic, trainez la souris sur quelques centimètres (ou plus) dans la direction souhaitée. Relâchez et vous obtiendrez un dégradé.

->

Répétez ceci un peu partout autant que fois que vous le souhaitez jusqu'à ce que le résultat vous convienne.

Vous devriez obtenir quelque chose de semblable à l'image ci-dessous :



Allez dans le menu "filtre" / "déformation" / "onde" et réglez les paramètres pour que la composition se courbe.
Cochez "reboucler" en bas de la fenêtre et testez par exemple avec les paramètres suivant :



Appliquez ces paramètres, mais s'ils ne vous coviennent pas une fois revenu sous photoshop annulez (menu edition / annuler) et recommencez avec ce filtre.
Adaptez ces valeurs si elles ne vous donnent pas le résultat attendu, il se peut que vous ayez à les modifier suivant les dimensions de votre image par exemple.



Maintenant que vous avez une composition un peu psychédélique, on va lui appliquer les effets qui "tirent le regard".
Allez dans le menu "filtre" / "atténuation" / "flou radial" et appliquez un flou avec les paramètres suivant :



Félicitations, vous venez de créer l'un des effets les plus prisés des infographistes, qui est assez pratique pour donner une impression de vitesse par exemple.



(si ça fait sale par endroit, appliquez un petit flou gaussien par dessus)

Maintenant nous allons mettre en couleur tout ça, en se familiarisant avec les calques.
Un calque est comme un film transparent qu'on superpose à l'image, il est invisible, mais on peut y inscrire une autre image ce qui permet de ne pas mélanger les deux. On peut jouer sur différents paramètres des calques comme leur transparence ou la façon dont ils agissent sur les calques du dessous.
Créez un nouveau calque au dessus de l'image de base par le menu "calque" / "nouveau" / "calque" et mettez lui le mode "couleur" ou plutot "Incrustation", le mode couleur affichant des zones blanches.



Votre calque doit apparaitre dans la fenêtre des calques normalement, juste au dessus de l'image de base :



Notez bien que c'est sur cette palette que vous devrez toujours manipuler les calques, nous y reviendront dans un prochain tutoriel car c'est une des bases de l'infographie 2D.

Peignez votre calque suivant la couleur désirée (ici en rouge) grâce à l'outil pot de peinture (ou dégradé...) et en sélectionnant votre couleur.



Voilà, c'est terminé... Ce type de fond peut être utilisé pour des interfaces de sites web, des fonds d'écran ou toute autre composition. A vous d'organiser formes et couleurs suivant ce que vous souhaitez, soyez fou, parfois ça paye bien.
Vous pouvez aussi superposer différents calques colorés et jouer sur leur transparence.


[Cliquez ici pour télécharger le fond entier]

N'hésitez pas à présenter vos réalisations sur le forum, ainsi que pour tout commentaire, complément d'information ou si vous avez besoin de précisions.

Le prochain tuto traitera du découpage d'image.

------------------

Raccourcis utiles :
"ctrl" + "+" -> Zommer
"ctrl" + "-" -> déZommer