>Du nouveau dans tutsps comme chaque fois, Un tuto ultra complet pour créer une superbe scène futuriste vraiment trop réaliste avec Photoshop.

Créer une scène futuriste avec Photoshop

Avant de commencer téléchargez le pack suivant, puis ouvrez un nouveau document de 1900×1200 pixels résolution 300Dpi couleurs RVB8Bits.

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

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Dans un nouveau calque (Ctrl+Shift+N), utilisez l’outil pinceau (B) et la couleur #0883be pour dessinez les deux formes similaires à celle-ci

Adobe photoshop Créer une scène futuriste avec Photoshop

Changez son mode de fusion en Superposition

Adobe photoshop Créer une scène futuriste avec Photoshop

Puis importez l’image du globe dans votre document

Adobe photoshop Créer une scène futuriste avec Photoshop

Rendez-vous dans les options de fusion de ce dernier (Menu > Calque > Style de calque > Option de fusion).

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Prenez l’outil Gomme (E) et effacez la partie de droite du globe

Adobe photoshop Créer une scène futuriste avec Photoshop

Importez l’image de la carte dans votre document et mettez-la en bas à gauche comme ceci

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Maintenant téléchargez l’image suivante malheureusement elle n’est pas libre de droit

Adobe photoshop Créer une scène futuriste avec Photoshop

Url pour le téléchargement Id de l’image : 13820500

  Adobe photoshop Créer une scène futuriste avec Photoshop

Prenez l’outil de sélection rapide (W) et sélectionnez le personnage

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Prenez l’outil Ellipse (U) et dessinez le rond suivant

Adobe photoshop Créer une scène futuriste avec Photoshop

Rendez-vous dans les options de fusion

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Faite la même chose pour créer un autre cercle

Adobe photoshop Créer une scène futuriste avec Photoshop

Créez un nouveau calque (Ctrl+Shift+N), prenez l’outil pinceau (B) avec une forme radiale une dureté de 100% et 36% pour l’opacité et dessinez les ronds suivants

Adobe photoshop Créer une scène futuriste avec Photoshop

Dans les options de fusion appliquez dessus une lueur externe

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Dans un nouveau calque avec l’outil pinceau (B) dessinez une autre forme radiale mais avec une dureté de 0%, une opacité de 60% et la couleur suivante #7fbfd1.

Adobe photoshop Créer une scène futuriste avec Photoshop

Changez son mode de fusion en densité couleur –

Adobe photoshop Créer une scène futuriste avec Photoshop

Maintenant nous allons créer notre propre brushes, ouvrez un nouveau document de 150×150 pixels

Dessinez dessus un rectangle arrondi

Adobe photoshop Créer une scène futuriste avec Photoshop

Faite un tour dans les options de fusion de ce dernier en appliquant les options suivantes

Adobe photoshop Créer une scène futuriste avec Photoshop

Masquez le calque d’arrière plan, mettez vous sur le calque du rectangle et allez dans Menu > Edition > Utiliser comme forme prédéfinie

Adobe photoshop Créer une scène futuriste avec Photoshop

Revenez à votre document prenez l’outil pinceau (B), choisissez la forme que vous avez créé, et appuyez sur le bouton F5 de votre clavier ou bien allez dans Menu > Fenêtre > Forme pour faire apparaitre la fenêtre des options de forme et réglez-les comme ceci

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Créez un nouveau calque et dessinez dessus des rectangles avec la forme que vous avez obtenue

Adobe photoshop Créer une scène futuriste avec Photoshop

Gommez quelques rectangles avec l’outil gomme (E) comme ceci

Adobe photoshop Créer une scène futuriste avec Photoshop

Rendez-vous dans les options de fusion pour ajouter une lueur externe

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Maintenant prenez l’outil rectangle arrondi (U) avec un rayon de 10 pixels et dessinez le rectangle suivant

Adobe photoshop Créer une scène futuriste avec Photoshop

Allez dans les options de fusion de ce dernier

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Prenez l’outil plume (P) avec calque de forme coché et dessinez la forme suivante

Adobe photoshop Créer une scène futuriste avec Photoshop

Ensuite prenez l’outil texte (T) et dessinez des textes inversés comme ceci

Adobe photoshop Créer une scène futuriste avec Photoshop

Réécrivez d’autre texte, puis fusionnez-les.

