Créer un superbe effet d’immeuble volant avec Photoshop

Avec ce tuto Photoshop continuez votre formation en créant un spectaculaire effet de montage Photo ! Les immeubles ne seront plus jamais cloués au sol grâce à votre logiciel Photoshop.

Avez vous déjà vu un immeuble volant ? Bien sur que non, pourtant wks vous permet aujourd’hui de créer ce spectaculaire photomontage. Vous pourrez réaliser cette prouesse en utilisant bien sur votre logiciel préféré Photoshop !

Ce tuto Photoshop peut être fait par tout le monde cependant je pense que vous devrez tout de même maitriser les bases pour pouvoir vous lancer facilement. De plus ce tuto est plutôt long, plus de 40 étapes !

Voici le résultat final :

Tuto Photoshop : Créer un immeuble volant

Ficher technique de ce tuto Photoshop :

  • Durée : environ 40 minutes
  • Niveau : Expérimenté
  • Logiciel utilisé : Photoshop

Pré-requis : un immeuble http://www.sxc.hu/photo/862067

 ETAPE 1

Ouvrez l’image de l’immeuble en pré-requis. Comme l’image est imposante, vous pouvez la réduire via Image > Taille de l’image. Double-cliquez sur sa vignette dans la palette des calques pour convertir le calque d’Arrière-plan en Calque 0.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 2

L’espace en hauteur n’est pas assez important, augmentez alors la taille de la zone de travail, via le menu Image. Gardez l’immeuble dans le bas de la zone de travail.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 3

Prélevez la couleur du ciel en haut de la composition, puis ajoutez un nouveau calque que vous remplissez de la couleur prélevée. Placez ce calque sous celui de l’immeuble.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 4

Il y a de grandes chances pour qu’il y ait une démarcation, alors vous pouvez user d’un masque sur l’immeuble

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

++++

 ETAPE 5

L’image de base est prête, fusionnez les 2 calques.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 6

Passons dans le vif du sujet. Nous allons commencer par décaler une portion d’étage avant de faire une découpe franche d’une partie du haut de l’immeuble, histoire de nous entrainer. Outil Lasso Polygonal, avec contour progressif à 0, sélectionnez un bloc.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 7

Clic droit > Calque par couper. Un nouveau calque avec le bloc sélectionné se crée, laissant un trou dans l’immeuble.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 8

Outil Déplacement, déplacez le bloc, comme s’il coulissait.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 9

Sélectionnez le calque avec le bloc déplacé et avec le Lasso polygonal, sélectionnez la face avant. Puis Clic droit > Calque par copier.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 10

Outil Tampon de duplication, supprimez la fenêtre.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 11

Cachez le calque du bloc « intact » et glissez le calque de la fenêtre effacée de sorte à ce qu’il fasse un fond. Placez ce calque sous celui de l’immeuble.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 12

Pour que cela soit plus clair, renommez vos calques.

Tuto Photoshop : Créer un immeuble volant

++++

 ETAPE 13

Dupliquez le calque « fond » placez-le comme sur la capture.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 14

Edition > Transformation > Torsion, déformez-le pour qu’il comble le côté.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 15

Dupliquez encore une fois le « fond » et cette fois, créez le plafond.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 16

Renommez vos calques.

Tuto Photoshop : Créer un immeuble volant

++++

 ETAPE 17

Sélectionnez le calque « fond » et Image > Réglages > Luminosité et contraste.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 18

Sélectionnez le calque « plafond » et Image > Réglages > Luminosité et contraste.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 19

Rendez visible le calque « bloc ». Et sélectionnez le devant, comme à l’étape 9.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 20

Image > Réglages > Luminosité et contraste. ⌘D (ctrl+d).

Tuto Photoshop : Créer un immeuble volant

++++

 ETAPE 21

Voilà l’aspect de l’immeuble pour le moment.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 22

Pour faire le fond du bloc, dupliquez de nouveau le calque « fond » et avec la transformation > Torsion, positionnez.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 23

Image > Réglages > Luminosité et contraste.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 24

Outil lasso polygonal, faites une sélection pour simuler l’angle du fond.

Tuto Photoshop : Créer un immeuble volant

++++

 ETAPE 25

Outil tampon de duplication, remplissez le vide. ⌘D (ctrl+d).

Tuto Photoshop : Créer un immeuble volant

 ETAPE 26

Si comme pour moi, le fond du bloc passe par-dessus la façade de l’immeuble, sélectionnez le surplus et Suppr. ⌘D (ctrl+d).

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 27

