Depuis notre groupe Flickr j’ai u plusieurs demandes pour faire ce fond d’écran alors le voilà un tuto plus tôt facile pour réaliser un super fond d’écran high-tech avec Photoshop cs4 et cs5

Créer un fond d’écran high-tech

Pour commencer ouvrez un nouveau document de 1900×1200 pixels résolution 72Dpi couleur RVB 8 bit, puis ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Maintenant prenez l’outil texte (T) et tapez des “0” et des “1” comme ceci

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Ensuite pixellisez votre texte en allant dans Menu > Calque > Pixellisation > Texte, nous allons maintenant lui appliquer une perspective et pour le faire allez dans Menu > Edition > Transformation > Perspective et mettez le curseur de la souris sur le coin gauche en haut du cadre puis glissez-le vers le haut comme ceci

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Changez son opacité à 32%

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Prenez ensuite l’outil ellipse de sélection (M) avec un contour progressif de 30px

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Faites une sélection radial comme ceci

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Allez dans Menu > Filtre > Atténuation > Flou gaussien > 3.8 pixels

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Refaites la même chose pour l’autre coté de l’image

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Maintenant dupliquez votre calque (Ctrl+J) et augmentez sa taille (Ctrl+T)

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Créez un nouveau calque et avec l’outil pinceau (P) dessinez une forme comme ceci

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Changez son mode de fusion en incrustation et réduisez son opacité à 41%

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Dupliquez votre calque et déplacer le un peu vers la droite

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Maintenant importez l’image suivante dans Photoshop

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Et sélectionnez juste la fumée pour le faire allez dans l’onglet « Couches » Maintenez la touche Ctrl Enfoncé et cliquez sur RVB ou une autre couche puis faite un Ctrl+C (Copie) et revenez dans votre document et faite Ctrl+V (Coller)

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Changez son mode de fusion en Densité couleur –

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Ensuite allez dans Menu > Filtre > Déformation > Tourbillons

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Puis allez dans Menu > Filtre > Atténuation > Flou directionnel

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

 

Changez sa position puis dupliquez-le plusieurs fois pour obtenir quelque chose comme ceci

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Ajoutez un calque de remplissage dégradé Noir et blanc en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Changez son mode de fusion en Incrustation

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Ajoutez un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > nouveau calque de réglage > Courbe de transfert de dégradé avec Lumière crue comme mode de fusion et 56% pour l’opacité

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Pour finir importez la texture suivante dans votre document

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Changez son mode de fusion en incrustation et réduisez son opacité à 44%

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Et voilà le travail

Tutoriaux photoshop créer un fond d'écran High-teck avec photoshop cs3, cs4 et cs5

Cliquez ici pour voir l’image en grande format

35 COMMENTAIRES

  1. Là je dois dire que “Ton opinion tu te la garde pour toi-même et un allé simple vers la blackliste la prochaine sera l’erreur 404 pour toi “:S

    Pourquoi vouloir toujours rajouter des effets de lumières à la fin…

    A cette étape: https://www.tutsps.com/images/creer_… ça aurait suffit largement.

    Commentaire modéré par Miky75

  2. Bonjour a tous,
    Encore un super rendu, merci graph.
    Serai t’il possible d’inclure a cette arriere plan une silhouette humaine, du moins le haut du corp qui cherche a sortir par derriere le fond d’ecran, sans percé l’arriere plan?
    Merci

  3. Bonjour à tous,
    merci pour tout les tuto ils sont tous magnifiques LOL ,je me suis améliorer une de c’est façon grace à vous 😎 ..les effets sont toujours autant savourant c’est incroyable :mdr: ..j’ai une question pour les gens du forum..Est ce que il y aurait un site pour télécharger blinder de script je cherche sa depuis un moment?!je cherche encor mai sa me faciliterai la tache si qqn c’est merci.. 🙂

  4. Salut Graf’,
    Super tuto, l’idée est pas mal et le rendu final est excellent à mon goût ^^
    Maintenant je voudrais savoir si tu pouvais créer un tutoriel pour créer comme une plaquette de pastilles de médicaments, mais au lieu des médicaments, autre chose, n’importe quoi. Je sais pas si c’est assez clair 😀
    Ça serait sympa, c’est pour la page de garde d’un travail de matu 😀
    A+

  5. Si tu veux: Ça –> [ Lien caché ]

    Mais avec quelque chose d’autre que des pastilles dedans, si c’est possible, A+ ^^

    l’admin a reçue votre demande avec le lien “les liens de promotion de médicament sont interdits” Miky75

  6. euh salut dite moi je suit coincé a l’étape de la Menu > Edition > Transformation > Perspective perspecive et grissé je ne peut pas cliqué dessut pourquoi j’ai tout fait comme il fallé pour tant merci de m’aider 😉

  7. Salut Graph

    J’aime trop ton site .

    J’aimerais te contacter par email ? ( te donner un idée de tuto )

    Et en passant sur se tuto je remarquer qu’on peut juste changer la couleur du debut ( le calque de remplissage en degrader )

    Mercii pour le site !

  8. Bonjour je pass dabord pour dire que les tuto sont tj autant magnifique et de 2 pour dire dire que merci j’ai trouver le site qui ma permi davoir plus de 1000 script bien sur j’ai du payer mais sa en valait vrmt la peine soit vous laisse le lien pour faire dont de mon temoignage:

  9. Excellent c’est tout simplement excellent. Très grande pédagogie moi qui n’y connais rien à la base. Toutes mes félicitations. keep going !!!

  10. Bonjour,

    Je ne suis pas nouveau sur photoshop, mais je crois que j’ai un petit problème, quand je fait calque de remplissage -> dégradé, et ben je n’ai pas votre fenetre, mais la fenêtre, nouveau calque, est ce normal ?

  11. Salut Jaimerais savoir comment aceder a cela
    Menu > Calque > Nouveau calque de remplissage > Dégradé

    si posible me repondre avec une photo ou bien me dire en anglais ses ou cars mon PS est en anglais :S
    (je ne peu pas le metre en francais ..cars je nes pas les pack language .. C’est se que sa dit quand jessaile de le metre en francais.)

    Merci, Et magnifique Tut!!

  12. Superbe render comme d’hab!

    Par contre à vrai dire l’ajout de la texture me chagrine un peu. Mais bon, chacun ses gouts et ici c’est toi le patron LOL

    Sinon rien à redire, encore un tuto à la hauteur de Tutsps!!

  13. Non mais tu te crois où Graphiste, il a le droit de donner son opinion, de plus, JE trouve qu’il a raison, JE trouve que l’image était bien mieux sans les derniers effets..
    C’est pas en réagissant comme ça aux critiques que tu avanceras, bref bonne chance pour la suite mais calme toi un peu. 🙂