Adobe photoshop Créer une scène futuriste avec Photoshop

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

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Maintenant dupliquez le grand rectangle deux ou trois fois puis réduisez leurs tailles et déplacez-les comme ceci ( Si le satin vous dérange enlevez-le )

Adobe photoshop Créer une scène futuriste avec Photoshop

Importez l’image du troisième globe dans votre document.

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Allez ensuite dans les options de fusion

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Ce qui vous donne ceci

Adobe photoshop Créer une scène futuriste avec Photoshop

Nous allons maintenant ajoutez un autre détaille, prenez l’outil rectangle (U) et dessinez un rectangle similaire à celui-ci.

Adobe photoshop Créer une scène futuriste avec Photoshop

Réduisez son opacité à 25%

Adobe photoshop Créer une scène futuriste avec Photoshop

Répétez l’action plusieurs fois ou bien juste dupliquez les rectangle pour obtenir ceci

Adobe photoshop Créer une scène futuriste avec Photoshop

Ensuite dessinez un rond en utilisant l’outil ellipse (U).

Adobe photoshop Créer une scène futuriste avec Photoshop

Allez dans les options de fusion de ce dernier

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Adobe photoshop Créer une scène futuriste avec Photoshop

Si vous voulez encore ajoutez d’autre détaille faites le

Créez un nouveau calque, prenez l’outil pinceau (B) avec une forme d’environ 600 pixels et dessinez un rond au centre avec la couleur suivant #1feef6

Adobe photoshop Créer une scène futuriste avec Photoshop

Changez son mode de fusion en incrustation

Adobe photoshop Créer une scène futuriste avec Photoshop

Pour finir 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 incrustation pour son mode de fusion et 57% pour l’opacité

Adobe photoshop Créer une scène futuriste avec Photoshop

Et voilà le résultat final

Adobe photoshop Créer une scène futuriste avec Photoshop

 

