Arrière-plan MSNBC dans Photoshop

Nouveau design d’arrière-plan MSNBC dans Photoshop

En 2007, j’ai écrit un tutoriel Photoshop pour PSDTUTS qui était une demande d’utilisateur, en fait c’était une demande non pas d’un mais de plusieurs lecteurs, ils voulaient savoir comment créer l’effet d’en-tête MSNBC. À l’époque, c’était un tout nouveau design avec une image d’arrière-plan très colorée sur l’en-tête. Maintenant, en 2010, ils ont un nouveau design de site Web et j’ai été invité à les aider avec l’image de fond.

J’étais ravie, surtout parce qu’ils voulaient garder un effet coloré mais avec quelque chose de nouveau. Ensuite, j’ai eu l’idée d’utiliser une partie de leur symbole pour créer un motif et de l’appliquer sur le symbole coloré du paon avec beaucoup d’effets de flou et de lumière.

L’ensemble du processus est assez simple et direct, mais il m’a fallu un certain temps avant d’avoir l’idée et d’obtenir le résultat que je voulais, heureusement, ils ont également aimé l’idée et maintenant c’est sur le nouveau Conception du site MSNBCalors vérifiez-le aussi.

Nouveau site Web

Étape 1

J’ai commencé avec un document vierge avec 1280×1024 pixelspuis j’ai rempli le calque d’arrière-plan avec du noir.

Arrière-plan MSNBC dans Photoshop

Étape 2

En utilisant l’une des images envoyées par le client, je l’ai placée au centre du document.

Arrière-plan MSNBC dans Photoshop

Étape 3

j’ai appliqué un Flou gaussien à l’image avec 15 pixels pour le Rayon.

Arrière-plan MSNBC dans Photoshop

Étape 4

Le j’ai changé le Niveaux un peu, a changé le Entrée noire à 3.

Arrière-plan MSNBC dans Photoshop

Étape 5

Ici, j’ai dupliqué l’image et changé le Mode de fusion à superposer. Après cela, j’ai regroupé ces deux images dans un dossier.

Arrière-plan MSNBC dans Photoshop

Étape 6

Ici, j’ai dupliqué le groupe et je l’ai déplacé un peu vers le bas, puis j’ai changé le Opacité à 80%.

Arrière-plan MSNBC dans Photoshop

Étape 7

Du symbole de paon du logo MSNBC, j’ai obtenu une plume et je l’ai retournée verticalement pour créer un motif.

Arrière-plan MSNBC dans Photoshop

Étape 8

Voici le motif que j’ai créé afin de le rendre carrelé. Après je suis allé à Édition>Définir le motif pour rendre le modèle disponible pour le Outil pot de peinture (G).

Arrière-plan MSNBC dans Photoshop

Étape 9

Au-dessus des autres calques, j’ai ajouté un nouveau calque et avec le Outil pot de peinture (G) J’ai utilisé Pattern pour le type et rempli le calque avec le motif créé à partir du symbole MSNBC.

Arrière-plan MSNBC dans Photoshop

Étape 10

En utilisant le Outil Fluidifier J’ai modifié le motif pour ajouter du mouvement.

Arrière-plan MSNBC dans Photoshop

Étape 11

Pour le Mode de fusion du modèle que j’ai utilisé Esquive de couleur avec 30% d’opacité. J’ai également dupliqué le calque de motif pour rendre l’effet un peu plus lumineux.

Arrière-plan MSNBC dans Photoshop

Étape 12

Ici, j’ai sélectionné tous les calques et les ai dupliqués, après cela j’ai retourné le calque copié et changé le Mode de fusion à Écran avec 30 % d’opacité. J’ai aussi appliqué plus Flou gaussien à cette couche afin de créer un effet de réflexion sol mouillé.

Arrière-plan MSNBC dans Photoshop

Conclusion

Le résultat final de l’effet sur fond noir. Après cela, j’ai dû le tester avec des éléments dessus car cette image serait utilisée comme arrière-plan du nouveau site Web. Cependant, comme vous pouvez le constater, l’ensemble du processus a été très simple une fois que j’ai eu l’idée d’utiliser le symbole pour créer le motif et que je l’ai appliqué avec le liquide pour créer ce filet en mouvement.

Arrière-plan MSNBC dans Photoshop