Pour plus de réalisme, sélectionnez le calque de l’immeuble d’origine et avec le Lasso Polygonal avec un contour progressif à 3 px, faites une sélection qui simulera l’ombre portée du bloc sur l’immeuble. ⌘D (ctrl+d).

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 28

Maintenant, nous allons couper une partie du haut de l’immeuble et le faire s’envoler. Outil Lasso polygonal contour progressif à 0 px, sélectionnez le haut de l’immeuble.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 29

Clic droit > Calque par couper. Attention d’avoir bien activer le calque de l’immeuble d’origine. Puis faites-le s’envoler.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 30

Sélectionnez le côté du « bloc 2 » et Clic droit > Calque par copier (c’est le calque « bloc 2 » qui est actif).

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 31

Déplacez le calque ainsi créé pour combler la façade manquante. Placez ce calque sous celui de l’immeuble d’origine.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 32

Il ne reste plus qu’à combler le fond du « bloc 2 ». Pour cela, sélectionnez des carreaux de la façade d’origine. Et Clic droit > Calque par copier (c’est le calque de l’immeuble d’origine qui doit être actif).

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

++++

 ETAPE 33

Il ne vous reste plus qu’à faire au mieux avec la Transformation > Torsion, pour placer votre fond.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 34

Sélectionnez bien le calque de ce fond dans la palette des calques et Image > Réglages > Luminosité et contraste.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 35

Pour combler le ciel qui manque, ajoutez un calque sous celui de l’immeuble d’origine et avec l’outil de duplication échantillonné sur « Tous les calques », comblez le trou.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 36

Placez votre bloc 2 ou vous le désirez sur votre document. Si vous désirez simuler des fils qui relie le bloc 2 à l’immeuble d’origine, faites vos tracés avec la Plume.

Tuto Photoshop : Créer un immeuble volant

++++

 ETAPE 37

Choisissez un pinceau très fin et le noir en couleur de PP.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 38

Ajoutez un nouveau calque et Clic droit > Contour du tracé. Sur tous les tracés. Choisissez Forme et ne cochez pas « Simuler la pression ».

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

 ETAPE 39

Vous pouvez supprimer les tracés.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 40

Il ne vous reste plus qu’à recadrer votre document.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 41

⇧⌥⌘E (maj+alt+ctrl+e) pour créer un calque fusionné de l’ensemble puis Filtre > Atténuation > Flou gaussien à 2 px.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 42

Mettez ce calque sur Incrustation en baissant l’opacité à 80%.

Tuto Photoshop : Créer un immeuble volant

 ETAPE 43

Vous pouvez ajouter un Réglage > Vibrance pour atténuer les couleurs si vous le désirz.

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

Tuto Photoshop : Créer un immeuble volant

Merci à tous d’avoir lu ce nouveau tutorial photoshop sur wks.fr ! Si vous avez des questions merci d’utiliser les commentaires ci-dessous, enfin si vous souhaitez suivre la vie du site, rejoignez nous sur le groupe facebook :

Partager cet article avec vos amis

Ajouter un nouveau commentaire

Article publié par Julien DEBOVE

Voir le profil Google+ de

Images Réalisées à partir de ce tutoriel Photoshop

Il y a aucune image pour le moment, soyez le premier à ajouter une image à ce tuto Photoshop.

Vous avez terminé ce tuto ? Partager votre création graphique.

Il y a 6 commentaires publiés sur cet article
  • David

    Le tuto est très bien fait, le tout est très bin expliqué pour les débutant. Le tout a un rendu qui et quand même assez bien fait je l’avoue. Bravi Hélène, j’espère voir bientôt d’autres tutoriels de votre part.

     
    Poker sites spend a lot of money on their online casino graphics but I am sure that investment is made up quickly with all the gamblers they have Online Casino

    Répondre
  • laure

    Bonjour,

    A la page 5, toutes les photos ( sauf la première ) ne s’affiche pas.

    Répondre
  • sow86

    merci bcp, c’est trés interessant

    Répondre
  • hotfile

    Thanks for the atticle..

    Répondre
  • Dr.Bloodied

    Dommage pour la page 5 ; d’autant que c’est une partie importante, mais merci quand même ! :D

    Répondre
  • dylou

    Super tuto, bien expliqué et abordable pour les amateurs. Merci

    Répondre
Ajouter un nouveau commentaire

Warning: Wrong parameter count for join() in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/plugins/spipBB/inc/statvisites.php on line 60

Warning: Wrong parameter count for join() in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/plugins/spipBB/inc/statvisites.php on line 72

Fatal error: Call to undefined function: spip_unlink() in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/plugins/spipBB/inc/statvisites.php on line 96