63 COMMENTAIRES

  1. Derien.
    Oh tu pourrais me renseigner ? Je voudrais savoir s’il y avait moyen de faire une sphère en 3D sur Photoshop CS5 et ensuite, grâce à After Effect (ou à un autre soft, si tu as à me recommander), la faire tourner sur elle même.
    Tu comprends ce que je veux dire?

  2. Madgikdali Tu pourrais écrire bien déjà. Puis les précédents tuto ne sont pas nul à chier comme tu dis, ils ne sont pas à tes gouts c’est tout.

    Sinon encore une fois splendide réalisation, magnifique rendu 🙂

  3. alors la je dois dire mortel le rendu est magnifique,je ne savais pas quoi faire se soir ba j’ai trouvé ^^

    graf ne t’arrete pas,grace a toi j’ai beaucoup apri.

  4. Bonsoir,
    Super tuto une fois de plus. Par contre je sèche et ne parviens pas à virer la couleur noire qui est dans l’élipse (au-dessus du doigt pointée) créée à laquelle on fait un lueur externe.
    Comment faire pour obtenir la transparence et ne conserver que la lueur externe ?

  5. J’ai Photoshop depuis deux semaines, je me suis tapé tout tes tutos un par un et aujourd’hui je suis capable de réaliser des trucs vraiment sympa! Merci à toi pour tout ces tutos et bonne continuation (je suis sûr que j’ai encore plein de trucs à apprendre 😉 )!

  6. Merci Grafolog pour ce super tuto !
    Je cherchais depuis un bon moment a crée une image du genre ,avec interface a la Iron Man(sans grande reussite grace a mon faible niveau sur tochop ;-( ), Mais grâce a vous !! Sa va être chose faite !!!

    Encore merci ,et bonne continuation !

    @MadjikDali : Tous les tutos (ou alors 99,9%(ben ouai y’en a toujours quelque un de moins bien que d’autre)) de ce site sont super ! après si tu n’aime pas ,pas la peine de de râlé “a c d’la mer2” (sans savoir écrire en plus !) Même si mon niveau n’est pas énorme ,Tutsps m’aide chaque jour a m’amélioré.

  7. 😉 Bonjour @MadjikDali, si vous trouvez les tutos nuls, vous n’avez rien à faire ici! Car la principale philosophie de ce site c’est le partage des connaissances! Vous perdez votre temps à critiquer l’excellent travail réalisé par Mr Grafolog! Donc s’il vous plait, épargnez-nous vos propos négatif! on a le droit de ne pas accrocher sur un thème, j’en conviens, mais de là à dire que le reste c’est de la m…., ce n’est pas vraiment respectueux! Sur ce bonne journée

    P.S: Merci Tutps pour tous ce que vous nous apprenez! Grâce à vous PS n’a pratiquement plus de secret pour nous 😉

  8. slt, deja très bon boulot de ta part 😉
    Par contre quand j’arrive au moment où il faut former l’ellipse, j’obtient bien une ellipse mais moi il me reste le rond noir au mileu …
    merci pour votre aide LOL !

  9. Magnifique pour ce tuto une imagination incroyable j’adore une petite question svp je voudrais créer une image animé avec Photoshop de ce style là :
    http://www.casimages.com/img.php?i=
    Un Tutorial serait le bienvenu
    et encore merci pour ce tuto car ça nous apprend beaucoup de chose et continuer comme ça.

                                         +1 a Tutsps.com   :-D
  10. @Midnight: Tu devrais peut-être te calmer un peu. Si ces tutos sont effectivement tiré d’autres sites et que ceux-ci ne sont pas sité alors il est bien de le signaler. En attendant il n’y a pas besoin d’être si agressif !-( .
    Moi je dis joli tuto même si ce n’est pas mon préféré. 😎

  11. @dzavatar Comme tu l’as dis, excellent tuto avant tout .
    Je trouve ton résultat très réussi, hormis l’incorporation de la personne n’est pas très incorporer aux ” décor ” entre guillemets (d’après moi). Mais si non, (Y) 🙂

  12. Salut ! Ce tuto est vraiment super je compte faire une “affiche” avec… C’est très intéressant et avec tes tutos j’apprends énormément ! Mes créations devienne bien plus élaborées ! Je continu tes tutos même si je bloque souvent sur certains points…
    Sinon j’aurai un truc a demander quelle police tu utilise ?
    Et pour écrire le texte a l’envers comment on fait ?
    Enfin, je voudrais savoir si je pouvais faire des tutoriels vidéo avec tes tutos… Sachant que ton site sera mentionné en début et en fin de vidéo et le lien dans la description…

  13. Tres beau tuto, merci.
    @Vez90 : pour le texte à l’envers, une fois ton texte ecrit, EDITION/TRANSFORMATION/SYMETRIE AXE HORIZONTAL c’est pas plus compliqué que cela 😉

  14. Salut grafolog ca fait quelque temps déjà que tes tuto m’aide pour mes propre idée a la place de recopier :p
    se serai simpa de fair des mini tutos pour aprendre juste a fair un effets desiré .
    Voila ++ et bonne continuation a tousse

  15. Salut

    C’est un super tuto ! Mais j’ai des problèmes :

    Au début, tu dis de prendre le pinceau et de dessiner un cercle, sauf que quand je fais ça,j’ai pas du tout la même couleur que tu dis, normal ?

    Un autre de mes problèmes est le découpage de la fille,j’y arrive pas, il restera toujours du beige dans les cheveux, … comment faire ?

    Merci d’avace

  16. J’Aii Du Mal Meme Quand C Expliker Alor Comment A-t-il Fait Tout Seul ?! XD Lool Entouka Chui Content De L’Avoiir Reussi PsK C Assez Compliker x) Mercii Grafolog ! 😀

  17. Salut , supers tuto ! Eu je suis bloquer a la création du “rectangle arrondi” car il met impossible de l’utiliser comme forme prédéfinie (cette partie est grisé :° ), merci d’avance. O-)

  18. Salut Graphologue. Je voulais simplement t’avertir que j’ai repris ton tuto’ pour en refaire un. J’ai bien sur dit que c’était ton tuto’. 😉 Si tu ne veux pas je l’enlève. Mais j’ai mis ton nom.

  19. EDIT :
    Salut Graf’, j’ai dû envoyer trois messages mais j’voulais juste te dire que j’ai pris ton tuto pour en faire un à ma façon et le mettre en signature. Je sais que c’est un peu gros mais j’te demande de bien vouloir me dire si tu est d’accord.
    Et puis, j’ai biens mis un copyright en ta faveur. J’espère que tu ne sera pas trop sévère envers moi.
    Merci.
    PS : J’adore c’que tu fais ! (Sans faire le faux-cul)

LAISSER UNE RÉPONSE