[TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

faire%20un%20fond%20vista%201 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

Dans cette première partie du tuto je vais vous apprendre à faire les vagues composant ce fameux fond à la vista, mais sachez que ce tuto est plutôt long alors courage !!

Pour vous aider voici le PSD d’origine de ce tuto, faites en bon usage ! ^^

download [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

——————————

Objectif : Apprendre à réaliser un fond à la Windows Vista.

——————————-

.:1:.

01 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Créez un nouveau document (Ctrl+N) de la taille que vous souhaitez, ici 480*272px.
* Remplissez le fond de noir avec le pot de peinture 02 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1] (G).
* Créez un nouveau calque 03 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1] puis sélectionnez l’outil plume 04 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1] (P).
* Vérifiez que la plume est bien en mode tracé puis dessinez une forme de vague semblable à celle ci-dessus.

.:2:.

05 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Maintenant cliquez droit sur votre tracé puis sélectionnez « définir une sélection ».

06 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Une nouvelle fenêtre apparaîtra, cliquez alors sur « OK » en laissant les paramètres d’origine. Votre tracé se transformera alors en sélection.
* Sélectionnez alors l’outil rectangle de sélection 07 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1] (M), cliquez droit sur votre sélection et sélectionnez « mémoriser la sélection » au cas où vous la perdiez.

08 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Maintenant recliquez droit sur votre sélection et cliquez sur « remplir », remplissez alors votre sélection de blanc.

09 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Vous pouvez maintenant renommer votre calque « vague1″ et désélectionner (Ctrl+D).

.:3:.

10 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Maintenant double cliquez sur votre vague1 et appliquez lui une lueur externe de couleur verte clair (#9cff7a) avec pour paramètres :

11 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Appliquez ensuite une lueur interne de la même couleur avec les paramètres suivants :

12 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Enfin, appliquez lui une opacité de fond de 13% et un mode de fusion normal.

.:4:.

13 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Vous pouvez maintenant dupliquez la vague1 à deux reprise en appelant les deux autres vagues « vague12″ et « vague13″.

14 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Déplacez légèrement la vague12 sur le côté (15 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]) et appliquez lui une légère rotation, puis modifiez son opacité à 60%.
* Déplacez ensuite la vague13 franchement sur la droite et apliquez lui aussi une légère rotation, enfin modifiez son opacité à 40%.

16 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

.:5:.

17 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Créez un nouveau calque

18 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

puis sélectionnez l’outil plume 19 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1] (P).
* Vérifiez que la plume est bien en mode tracé puis dessinez une forme de vague semblable à celle ci-dessus.
* Répétez la même opération que pour la première vague jusqu’à la remplir de blanc puis renommez votre calque « vague2″ et désélectionnez (Ctrl+D).

.:6:.

20 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Maintenant double cliquez sur votre vague2 et appliquez lui une lueur externe de couleur bleue claire (#7a8dff) avec pour paramètres :

21 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Appliquez ensuite une lueur interne de la même couleur avec les paramètres suivants :

22 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Appliquez ensuite une incrustation en dégradé du blanc vers le transparent avec ces paramètres :

23 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Enfin, appliquez lui une opacité de fond de 7%, une opacité de 43% et un mode de fusion normal.

.:7:.

24 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Dupliquez alors votre vague2 et renommez la « vague22″.

25 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Faites ensuite subir une petite rotation à cette dernière et une homothétie.

26 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Vous devriez obtenir un résultat proche de celui ci-dessus.

.:8:.

27 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Créez un nouveau calque

28 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

puis sélectionnez l’outil plume 29 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1] (P).
* Vérifiez que la plume est bien en mode tracé puis dessinez une forme de vague  plus grossière semblable à celle ci-dessus.
* Répétez la même opération que pour la première vague jusqu’à la remplir de blanc puis renommez votre calque « vague3″ et désélectionnez (Ctrl+D).

.:9:.

30 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Maintenant double cliquez sur votre vague3 et appliquez lui une lueur externe de couleur blanche (#ffffff) avec pour paramètres :

31 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Appliquez ensuite une lueur interne de la même couleur avec les paramètres suivants :

32 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Apliquez ensuite une biseautage et estampage avec ces paramètres :

33 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Enfin, appliquez lui une opacité de fond de 0%, une opacité de 15% et un mode de fusion normal.

.:10:.

34 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Vous pouvez maintenant dupliquez votre vague3 à deux reprise en appelant les deux autres vague « vague32″ et « vague33″.

35 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* Déplacez (36 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]) la vague32 vers la droite et appliquez lui une symétrie d’axe horizontal.
37 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]
* Déplacez ensuite la vague33 en bas à droite et apliquez lui aussi une rotation.

37 [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]

* C’est maintenant fini pour les vagues, nous allons passer aux dégradés.

graphisme/tutocs2-faire-fond-la-Windows-vista-part-2/ »>La suite ICI

_______

Tuto réalisé par Paul XXII
_______

license [TUTO][CS2] Faire un fond à la Windows Vista [PART 1]


Me tenir au courant des nouveaux commentaires pour cet article

More in Logiciels, Windows (17 of 59 articles)